Image Photo Gallery Final Tiles Grid - Version 3.5.2

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 Icon 128x128 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 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.1
7
- * Author: WPChill
8
- * Author URI: https://wpchill.com
9
- * Tested up to: 5.2
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.1" );
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
- 'enableGplus' => 'F',
140
- 'enablePinterest' => 'F',
141
- 'enableTwitter' => 'F',
142
- 'enlargeImages' => 'T',
143
- 'filterClick' => 'F',
144
- 'filters' => '',
145
- 'gridCellSize' => 25,
146
- 'gridCellSizeDisabledBelow' => 800,
147
- 'hoverDuration' => 250,
148
- 'hoverIconRotation' => 'F',
149
- 'hoverRotation' => 0,
150
- 'hoverZoom' => 100,
151
- 'imageSizeFactor' => 30,
152
- 'imageSizeFactorCustom' => '',
153
- 'imageSizeFactorPhoneLandscape' => 30,
154
- 'imageSizeFactorPhonePortrait' => 20,
155
- 'imageSizeFactorTabletLandscape' => 30,
156
- 'imageSizeFactorTabletPortrait' => 20,
157
- 'imagesOrder' => 'user',
158
- 'layout' => 'final',
159
- 'lazyLoad' => false,
160
- 'lightbox' => 'lightbox2',
161
- 'lightboxImageSize' => 'large',
162
- 'lightboxOptions' => '',
163
- 'lightboxOptionsMobile' => '',
164
- 'loadedDuration' => 500,
165
- 'loadedEasing' => 'ease-out',
166
- 'loadedHSlide' => 0,
167
- 'loadedRotateY' => 0,
168
- 'loadedRotateX' => 0,
169
- 'loadedScaleY' => 100,
170
- 'loadedScaleX' => 100,
171
- 'loadedVSlide' => 0,
172
- 'loadingBarBackgroundColor' => "#fff",
173
- 'loadingBarColor' => "#666",
174
- 'loadMethod' => 'sequential',
175
- 'margin' => 10,
176
- 'max_posts' => 0,
177
- 'minTileWidth' => '250',
178
- 'mobileLightbox' => 'lightbox2',
179
- 'post_types' => '',
180
- 'post_taxonomies' => '',
181
- 'recentPostsCaption' => 'title',
182
- 'recentPostsCaptionAutoExcerptLength' => 20,
183
- 'rel' => '',
184
- 'reverseOrder' => false,
185
- 'script' => '',
186
- 'shadowColor' => '#cccccc',
187
- 'shadowSize' => 0,
188
- 'socialIconColor' => '#ffffff',
189
- 'socialIconPosition' => 'bottom',
190
- 'socialIconStyle' => 'none',
191
- 'source' => 'images',
192
- 'style' => '',
193
- 'support' => 'F',
194
- 'supportText' => 'Powered by Final Tiles Grid Gallery',
195
- 'taxonomyOperator' => 'OR',
196
- 'tilesPerPage' => 0,
197
- 'titleFontSize' => 14,
198
- 'width' => '100%',
199
- 'wp_field_caption' => 'description',
200
- 'wp_field_title' => 'title',
201
- ) ;
202
- //Constructor
203
- public function __construct()
204
- {
205
- $this->plugin_name = plugin_basename( __FILE__ );
206
- $this->define_constants();
207
- $this->setupFields();
208
- $this->define_db_tables();
209
- $this->FinalTilesdb = $this->create_db_conn();
210
- add_filter( 'widget_text', 'do_shortcode' );
211
- add_action( 'init', array( $this, 'create_textdomain' ) );
212
- add_action( 'wp_enqueue_scripts', array( $this, 'add_gallery_scripts' ) );
213
- //add_action( 'admin_init', array($this,'gallery_admin_init') );
214
- add_action( 'admin_menu', array( $this, 'add_gallery_admin_menu' ) );
215
- add_action( 'init', array( $this, 'register_gutenberg_block' ) );
216
- add_shortcode( 'FinalTilesGallery', array( $this, 'gallery_shortcode_handler' ) );
217
- add_action( 'wp_ajax_save_gallery', array( $this, 'save_gallery' ) );
218
- add_action( 'wp_ajax_add_new_gallery', array( $this, 'add_new_gallery' ) );
219
- add_action( 'wp_ajax_delete_gallery', array( $this, 'delete_gallery' ) );
220
- add_action( 'wp_ajax_clone_gallery', array( $this, 'clone_gallery' ) );
221
- add_action( 'wp_ajax_save_image', array( $this, 'save_image' ) );
222
- add_action( 'wp_ajax_add_image', array( $this, 'add_image' ) );
223
- add_action( 'wp_ajax_save_video', array( $this, 'save_video' ) );
224
- add_action( 'wp_ajax_sort_images', array( $this, 'sort_images' ) );
225
- add_action( 'wp_ajax_delete_image', array( $this, 'delete_image' ) );
226
- add_action( 'wp_ajax_assign_filters', array( $this, 'assign_filters' ) );
227
- add_action( 'wp_ajax_assign_group', array( $this, 'assign_group' ) );
228
- add_action( 'wp_ajax_toggle_visibility', array( $this, 'toggle_visibility' ) );
229
- add_action( 'wp_ajax_refresh_gallery', array( $this, 'refresh_gallery' ) );
230
- add_action( 'wp_ajax_get_gallery_configuration', array( $this, 'get_configuration' ) );
231
- add_action( 'wp_ajax_update_gallery_configuration', array( $this, 'update_configuration' ) );
232
- add_action( 'wp_ajax_get_image_size_url', array( $this, 'get_image_size_url' ) );
233
- add_filter( 'mce_buttons', array( $this, 'editor_button' ) );
234
- add_filter( 'mce_external_plugins', array( $this, 'register_editor_plugin' ) );
235
- add_action( 'wp_ajax_ftg_shortcode_editor', array( $this, 'ftg_shortcode_editor' ) );
236
- add_filter(
237
- 'plugin_row_meta',
238
- array( $this, 'register_links' ),
239
- 10,
240
- 2
241
- );
242
- add_action( 'wp_ajax_load_chunk', array( $this, 'load_chunk' ) );
243
- add_action( 'wp_ajax_nopriv_load_chunk', array( $this, 'load_chunk' ) );
244
-
245
- if ( ftg_fs()->is_not_paying() ) {
246
- add_action( 'admin_notices', array( $this, 'review' ) );
247
- add_action( 'wp_ajax_ftg_dismiss_review', array( $this, 'dismiss_review' ) );
248
- add_filter(
249
- 'admin_footer_text',
250
- array( $this, 'admin_footer' ),
251
- 1,
252
- 2
253
- );
254
- }
255
-
256
- $this->resetFields();
257
- }
258
-
259
- /**
260
- * Register Gutenberg Block
261
- */
262
- public function register_gutenberg_block()
263
- {
264
- if ( !function_exists( 'register_block_type' ) ) {
265
- // Gutenberg is not active.
266
- return;
267
- }
268
- // Register block js script
269
- wp_register_script( 'ftg-gallery-block', plugins_url( 'scripts/gutenberg_block.js', __FILE__ ), array(
270
- 'wp-blocks',
271
- 'wp-i18n',
272
- 'wp-element',
273
- 'wp-editor',
274
- 'wp-components'
275
- ) );
276
- // Editor CSS
277
- wp_register_style( 'ftg-gallery-block-editor', plugins_url( 'admin/css/gutenberg_block.css', __FILE__ ), array( 'wp-edit-blocks' ) );
278
- // Register block
279
- register_block_type( 'ftg/gallery', array(
280
- 'editor_style' => 'ftg-gallery-block-editor',
281
- 'editor_script' => 'ftg-gallery-block',
282
- ) );
283
- // Set block translation
284
- wp_set_script_translations( 'FinalTiles-gallery', 'final-tiles-gallery', dirname( plugin_basename( __FILE__ ) ) . '/lib/languages/' );
285
- $galls = [ [
286
- 'value' => 0,
287
- 'label' => esc_html__( 'Select gallery', 'final-tiles-grid-gallery-lite' ),
288
- ] ];
289
- $galleries = $this->FinalTilesdb->getGalleries();
290
- if ( $galleries ) {
291
- foreach ( $galleries as $g ) {
292
- $galls[] = [
293
- 'value' => $g->Id,
294
- 'label' => $g->name,
295
- ];
296
- }
297
- }
298
- // send list of galleries to block
299
- wp_localize_script( 'ftg-gallery-block', 'ftg_galleries', array(
300
- 'items' => $galls,
301
- 'add_new_galler_url' => admin_url( 'admin.php?page=ftg-add-gallery' ),
302
- ) );
303
- }
304
-
305
- public function review()
306
- {
307
- // Verify that we can do a check for reviews.
308
- $review = get_option( 'ftg_review' );
309
- $time = time();
310
- $load = false;
311
- $there_was_review = false;
312
-
313
- if ( !$review ) {
314
- $review = array(
315
- 'time' => $time,
316
- 'dismissed' => false,
317
- );
318
- $load = true;
319
- $there_was_review = false;
320
- } else {
321
- // Check if it has been dismissed or not.
322
- if ( isset( $review['dismissed'] ) && !$review['dismissed'] && (isset( $review['time'] ) && $review['time'] + DAY_IN_SECONDS <= $time) ) {
323
- $load = true;
324
- }
325
- }
326
-
327
- // If we cannot load, return early.
328
- if ( !$load ) {
329
- return;
330
- }
331
- // Update the review option now.
332
- update_option( 'ftg_review', $review );
333
- // Run through optins on the site to see if any have been loaded for more than a week.
334
- $valid = false;
335
- $galleries = $this->FinalTilesdb->getGalleries();
336
- if ( !$galleries ) {
337
- return;
338
- }
339
- $with_date = false;
340
- foreach ( $galleries as $gallery ) {
341
- if ( !isset( $gallery->date ) ) {
342
- continue;
343
- }
344
- $with_date = true;
345
- $data = $gallery->date;
346
- // Check the creation date of the local optin. It must be at least one week after.
347
- $created = ( isset( $data ) ? strtotime( $data ) + 7 * DAY_IN_SECONDS : false );
348
- if ( !$created ) {
349
- continue;
350
- }
351
-
352
- if ( $created <= $time ) {
353
- $valid = true;
354
- break;
355
- }
356
-
357
- }
358
- if ( !$with_date && count( $galleries ) > 0 && !$there_was_review ) {
359
- $valid = true;
360
- }
361
- // If we don't have a valid option yet, return.
362
- if ( !$valid ) {
363
- return;
364
- }
365
- // We have a candidate! Output a review message.
366
- ?>
367
- <div class="notice notice-info is-dismissible ftg-review-notice">
368
- <p><?php
369
- 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' );
370
- ?></p>
371
- <p><strong><?php
372
- esc_html_e( 'MachoThemes', 'final-tiles-grid-gallery-lite' );
373
- ?></strong></p>
374
- <p>
375
- <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
376
- esc_html_e( 'Ok, you deserve it', 'final-tiles-grid-gallery-lite' );
377
- ?></a><br>
378
- <a href="#" class="ftg-dismiss-review-notice" rel="noopener"><?php
379
- esc_html_e( 'Nope, maybe later', 'final-tiles-grid-gallery-lite' );
380
- ?></a><br>
381
- <a href="#" class="ftg-dismiss-review-notice" rel="noopener"><?php
382
- esc_html_e( 'I already did', 'final-tiles-grid-gallery-lite' );
383
- ?></a><br>
384
- </p>
385
- </div>
386
- <script type="text/javascript">
387
- jQuery(document).ready( function($) {
388
- $(document).on('click', '.ftg-dismiss-review-notice, .ftg-review-notice button', function( event ) {
389
- if ( ! $(this).hasClass('ftg-review-out') ) {
390
- event.preventDefault();
391
- }
392
-
393
- $.post( ajaxurl, {
394
- action: 'ftg_dismiss_review'
395
- });
396
-
397
- $('.ftg-review-notice').remove();
398
- });
399
- });
400
- </script>
401
- <?php
402
- }
403
-
404
- public function dismiss_review()
405
- {
406
- $review = get_option( 'ftg_review' );
407
- if ( !$review ) {
408
- $review = array();
409
- }
410
- $review['time'] = time();
411
- $review['dismissed'] = true;
412
- update_option( 'ftg_review', $review );
413
- die;
414
- }
415
-
416
- public function admin_footer( $text )
417
- {
418
- global $current_screen ;
419
-
420
- if ( !empty($current_screen->id) && strpos( $current_screen->id, 'ftg' ) !== false ) {
421
- $url = esc_url( 'https://wordpress.org/support/plugin/final-tiles-grid-gallery-lite/reviews/?filter=5#new-post' );
422
- $text = sprintf( __( 'Please rate <strong>Final Tiles Gallery</strong> <a href="%s" target="_blank">&#9733;&#9733;&#9733;&#9733;&#9733;</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 );
423
- }
424
-
425
- return $text;
426
- }
427
-
428
- private function resetFields()
429
- {
430
- $keys = array(
431
- 'name',
432
- 'hiddenFor',
433
- 'type',
434
- 'description',
435
- 'default',
436
- 'min',
437
- 'max',
438
- 'mu',
439
- 'excludeFrom'
440
- );
441
- foreach ( $this->fields as $tab_name => $tab ) {
442
- foreach ( $tab["fields"] as $key => $field ) {
443
- //print_r($field);
444
- foreach ( $keys as $kk ) {
445
- if ( !array_key_exists( $kk, $field ) ) {
446
- $this->fields[$tab_name]["fields"][$key][$kk] = "";
447
- }
448
- }
449
- }
450
- }
451
- //print_r($this->fields);
452
- }
453
-
454
- public function register_links( $links, $file )
455
- {
456
- $base = plugin_basename( __FILE__ );
457
-
458
- if ( $file == $base ) {
459
- $links[] = '<a href="admin.php?page=ftg-lite-gallery-admin" title="Final Tiles Grid Gallery Dashboard">Dashboard</a>';
460
- $links[] = '<a href="https://www.machothemes.com/" title="MachoThemes website">MachoThemes</a>';
461
- $links[] = '<a href="https://twitter.com/machothemes" title="@MachoThemes on Twitter">Twitter</a>';
462
- $links[] = '<a href="https://www.facebook.com/machothemes" title="MachoThemes on Facebook">Facebook</a>';
463
- }
464
-
465
- return $links;
466
- }
467
-
468
- /*public function create_db_tables()
469
- {
470
- include_once 'lib/install-db.php';
471
- install_db();
472
- }
473
-
474
- public function activation()
475
- {
476
-
477
- }*/
478
- //Define textdomain
479
- public function create_textdomain()
480
- {
481
- $plugin_dir = basename( dirname( __FILE__ ) );
482
- load_plugin_textdomain( 'final-tiles-grid-gallery-lite', false, dirname( plugin_basename( __FILE__ ) ) . '/languages/' );
483
- foreach ( $this->fields as $s => $section ) {
484
- foreach ( $section["fields"] as $f => $field ) {
485
- $this->fields[$s]["fields"][$f]["description"] = esc_html__( $this->fields[$s]["fields"][$f]["description"], 'final-tiles-grid-gallery-lite' );
486
- }
487
- }
488
- }
489
-
490
- //Define constants
491
- public function define_constants()
492
- {
493
- if ( !defined( 'FINALTILESGALLERY_PLUGIN_BASENAME' ) ) {
494
- define( 'FINALTILESGALLERY_PLUGIN_BASENAME', plugin_basename( __FILE__ ) );
495
- }
496
- if ( !defined( 'FINALTILESGALLERY_PLUGIN_NAME' ) ) {
497
- define( 'FINALTILESGALLERY_PLUGIN_NAME', trim( dirname( FINALTILESGALLERY_PLUGIN_BASENAME ), '/' ) );
498
- }
499
- if ( !defined( 'FINALTILESGALLERY_PLUGIN_DIR' ) ) {
500
- define( 'FINALTILESGALLERY_PLUGIN_DIR', WP_PLUGIN_DIR . '/' . FINALTILESGALLERY_PLUGIN_NAME );
501
- }
502
- }
503
-
504
- //Define DB tables
505
- public static function define_db_tables()
506
- {
507
- global $wpdb ;
508
- $wpdb->FinalTilesGalleries = $wpdb->prefix . 'FinalTiles_gallery';
509
- $wpdb->FinalTilesImages = $wpdb->prefix . 'FinalTiles_gallery_images';
510
- }
511
-
512
- public function create_db_conn()
513
- {
514
- require 'lib/db-class.php';
515
- $FinalTilesdb = FinalTilesDB::getInstance();
516
- return $FinalTilesdb;
517
- }
518
-
519
- public function editor_button( $buttons )
520
- {
521
- array_push( $buttons, 'separator', 'ftg_shortcode_editor' );
522
- return $buttons;
523
- }
524
-
525
- public function register_editor_plugin( $plugin_array )
526
- {
527
- $plugin_array['ftg_shortcode_editor'] = plugins_url( '/admin/scripts/editor-plugin.js', __FILE__ );
528
- return $plugin_array;
529
- }
530
-
531
- public function ftg_shortcode_editor()
532
- {
533
- $css_path = plugins_url( 'assets/css/admin.css', __FILE__ );
534
- $admin_url = admin_url();
535
- $galleries = $this->FinalTilesdb->getGalleries();
536
- //load all galleries
537
- include 'admin/include/tinymce-galleries.php';
538
- wp_die();
539
- }
540
-
541
- public function attachment_fields_to_edit( $form, $post )
542
- {
543
- $form["ftg_link"] = array(
544
- "label" => "Link <small>FTG</small>",
545
- "input" => "text",
546
- "value" => get_post_meta( $post->ID, "_ftg_link", true ),
547
- "helps" => "",
548
- );
549
- $form["ftg_target"] = array(
550
- "label" => "_blank <small>FTG</small>",
551
- "input" => "html",
552
- "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" : "" )) . " />",
553
- );
554
- return $form;
555
- }
556
-
557
- public function attachment_fields_to_save( $post, $attachment )
558
- {
559
- if ( isset( $attachment['ftg_link'] ) ) {
560
- update_post_meta( $post['ID'], '_ftg_link', esc_url_raw( $attachment['ftg_link'] ) );
561
- }
562
- if ( isset( $attachment['ftg_target'] ) ) {
563
- update_post_meta( $post['ID'], '_ftg_target', sanitize_text_field( $attachment['ftg_target'] ) );
564
- }
565
- return $post;
566
- }
567
-
568
- //Delete gallery
569
- public function delete_gallery()
570
- {
571
- if ( check_admin_referer( 'FinalTiles_gallery', 'FinalTiles_gallery' ) ) {
572
- $this->FinalTilesdb->deleteGallery( intval( $_POST['id'] ) );
573
- }
574
- return array();
575
- }
576
-
577
- public function update_configuration()
578
- {
579
-
580
- if ( check_admin_referer( 'FinalTiles_gallery', 'FinalTiles_gallery' ) ) {
581
- $id = $_POST['galleryId'];
582
- $config = stripslashes( $_POST['config'] );
583
- $this->FinalTilesdb->update_config( $id, $config );
584
- }
585
-
586
- exit;
587
- }
588
-
589
- public function get_configuration()
590
- {
591
-
592
- if ( check_admin_referer( 'FinalTiles_gallery', 'FinalTiles_gallery' ) ) {
593
- $id = $_POST['galleryId'];
594
- $gallery = $this->FinalTilesdb->getGalleryConfig( $id );
595
- echo $gallery ;
596
- }
597
-
598
- exit;
599
- }
600
-
601
- public function get_image_size_url()
602
- {
603
- if ( check_admin_referer( 'FinalTiles_gallery', 'FinalTiles_gallery' ) ) {
604
- echo wp_get_attachment_image_url( $_POST['id'], $_POST['size'], false ) ;
605
- }
606
- exit;
607
- }
608
-
609
- //Clone gallery
610
- public function clone_gallery()
611
- {
612
-
613
- if ( check_admin_referer( 'FinalTiles_gallery', 'FinalTiles_gallery' ) ) {
614
- $sourceId = intval( $_POST['id'] );
615
- $g = $this->FinalTilesdb->getGalleryById( $sourceId, true );
616
- $g['name'] .= " (copy)";
617
- $this->FinalTilesdb->addGallery( $g );
618
- $id = $this->FinalTilesdb->getNewGalleryId();
619
- $images = $this->FinalTilesdb->getImagesByGalleryId( $sourceId, 0, 0 );
620
- foreach ( $images as &$image ) {
621
- $image->Id = null;
622
- $image->gid = $id;
623
- }
624
- $this->FinalTilesdb->addImages( $id, $images );
625
- }
626
-
627
- return array();
628
- }
629
-
630
- //Add gallery scripts
631
- public function add_gallery_scripts()
632
- {
633
- wp_enqueue_script( 'jquery' );
634
- wp_register_script(
635
- 'finalTilesGallery',
636
- plugins_url( 'scripts/jquery.finalTilesGallery.js', __FILE__ ),
637
- array( 'jquery' ),
638
- FTGVERSION,
639
- true
640
- );
641
- wp_enqueue_script( 'finalTilesGallery' );
642
- wp_register_style(
643
- 'finalTilesGallery_stylesheet',
644
- plugins_url( 'scripts/ftg.css', __FILE__ ),
645
- array(),
646
- FTGVERSION
647
- );
648
- wp_enqueue_style( 'finalTilesGallery_stylesheet' );
649
- wp_register_script( 'lightbox2_script', plugins_url( 'lightbox/lightbox2/js/script.js', __FILE__ ), array( 'jquery' ) );
650
- wp_register_style( 'lightbox2_stylesheet', plugins_url( 'lightbox/lightbox2/css/style.css', __FILE__ ) );
651
- wp_register_style( 'fontawesome_stylesheet', '//netdna.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.css' );
652
- wp_enqueue_style( 'fontawesome_stylesheet' );
653
- }
654
-
655
- //Admin Section - register scripts and styles
656
- public function gallery_admin_init()
657
- {
658
- if ( function_exists( 'wp_enqueue_media' ) ) {
659
- wp_enqueue_media();
660
- }
661
- $ftg_db_version = '20190518';
662
- $installed_ver = get_option( "FinalTiles_gallery_db_version" );
663
- if ( !$installed_ver || empty($installed_ver) ) {
664
- update_option( "FinalTiles_gallery_db_version", $ftg_db_version );
665
- }
666
-
667
- if ( $installed_ver != $ftg_db_version ) {
668
- activate_finaltilesgallery();
669
- update_option( "FinalTiles_gallery_db_version", $ftg_db_version );
670
- }
671
-
672
- function ftg_get_image_sizes()
673
- {
674
- global $_wp_additional_image_sizes ;
675
- $sizes = array();
676
- foreach ( get_intermediate_image_sizes() as $_size ) {
677
-
678
- if ( in_array( $_size, array(
679
- 'thumbnail',
680
- 'medium',
681
- 'medium_large',
682
- 'large'
683
- ) ) ) {
684
- $sizes[$_size]['width'] = get_option( "{$_size}_size_w" );
685
- $sizes[$_size]['height'] = get_option( "{$_size}_size_h" );
686
- $sizes[$_size]['crop'] = (bool) get_option( "{$_size}_crop" );
687
- } elseif ( isset( $_wp_additional_image_sizes[$_size] ) ) {
688
- $sizes[$_size] = array(
689
- 'width' => $_wp_additional_image_sizes[$_size]['width'],
690
- 'height' => $_wp_additional_image_sizes[$_size]['height'],
691
- 'crop' => $_wp_additional_image_sizes[$_size]['crop'],
692
- );
693
- }
694
-
695
- }
696
- return $sizes;
697
- }
698
-
699
- foreach ( ftg_get_image_sizes() as $name => $size ) {
700
- $this->fields["Links & Lightbox"]["fields"]["lightboxImageSize"]["values"]["Size"][] = $name . "|" . $name . " (" . $size['width'] . 'x' . $size['height'] . (( $size['crop'] ? ' cropped)' : ')' ));
701
- }
702
- $this->fields["Links & Lightbox"]["fields"]["lightboxImageSize"]["values"]["Size"][] = "full|Original (full)";
703
- wp_enqueue_script( 'jquery' );
704
- wp_enqueue_script( 'jquery-ui-dialog' );
705
- wp_enqueue_script( 'jquery-ui-sortable' );
706
- wp_enqueue_script( 'wp-color-picker' );
707
- wp_enqueue_style( 'wp-color-picker' );
708
- wp_enqueue_script( 'media-upload' );
709
- wp_enqueue_script( 'thickbox' );
710
- wp_register_style( 'google-fonts', '//fonts.googleapis.com/css?family=Roboto:400,700,500,300,900' );
711
- wp_enqueue_style( 'google-fonts' );
712
- wp_register_style( 'google-icons', '//cdn.materialdesignicons.com/1.9.32/css/materialdesignicons.min.css', array() );
713
- wp_enqueue_style( 'google-icons' );
714
- wp_register_style( 'final-tiles-gallery-admin', plugins_url( 'admin/css/style.css', __FILE__ ), array( 'colors' ) );
715
- wp_enqueue_style( 'final-tiles-gallery-admin' );
716
- wp_register_script( 'materialize', plugins_url( 'admin/scripts/materialize.min.js', __FILE__ ), array( 'jquery' ) );
717
- wp_enqueue_script( 'materialize' );
718
- wp_register_script( 'final-tiles-gallery', plugins_url( 'admin/scripts/final-tiles-gallery-admin.js', __FILE__ ), array(
719
- 'jquery',
720
- 'media-upload',
721
- 'thickbox',
722
- 'materialize'
723
- ) );
724
- wp_enqueue_script( 'final-tiles-gallery' );
725
- wp_enqueue_style( 'thickbox' );
726
- wp_register_style( 'fontawesome_stylesheet', '//netdna.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.css' );
727
- wp_enqueue_style( 'fontawesome_stylesheet' );
728
- }
729
-
730
- //Create Admin Menu
731
- public function add_gallery_admin_menu()
732
- {
733
- $overview = add_menu_page(
734
- 'Final Tiles Gallery',
735
- 'Final Tiles Gallery',
736
- 'edit_posts',
737
- 'ftg-lite-gallery-admin',
738
- array( $this, 'add_overview' ),
739
- plugins_url( 'admin/icon.png', __FILE__ )
740
- );
741
- $add_gallery = add_submenu_page(
742
- 'ftg-lite-gallery-admin',
743
- esc_html__( 'FinalTiles Gallery >> Add Gallery', 'final-tiles-grid-gallery-lite' ),
744
- esc_html__( 'Add Gallery', 'final-tiles-grid-gallery-lite' ),
745
- 'edit_posts',
746
- 'ftg-add-gallery',
747
- array( $this, 'add_gallery' )
748
- );
749
- add_action( 'load-' . $overview, array( $this, 'gallery_admin_init' ) );
750
- add_action( 'load-' . $add_gallery, array( $this, 'gallery_admin_init' ) );
751
- /*if(! class_exists("PhotoBlocks"))
752
- {
753
- $photoblocks = add_submenu_page('ftg-lite-gallery-admin', __('FinalTiles Gallery >> PhotoBlocks', 'FinalTiles-gallery'), __('PhotoBlocks', 'FinalTiles-gallery'), 'edit_posts', 'ftg-photoblocks', array($this, 'photoblocks'));
754
- add_action('load-' . $photoblocks, array($this, 'gallery_admin_init'));
755
- }
756
-
757
- if(! class_exists("EverlightBox"))
758
- {
759
- $everlightbox = add_submenu_page('ftg-lite-gallery-admin', __('FinalTiles Gallery >> EverlightBox', 'FinalTiles-gallery'), __('EverlightBox', 'FinalTiles-gallery'), 'edit_posts', 'ftg-everlightbox', array($this, 'everlightbox'));
760
- add_action('load-' . $everlightbox, array($this, 'gallery_admin_init'));
761
- }*/
762
- }
763
-
764
- //Create Admin Pages
765
- public function add_overview()
766
- {
767
- global $ftg_fields ;
768
- $ftg_fields = $this->fields;
769
- global $ftg_parent_page ;
770
- $ftg_parent_page = "dashboard";
771
-
772
- if ( array_key_exists( "id", $_GET ) ) {
773
- $woocommerce_post_types = array(
774
- "product",
775
- "product_variation",
776
- "shop_order",
777
- "shop_order_refund",
778
- "shop_coupon",
779
- "shop_webhook"
780
- );
781
- $wp_post_types = array( "revision", "nav_menu_item" );
782
- $excluded_post_types = array_merge( $wp_post_types, $woocommerce_post_types );
783
- $woo_categories = $this->getWooCategories();
784
- include "admin/edit-gallery.php";
785
- } else {
786
- include "admin/overview.php";
787
- }
788
-
789
- }
790
-
791
- public function tutorial()
792
- {
793
- include "admin/tutorial.php";
794
- }
795
-
796
- public function support()
797
- {
798
- include "admin/support.php";
799
- }
800
-
801
- public function photoblocks()
802
- {
803
- include "admin/photoblocks.php";
804
- }
805
-
806
- public function everlightbox()
807
- {
808
- include "admin/everlightbox.php";
809
- }
810
-
811
- private function getWooCategories()
812
- {
813
-
814
- if ( in_array( 'woocommerce/woocommerce.php', apply_filters( 'active_plugins', get_option( 'active_plugins' ) ) ) ) {
815
- $taxonomy = 'product_cat';
816
- $orderby = 'name';
817
- $show_count = 0;
818
- // 1 for yes, 0 for no
819
- $pad_counts = 0;
820
- // 1 for yes, 0 for no
821
- $hierarchical = 1;
822
- // 1 for yes, 0 for no
823
- $title = '';
824
- $empty = 0;
825
- $args = array(
826
- 'taxonomy' => $taxonomy,
827
- 'orderby' => $orderby,
828
- 'show_count' => $show_count,
829
- 'pad_counts' => $pad_counts,
830
- 'hierarchical' => $hierarchical,
831
- 'title_li' => $title,
832
- 'hide_empty' => $empty,
833
- );
834
- return get_categories( $args );
835
- } else {
836
- return array();
837
- }
838
-
839
- }
840
-
841
- public function add_gallery()
842
- {
843
- global $ftg_fields ;
844
- $ftg_fields = $this->fields;
845
- $gallery = null;
846
- $woocommerce_post_types = array(
847
- "product",
848
- "product_variation",
849
- "shop_order",
850
- "shop_order_refund",
851
- "shop_coupon",
852
- "shop_webhook"
853
- );
854
- $wp_post_types = array( "revision", "nav_menu_item" );
855
- $excluded_post_types = array_merge( $wp_post_types, $woocommerce_post_types );
856
- $woo_categories = $this->getWooCategories();
857
- include "admin/add-gallery.php";
858
- }
859
-
860
- public function delete_image()
861
- {
862
- if ( check_admin_referer( 'FinalTiles_gallery', 'FinalTiles_gallery' ) ) {
863
- foreach ( explode( ",", $_POST["id"] ) as $id ) {
864
- $this->FinalTilesdb->deleteImage( intval( $id ) );
865
- }
866
- }
867
- wp_die();
868
- }
869
-
870
- public function assign_filters()
871
- {
872
- if ( check_admin_referer( 'FinalTiles_gallery', 'FinalTiles_gallery' ) ) {
873
-
874
- if ( $_POST['source'] == 'posts' ) {
875
- foreach ( explode( ",", $_POST["id"] ) as $id ) {
876
- update_post_meta( intval( $id ), 'ftg_filters', sanitize_text_field( $_POST['filters'] ) );
877
- }
878
- } else {
879
- foreach ( explode( ",", $_POST["id"] ) as $id ) {
880
- $result = $this->FinalTilesdb->editImage( $id, array(
881
- "filters" => sanitize_text_field( $_POST["filters"] ),
882
- ) );
883
- }
884
- }
885
-
886
- }
887
- wp_die();
888
- }
889
-
890
- public function toggle_visibility()
891
- {
892
- if ( check_admin_referer( 'FinalTiles_gallery', 'FinalTiles_gallery' ) ) {
893
- foreach ( explode( ",", $_POST["id"] ) as $id ) {
894
- $image = $this->FinalTilesdb->getImage( $id );
895
- $this->FinalTilesdb->editImage( $id, array(
896
- "hidden" => ( $image->hidden == 'T' ? 'F' : 'T' ),
897
- ) );
898
- }
899
- }
900
- wp_die();
901
- }
902
-
903
- public function assign_group()
904
- {
905
- if ( check_admin_referer( 'FinalTiles_gallery', 'FinalTiles_gallery' ) ) {
906
-
907
- if ( $_POST['source'] == 'posts' ) {
908
- foreach ( explode( ",", $_POST["id"] ) as $id ) {
909
- update_post_meta( intval( $id ), 'ftg_group', sanitize_text_field( $_POST['group'] ) );
910
- }
911
- } else {
912
- foreach ( explode( ",", $_POST["id"] ) as $id ) {
913
- $result = $this->FinalTilesdb->editImage( $id, array(
914
- "group" => sanitize_text_field( $_POST["group"] ),
915
- ) );
916
- }
917
- }
918
-
919
- }
920
- wp_die();
921
- }
922
-
923
- public function add_image()
924
- {
925
-
926
- if ( check_admin_referer( 'FinalTiles_gallery', 'FinalTiles_gallery' ) ) {
927
- $gid = intval( $_POST['galleryId'] );
928
- $enc_images = stripslashes( $_POST["enc_images"] );
929
- $images = json_decode( $enc_images );
930
- $result = $this->FinalTilesdb->addImages( $gid, $images );
931
- header( "Content-type: application/json" );
932
-
933
- if ( $result === false ) {
934
- echo "{\"success\":false}" ;
935
- } else {
936
- echo "{\"success\":true}" ;
937
- }
938
-
939
- }
940
-
941
- wp_die();
942
- }
943
-
944
- public function list_thumbnail_sizes()
945
- {
946
- global $_wp_additional_image_sizes ;
947
- $sizes = array();
948
- foreach ( get_intermediate_image_sizes() as $s ) {
949
-
950
- if ( in_array( $s, array( 'thumbnail', 'medium', 'large' ) ) ) {
951
- $sizes[$s][0] = get_option( $s . '_size_w' );
952
- $sizes[$s][1] = get_option( $s . '_size_h' );
953
- } else {
954
- 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 ) {
955
- $sizes[$s] = array( $_wp_additional_image_sizes[$s]['width'], $_wp_additional_image_sizes[$s]['height'] );
956
- }
957
- }
958
-
959
- }
960
- return $sizes;
961
- }
962
-
963
- public function sort_images()
964
- {
965
-
966
- if ( check_admin_referer( 'FinalTiles_gallery', 'FinalTiles_gallery' ) ) {
967
- $result = $this->FinalTilesdb->sortImages( explode( ',', $_POST['ids'] ) );
968
- header( "Content-type: application/json" );
969
-
970
- if ( $result === false ) {
971
- echo "{\"success\":false}" ;
972
- } else {
973
- echo "{\"success\":true}" ;
974
- }
975
-
976
- }
977
-
978
- wp_die();
979
- }
980
-
981
- public function load_chunk()
982
- {
983
- require_once 'lib/gallery-class.php';
984
-
985
- if ( check_admin_referer( 'finaltilesgallery', 'finaltilesgallery' ) ) {
986
- $gid = intval( $_POST["gallery"] );
987
- $images = $this->FinalTilesdb->getImagesByGalleryId( $gid, 0, 0 );
988
- $FinalTilesGallery = new FinalTilesGallery( $gid, $this->FinalTilesdb, $this->defaultValues );
989
- echo $FinalTilesGallery->images_markup() ;
990
- }
991
-
992
- wp_die();
993
- }
994
-
995
- public function refresh_gallery()
996
- {
997
- if ( $_POST['source'] == 'images' ) {
998
- $this->list_images();
999
- }
1000
- }
1001
-
1002
- public function save_image()
1003
- {
1004
-
1005
- if ( check_admin_referer( 'FinalTiles_gallery', 'FinalTiles_gallery' ) ) {
1006
- $result = false;
1007
-
1008
- if ( $_POST['source'] == 'posts' ) {
1009
- $result = true;
1010
- $postId = intval( $_POST['post_id'] );
1011
- $img_url = stripslashes( $_POST['img_url'] );
1012
- update_post_meta( $postId, 'ftg_image_url', esc_url_raw( $img_url ) );
1013
- if ( array_key_exists( "filters", $_POST ) && strlen( $_POST['filters'] ) ) {
1014
- update_post_meta( $postId, 'ftg_filters', sanitize_text_field( $_POST['filters'] ) );
1015
- }
1016
- } else {
1017
- $type = sanitize_text_field( $_POST['type'] );
1018
- $imageUrl = stripslashes( $_POST['img_url'] );
1019
- $imageCaption = wp_kses_post( $_POST['description'] );
1020
- $filters = stripslashes( $_POST['filters'] );
1021
- $title = wp_kses_post( $_POST['imageTitle'] );
1022
- $target = sanitize_text_field( $_POST['target'] );
1023
- $group = sanitize_text_field( $_POST['group'] );
1024
- $alt = sanitize_text_field( $_POST['alt'] );
1025
- $hidden = $this->checkboxVal( 'hidden' );
1026
- $link = ( isset( $_POST['link'] ) ? stripslashes( $_POST['link'] ) : null );
1027
- $imageId = intval( $_POST['img_id'] );
1028
- $sortOrder = intval( $_POST['sortOrder'] );
1029
- $data = array(
1030
- "imagePath" => $imageUrl,
1031
- "target" => $target,
1032
- "link" => $link,
1033
- "imageId" => $imageId,
1034
- "description" => $imageCaption,
1035
- "filters" => $filters,
1036
- "title" => $title,
1037
- "group" => $group,
1038
- "alt" => $alt,
1039
- "hidden" => $hidden,
1040
- "sortOrder" => $sortOrder,
1041
- );
1042
-
1043
- if ( !empty($_POST["id"]) ) {
1044
- $imageId = intval( $_POST['id'] );
1045
- $result = $this->FinalTilesdb->editImage( $imageId, $data );
1046
- } else {
1047
- $data["gid"] = intval( $_POST['galleryId'] );
1048
- $result = $this->FinalTilesdb->addFullImage( $data );
1049
- }
1050
-
1051
- }
1052
-
1053
- header( "Content-type: application/json" );
1054
-
1055
- if ( $result === false ) {
1056
- echo "{\"success\":false}" ;
1057
- } else {
1058
- echo "{\"success\":true}" ;
1059
- }
1060
-
1061
- }
1062
-
1063
- wp_die();
1064
- }
1065
-
1066
- public function save_video()
1067
- {
1068
-
1069
- if ( check_admin_referer( 'FinalTiles_gallery', 'FinalTiles_gallery' ) ) {
1070
- $result = false;
1071
- $type = ( isset( $_POST['type'] ) ? $_POST['type'] : "" );
1072
- $data = array(
1073
- "imagePath" => stripslashes( $_POST["embed"] ),
1074
- "filters" => sanitize_text_field( $_POST['filters'] ),
1075
- "gid" => intval( $_POST['galleryId'] ),
1076
- );
1077
- $id = ( isset( $_POST['id'] ) ? intval( $_POST['id'] ) : "" );
1078
- $step = ( isset( $_POST['step'] ) ? $_POST['step'] : "" );
1079
- if ( !empty($step) ) {
1080
-
1081
- if ( $step == "add" ) {
1082
- $result = $this->FinalTilesdb->addVideo( $data );
1083
- } else {
1084
- if ( $step == "edit" ) {
1085
- $result = $this->FinalTilesdb->editVideo( $id, $data );
1086
- }
1087
- }
1088
-
1089
- }
1090
- header( "Content-type: application/json" );
1091
-
1092
- if ( $result === false ) {
1093
- echo "{\"success\":false}" ;
1094
- } else {
1095
- echo "{\"success\":true}" ;
1096
- }
1097
-
1098
- }
1099
-
1100
- wp_die();
1101
- }
1102
-
1103
- public function list_images()
1104
- {
1105
-
1106
- if ( check_admin_referer( 'FinalTiles_gallery', 'FinalTiles_gallery' ) ) {
1107
- $gid = intval( $_POST["gid"] );
1108
- $imageResults = $this->FinalTilesdb->getImagesByGalleryId( $gid, 0, 0 );
1109
- $gallery = $this->FinalTilesdb->getGalleryById( $gid );
1110
- $list_size = "medium";
1111
- $column_size = "s6 m3 l3";
1112
- if ( isset( $_POST['list_size'] ) && !empty($_POST['list_size']) ) {
1113
- $list_size = $_POST['list_size'];
1114
- }
1115
- setcookie( 'ftg_imglist_size', $list_size );
1116
- $_COOKIE['ftg_imglist_size'] = $list_size;
1117
- if ( $list_size == 'small' ) {
1118
- $column_size = 's4 m2 l2';
1119
- }
1120
- if ( $list_size == 'medium' ) {
1121
- $column_size = 's6 m3 l3';
1122
- }
1123
- if ( $list_size == 'big' ) {
1124
- $column_size = 's12 m4 l4';
1125
- }
1126
- include 'admin/include/image-list.php';
1127
- }
1128
-
1129
- wp_die();
1130
- }
1131
-
1132
- public function add_new_gallery()
1133
- {
1134
-
1135
- if ( check_admin_referer( 'FinalTiles_gallery', 'FinalTiles_gallery' ) ) {
1136
- $data = $this->defaultValues;
1137
- $data["name"] = wp_filter_post_kses( $_POST['ftg_name'] );
1138
- $data["description"] = wp_filter_post_kses( $_POST['ftg_description'] );
1139
- $data["source"] = sanitize_text_field( $_POST['ftg_source'] );
1140
- $data["wp_field_caption"] = sanitize_text_field( $_POST['ftg_wp_field_caption'] );
1141
- $data["wp_field_title"] = sanitize_text_field( $_POST['ftg_wp_field_title'] );
1142
- $data["captionEffect"] = sanitize_text_field( $_POST['ftg_captionEffect'] );
1143
- $data["post_types"] = sanitize_text_field( $_POST["post_types"] );
1144
- $data["layout"] = sanitize_text_field( $_POST["layout"] );
1145
- $data["defaultWooImageSize"] = sanitize_text_field( $_POST['def_imgsize'] );
1146
- $data["defaultPostImageSize"] = sanitize_text_field( $_POST['def_imgsize'] );
1147
- $data["woo_categories"] = sanitize_text_field( $_POST["woo_categories"] );
1148
- $result = $this->FinalTilesdb->addGallery( $data );
1149
- $id = $this->FinalTilesdb->getNewGalleryId();
1150
-
1151
- if ( $id > 0 && array_key_exists( 'enc_images', $_POST ) && strlen( $_POST['enc_images'] ) ) {
1152
- $enc_images = stripslashes( $_POST["enc_images"] );
1153
- $images = json_decode( $enc_images );
1154
- $result = $this->FinalTilesdb->addImages( $id, $images );
1155
- }
1156
-
1157
- echo $id ;
1158
- } else {
1159
- echo -1 ;
1160
- }
1161
-
1162
- wp_die();
1163
- }
1164
-
1165
- private function checkboxVal( $field )
1166
- {
1167
- if ( isset( $_POST[$field] ) ) {
1168
- return 'T';
1169
- }
1170
- return 'F';
1171
- }
1172
-
1173
- public function save_gallery()
1174
- {
1175
-
1176
- if ( check_admin_referer( 'FinalTiles_gallery', 'FinalTiles_gallery' ) ) {
1177
- $galleryName = stripslashes( $_POST['ftg_name'] );
1178
- $galleryDescription = stripslashes( $_POST['ftg_description'] );
1179
- $slug = strtolower( str_replace( " ", "", $galleryName ) );
1180
- $margin = intval( $_POST['ftg_margin'] );
1181
- $minTileWidth = intval( $_POST['ftg_minTileWidth'] );
1182
- $gridCellSize = intval( $_POST['ftg_gridCellSize'] );
1183
- $imagesOrder = sanitize_text_field( $_POST['ftg_imagesOrder'] );
1184
- $width = sanitize_text_field( $_POST['ftg_width'] );
1185
- $enableTwitter = $this->checkboxVal( 'ftg_enableTwitter' );
1186
- $filterClick = $this->checkboxVal( 'ftg_filterClick' );
1187
- $enableFacebook = $this->checkboxVal( 'ftg_enableFacebook' );
1188
- $enableGplus = $this->checkboxVal( 'ftg_enableGplus' );
1189
- $enablePinterest = $this->checkboxVal( 'ftg_enablePinterest' );
1190
- $lightbox = sanitize_text_field( $_POST['ftg_lightbox'] );
1191
- $mobileLightbox = sanitize_text_field( $_POST['ftg_mobileLightbox'] );
1192
- $blank = $this->checkboxVal( 'ftg_blank' );
1193
- $filters = sanitize_text_field( $_POST['ftg_filters'] );
1194
- $scrollEffect = $_POST['ftg_scrollEffect'];
1195
- $captionBehavior = sanitize_text_field( $_POST['ftg_captionBehavior'] );
1196
- $captionMobileBehavior = sanitize_text_field( $_POST['ftg_captionMobileBehavior'] );
1197
- $captionEffect = sanitize_text_field( $_POST['ftg_captionEffect'] );
1198
- $captionColor = sanitize_hex_color( $_POST['ftg_captionColor'] );
1199
- $captionBackgroundColor = sanitize_hex_color( $_POST['ftg_captionBackgroundColor'] );
1200
- $captionEasing = sanitize_text_field( $_POST['ftg_captionEasing'] );
1201
- $captionHorizontalAlignment = sanitize_text_field( $_POST['ftg_captionHorizontalAlignment'] );
1202
- $captionVerticalAlignment = sanitize_text_field( $_POST['ftg_captionVerticalAlignment'] );
1203
- $captionEmpty = sanitize_text_field( $_POST['ftg_captionEmpty'] );
1204
- $captionOpacity = intval( $_POST['ftg_captionOpacity'] );
1205
- $borderSize = intval( $_POST['ftg_borderSize'] );
1206
- $borderColor = sanitize_hex_color( $_POST['ftg_borderColor'] );
1207
- $titleFontSize = intval( $_POST['ftg_titleFontSize'] );
1208
- $loadingBarColor = sanitize_hex_color( $_POST['ftg_loadingBarColor'] );
1209
- $loadingBarBackgroundColor = sanitize_hex_color( $_POST['ftg_loadingBarBackgroundColor'] );
1210
- $borderRadius = intval( $_POST['ftg_borderRadius'] );
1211
- $allFilterLabel = sanitize_text_field( $_POST['ftg_allFilterLabel'] );
1212
- $shadowColor = sanitize_hex_color( $_POST['ftg_shadowColor'] );
1213
- $shadowSize = intval( $_POST['ftg_shadowSize'] );
1214
- $enlargeImages = $this->checkboxVal( 'ftg_enlargeImages' );
1215
- $wp_field_caption = sanitize_text_field( $_POST['ftg_wp_field_caption'] );
1216
- $wp_field_title = sanitize_text_field( $_POST['ftg_wp_field_title'] );
1217
- $style = $_POST['ftg_style'];
1218
- $script = $_POST['ftg_script'];
1219
- $loadedHSlide = intval( $_POST['ftg_loadedHSlide'] );
1220
- $loadedVSlide = intval( $_POST['ftg_loadedVSlide'] );
1221
- $captionEffectDuration = intval( $_POST['ftg_captionEffectDuration'] );
1222
- $id = ( isset( $_POST['ftg_gallery_edit'] ) ? intval( $_POST['ftg_gallery_edit'] ) : 0 );
1223
- $data = array(
1224
- 'ajaxLoading' => sanitize_text_field( $_POST['ftg_ajaxLoading'] ),
1225
- 'layout' => sanitize_text_field( $_POST['ftg_layout'] ),
1226
- 'name' => $galleryName,
1227
- 'slug' => $slug,
1228
- 'description' => $galleryDescription,
1229
- 'lightbox' => $lightbox,
1230
- 'lightboxOptions' => sanitize_text_field( $_POST['ftg_lightboxOptions'] ),
1231
- 'lightboxOptionsMobile' => sanitize_text_field( $_POST['lightboxOptionsMobile'] ),
1232
- 'mobileLightbox' => $mobileLightbox,
1233
- 'lightboxImageSize' => sanitize_text_field( $_POST['ftg_lightboxImageSize'] ),
1234
- 'blank' => $blank,
1235
- 'margin' => $margin,
1236
- 'allFilterLabel' => $allFilterLabel,
1237
- 'minTileWidth' => $minTileWidth,
1238
- 'gridCellSize' => $gridCellSize,
1239
- 'gridCellSizeDisabledBelow' => intval( $_POST['ftg_gridCellSizeDisabledBelow'] ),
1240
- 'enableTwitter' => $enableTwitter,
1241
- 'backgroundColor' => sanitize_hex_color( $_POST['ftg_backgroundColor'] ),
1242
- 'filterClick' => $filterClick,
1243
- 'disableLightboxGroups' => $this->checkboxVal( 'ftg_disableLightboxGroups' ),
1244
- 'defaultFilter' => sanitize_text_field( $_POST['ftg_filterDef'] ),
1245
- 'enableFacebook' => $enableFacebook,
1246
- 'enableGplus' => $enableGplus,
1247
- 'enablePinterest' => $enablePinterest,
1248
- 'imagesOrder' => $imagesOrder,
1249
- 'compressHTML' => $this->checkboxVal( 'ftg_compressHTML' ),
1250
- 'loadMethod' => sanitize_text_field( $_POST['ftg_loadMethod'] ),
1251
- 'socialIconColor' => sanitize_hex_color( $_POST['ftg_socialIconColor'] ),
1252
- 'socialIconPosition' => sanitize_text_field( $_POST['ftg_socialIconPosition'] ),
1253
- 'socialIconStyle' => sanitize_text_field( $_POST['ftg_socialIconStyle'] ),
1254
- 'recentPostsCaption' => sanitize_text_field( $_POST['ftg_recentPostsCaption'] ),
1255
- 'recentPostsCaptionAutoExcerptLength' => intval( $_POST['ftg_recentPostsCaptionAutoExcerptLength'] ),
1256
- 'captionBehavior' => $captionBehavior,
1257
- 'captionEffect' => $captionEffect,
1258
- 'captionEmpty' => $captionEmpty,
1259
- 'captionBackgroundColor' => $captionBackgroundColor,
1260
- 'captionColor' => $captionColor,
1261
- 'captionCustomFields' => wp_kses_post( $_POST['ftg_captionCustomFields'] ),
1262
- 'captionFrameColor' => sanitize_hex_color( $_POST['ftg_captionFrameColor'] ),
1263
- 'captionEffectDuration' => $captionEffectDuration,
1264
- 'captionEasing' => $captionEasing,
1265
- 'captionVerticalAlignment' => $captionVerticalAlignment,
1266
- 'captionHorizontalAlignment' => $captionHorizontalAlignment,
1267
- 'captionMobileBehavior' => $captionMobileBehavior,
1268
- 'captionOpacity' => $captionOpacity,
1269
- 'captionIcon' => sanitize_text_field( $_POST['ftg_captionIcon'] ),
1270
- 'captionFrame' => $this->checkboxVal( 'ftg_captionFrame' ),
1271
- 'customCaptionIcon' => sanitize_text_field( $_POST['ftg_customCaptionIcon'] ),
1272
- 'captionIconColor' => sanitize_hex_color( $_POST['ftg_captionIconColor'] ),
1273
- 'captionIconSize' => intval( $_POST['ftg_captionIconSize'] ),
1274
- 'captionFontSize' => intval( $_POST['ftg_captionFontSize'] ),
1275
- 'captionPosition' => sanitize_text_field( $_POST['ftg_captionPosition'] ),
1276
- 'titleFontSize' => intval( $_POST['ftg_titleFontSize'] ),
1277
- 'hoverZoom' => intval( $_POST['ftg_hoverZoom'] ),
1278
- 'hoverRotation' => intval( $_POST['ftg_hoverRotation'] ),
1279
- 'hoverDuration' => intval( $_POST['ftg_hoverDuration'] ),
1280
- 'hoverIconRotation' => $this->checkboxVal( 'ftg_hoverIconRotation' ),
1281
- 'filters' => $filters,
1282
- 'wp_field_caption' => $wp_field_caption,
1283
- 'wp_field_title' => $wp_field_title,
1284
- 'borderSize' => $borderSize,
1285
- 'borderColor' => $borderColor,
1286
- 'loadingBarColor' => $loadingBarColor,
1287
- 'loadingBarBackgroundColor' => $loadingBarBackgroundColor,
1288
- 'enlargeImages' => $enlargeImages,
1289
- 'borderRadius' => $borderRadius,
1290
- 'imageSizeFactor' => intval( $_POST['ftg_imageSizeFactor'] ),
1291
- 'imageSizeFactorTabletLandscape' => intval( $_POST['ftg_imageSizeFactorTabletLandscape'] ),
1292
- 'imageSizeFactorTabletPortrait' => intval( $_POST['ftg_imageSizeFactorTabletPortrait'] ),
1293
- 'imageSizeFactorPhoneLandscape' => intval( $_POST['ftg_imageSizeFactorPhoneLandscape'] ),
1294
- 'imageSizeFactorPhonePortrait' => intval( $_POST['ftg_imageSizeFactorPhonePortrait'] ),
1295
- 'imageSizeFactorCustom' => sanitize_text_field( $_POST['ftg_imageSizeFactorCustom'] ),
1296
- 'taxonomyAsFilter' => sanitize_text_field( $_POST['ftg_taxonomyAsFilter'] ),
1297
- 'columns' => intval( $_POST['ftg_columns'] ),
1298
- 'columnsTabletLandscape' => intval( $_POST['ftg_columnsTabletLandscape'] ),
1299
- 'columnsTabletPortrait' => intval( $_POST['ftg_columnsTabletPortrait'] ),
1300
- 'columnsPhoneLandscape' => intval( $_POST['ftg_columnsPhoneLandscape'] ),
1301
- 'columnsPhonePortrait' => intval( $_POST['ftg_columnsPhonePortrait'] ),
1302
- 'max_posts' => intval( $_POST['ftg_max_posts'] ),
1303
- 'shadowSize' => $shadowSize,
1304
- 'shadowColor' => $shadowColor,
1305
- 'source' => sanitize_text_field( $_POST['ftg_source'] ),
1306
- 'post_types' => sanitize_text_field( $_POST['ftg_post_types'] ),
1307
- 'post_taxonomies' => sanitize_text_field( $_POST['ftg_post_taxonomies'] ),
1308
- 'taxonomyOperator' => sanitize_text_field( $_POST['ftg_taxonomyOperator'] ),
1309
- 'post_tags' => sanitize_text_field( $_POST['ftg_post_tags'] ),
1310
- 'tilesPerPage' => intval( $_POST['ftg_tilesPerPage'] ),
1311
- 'woo_categories' => ( isset( $_POST['ftg_woo_categories'] ) ? $_POST['ftg_woo_categories'] : '' ),
1312
- 'defaultPostImageSize' => sanitize_text_field( $_POST['ftg_defaultPostImageSize'] ),
1313
- 'defaultWooImageSize' => ( isset( $_POST['ftg_defaultWooImageSize'] ) ? $_POST['ftg_defaultWooImageSize'] : '' ),
1314
- 'width' => $width,
1315
- 'beforeGalleryText' => wp_kses_post( $_POST['ftg_beforeGalleryText'] ),
1316
- 'afterGalleryText' => wp_kses_post( $_POST['ftg_afterGalleryText'] ),
1317
- 'aClass' => sanitize_text_field( $_POST['ftg_aClass'] ),
1318
- 'rel' => sanitize_text_field( $_POST['ftg_rel'] ),
1319
- 'style' => $style,
1320
- 'delay' => intval( $_POST['ftg_delay'] ),
1321
- 'script' => $script,
1322
- 'support' => $this->checkboxVal( 'ftg_support' ),
1323
- 'supportText' => sanitize_text_field( $_POST['ftg_supportText'] ),
1324
- 'scrollEffect' => $scrollEffect,
1325
- 'loadedScaleY' => intval( $_POST['ftg_loadedScaleY'] ),
1326
- 'loadedScaleX' => intval( $_POST['ftg_loadedScaleX'] ),
1327
- 'loadedHSlide' => $loadedHSlide,
1328
- 'loadedVSlide' => $loadedVSlide,
1329
- 'loadedEasing' => sanitize_text_field( $_POST['ftg_loadedEasing'] ),
1330
- 'loadedDuration' => absint( $_POST['ftg_loadedDuration'] ),
1331
- 'loadedRotateY' => intval( $_POST['ftg_loadedRotateY'] ),
1332
- 'loadedRotateX' => intval( $_POST['ftg_loadedRotateX'] ),
1333
- );
1334
- header( "Content-type: application/json" );
1335
-
1336
- if ( $id > 0 ) {
1337
- $result = $this->FinalTilesdb->editGallery( $id, $data );
1338
- } else {
1339
- $result = $this->FinalTilesdb->addGallery( $data );
1340
- $id = $this->FinalTilesdb->getNewGalleryId();
1341
- }
1342
-
1343
-
1344
- if ( $result ) {
1345
- echo "{\"success\":true,\"id\":" . $id . "}" ;
1346
- } else {
1347
- echo "{\"success\":false}" ;
1348
- }
1349
-
1350
- }
1351
-
1352
- wp_die();
1353
- }
1354
-
1355
- public static function get_image_size_links( $id )
1356
- {
1357
- $result = array();
1358
- $sizes = get_intermediate_image_sizes();
1359
- $sizes[] = 'full';
1360
- foreach ( $sizes as $size ) {
1361
- $image = wp_get_attachment_image_src( $id, $size );
1362
- if ( !empty($image) && (true == $image[3] || 'full' == $size) ) {
1363
- $result["{$image[1]}x{$image[2]}"] = $image[0];
1364
- }
1365
- }
1366
- ksort( $result );
1367
- return $result;
1368
- }
1369
-
1370
- //Create gallery
1371
- public function create_gallery( $attrs )
1372
- {
1373
- require_once 'lib/gallery-class.php';
1374
- global $FinalTilesGallery ;
1375
- $galleryId = $attrs['id'];
1376
-
1377
- if ( class_exists( 'FinalTilesGallery' ) ) {
1378
- $FinalTilesGallery = new FinalTilesGallery(
1379
- $galleryId,
1380
- $this->FinalTilesdb,
1381
- $this->defaultValues,
1382
- $attrs
1383
- );
1384
- $settings = $FinalTilesGallery->getGallery();
1385
-
1386
- if ( $settings != null ) {
1387
- switch ( $settings->lightbox ) {
1388
- case "magnific":
1389
- wp_enqueue_style( 'magnific_stylesheet' );
1390
- wp_enqueue_script( 'magnific_script' );
1391
- break;
1392
- case "prettyphoto":
1393
- wp_enqueue_style( 'prettyphoto_stylesheet' );
1394
- wp_enqueue_script( 'prettyphoto_script' );
1395
- break;
1396
- case "fancybox":
1397
- wp_enqueue_style( 'fancybox_stylesheet' );
1398
- wp_enqueue_script( 'fancybox_script' );
1399
- break;
1400
- case "colorbox":
1401
- wp_enqueue_style( 'colorbox_stylesheet' );
1402
- wp_enqueue_script( 'colorbox_script' );
1403
- break;
1404
- case "swipebox":
1405
- wp_enqueue_style( 'swipebox_stylesheet' );
1406
- wp_enqueue_script( 'swipebox_script' );
1407
- break;
1408
- case "lightbox2":
1409
- wp_enqueue_style( 'lightbox2_stylesheet' );
1410
- wp_enqueue_script( 'lightbox2_script' );
1411
- break;
1412
- case "image-lightbox":
1413
- wp_enqueue_script( 'image-lightbox_script' );
1414
- break;
1415
- case "lightgallery":
1416
- wp_enqueue_style( 'lightgallery_stylesheet' );
1417
- wp_enqueue_script( 'lightgallery_script' );
1418
- break;
1419
- }
1420
- switch ( $settings->mobileLightbox ) {
1421
- default:
1422
- case "magnific":
1423
- wp_enqueue_style( 'magnific_stylesheet' );
1424
- wp_enqueue_script( 'magnific_script' );
1425
- break;
1426
- case "prettyphoto":
1427
- wp_enqueue_style( 'prettyphoto_stylesheet' );
1428
- wp_enqueue_script( 'prettyphoto_script' );
1429
- break;
1430
- case "fancybox":
1431
- wp_enqueue_style( 'fancybox_stylesheet' );
1432
- wp_enqueue_script( 'fancybox_script' );
1433
- break;
1434
- case "colorbox":
1435
- wp_enqueue_style( 'colorbox_stylesheet' );
1436
- wp_enqueue_script( 'colorbox_script' );
1437
- break;
1438
- case "swipebox":
1439
- wp_enqueue_style( 'swipebox_stylesheet' );
1440
- wp_enqueue_script( 'swipebox_script' );
1441
- break;
1442
- case "lightbox2":
1443
- wp_enqueue_style( 'lightbox2_stylesheet' );
1444
- wp_enqueue_script( 'lightbox2_script' );
1445
- break;
1446
- case "image-lightbox":
1447
- wp_enqueue_script( 'image-lightbox_script' );
1448
- case "lightgallery":
1449
- wp_enqueue_style( 'lightgallery_stylesheet' );
1450
- wp_enqueue_script( 'lightgallery_script' );
1451
- break;
1452
- }
1453
- }
1454
-
1455
- return $FinalTilesGallery->render();
1456
- } else {
1457
- return "Gallery not found.";
1458
- }
1459
-
1460
- }
1461
-
1462
- //Create Short Code
1463
- private $photon_removed ;
1464
- public function gallery_shortcode_handler( $atts )
1465
- {
1466
- $this->photon_removed = '';
1467
- if ( class_exists( 'Jetpack' ) && Jetpack::is_module_active( 'photon' ) ) {
1468
- $this->photon_removed = remove_filter( 'image_downsize', array( Jetpack_Photon::instance(), 'filter_image_downsize' ) );
1469
- }
1470
- return $this->create_gallery( $atts );
1471
- //@todo: statement can't be reached. Investigate
1472
- if ( $this->photon_removed ) {
1473
- add_filter(
1474
- 'image_downsize',
1475
- array( Jetpack_Photon::instance(), 'filter_image_downsize' ),
1476
- 10,
1477
- 3
1478
- );
1479
- }
1480
- }
1481
-
1482
- public static function slugify( $text )
1483
- {
1484
- $text = preg_replace( '~[^\\pL\\d]+~u', '-', $text );
1485
- $text = trim( $text, '-' );
1486
- if ( function_exists( "iconv" ) ) {
1487
- $text = iconv( 'utf-8', 'us-ascii//TRANSLIT', $text );
1488
- }
1489
- $text = strtolower( $text );
1490
- $text = preg_replace( '~[^-\\w]+~', '', $text );
1491
- if ( empty($text) ) {
1492
- return 'n-a';
1493
- }
1494
- return $text;
1495
- }
1496
-
1497
- public static function getFieldType( $field )
1498
- {
1499
- return "cta";
1500
- }
1501
-
1502
- var $fields = array() ;
1503
- private function addField( $section, $field, $data )
1504
- {
1505
- $this->fields[$section]["fields"][$field] = $data;
1506
- }
1507
-
1508
- private function setupFields()
1509
- {
1510
- include 'admin/include/fields.php';
1511
- }
1512
-
1513
- }
1514
- }
1515
- if ( !class_exists( "FinalTilesGalleryUtils" ) ) {
1516
- class FinalTilesGalleryUtils
1517
- {
1518
- public static function shortcodeToFieldName( $string, $capitalizeFirstCharacter = false )
1519
- {
1520
- $str = str_replace( '-', '\\t', $string );
1521
- $str = str_replace( '_', '', ucwords( $str ) );
1522
- $str = str_replace( '\\t', '_', $str );
1523
- if ( !$capitalizeFirstCharacter ) {
1524
- $str = lcfirst( $str );
1525
- }
1526
- return $str;
1527
- }
1528
-
1529
- public static function fieldNameToShortcode( $string )
1530
- {
1531
- preg_match_all( '!([A-Z][A-Z0-9]*(?=$|[A-Z][a-z0-9])|[A-Za-z][a-z0-9]+)!', $string, $matches );
1532
- $ret = $matches[0];
1533
- foreach ( $ret as &$match ) {
1534
- $match = ( $match == strtoupper( $match ) ? strtolower( $match ) : lcfirst( $match ) );
1535
- }
1536
- return implode( '_', $ret );
1537
- }
1538
-
1539
- }
1540
- }
1541
-
1542
- if ( class_exists( "FinalTiles_Gallery" ) ) {
1543
- global $ob_FinalTiles_Gallery ;
1544
- $ob_FinalTiles_Gallery = new FinalTiles_Gallery();
1545
- }
1546
-
1547
-
1548
- if ( !function_exists( "ftg_admin_script" ) ) {
1549
- function ftg_admin_script()
1550
- {
1551
- wp_register_script( 'admin-generic-ftg', plugins_url( 'admin/scripts/admin.js', __FILE__ ), array( 'jquery' ) );
1552
- wp_enqueue_script( 'admin-generic-ftg' );
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">&#9733;&#9733;&#9733;&#9733;&#9733;</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