Version Description
- 07/03/2022 =
- Fixed: security issue
Download this release
Release Info
| Developer | giucu91 |
| Plugin |  Image Photo Gallery Final Tiles Grid |
| Version | 3.5.5 |
| Comparing to | |
| See all releases | |
Code changes from version 3.5.4 to 3.5.5
- FinalTilesGalleryLite.php +1586 -1586
- admin/add-gallery.php +287 -287
- admin/bundle.css +2032 -2032
- admin/css/gutenberg_block.css +3 -3
- admin/css/materialize.css +8706 -8706
- admin/css/style.css +1165 -1165
- admin/facebook.php +11 -11
- admin/header.php +9 -9
- admin/images/everlightbox-reviews.png +0 -0
- admin/images/everlightbox.png +0 -0
- admin/images/photoblocks.png +0 -0
- admin/include/fields.php +1109 -1109
- admin/include/tinymce-galleries.php +87 -87
- admin/overview.php +238 -238
- admin/scripts/admin.js +20 -20
- admin/scripts/editor-plugin.js +31 -31
- admin/scripts/final-tiles-gallery-admin.js +0 -0
- admin/scripts/materialize.min.js +0 -6263
FinalTilesGalleryLite.php
CHANGED
|
@@ -1,1587 +1,1587 @@
|
|
| 1 |
-
<?php
|
| 2 |
-
|
| 3 |
-
/**
|
| 4 |
-
* Plugin Name: Final Tiles Grid Gallery - Image Gallery
|
| 5 |
-
* Description: Wordpress Plugin for creating responsive image galleries.
|
| 6 |
-
* Version: 3.5.
|
| 7 |
-
* Author: WPChill
|
| 8 |
-
* Author URI: https://wpchill.com
|
| 9 |
-
* Tested up to: 5.
|
| 10 |
-
* Requires: 5.2 or higher
|
| 11 |
-
* License: GPLv3 or later
|
| 12 |
-
* License URI: http://www.gnu.org/licenses/gpl-3.0.html
|
| 13 |
-
* Requires PHP: 5.6
|
| 14 |
-
* Text Domain: final-tiles-grid-gallery-lite
|
| 15 |
-
* Domain Path: /languages
|
| 16 |
-
*
|
| 17 |
-
* Copyright 2015-2019 GreenTreeLabs diego@greentreelabs.net
|
| 18 |
-
* Copyright 2019-2020 MachoThemes office@machothemes.com
|
| 19 |
-
* SVN commit with proof of ownership transfer: https://plugins.trac.wordpress.org/changeset/2163481/
|
| 20 |
-
* NOTE: MachoThemes took ownership of this plugin on: 09/26/2019 08:49:37 AM as can be seen from the above SVN commit.
|
| 21 |
-
* Copyright 2020 WPChill heyyy@wpchill.com
|
| 22 |
-
*
|
| 23 |
-
* Original Plugin URI: https://greentreelabs.net/final-tiles-gallery-lite/
|
| 24 |
-
* Original Author URI: https://greentreelabs.net
|
| 25 |
-
* Original Author: https://profiles.wordpress.org/greentreealbs/
|
| 26 |
-
*
|
| 27 |
-
*/
|
| 28 |
-
define( "FTGVERSION", "3.5.
|
| 29 |
-
// Create a helper function for easy SDK access.
|
| 30 |
-
|
| 31 |
-
if ( !function_exists( 'ftg_fs' ) ) {
|
| 32 |
-
// Create a helper function for easy SDK access.
|
| 33 |
-
function ftg_fs()
|
| 34 |
-
{
|
| 35 |
-
global $ftg_fs ;
|
| 36 |
-
|
| 37 |
-
if ( !isset( $ftg_fs ) ) {
|
| 38 |
-
// Activate multisite network integration.
|
| 39 |
-
if ( !defined( 'WP_FS__PRODUCT_1002_MULTISITE' ) ) {
|
| 40 |
-
define( 'WP_FS__PRODUCT_1002_MULTISITE', true );
|
| 41 |
-
}
|
| 42 |
-
// Include Freemius SDK.
|
| 43 |
-
require_once dirname( __FILE__ ) . '/freemius/start.php';
|
| 44 |
-
$ftg_fs = fs_dynamic_init( array(
|
| 45 |
-
'id' => '1002',
|
| 46 |
-
'slug' => 'final-tiles-grid-gallery-lite',
|
| 47 |
-
'type' => 'plugin',
|
| 48 |
-
'public_key' => 'pk_d0e075b84d491d510a1d0a21087af',
|
| 49 |
-
'is_premium' => false,
|
| 50 |
-
'has_addons' => false,
|
| 51 |
-
'has_paid_plans' => true,
|
| 52 |
-
'trial' => array(
|
| 53 |
-
'days' => 14,
|
| 54 |
-
'is_require_payment' => true,
|
| 55 |
-
),
|
| 56 |
-
'has_affiliation' => 'all',
|
| 57 |
-
'menu' => array(
|
| 58 |
-
'slug' => 'ftg-lite-gallery-admin',
|
| 59 |
-
),
|
| 60 |
-
'is_live' => true,
|
| 61 |
-
) );
|
| 62 |
-
}
|
| 63 |
-
|
| 64 |
-
return $ftg_fs;
|
| 65 |
-
}
|
| 66 |
-
|
| 67 |
-
// Init Freemius.
|
| 68 |
-
ftg_fs();
|
| 69 |
-
// Signal that SDK was initiated.
|
| 70 |
-
do_action( 'ftg_fs_loaded' );
|
| 71 |
-
}
|
| 72 |
-
|
| 73 |
-
function activate_finaltilesgallery()
|
| 74 |
-
{
|
| 75 |
-
global $wpdb ;
|
| 76 |
-
include_once 'lib/install-db.php';
|
| 77 |
-
FinalTiles_Gallery::define_db_tables();
|
| 78 |
-
FinalTilesdb::updateConfiguration();
|
| 79 |
-
|
| 80 |
-
if ( is_multisite() ) {
|
| 81 |
-
foreach ( $wpdb->get_col( "SELECT blog_id FROM {$wpdb->blogs}" ) as $blog_id ) {
|
| 82 |
-
switch_to_blog( $blog_id );
|
| 83 |
-
install_db();
|
| 84 |
-
restore_current_blog();
|
| 85 |
-
}
|
| 86 |
-
} else {
|
| 87 |
-
install_db();
|
| 88 |
-
}
|
| 89 |
-
|
| 90 |
-
}
|
| 91 |
-
|
| 92 |
-
define( "FTG_PLAN", "free" );
|
| 93 |
-
if ( !class_exists( 'FinalTiles_Gallery' ) ) {
|
| 94 |
-
class FinalTiles_Gallery
|
| 95 |
-
{
|
| 96 |
-
private $defaultValues = array(
|
| 97 |
-
'aClass' => '',
|
| 98 |
-
'afterGalleryText' => '',
|
| 99 |
-
'allFilterLabel' => 'All',
|
| 100 |
-
'ajaxLoading' => 'F',
|
| 101 |
-
'backgroundColor' => 'transparent',
|
| 102 |
-
'beforeGalleryText' => '',
|
| 103 |
-
'blank' => 'F',
|
| 104 |
-
'borderColor' => 'transparent',
|
| 105 |
-
'borderRadius' => 0,
|
| 106 |
-
'borderSize' => 0,
|
| 107 |
-
'captionBackgroundColor' => '#000000',
|
| 108 |
-
'captionBehavior' => 'none',
|
| 109 |
-
'captionColor' => '#ffffff',
|
| 110 |
-
'captionCustomFields' => '',
|
| 111 |
-
'captionEasing' => 'linear',
|
| 112 |
-
'captionEffect' => 'slide-from-bottom',
|
| 113 |
-
'captionEffectDuration' => 250,
|
| 114 |
-
'captionEmpty' => 'hide',
|
| 115 |
-
'captionFontSize' => 12,
|
| 116 |
-
'captionFrame' => 'F',
|
| 117 |
-
'captionFrameColor' => '#ffffff',
|
| 118 |
-
'captionHorizontalAlignment' => 'center',
|
| 119 |
-
'captionIcon' => 'zoom',
|
| 120 |
-
'captionIconColor' => '#ffffff',
|
| 121 |
-
'captionIconSize' => 12,
|
| 122 |
-
'captionMobileBehavior' => "desktop",
|
| 123 |
-
'captionOpacity' => 80,
|
| 124 |
-
'captionPosition' => 'inside',
|
| 125 |
-
'captionVerticalAlignment' => 'middle',
|
| 126 |
-
'categoriesAsFilters' => 'F',
|
| 127 |
-
'columns' => 4,
|
| 128 |
-
'columnsPhoneLandscape' => 3,
|
| 129 |
-
'columnsPhonePortrait' => 2,
|
| 130 |
-
'columnsTabletLandscape' => 4,
|
| 131 |
-
'columnsTabletPortrait' => 3,
|
| 132 |
-
'compressHTML' => 'T',
|
| 133 |
-
'customCaptionIcon' => '',
|
| 134 |
-
'defaultFilter' => '',
|
| 135 |
-
'defaultSize' => 'medium',
|
| 136 |
-
'delay' => 0,
|
| 137 |
-
'disableLightboxGroups' => 'F',
|
| 138 |
-
'enableFacebook' => 'F',
|
| 139 |
-
'enablePinterest' => 'F',
|
| 140 |
-
'enableTwitter' => 'F',
|
| 141 |
-
'enlargeImages' => 'T',
|
| 142 |
-
'filterClick' => 'F',
|
| 143 |
-
'filters' => '',
|
| 144 |
-
'gridCellSize' => 25,
|
| 145 |
-
'gridCellSizeDisabledBelow' => 800,
|
| 146 |
-
'hoverDuration' => 250,
|
| 147 |
-
'hoverIconRotation' => 'F',
|
| 148 |
-
'hoverRotation' => 0,
|
| 149 |
-
'hoverZoom' => 100,
|
| 150 |
-
'imageSizeFactor' => 30,
|
| 151 |
-
'imageSizeFactorCustom' => '',
|
| 152 |
-
'imageSizeFactorPhoneLandscape' => 30,
|
| 153 |
-
'imageSizeFactorPhonePortrait' => 20,
|
| 154 |
-
'imageSizeFactorTabletLandscape' => 30,
|
| 155 |
-
'imageSizeFactorTabletPortrait' => 20,
|
| 156 |
-
'imagesOrder' => 'user',
|
| 157 |
-
'layout' => 'final',
|
| 158 |
-
'lazyLoad' => false,
|
| 159 |
-
'lightbox' => 'lightbox2',
|
| 160 |
-
'lightboxImageSize' => 'large',
|
| 161 |
-
'lightboxOptions' => '',
|
| 162 |
-
'lightboxOptionsMobile' => '',
|
| 163 |
-
'loadedDuration' => 500,
|
| 164 |
-
'loadedEasing' => 'ease-out',
|
| 165 |
-
'loadedHSlide' => 0,
|
| 166 |
-
'loadedRotateY' => 0,
|
| 167 |
-
'loadedRotateX' => 0,
|
| 168 |
-
'loadedScaleY' => 100,
|
| 169 |
-
'loadedScaleX' => 100,
|
| 170 |
-
'loadedVSlide' => 0,
|
| 171 |
-
'loadingBarBackgroundColor' => "#fff",
|
| 172 |
-
'loadingBarColor' => "#666",
|
| 173 |
-
'loadMethod' => 'sequential',
|
| 174 |
-
'margin' => 10,
|
| 175 |
-
'max_posts' => 0,
|
| 176 |
-
'minTileWidth' => '250',
|
| 177 |
-
'mobileLightbox' => 'lightbox2',
|
| 178 |
-
'post_types' => '',
|
| 179 |
-
'post_taxonomies' => '',
|
| 180 |
-
'recentPostsCaption' => 'title',
|
| 181 |
-
'recentPostsCaptionAutoExcerptLength' => 20,
|
| 182 |
-
'rel' => '',
|
| 183 |
-
'reverseOrder' => false,
|
| 184 |
-
'script' => '',
|
| 185 |
-
'shadowColor' => '#cccccc',
|
| 186 |
-
'shadowSize' => 0,
|
| 187 |
-
'socialIconColor' => '#ffffff',
|
| 188 |
-
'socialIconPosition' => 'bottom',
|
| 189 |
-
'socialIconStyle' => 'none',
|
| 190 |
-
'source' => 'images',
|
| 191 |
-
'style' => '',
|
| 192 |
-
'support' => 'F',
|
| 193 |
-
'supportText' => 'Powered by Final Tiles Grid Gallery',
|
| 194 |
-
'taxonomyOperator' => 'OR',
|
| 195 |
-
'tilesPerPage' => 0,
|
| 196 |
-
'titleFontSize' => 14,
|
| 197 |
-
'width' => '100%',
|
| 198 |
-
'wp_field_caption' => 'description',
|
| 199 |
-
'wp_field_title' => 'title',
|
| 200 |
-
) ;
|
| 201 |
-
//Constructor
|
| 202 |
-
public function __construct()
|
| 203 |
-
{
|
| 204 |
-
$this->plugin_name = plugin_basename( __FILE__ );
|
| 205 |
-
$this->define_constants();
|
| 206 |
-
$this->setupFields();
|
| 207 |
-
$this->define_db_tables();
|
| 208 |
-
$this->FinalTilesdb = $this->create_db_conn();
|
| 209 |
-
add_filter( 'widget_text', 'do_shortcode' );
|
| 210 |
-
add_action( 'init', array( $this, 'create_textdomain' ) );
|
| 211 |
-
add_action( 'wp_enqueue_scripts', array( $this, 'add_gallery_scripts' ) );
|
| 212 |
-
//add_action( 'admin_init', array($this,'gallery_admin_init') );
|
| 213 |
-
add_action( 'admin_menu', array( $this, 'add_gallery_admin_menu' ) );
|
| 214 |
-
add_action( 'init', array( $this, 'register_gutenberg_block' ) );
|
| 215 |
-
add_shortcode( 'FinalTilesGallery', array( $this, 'gallery_shortcode_handler' ) );
|
| 216 |
-
add_action( 'wp_ajax_save_gallery', array( $this, 'save_gallery' ) );
|
| 217 |
-
add_action( 'wp_ajax_add_new_gallery', array( $this, 'add_new_gallery' ) );
|
| 218 |
-
add_action( 'wp_ajax_delete_gallery', array( $this, 'delete_gallery' ) );
|
| 219 |
-
add_action( 'wp_ajax_clone_gallery', array( $this, 'clone_gallery' ) );
|
| 220 |
-
add_action( 'wp_ajax_save_image', array( $this, 'save_image' ) );
|
| 221 |
-
add_action( 'wp_ajax_add_image', array( $this, 'add_image' ) );
|
| 222 |
-
add_action( 'wp_ajax_save_video', array( $this, 'save_video' ) );
|
| 223 |
-
add_action( 'wp_ajax_sort_images', array( $this, 'sort_images' ) );
|
| 224 |
-
add_action( 'wp_ajax_delete_image', array( $this, 'delete_image' ) );
|
| 225 |
-
add_action( 'wp_ajax_assign_filters', array( $this, 'assign_filters' ) );
|
| 226 |
-
add_action( 'wp_ajax_assign_group', array( $this, 'assign_group' ) );
|
| 227 |
-
add_action( 'wp_ajax_toggle_visibility', array( $this, 'toggle_visibility' ) );
|
| 228 |
-
add_action( 'wp_ajax_refresh_gallery', array( $this, 'refresh_gallery' ) );
|
| 229 |
-
add_action( 'wp_ajax_get_gallery_configuration', array( $this, 'get_configuration' ) );
|
| 230 |
-
add_action( 'wp_ajax_update_gallery_configuration', array( $this, 'update_configuration' ) );
|
| 231 |
-
add_action( 'wp_ajax_get_image_size_url', array( $this, 'get_image_size_url' ) );
|
| 232 |
-
add_filter( 'mce_buttons', array( $this, 'editor_button' ) );
|
| 233 |
-
add_filter( 'mce_external_plugins', array( $this, 'register_editor_plugin' ) );
|
| 234 |
-
add_action( 'wp_ajax_ftg_shortcode_editor', array( $this, 'ftg_shortcode_editor' ) );
|
| 235 |
-
add_filter(
|
| 236 |
-
'plugin_row_meta',
|
| 237 |
-
array( $this, 'register_links' ),
|
| 238 |
-
10,
|
| 239 |
-
2
|
| 240 |
-
);
|
| 241 |
-
add_action( 'wp_ajax_load_chunk', array( $this, 'load_chunk' ) );
|
| 242 |
-
add_action( 'wp_ajax_nopriv_load_chunk', array( $this, 'load_chunk' ) );
|
| 243 |
-
|
| 244 |
-
if ( ftg_fs()->is_not_paying() ) {
|
| 245 |
-
add_action( 'admin_notices', array( $this, 'review' ) );
|
| 246 |
-
add_action( 'wp_ajax_ftg_dismiss_review', array( $this, 'dismiss_review' ) );
|
| 247 |
-
add_filter(
|
| 248 |
-
'admin_footer_text',
|
| 249 |
-
array( $this, 'admin_footer' ),
|
| 250 |
-
1,
|
| 251 |
-
2
|
| 252 |
-
);
|
| 253 |
-
}
|
| 254 |
-
|
| 255 |
-
$this->resetFields();
|
| 256 |
-
}
|
| 257 |
-
|
| 258 |
-
/**
|
| 259 |
-
* Register Gutenberg Block
|
| 260 |
-
*/
|
| 261 |
-
public function register_gutenberg_block()
|
| 262 |
-
{
|
| 263 |
-
if ( !function_exists( 'register_block_type' ) ) {
|
| 264 |
-
// Gutenberg is not active.
|
| 265 |
-
return;
|
| 266 |
-
}
|
| 267 |
-
// Register block js script
|
| 268 |
-
wp_register_script( 'ftg-gallery-block', plugins_url( 'scripts/gutenberg_block.js', __FILE__ ), array(
|
| 269 |
-
'wp-blocks',
|
| 270 |
-
'wp-i18n',
|
| 271 |
-
'wp-element',
|
| 272 |
-
'wp-editor',
|
| 273 |
-
'wp-components'
|
| 274 |
-
) );
|
| 275 |
-
// Editor CSS
|
| 276 |
-
wp_register_style( 'ftg-gallery-block-editor', plugins_url( 'admin/css/gutenberg_block.css', __FILE__ ), array( 'wp-edit-blocks' ) );
|
| 277 |
-
// Register block
|
| 278 |
-
register_block_type( 'ftg/gallery', array(
|
| 279 |
-
'editor_style' => 'ftg-gallery-block-editor',
|
| 280 |
-
'editor_script' => 'ftg-gallery-block',
|
| 281 |
-
) );
|
| 282 |
-
// Set block translation
|
| 283 |
-
wp_set_script_translations( 'FinalTiles-gallery', 'final-tiles-gallery', dirname( plugin_basename( __FILE__ ) ) . '/lib/languages/' );
|
| 284 |
-
$galls = [ [
|
| 285 |
-
'value' => 0,
|
| 286 |
-
'label' => esc_html__( 'Select gallery', 'final-tiles-grid-gallery-lite' ),
|
| 287 |
-
] ];
|
| 288 |
-
$galleries = $this->FinalTilesdb->getGalleries();
|
| 289 |
-
if ( $galleries ) {
|
| 290 |
-
foreach ( $galleries as $g ) {
|
| 291 |
-
$galls[] = [
|
| 292 |
-
'value' => $g->Id,
|
| 293 |
-
'label' => $g->name,
|
| 294 |
-
];
|
| 295 |
-
}
|
| 296 |
-
}
|
| 297 |
-
// send list of galleries to block
|
| 298 |
-
wp_localize_script( 'ftg-gallery-block', 'ftg_galleries', array(
|
| 299 |
-
'items' => $galls,
|
| 300 |
-
'add_new_galler_url' => admin_url( 'admin.php?page=ftg-add-gallery' ),
|
| 301 |
-
) );
|
| 302 |
-
}
|
| 303 |
-
|
| 304 |
-
public function review()
|
| 305 |
-
{
|
| 306 |
-
// Verify that we can do a check for reviews.
|
| 307 |
-
$review = get_option( 'ftg_review' );
|
| 308 |
-
$time = time();
|
| 309 |
-
$load = false;
|
| 310 |
-
$there_was_review = false;
|
| 311 |
-
|
| 312 |
-
if ( !$review ) {
|
| 313 |
-
$review = array(
|
| 314 |
-
'time' => $time,
|
| 315 |
-
'dismissed' => false,
|
| 316 |
-
);
|
| 317 |
-
$load = true;
|
| 318 |
-
$there_was_review = false;
|
| 319 |
-
} else {
|
| 320 |
-
// Check if it has been dismissed or not.
|
| 321 |
-
if ( isset( $review['dismissed'] ) && !$review['dismissed'] && (isset( $review['time'] ) && $review['time'] + DAY_IN_SECONDS <= $time) ) {
|
| 322 |
-
$load = true;
|
| 323 |
-
}
|
| 324 |
-
}
|
| 325 |
-
|
| 326 |
-
// If we cannot load, return early.
|
| 327 |
-
if ( !$load ) {
|
| 328 |
-
return;
|
| 329 |
-
}
|
| 330 |
-
// Update the review option now.
|
| 331 |
-
update_option( 'ftg_review', $review );
|
| 332 |
-
// Run through optins on the site to see if any have been loaded for more than a week.
|
| 333 |
-
$valid = false;
|
| 334 |
-
$galleries = $this->FinalTilesdb->getGalleries();
|
| 335 |
-
if ( !$galleries ) {
|
| 336 |
-
return;
|
| 337 |
-
}
|
| 338 |
-
$with_date = false;
|
| 339 |
-
foreach ( $galleries as $gallery ) {
|
| 340 |
-
if ( !isset( $gallery->date ) ) {
|
| 341 |
-
continue;
|
| 342 |
-
}
|
| 343 |
-
$with_date = true;
|
| 344 |
-
$data = $gallery->date;
|
| 345 |
-
// Check the creation date of the local optin. It must be at least one week after.
|
| 346 |
-
$created = ( isset( $data ) ? strtotime( $data ) + 7 * DAY_IN_SECONDS : false );
|
| 347 |
-
if ( !$created ) {
|
| 348 |
-
continue;
|
| 349 |
-
}
|
| 350 |
-
|
| 351 |
-
if ( $created <= $time ) {
|
| 352 |
-
$valid = true;
|
| 353 |
-
break;
|
| 354 |
-
}
|
| 355 |
-
|
| 356 |
-
}
|
| 357 |
-
if ( !$with_date && count( $galleries ) > 0 && !$there_was_review ) {
|
| 358 |
-
$valid = true;
|
| 359 |
-
}
|
| 360 |
-
// If we don't have a valid option yet, return.
|
| 361 |
-
if ( !$valid ) {
|
| 362 |
-
return;
|
| 363 |
-
}
|
| 364 |
-
// We have a candidate! Output a review message.
|
| 365 |
-
?>
|
| 366 |
-
<div class="notice notice-info is-dismissible ftg-review-notice">
|
| 367 |
-
<p><?php
|
| 368 |
-
esc_html_e( 'Hey, I noticed you created a photo gallery with Final Tiles - that’s awesome! Would you mind give it a 5-star rating on WordPress to help us spread the word and boost our motivation for new featrues?', 'final-tiles-grid-gallery-lite' );
|
| 369 |
-
?></p>
|
| 370 |
-
<p><strong><?php
|
| 371 |
-
esc_html_e( 'MachoThemes', 'final-tiles-grid-gallery-lite' );
|
| 372 |
-
?></strong></p>
|
| 373 |
-
<p>
|
| 374 |
-
<a href="https://wordpress.org/support/plugin/final-tiles-grid-gallery-lite/reviews/?filter=5#new-post" class="ftg-dismiss-review-notice ftg-review-out" target="_blank" rel="noopener"><?php
|
| 375 |
-
esc_html_e( 'Ok, you deserve it', 'final-tiles-grid-gallery-lite' );
|
| 376 |
-
?></a><br>
|
| 377 |
-
<a href="#" class="ftg-dismiss-review-notice" rel="noopener"><?php
|
| 378 |
-
esc_html_e( 'Nope, maybe later', 'final-tiles-grid-gallery-lite' );
|
| 379 |
-
?></a><br>
|
| 380 |
-
<a href="#" class="ftg-dismiss-review-notice" rel="noopener"><?php
|
| 381 |
-
esc_html_e( 'I already did', 'final-tiles-grid-gallery-lite' );
|
| 382 |
-
?></a><br>
|
| 383 |
-
</p>
|
| 384 |
-
</div>
|
| 385 |
-
<script type="text/javascript">
|
| 386 |
-
jQuery(document).ready( function($) {
|
| 387 |
-
$(document).on('click', '.ftg-dismiss-review-notice, .ftg-review-notice button', function( event ) {
|
| 388 |
-
if ( ! $(this).hasClass('ftg-review-out') ) {
|
| 389 |
-
event.preventDefault();
|
| 390 |
-
}
|
| 391 |
-
|
| 392 |
-
$.post( ajaxurl, {
|
| 393 |
-
action: 'ftg_dismiss_review'
|
| 394 |
-
});
|
| 395 |
-
|
| 396 |
-
$('.ftg-review-notice').remove();
|
| 397 |
-
});
|
| 398 |
-
});
|
| 399 |
-
</script>
|
| 400 |
-
<?php
|
| 401 |
-
}
|
| 402 |
-
|
| 403 |
-
public function dismiss_review()
|
| 404 |
-
{
|
| 405 |
-
$review = get_option( 'ftg_review' );
|
| 406 |
-
if ( !$review ) {
|
| 407 |
-
$review = array();
|
| 408 |
-
}
|
| 409 |
-
$review['time'] = time();
|
| 410 |
-
$review['dismissed'] = true;
|
| 411 |
-
update_option( 'ftg_review', $review );
|
| 412 |
-
die;
|
| 413 |
-
}
|
| 414 |
-
|
| 415 |
-
public function admin_footer( $text )
|
| 416 |
-
{
|
| 417 |
-
global $current_screen ;
|
| 418 |
-
|
| 419 |
-
if ( !empty($current_screen->id) && strpos( $current_screen->id, 'ftg' ) !== false ) {
|
| 420 |
-
$url = esc_url( 'https://wordpress.org/support/plugin/final-tiles-grid-gallery-lite/reviews/?filter=5#new-post' );
|
| 421 |
-
$text = sprintf( __( 'Please rate <strong>Final Tiles Gallery</strong> <a href="%s" target="_blank">★★★★★</a> on <a href="%s" target="_blank">WordPress.org</a> to help us spread the word. Thank you from the Final Tiles Gallery team!', 'final-tiles-grid-gallery-lite' ), $url, $url );
|
| 422 |
-
}
|
| 423 |
-
|
| 424 |
-
return $text;
|
| 425 |
-
}
|
| 426 |
-
|
| 427 |
-
private function resetFields()
|
| 428 |
-
{
|
| 429 |
-
$keys = array(
|
| 430 |
-
'name',
|
| 431 |
-
'hiddenFor',
|
| 432 |
-
'type',
|
| 433 |
-
'description',
|
| 434 |
-
'default',
|
| 435 |
-
'min',
|
| 436 |
-
'max',
|
| 437 |
-
'mu',
|
| 438 |
-
'excludeFrom'
|
| 439 |
-
);
|
| 440 |
-
foreach ( $this->fields as $tab_name => $tab ) {
|
| 441 |
-
foreach ( $tab["fields"] as $key => $field ) {
|
| 442 |
-
//print_r($field);
|
| 443 |
-
foreach ( $keys as $kk ) {
|
| 444 |
-
if ( !array_key_exists( $kk, $field ) ) {
|
| 445 |
-
$this->fields[$tab_name]["fields"][$key][$kk] = "";
|
| 446 |
-
}
|
| 447 |
-
}
|
| 448 |
-
}
|
| 449 |
-
}
|
| 450 |
-
//print_r($this->fields);
|
| 451 |
-
}
|
| 452 |
-
|
| 453 |
-
public function register_links( $links, $file )
|
| 454 |
-
{
|
| 455 |
-
$base = plugin_basename( __FILE__ );
|
| 456 |
-
|
| 457 |
-
if ( $file == $base ) {
|
| 458 |
-
$links[] = '<a href="admin.php?page=ftg-lite-gallery-admin" title="Final Tiles Grid Gallery Dashboard">Dashboard</a>';
|
| 459 |
-
$links[] = '<a href="https://www.machothemes.com/" title="MachoThemes website">MachoThemes</a>';
|
| 460 |
-
$links[] = '<a href="https://twitter.com/machothemes" title="@MachoThemes on Twitter">Twitter</a>';
|
| 461 |
-
$links[] = '<a href="https://www.facebook.com/machothemes" title="MachoThemes on Facebook">Facebook</a>';
|
| 462 |
-
}
|
| 463 |
-
|
| 464 |
-
return $links;
|
| 465 |
-
}
|
| 466 |
-
|
| 467 |
-
/*public function create_db_tables()
|
| 468 |
-
{
|
| 469 |
-
include_once 'lib/install-db.php';
|
| 470 |
-
install_db();
|
| 471 |
-
}
|
| 472 |
-
|
| 473 |
-
public function activation()
|
| 474 |
-
{
|
| 475 |
-
|
| 476 |
-
}*/
|
| 477 |
-
//Define textdomain
|
| 478 |
-
public function create_textdomain()
|
| 479 |
-
{
|
| 480 |
-
$plugin_dir = basename( dirname( __FILE__ ) );
|
| 481 |
-
load_plugin_textdomain( 'final-tiles-grid-gallery-lite', false, dirname( plugin_basename( __FILE__ ) ) . '/languages/' );
|
| 482 |
-
foreach ( $this->fields as $s => $section ) {
|
| 483 |
-
foreach ( $section["fields"] as $f => $field ) {
|
| 484 |
-
$this->fields[$s]["fields"][$f]["description"] = esc_html__( $this->fields[$s]["fields"][$f]["description"], 'final-tiles-grid-gallery-lite' );
|
| 485 |
-
}
|
| 486 |
-
}
|
| 487 |
-
}
|
| 488 |
-
|
| 489 |
-
//Define constants
|
| 490 |
-
public function define_constants()
|
| 491 |
-
{
|
| 492 |
-
if ( !defined( 'FINALTILESGALLERY_PLUGIN_BASENAME' ) ) {
|
| 493 |
-
define( 'FINALTILESGALLERY_PLUGIN_BASENAME', plugin_basename( __FILE__ ) );
|
| 494 |
-
}
|
| 495 |
-
if ( !defined( 'FINALTILESGALLERY_PLUGIN_NAME' ) ) {
|
| 496 |
-
define( 'FINALTILESGALLERY_PLUGIN_NAME', trim( dirname( FINALTILESGALLERY_PLUGIN_BASENAME ), '/' ) );
|
| 497 |
-
}
|
| 498 |
-
if ( !defined( 'FINALTILESGALLERY_PLUGIN_DIR' ) ) {
|
| 499 |
-
define( 'FINALTILESGALLERY_PLUGIN_DIR', WP_PLUGIN_DIR . '/' . FINALTILESGALLERY_PLUGIN_NAME );
|
| 500 |
-
}
|
| 501 |
-
}
|
| 502 |
-
|
| 503 |
-
//Define DB tables
|
| 504 |
-
public static function define_db_tables()
|
| 505 |
-
{
|
| 506 |
-
global $wpdb ;
|
| 507 |
-
$wpdb->FinalTilesGalleries = $wpdb->prefix . 'FinalTiles_gallery';
|
| 508 |
-
$wpdb->FinalTilesImages = $wpdb->prefix . 'FinalTiles_gallery_images';
|
| 509 |
-
}
|
| 510 |
-
|
| 511 |
-
public function create_db_conn()
|
| 512 |
-
{
|
| 513 |
-
require 'lib/db-class.php';
|
| 514 |
-
$FinalTilesdb = FinalTilesDB::getInstance();
|
| 515 |
-
return $FinalTilesdb;
|
| 516 |
-
}
|
| 517 |
-
|
| 518 |
-
public function editor_button( $buttons )
|
| 519 |
-
{
|
| 520 |
-
array_push( $buttons, 'separator', 'ftg_shortcode_editor' );
|
| 521 |
-
return $buttons;
|
| 522 |
-
}
|
| 523 |
-
|
| 524 |
-
public function register_editor_plugin( $plugin_array )
|
| 525 |
-
{
|
| 526 |
-
$plugin_array['ftg_shortcode_editor'] = plugins_url( '/admin/scripts/editor-plugin.js', __FILE__ );
|
| 527 |
-
return $plugin_array;
|
| 528 |
-
}
|
| 529 |
-
|
| 530 |
-
public function ftg_shortcode_editor()
|
| 531 |
-
{
|
| 532 |
-
$css_path = plugins_url( 'assets/css/admin.css', __FILE__ );
|
| 533 |
-
$admin_url = admin_url();
|
| 534 |
-
$galleries = $this->FinalTilesdb->getGalleries();
|
| 535 |
-
//load all galleries
|
| 536 |
-
include 'admin/include/tinymce-galleries.php';
|
| 537 |
-
wp_die();
|
| 538 |
-
}
|
| 539 |
-
|
| 540 |
-
public function attachment_fields_to_edit( $form, $post )
|
| 541 |
-
{
|
| 542 |
-
$form["ftg_link"] = array(
|
| 543 |
-
"label" => "Link <small>FTG</small>",
|
| 544 |
-
"input" => "text",
|
| 545 |
-
"value" => get_post_meta( $post->ID, "_ftg_link", true ),
|
| 546 |
-
"helps" => "",
|
| 547 |
-
);
|
| 548 |
-
$form["ftg_target"] = array(
|
| 549 |
-
"label" => "_blank <small>FTG</small>",
|
| 550 |
-
"input" => "html",
|
| 551 |
-
"html" => "<input type='checkbox' name='attachments[{$post->ID}][ftg_target]' id='attachments[{$post->ID}][ftg_target]' value='_mblank' " . (( get_post_meta( $post->ID, "_ftg_target", true ) == "_mblank" ? "checked" : "" )) . " />",
|
| 552 |
-
);
|
| 553 |
-
return $form;
|
| 554 |
-
}
|
| 555 |
-
|
| 556 |
-
public function attachment_fields_to_save( $post, $attachment )
|
| 557 |
-
{
|
| 558 |
-
if ( isset( $attachment['ftg_link'] ) ) {
|
| 559 |
-
update_post_meta( $post['ID'], '_ftg_link', esc_url_raw( $attachment['ftg_link'] ) );
|
| 560 |
-
}
|
| 561 |
-
if ( isset( $attachment['ftg_target'] ) ) {
|
| 562 |
-
update_post_meta( $post['ID'], '_ftg_target', sanitize_text_field( $attachment['ftg_target'] ) );
|
| 563 |
-
}
|
| 564 |
-
return $post;
|
| 565 |
-
}
|
| 566 |
-
|
| 567 |
-
//Delete gallery
|
| 568 |
-
public function delete_gallery()
|
| 569 |
-
{
|
| 570 |
-
if ( check_admin_referer( 'FinalTiles_gallery', 'FinalTiles_gallery' ) && isset( $_POST['id'] ) ) {
|
| 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 = ( isset( $_POST['galleryId'] ) ? absint( $_POST['galleryId'] ) : 0 );
|
| 581 |
-
$config = ( isset( $_POST['config'] ) ? wp_unslash( $_POST['config'] ) : '' );
|
| 582 |
-
// phpcs:ignore
|
| 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 = ( isset( $_POST['galleryId'] ) ? absint( $_POST['galleryId'] ) : 0 );
|
| 594 |
-
$gallery = $this->FinalTilesdb->getGalleryConfig( $id );
|
| 595 |
-
echo stripslashes( $gallery ) ;
|
| 596 |
-
// phpcs:ignore
|
| 597 |
-
}
|
| 598 |
-
|
| 599 |
-
exit;
|
| 600 |
-
}
|
| 601 |
-
|
| 602 |
-
public function get_image_size_url()
|
| 603 |
-
{
|
| 604 |
-
|
| 605 |
-
if ( check_admin_referer( 'FinalTiles_gallery', 'FinalTiles_gallery' ) ) {
|
| 606 |
-
$id = ( isset( $_POST['id'] ) ? absint( $_POST['id'] ) : 0 );
|
| 607 |
-
$size = ( isset( $_POST['size'] ) ? sanitize_text_field( wp_unslash( $_POST['size'] ) ) : 'thumbnail' );
|
| 608 |
-
echo esc_url( wp_get_attachment_image_url( $id, $size, false ) ) ;
|
| 609 |
-
}
|
| 610 |
-
|
| 611 |
-
exit;
|
| 612 |
-
}
|
| 613 |
-
|
| 614 |
-
//Clone gallery
|
| 615 |
-
public function clone_gallery()
|
| 616 |
-
{
|
| 617 |
-
|
| 618 |
-
if ( check_admin_referer( 'FinalTiles_gallery', 'FinalTiles_gallery' ) ) {
|
| 619 |
-
$sourceId = ( isset( $_POST['id'] ) ? intval( $_POST['id'] ) : 0 );
|
| 620 |
-
$g = $this->FinalTilesdb->getGalleryById( $sourceId, true );
|
| 621 |
-
$g['name'] .= " (copy)";
|
| 622 |
-
$this->FinalTilesdb->addGallery( $g );
|
| 623 |
-
$id = $this->FinalTilesdb->getNewGalleryId();
|
| 624 |
-
$images = $this->FinalTilesdb->getImagesByGalleryId( $sourceId, 0, 0 );
|
| 625 |
-
foreach ( $images as &$image ) {
|
| 626 |
-
$image->Id = null;
|
| 627 |
-
$image->gid = $id;
|
| 628 |
-
}
|
| 629 |
-
$this->FinalTilesdb->addImages( $id, $images );
|
| 630 |
-
}
|
| 631 |
-
|
| 632 |
-
return array();
|
| 633 |
-
}
|
| 634 |
-
|
| 635 |
-
//Add gallery scripts
|
| 636 |
-
public function add_gallery_scripts()
|
| 637 |
-
{
|
| 638 |
-
wp_enqueue_script( 'jquery' );
|
| 639 |
-
wp_register_script(
|
| 640 |
-
'finalTilesGallery',
|
| 641 |
-
plugins_url( 'scripts/jquery.finalTilesGallery.js', __FILE__ ),
|
| 642 |
-
array( 'jquery' ),
|
| 643 |
-
FTGVERSION,
|
| 644 |
-
true
|
| 645 |
-
);
|
| 646 |
-
wp_enqueue_script( 'finalTilesGallery' );
|
| 647 |
-
wp_register_style(
|
| 648 |
-
'finalTilesGallery_stylesheet',
|
| 649 |
-
plugins_url( 'scripts/ftg.css', __FILE__ ),
|
| 650 |
-
array(),
|
| 651 |
-
FTGVERSION
|
| 652 |
-
);
|
| 653 |
-
wp_enqueue_style( 'finalTilesGallery_stylesheet' );
|
| 654 |
-
wp_register_script( 'lightbox2_script', plugins_url( 'lightbox/lightbox2/js/script.js', __FILE__ ), array( 'jquery' ) );
|
| 655 |
-
wp_register_style( 'lightbox2_stylesheet', plugins_url( 'lightbox/lightbox2/css/style.css', __FILE__ ) );
|
| 656 |
-
wp_register_style( 'fontawesome_stylesheet', '//netdna.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.css' );
|
| 657 |
-
wp_enqueue_style( 'fontawesome_stylesheet' );
|
| 658 |
-
}
|
| 659 |
-
|
| 660 |
-
//Admin Section - register scripts and styles
|
| 661 |
-
public function gallery_admin_init()
|
| 662 |
-
{
|
| 663 |
-
if ( function_exists( 'wp_enqueue_media' ) ) {
|
| 664 |
-
wp_enqueue_media();
|
| 665 |
-
}
|
| 666 |
-
$ftg_db_version = '20190518';
|
| 667 |
-
$installed_ver = get_option( "FinalTiles_gallery_db_version" );
|
| 668 |
-
if ( !$installed_ver || empty($installed_ver) ) {
|
| 669 |
-
update_option( "FinalTiles_gallery_db_version", $ftg_db_version );
|
| 670 |
-
}
|
| 671 |
-
|
| 672 |
-
if ( $installed_ver != $ftg_db_version ) {
|
| 673 |
-
activate_finaltilesgallery();
|
| 674 |
-
update_option( "FinalTiles_gallery_db_version", $ftg_db_version );
|
| 675 |
-
}
|
| 676 |
-
|
| 677 |
-
function ftg_get_image_sizes()
|
| 678 |
-
{
|
| 679 |
-
global $_wp_additional_image_sizes ;
|
| 680 |
-
$sizes = array();
|
| 681 |
-
foreach ( get_intermediate_image_sizes() as $_size ) {
|
| 682 |
-
|
| 683 |
-
if ( in_array( $_size, array(
|
| 684 |
-
'thumbnail',
|
| 685 |
-
'medium',
|
| 686 |
-
'medium_large',
|
| 687 |
-
'large'
|
| 688 |
-
) ) ) {
|
| 689 |
-
$sizes[$_size]['width'] = get_option( "{$_size}_size_w" );
|
| 690 |
-
$sizes[$_size]['height'] = get_option( "{$_size}_size_h" );
|
| 691 |
-
$sizes[$_size]['crop'] = (bool) get_option( "{$_size}_crop" );
|
| 692 |
-
} elseif ( isset( $_wp_additional_image_sizes[$_size] ) ) {
|
| 693 |
-
$sizes[$_size] = array(
|
| 694 |
-
'width' => $_wp_additional_image_sizes[$_size]['width'],
|
| 695 |
-
'height' => $_wp_additional_image_sizes[$_size]['height'],
|
| 696 |
-
'crop' => $_wp_additional_image_sizes[$_size]['crop'],
|
| 697 |
-
);
|
| 698 |
-
}
|
| 699 |
-
|
| 700 |
-
}
|
| 701 |
-
return $sizes;
|
| 702 |
-
}
|
| 703 |
-
|
| 704 |
-
foreach ( ftg_get_image_sizes() as $name => $size ) {
|
| 705 |
-
$this->fields["Links & Lightbox"]["fields"]["lightboxImageSize"]["values"]["Size"][] = $name . "|" . $name . " (" . $size['width'] . 'x' . $size['height'] . (( $size['crop'] ? ' cropped)' : ')' ));
|
| 706 |
-
}
|
| 707 |
-
$this->fields["Links & Lightbox"]["fields"]["lightboxImageSize"]["values"]["Size"][] = "full|Original (full)";
|
| 708 |
-
wp_enqueue_script( 'jquery' );
|
| 709 |
-
wp_enqueue_script( 'jquery-ui-dialog' );
|
| 710 |
-
wp_enqueue_script( 'jquery-ui-sortable' );
|
| 711 |
-
wp_enqueue_script( 'wp-color-picker' );
|
| 712 |
-
wp_enqueue_style( 'wp-color-picker' );
|
| 713 |
-
wp_enqueue_script( 'media-upload' );
|
| 714 |
-
wp_enqueue_script( 'thickbox' );
|
| 715 |
-
wp_register_style( 'google-fonts', '//fonts.googleapis.com/css?family=Roboto:400,700,500,300,900' );
|
| 716 |
-
wp_enqueue_style( 'google-fonts' );
|
| 717 |
-
wp_register_style( 'google-icons', '//cdn.materialdesignicons.com/1.9.32/css/materialdesignicons.min.css', array() );
|
| 718 |
-
wp_enqueue_style( 'google-icons' );
|
| 719 |
-
wp_register_style( 'final-tiles-gallery-admin', plugins_url( 'admin/css/style.css', __FILE__ ), array( 'colors' ) );
|
| 720 |
-
wp_enqueue_style( 'final-tiles-gallery-admin' );
|
| 721 |
-
wp_register_script( 'materialize', plugins_url( 'admin/scripts/materialize.min.js', __FILE__ ), array( 'jquery' ) );
|
| 722 |
-
wp_enqueue_script( 'materialize' );
|
| 723 |
-
wp_register_script( 'final-tiles-gallery', plugins_url( 'admin/scripts/final-tiles-gallery-admin.js', __FILE__ ), array(
|
| 724 |
-
'jquery',
|
| 725 |
-
'media-upload',
|
| 726 |
-
'thickbox',
|
| 727 |
-
'materialize'
|
| 728 |
-
) );
|
| 729 |
-
wp_enqueue_script( 'final-tiles-gallery' );
|
| 730 |
-
wp_enqueue_style( 'thickbox' );
|
| 731 |
-
wp_register_style( 'fontawesome_stylesheet', '//netdna.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.css' );
|
| 732 |
-
wp_enqueue_style( 'fontawesome_stylesheet' );
|
| 733 |
-
}
|
| 734 |
-
|
| 735 |
-
//Create Admin Menu
|
| 736 |
-
public function add_gallery_admin_menu()
|
| 737 |
-
{
|
| 738 |
-
$overview = add_menu_page(
|
| 739 |
-
'Final Tiles Gallery',
|
| 740 |
-
'Final Tiles Gallery',
|
| 741 |
-
'edit_posts',
|
| 742 |
-
'ftg-lite-gallery-admin',
|
| 743 |
-
array( $this, 'add_overview' ),
|
| 744 |
-
plugins_url( 'admin/icon.png', __FILE__ )
|
| 745 |
-
);
|
| 746 |
-
$add_gallery = add_submenu_page(
|
| 747 |
-
'ftg-lite-gallery-admin',
|
| 748 |
-
esc_html__( 'FinalTiles Gallery >> Add Gallery', 'final-tiles-grid-gallery-lite' ),
|
| 749 |
-
esc_html__( 'Add Gallery', 'final-tiles-grid-gallery-lite' ),
|
| 750 |
-
'edit_posts',
|
| 751 |
-
'ftg-add-gallery',
|
| 752 |
-
array( $this, 'add_gallery' )
|
| 753 |
-
);
|
| 754 |
-
add_action( 'load-' . $overview, array( $this, 'gallery_admin_init' ) );
|
| 755 |
-
add_action( 'load-' . $add_gallery, array( $this, 'gallery_admin_init' ) );
|
| 756 |
-
/*if(! class_exists("PhotoBlocks"))
|
| 757 |
-
{
|
| 758 |
-
$photoblocks = add_submenu_page('ftg-lite-gallery-admin', __('FinalTiles Gallery >> PhotoBlocks', 'FinalTiles-gallery'), __('PhotoBlocks', 'FinalTiles-gallery'), 'edit_posts', 'ftg-photoblocks', array($this, 'photoblocks'));
|
| 759 |
-
add_action('load-' . $photoblocks, array($this, 'gallery_admin_init'));
|
| 760 |
-
}
|
| 761 |
-
|
| 762 |
-
if(! class_exists("EverlightBox"))
|
| 763 |
-
{
|
| 764 |
-
$everlightbox = add_submenu_page('ftg-lite-gallery-admin', __('FinalTiles Gallery >> EverlightBox', 'FinalTiles-gallery'), __('EverlightBox', 'FinalTiles-gallery'), 'edit_posts', 'ftg-everlightbox', array($this, 'everlightbox'));
|
| 765 |
-
add_action('load-' . $everlightbox, array($this, 'gallery_admin_init'));
|
| 766 |
-
}*/
|
| 767 |
-
}
|
| 768 |
-
|
| 769 |
-
//Create Admin Pages
|
| 770 |
-
public function add_overview()
|
| 771 |
-
{
|
| 772 |
-
global $ftg_fields ;
|
| 773 |
-
$ftg_fields = $this->fields;
|
| 774 |
-
global $ftg_parent_page ;
|
| 775 |
-
$ftg_parent_page = "dashboard";
|
| 776 |
-
|
| 777 |
-
if ( array_key_exists( "id", $_GET ) ) {
|
| 778 |
-
$woocommerce_post_types = array(
|
| 779 |
-
"product",
|
| 780 |
-
"product_variation",
|
| 781 |
-
"shop_order",
|
| 782 |
-
"shop_order_refund",
|
| 783 |
-
"shop_coupon",
|
| 784 |
-
"shop_webhook"
|
| 785 |
-
);
|
| 786 |
-
$wp_post_types = array( "revision", "nav_menu_item" );
|
| 787 |
-
$excluded_post_types = array_merge( $wp_post_types, $woocommerce_post_types );
|
| 788 |
-
$woo_categories = $this->getWooCategories();
|
| 789 |
-
include "admin/edit-gallery.php";
|
| 790 |
-
} else {
|
| 791 |
-
include "admin/overview.php";
|
| 792 |
-
}
|
| 793 |
-
|
| 794 |
-
}
|
| 795 |
-
|
| 796 |
-
public function tutorial()
|
| 797 |
-
{
|
| 798 |
-
include "admin/tutorial.php";
|
| 799 |
-
}
|
| 800 |
-
|
| 801 |
-
public function support()
|
| 802 |
-
{
|
| 803 |
-
include "admin/support.php";
|
| 804 |
-
}
|
| 805 |
-
|
| 806 |
-
public function photoblocks()
|
| 807 |
-
{
|
| 808 |
-
include "admin/photoblocks.php";
|
| 809 |
-
}
|
| 810 |
-
|
| 811 |
-
public function everlightbox()
|
| 812 |
-
{
|
| 813 |
-
include "admin/everlightbox.php";
|
| 814 |
-
}
|
| 815 |
-
|
| 816 |
-
private function getWooCategories()
|
| 817 |
-
{
|
| 818 |
-
|
| 819 |
-
if ( in_array( 'woocommerce/woocommerce.php', apply_filters( 'active_plugins', get_option( 'active_plugins' ) ) ) ) {
|
| 820 |
-
$taxonomy = 'product_cat';
|
| 821 |
-
$orderby = 'name';
|
| 822 |
-
$show_count = 0;
|
| 823 |
-
// 1 for yes, 0 for no
|
| 824 |
-
$pad_counts = 0;
|
| 825 |
-
// 1 for yes, 0 for no
|
| 826 |
-
$hierarchical = 1;
|
| 827 |
-
// 1 for yes, 0 for no
|
| 828 |
-
$title = '';
|
| 829 |
-
$empty = 0;
|
| 830 |
-
$args = array(
|
| 831 |
-
'taxonomy' => $taxonomy,
|
| 832 |
-
'orderby' => $orderby,
|
| 833 |
-
'show_count' => $show_count,
|
| 834 |
-
'pad_counts' => $pad_counts,
|
| 835 |
-
'hierarchical' => $hierarchical,
|
| 836 |
-
'title_li' => $title,
|
| 837 |
-
'hide_empty' => $empty,
|
| 838 |
-
);
|
| 839 |
-
return get_categories( $args );
|
| 840 |
-
} else {
|
| 841 |
-
return array();
|
| 842 |
-
}
|
| 843 |
-
|
| 844 |
-
}
|
| 845 |
-
|
| 846 |
-
public function add_gallery()
|
| 847 |
-
{
|
| 848 |
-
global $ftg_fields ;
|
| 849 |
-
$ftg_fields = $this->fields;
|
| 850 |
-
$gallery = null;
|
| 851 |
-
$woocommerce_post_types = array(
|
| 852 |
-
"product",
|
| 853 |
-
"product_variation",
|
| 854 |
-
"shop_order",
|
| 855 |
-
"shop_order_refund",
|
| 856 |
-
"shop_coupon",
|
| 857 |
-
"shop_webhook"
|
| 858 |
-
);
|
| 859 |
-
$wp_post_types = array( "revision", "nav_menu_item" );
|
| 860 |
-
$excluded_post_types = array_merge( $wp_post_types, $woocommerce_post_types );
|
| 861 |
-
$woo_categories = $this->getWooCategories();
|
| 862 |
-
include "admin/add-gallery.php";
|
| 863 |
-
}
|
| 864 |
-
|
| 865 |
-
public function delete_image()
|
| 866 |
-
{
|
| 867 |
-
|
| 868 |
-
if ( check_admin_referer( 'FinalTiles_gallery', 'FinalTiles_gallery' ) ) {
|
| 869 |
-
$ids = ( isset( $_POST['id'] ) ? sanitize_text_field( wp_unslash( $_POST['id'] ) ) : 0 );
|
| 870 |
-
foreach ( explode( ",", $ids ) as $id ) {
|
| 871 |
-
$this->FinalTilesdb->deleteImage( absint( $id ) );
|
| 872 |
-
}
|
| 873 |
-
}
|
| 874 |
-
|
| 875 |
-
wp_die();
|
| 876 |
-
}
|
| 877 |
-
|
| 878 |
-
public function assign_filters()
|
| 879 |
-
{
|
| 880 |
-
|
| 881 |
-
if ( check_admin_referer( 'FinalTiles_gallery', 'FinalTiles_gallery' ) ) {
|
| 882 |
-
$ids = ( isset( $_POST['id'] ) ? sanitize_text_field( wp_unslash( $_POST['id'] ) ) : 0 );
|
| 883 |
-
$filters = ( isset( $_POST['filters'] ) ? sanitize_text_field( wp_unslash( $_POST['filters'] ) ) : '' );
|
| 884 |
-
|
| 885 |
-
if ( isset( $_POST['source'] ) && $_POST['source'] == 'posts' ) {
|
| 886 |
-
foreach ( explode( ",", $ids ) as $id ) {
|
| 887 |
-
update_post_meta( absint( $id ), 'ftg_filters', sanitize_text_field( $filters ) );
|
| 888 |
-
}
|
| 889 |
-
} else {
|
| 890 |
-
foreach ( explode( ",", $ids ) as $id ) {
|
| 891 |
-
$result = $this->FinalTilesdb->editImage( absint( $id ), array(
|
| 892 |
-
"filters" => sanitize_text_field( $filters ),
|
| 893 |
-
) );
|
| 894 |
-
}
|
| 895 |
-
}
|
| 896 |
-
|
| 897 |
-
}
|
| 898 |
-
|
| 899 |
-
wp_die();
|
| 900 |
-
}
|
| 901 |
-
|
| 902 |
-
public function toggle_visibility()
|
| 903 |
-
{
|
| 904 |
-
|
| 905 |
-
if ( check_admin_referer( 'FinalTiles_gallery', 'FinalTiles_gallery' ) ) {
|
| 906 |
-
$ids = ( isset( $_POST['id'] ) ? sanitize_text_field( wp_unslash( $_POST['id'] ) ) : 0 );
|
| 907 |
-
foreach ( explode( ",", $ids ) as $id ) {
|
| 908 |
-
$image = $this->FinalTilesdb->getImage( $id );
|
| 909 |
-
$this->FinalTilesdb->editImage( absint( $id ), array(
|
| 910 |
-
"hidden" => ( $image->hidden == 'T' ? 'F' : 'T' ),
|
| 911 |
-
) );
|
| 912 |
-
}
|
| 913 |
-
}
|
| 914 |
-
|
| 915 |
-
wp_die();
|
| 916 |
-
}
|
| 917 |
-
|
| 918 |
-
public function assign_group()
|
| 919 |
-
{
|
| 920 |
-
|
| 921 |
-
if ( check_admin_referer( 'FinalTiles_gallery', 'FinalTiles_gallery' ) ) {
|
| 922 |
-
$ids = ( isset( $_POST['id'] ) ? sanitize_text_field( wp_unslash( $_POST['id'] ) ) : 0 );
|
| 923 |
-
$group = ( isset( $_POST['group'] ) ? sanitize_text_field( wp_unslash( $_POST['group'] ) ) : '' );
|
| 924 |
-
|
| 925 |
-
if ( isset( $_POST['source'] ) && $_POST['source'] == 'posts' ) {
|
| 926 |
-
foreach ( explode( ",", $ids ) as $id ) {
|
| 927 |
-
update_post_meta( intval( $id ), 'ftg_group', sanitize_text_field( $group ) );
|
| 928 |
-
}
|
| 929 |
-
} else {
|
| 930 |
-
foreach ( explode( ",", $ids ) as $id ) {
|
| 931 |
-
$result = $this->FinalTilesdb->editImage( $id, array(
|
| 932 |
-
"group" => sanitize_text_field( $group ),
|
| 933 |
-
) );
|
| 934 |
-
}
|
| 935 |
-
}
|
| 936 |
-
|
| 937 |
-
}
|
| 938 |
-
|
| 939 |
-
wp_die();
|
| 940 |
-
}
|
| 941 |
-
|
| 942 |
-
public function add_image()
|
| 943 |
-
{
|
| 944 |
-
|
| 945 |
-
if ( check_admin_referer( 'FinalTiles_gallery', 'FinalTiles_gallery' ) ) {
|
| 946 |
-
$gid = ( isset( $_POST['galleryId'] ) ? intval( $_POST['galleryId'] ) : 0 );
|
| 947 |
-
$enc_images = ( isset( $_POST['enc_images'] ) ? wp_unslash( $_POST['enc_images'] ) : '' );
|
| 948 |
-
// phpcs:ignore
|
| 949 |
-
$images = json_decode( $enc_images );
|
| 950 |
-
$result = $this->FinalTilesdb->addImages( $gid, $images );
|
| 951 |
-
header( "Content-type: application/json" );
|
| 952 |
-
|
| 953 |
-
if ( $result === false ) {
|
| 954 |
-
echo "{\"success\":false}" ;
|
| 955 |
-
} else {
|
| 956 |
-
echo "{\"success\":true}" ;
|
| 957 |
-
}
|
| 958 |
-
|
| 959 |
-
}
|
| 960 |
-
|
| 961 |
-
wp_die();
|
| 962 |
-
}
|
| 963 |
-
|
| 964 |
-
public function list_thumbnail_sizes()
|
| 965 |
-
{
|
| 966 |
-
global $_wp_additional_image_sizes ;
|
| 967 |
-
$sizes = array();
|
| 968 |
-
foreach ( get_intermediate_image_sizes() as $s ) {
|
| 969 |
-
|
| 970 |
-
if ( in_array( $s, array( 'thumbnail', 'medium', 'large' ) ) ) {
|
| 971 |
-
$sizes[$s][0] = get_option( $s . '_size_w' );
|
| 972 |
-
$sizes[$s][1] = get_option( $s . '_size_h' );
|
| 973 |
-
} else {
|
| 974 |
-
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 ) {
|
| 975 |
-
$sizes[$s] = array( $_wp_additional_image_sizes[$s]['width'], $_wp_additional_image_sizes[$s]['height'] );
|
| 976 |
-
}
|
| 977 |
-
}
|
| 978 |
-
|
| 979 |
-
}
|
| 980 |
-
return $sizes;
|
| 981 |
-
}
|
| 982 |
-
|
| 983 |
-
public function sort_images()
|
| 984 |
-
{
|
| 985 |
-
|
| 986 |
-
if ( check_admin_referer( 'FinalTiles_gallery', 'FinalTiles_gallery' ) ) {
|
| 987 |
-
$ids = ( isset( $_POST['ids'] ) ? sanitize_text_field( wp_unslash( $_POST['ids'] ) ) : 0 );
|
| 988 |
-
$result = $this->FinalTilesdb->sortImages( explode( ',', $ids ) );
|
| 989 |
-
header( "Content-type: application/json" );
|
| 990 |
-
|
| 991 |
-
if ( $result === false ) {
|
| 992 |
-
echo "{\"success\":false}" ;
|
| 993 |
-
} else {
|
| 994 |
-
echo "{\"success\":true}" ;
|
| 995 |
-
}
|
| 996 |
-
|
| 997 |
-
}
|
| 998 |
-
|
| 999 |
-
wp_die();
|
| 1000 |
-
}
|
| 1001 |
-
|
| 1002 |
-
public function load_chunk()
|
| 1003 |
-
{
|
| 1004 |
-
require_once 'lib/gallery-class.php';
|
| 1005 |
-
|
| 1006 |
-
if ( check_admin_referer( 'finaltilesgallery', 'finaltilesgallery' ) ) {
|
| 1007 |
-
$gid = ( isset( $_POST['gallery'] ) ? intval( $_POST['gallery'] ) : 0 );
|
| 1008 |
-
$images = $this->FinalTilesdb->getImagesByGalleryId( $gid, 0, 0 );
|
| 1009 |
-
$FinalTilesGallery = new FinalTilesGallery( $gid, $this->FinalTilesdb, $this->defaultValues );
|
| 1010 |
-
echo $FinalTilesGallery->images_markup() ;
|
| 1011 |
-
// phpcs:ignore
|
| 1012 |
-
}
|
| 1013 |
-
|
| 1014 |
-
wp_die();
|
| 1015 |
-
}
|
| 1016 |
-
|
| 1017 |
-
public function refresh_gallery()
|
| 1018 |
-
{
|
| 1019 |
-
if ( check_admin_referer( 'FinalTiles_gallery', 'FinalTiles_gallery' ) ) {
|
| 1020 |
-
if ( isset( $_POST['source'] ) && sanitize_text_field( wp_unslash( $_POST['source'] ) ) == 'images' ) {
|
| 1021 |
-
$this->list_images();
|
| 1022 |
-
}
|
| 1023 |
-
}
|
| 1024 |
-
}
|
| 1025 |
-
|
| 1026 |
-
public function save_image()
|
| 1027 |
-
{
|
| 1028 |
-
|
| 1029 |
-
if ( check_admin_referer( 'FinalTiles_gallery', 'FinalTiles_gallery' ) ) {
|
| 1030 |
-
$result = false;
|
| 1031 |
-
|
| 1032 |
-
if ( isset( $_POST['source'] ) && $_POST['source'] == 'posts' ) {
|
| 1033 |
-
$result = true;
|
| 1034 |
-
$postId = ( isset( $_POST['post_id'] ) ? intval( $_POST['post_id'] ) : 0 );
|
| 1035 |
-
$img_url = ( isset( $_POST['img_url'] ) ? esc_url_raw( $_POST['img_url'] ) : '' );
|
| 1036 |
-
update_post_meta( $postId, 'ftg_image_url', esc_url_raw( $img_url ) );
|
| 1037 |
-
if ( array_key_exists( "filters", $_POST ) && strlen( sanitize_text_field( wp_unslash( $_POST['filters'] ) ) ) ) {
|
| 1038 |
-
update_post_meta( $postId, 'ftg_filters', sanitize_text_field( wp_unslash( $_POST['filters'] ) ) );
|
| 1039 |
-
}
|
| 1040 |
-
} else {
|
| 1041 |
-
$type = ( isset( $_POST['type'] ) ? sanitize_text_field( wp_unslash( $_POST['type'] ) ) : '' );
|
| 1042 |
-
$imageUrl = ( isset( $_POST['img_url'] ) ? esc_url_raw( $_POST['img_url'] ) : '' );
|
| 1043 |
-
$imageCaption = ( isset( $_POST['description'] ) ? wp_kses_post( wp_unslash( $_POST['description'] ) ) : '' );
|
| 1044 |
-
$filters = ( isset( $_POST['filters'] ) ? sanitize_text_field( wp_unslash( $_POST['filters'] ) ) : '' );
|
| 1045 |
-
$title = ( isset( $_POST['imageTitle'] ) ? wp_kses_post( wp_unslash( $_POST['imageTitle'] ) ) : '' );
|
| 1046 |
-
$target = ( isset( $_POST['target'] ) ? sanitize_text_field( wp_unslash( $_POST['target'] ) ) : '' );
|
| 1047 |
-
$group = ( isset( $_POST['group'] ) ? sanitize_text_field( wp_unslash( $_POST['group'] ) ) : '' );
|
| 1048 |
-
$alt = ( isset( $_POST['alt'] ) ? sanitize_text_field( wp_unslash( $_POST['alt'] ) ) : '' );
|
| 1049 |
-
$hidden = $this->checkboxVal( 'hidden' );
|
| 1050 |
-
$link = ( isset( $_POST['link'] ) ? esc_url_raw( wp_unslash( $_POST['link'] ) ) : null );
|
| 1051 |
-
$imageId = ( isset( $_POST['img_id'] ) ? intval( wp_unslash( $_POST['img_id'] ) ) : 0 );
|
| 1052 |
-
$sortOrder = ( isset( $_POST['sortOrder'] ) ? intval( wp_unslash( $_POST['sortOrder'] ) ) : 0 );
|
| 1053 |
-
$data = array(
|
| 1054 |
-
"imagePath" => $imageUrl,
|
| 1055 |
-
"target" => $target,
|
| 1056 |
-
"link" => $link,
|
| 1057 |
-
"imageId" => $imageId,
|
| 1058 |
-
"description" => $imageCaption,
|
| 1059 |
-
"filters" => $filters,
|
| 1060 |
-
"title" => $title,
|
| 1061 |
-
"group" => $group,
|
| 1062 |
-
"alt" => $alt,
|
| 1063 |
-
"hidden" => $hidden,
|
| 1064 |
-
"sortOrder" => $sortOrder,
|
| 1065 |
-
);
|
| 1066 |
-
|
| 1067 |
-
if ( !empty($_POST["id"]) ) {
|
| 1068 |
-
$imageId = intval( $_POST['id'] );
|
| 1069 |
-
$result = $this->FinalTilesdb->editImage( $imageId, $data );
|
| 1070 |
-
} else {
|
| 1071 |
-
$data["gid"] = ( isset( $_POST['galleryId'] ) ? absint( $_POST['galleryId'] ) : 0 );
|
| 1072 |
-
$result = $this->FinalTilesdb->addFullImage( $data );
|
| 1073 |
-
}
|
| 1074 |
-
|
| 1075 |
-
}
|
| 1076 |
-
|
| 1077 |
-
header( "Content-type: application/json" );
|
| 1078 |
-
|
| 1079 |
-
if ( $result === false ) {
|
| 1080 |
-
echo "{\"success\":false}" ;
|
| 1081 |
-
} else {
|
| 1082 |
-
echo "{\"success\":true}" ;
|
| 1083 |
-
}
|
| 1084 |
-
|
| 1085 |
-
}
|
| 1086 |
-
|
| 1087 |
-
wp_die();
|
| 1088 |
-
}
|
| 1089 |
-
|
| 1090 |
-
public function save_video()
|
| 1091 |
-
{
|
| 1092 |
-
|
| 1093 |
-
if ( check_admin_referer( 'FinalTiles_gallery', 'FinalTiles_gallery' ) ) {
|
| 1094 |
-
$result = false;
|
| 1095 |
-
$type = ( isset( $_POST['type'] ) ? sanitize_text_field( wp_unslash( $_POST['type'] ) ) : "" );
|
| 1096 |
-
$data = array(
|
| 1097 |
-
"imagePath" => wp_unslash( $_POST["embed"] ),
|
| 1098 |
-
"filters" => ( isset( $_POST['filters'] ) ? sanitize_text_field( wp_unslash( $_POST['filters'] ) ) : '' ),
|
| 1099 |
-
"gid" => ( isset( $_POST['galleryId'] ) ? absint( $_POST['galleryId'] ) : 0 ),
|
| 1100 |
-
);
|
| 1101 |
-
$id = ( isset( $_POST['id'] ) ? absint( $_POST['id'] ) : "" );
|
| 1102 |
-
$step = ( isset( $_POST['step'] ) ? sanitize_text_field( wp_unslash( $_POST['step'] ) ) : "" );
|
| 1103 |
-
if ( !empty($step) ) {
|
| 1104 |
-
|
| 1105 |
-
if ( $step == "add" ) {
|
| 1106 |
-
$result = $this->FinalTilesdb->addVideo( $data );
|
| 1107 |
-
} else {
|
| 1108 |
-
if ( $step == "edit" ) {
|
| 1109 |
-
$result = $this->FinalTilesdb->editVideo( $id, $data );
|
| 1110 |
-
}
|
| 1111 |
-
}
|
| 1112 |
-
|
| 1113 |
-
}
|
| 1114 |
-
header( "Content-type: application/json" );
|
| 1115 |
-
|
| 1116 |
-
if ( $result === false ) {
|
| 1117 |
-
echo "{\"success\":false}" ;
|
| 1118 |
-
} else {
|
| 1119 |
-
echo "{\"success\":true}" ;
|
| 1120 |
-
}
|
| 1121 |
-
|
| 1122 |
-
}
|
| 1123 |
-
|
| 1124 |
-
wp_die();
|
| 1125 |
-
}
|
| 1126 |
-
|
| 1127 |
-
public function list_images()
|
| 1128 |
-
{
|
| 1129 |
-
|
| 1130 |
-
if ( check_admin_referer( 'FinalTiles_gallery', 'FinalTiles_gallery' ) ) {
|
| 1131 |
-
$gid = ( isset( $_POST['gid'] ) ? absint( $_POST['gid'] ) : 0 );
|
| 1132 |
-
$imageResults = $this->FinalTilesdb->getImagesByGalleryId( $gid, 0, 0 );
|
| 1133 |
-
$gallery = $this->FinalTilesdb->getGalleryById( $gid );
|
| 1134 |
-
$list_size = "medium";
|
| 1135 |
-
$column_size = "s6 m3 l3";
|
| 1136 |
-
if ( isset( $_POST['list_size'] ) && !empty($_POST['list_size']) ) {
|
| 1137 |
-
$list_size = sanitize_text_field( wp_unslash( $_POST['list_size'] ) );
|
| 1138 |
-
}
|
| 1139 |
-
setcookie( 'ftg_imglist_size', $list_size );
|
| 1140 |
-
$_COOKIE['ftg_imglist_size'] = $list_size;
|
| 1141 |
-
if ( $list_size == 'small' ) {
|
| 1142 |
-
$column_size = 's4 m2 l2';
|
| 1143 |
-
}
|
| 1144 |
-
if ( $list_size == 'medium' ) {
|
| 1145 |
-
$column_size = 's6 m3 l3';
|
| 1146 |
-
}
|
| 1147 |
-
if ( $list_size == 'big' ) {
|
| 1148 |
-
$column_size = 's12 m4 l4';
|
| 1149 |
-
}
|
| 1150 |
-
include 'admin/include/image-list.php';
|
| 1151 |
-
}
|
| 1152 |
-
|
| 1153 |
-
wp_die();
|
| 1154 |
-
}
|
| 1155 |
-
|
| 1156 |
-
public function add_new_gallery()
|
| 1157 |
-
{
|
| 1158 |
-
|
| 1159 |
-
if ( check_admin_referer( 'FinalTiles_gallery', 'FinalTiles_gallery' ) ) {
|
| 1160 |
-
$data = $this->defaultValues;
|
| 1161 |
-
// phpcs:ignore
|
| 1162 |
-
$data["name"] = ( isset( $_POST['ftg_name'] ) ? wp_kses_post( wp_unslash( $_POST['ftg_name'] ) ) : '' );
|
| 1163 |
-
// phpcs:ignore
|
| 1164 |
-
$data["description"] = ( isset( $_POST['ftg_description'] ) ? wp_kses_post( wp_unslash( $_POST['ftg_description'] ) ) : '' );
|
| 1165 |
-
$data["source"] = ( isset( $_POST['ftg_source'] ) ? sanitize_text_field( wp_unslash( $_POST['ftg_source'] ) ) : '' );
|
| 1166 |
-
$data["wp_field_caption"] = ( isset( $_POST['ftg_wp_field_caption'] ) ? sanitize_text_field( wp_unslash( $_POST['ftg_wp_field_caption'] ) ) : '' );
|
| 1167 |
-
$data["wp_field_title"] = ( isset( $_POST['ftg_wp_field_title'] ) ? sanitize_text_field( wp_unslash( $_POST['ftg_wp_field_title'] ) ) : '' );
|
| 1168 |
-
$data["captionEffect"] = ( isset( $_POST['ftg_captionEffect'] ) ? sanitize_text_field( wp_unslash( $_POST['ftg_captionEffect'] ) ) : '' );
|
| 1169 |
-
$data["post_types"] = ( isset( $_POST['post_types'] ) ? sanitize_text_field( wp_unslash( $_POST["post_types"] ) ) : '' );
|
| 1170 |
-
$data["layout"] = ( isset( $_POST['layout'] ) ? sanitize_text_field( wp_unslash( $_POST["layout"] ) ) : '' );
|
| 1171 |
-
$data["defaultWooImageSize"] = ( isset( $_POST['def_imgsize'] ) ? sanitize_text_field( wp_unslash( $_POST['def_imgsize'] ) ) : '' );
|
| 1172 |
-
$data["defaultPostImageSize"] = ( isset( $_POST['def_imgsize'] ) ? sanitize_text_field( wp_unslash( $_POST['def_imgsize'] ) ) : '' );
|
| 1173 |
-
$data["woo_categories"] = ( isset( $_POST['woo_categories'] ) ? sanitize_text_field( wp_unslash( $_POST["woo_categories"] ) ) : '' );
|
| 1174 |
-
$result = $this->FinalTilesdb->addGallery( $data );
|
| 1175 |
-
$id = $this->FinalTilesdb->getNewGalleryId();
|
| 1176 |
-
// phpcs:ignore
|
| 1177 |
-
|
| 1178 |
-
if ( $id > 0 && array_key_exists( 'enc_images', $_POST ) && strlen( wp_unslash( $_POST['enc_images'] ) ) ) {
|
| 1179 |
-
$images = json_decode( wp_unslash( $_POST["enc_images"] ) );
|
| 1180 |
-
$result = $this->FinalTilesdb->addImages( $id, $images );
|
| 1181 |
-
}
|
| 1182 |
-
|
| 1183 |
-
echo absint( $id ) ;
|
| 1184 |
-
} else {
|
| 1185 |
-
echo -1 ;
|
| 1186 |
-
}
|
| 1187 |
-
|
| 1188 |
-
wp_die();
|
| 1189 |
-
}
|
| 1190 |
-
|
| 1191 |
-
private function checkboxVal( $field )
|
| 1192 |
-
{
|
| 1193 |
-
|
| 1194 |
-
if ( check_admin_referer( 'FinalTiles_gallery', 'FinalTiles_gallery' ) ) {
|
| 1195 |
-
if ( isset( $_POST[$field] ) ) {
|
| 1196 |
-
return 'T';
|
| 1197 |
-
}
|
| 1198 |
-
return 'F';
|
| 1199 |
-
}
|
| 1200 |
-
|
| 1201 |
-
wp_die();
|
| 1202 |
-
}
|
| 1203 |
-
|
| 1204 |
-
public function save_gallery()
|
| 1205 |
-
{
|
| 1206 |
-
|
| 1207 |
-
if ( check_admin_referer( 'FinalTiles_gallery', 'FinalTiles_gallery' ) ) {
|
| 1208 |
-
$galleryName = ( isset( $_POST['ftg_name'] ) ? wp_kses_post( wp_unslash( $_POST['ftg_name'] ) ) : '' );
|
| 1209 |
-
$galleryDescription = ( isset( $_POST['ftg_description'] ) ? wp_kses_post( wp_unslash( $_POST['ftg_description'] ) ) : '' );
|
| 1210 |
-
$slug = strtolower( str_replace( " ", "", $galleryName ) );
|
| 1211 |
-
$margin = ( isset( $_POST['ftg_margin'] ) ? absint( $_POST['ftg_margin'] ) : '' );
|
| 1212 |
-
$minTileWidth = ( isset( $_POST['ftg_minTileWidth'] ) ? absint( $_POST['ftg_minTileWidth'] ) : '' );
|
| 1213 |
-
$gridCellSize = ( isset( $_POST['ftg_gridCellSize'] ) ? absint( $_POST['ftg_gridCellSize'] ) : '' );
|
| 1214 |
-
$imagesOrder = ( isset( $_POST['ftg_imagesOrder'] ) ? sanitize_text_field( wp_unslash( $_POST['ftg_imagesOrder'] ) ) : '' );
|
| 1215 |
-
$width = ( isset( $_POST['ftg_width'] ) ? sanitize_text_field( wp_unslash( $_POST['ftg_width'] ) ) : '' );
|
| 1216 |
-
$enableTwitter = $this->checkboxVal( 'ftg_enableTwitter' );
|
| 1217 |
-
$filterClick = $this->checkboxVal( 'ftg_filterClick' );
|
| 1218 |
-
$enableFacebook = $this->checkboxVal( 'ftg_enableFacebook' );
|
| 1219 |
-
$enablePinterest = $this->checkboxVal( 'ftg_enablePinterest' );
|
| 1220 |
-
$lightbox = ( isset( $_POST['ftg_lightbox'] ) ? sanitize_text_field( wp_unslash( $_POST['ftg_lightbox'] ) ) : '' );
|
| 1221 |
-
$mobileLightbox = ( isset( $_POST['ftg_mobileLightbox'] ) ? sanitize_text_field( wp_unslash( $_POST['ftg_mobileLightbox'] ) ) : '' );
|
| 1222 |
-
$blank = $this->checkboxVal( 'ftg_blank' );
|
| 1223 |
-
$filters = ( isset( $_POST['ftg_filters'] ) ? sanitize_text_field( wp_unslash( $_POST['ftg_filters'] ) ) : '' );
|
| 1224 |
-
$scrollEffect = ( isset( $_POST['ftg_scrollEffect'] ) ? sanitize_text_field( wp_unslash( $_POST['ftg_scrollEffect'] ) ) : '' );
|
| 1225 |
-
$captionBehavior = ( isset( $_POST['ftg_captionBehavior'] ) ? sanitize_text_field( wp_unslash( $_POST['ftg_captionBehavior'] ) ) : '' );
|
| 1226 |
-
$captionMobileBehavior = ( isset( $_POST['ftg_captionMobileBehavior'] ) ? sanitize_text_field( wp_unslash( $_POST['ftg_captionMobileBehavior'] ) ) : '' );
|
| 1227 |
-
$captionEffect = ( isset( $_POST['ftg_captionEffect'] ) ? sanitize_text_field( wp_unslash( $_POST['ftg_captionEffect'] ) ) : '' );
|
| 1228 |
-
$captionColor = ( isset( $_POST['ftg_captionColor'] ) ? sanitize_hex_color( wp_unslash( $_POST['ftg_captionColor'] ) ) : '' );
|
| 1229 |
-
$captionBackgroundColor = ( isset( $_POST['ftg_captionBackgroundColor'] ) ? sanitize_hex_color( wp_unslash( $_POST['ftg_captionBackgroundColor'] ) ) : '' );
|
| 1230 |
-
$captionEasing = ( isset( $_POST['ftg_captionEasing'] ) ? sanitize_text_field( wp_unslash( $_POST['ftg_captionEasing'] ) ) : '' );
|
| 1231 |
-
$captionHorizontalAlignment = ( isset( $_POST['ftg_captionHorizontalAlignment'] ) ? sanitize_text_field( wp_unslash( $_POST['ftg_captionHorizontalAlignment'] ) ) : '' );
|
| 1232 |
-
$captionVerticalAlignment = ( isset( $_POST['ftg_captionVerticalAlignment'] ) ? sanitize_text_field( wp_unslash( $_POST['ftg_captionVerticalAlignment'] ) ) : '' );
|
| 1233 |
-
$captionEmpty = ( isset( $_POST['ftg_captionEmpty'] ) ? sanitize_text_field( wp_unslash( $_POST['ftg_captionEmpty'] ) ) : '' );
|
| 1234 |
-
$captionOpacity = ( isset( $_POST['ftg_captionOpacity'] ) ? absint( $_POST['ftg_captionOpacity'] ) : '' );
|
| 1235 |
-
$borderSize = ( isset( $_POST['ftg_borderSize'] ) ? absint( $_POST['ftg_borderSize'] ) : '' );
|
| 1236 |
-
$borderColor = ( isset( $_POST['ftg_borderColor'] ) ? sanitize_hex_color( wp_unslash( $_POST['ftg_borderColor'] ) ) : '' );
|
| 1237 |
-
$titleFontSize = ( isset( $_POST['ftg_titleFontSize'] ) ? absint( $_POST['ftg_titleFontSize'] ) : '' );
|
| 1238 |
-
$loadingBarColor = ( isset( $_POST['ftg_loadingBarColor'] ) ? sanitize_hex_color( wp_unslash( $_POST['ftg_loadingBarColor'] ) ) : '' );
|
| 1239 |
-
$loadingBarBackgroundColor = ( isset( $_POST['ftg_loadingBarBackgroundColor'] ) ? sanitize_hex_color( wp_unslash( $_POST['ftg_loadingBarBackgroundColor'] ) ) : '' );
|
| 1240 |
-
$borderRadius = ( isset( $_POST['ftg_borderRadius'] ) ? absint( $_POST['ftg_borderRadius'] ) : '' );
|
| 1241 |
-
$allFilterLabel = ( isset( $_POST['ftg_allFilterLabel'] ) ? sanitize_text_field( wp_unslash( $_POST['ftg_allFilterLabel'] ) ) : '' );
|
| 1242 |
-
$shadowColor = ( isset( $_POST['ftg_shadowColor'] ) ? sanitize_hex_color( wp_unslash( $_POST['ftg_shadowColor'] ) ) : '' );
|
| 1243 |
-
$shadowSize = ( isset( $_POST['ftg_shadowSize'] ) ? absint( $_POST['ftg_shadowSize'] ) : '' );
|
| 1244 |
-
$enlargeImages = $this->checkboxVal( 'ftg_enlargeImages' );
|
| 1245 |
-
$wp_field_caption = ( isset( $_POST['ftg_wp_field_caption'] ) ? sanitize_text_field( wp_unslash( $_POST['ftg_wp_field_caption'] ) ) : '' );
|
| 1246 |
-
$wp_field_title = ( isset( $_POST['ftg_wp_field_title'] ) ? sanitize_text_field( wp_unslash( $_POST['ftg_wp_field_title'] ) ) : '' );
|
| 1247 |
-
$style = ( isset( $_POST['ftg_style'] ) ? sanitize_textarea_field( wp_unslash( $_POST['ftg_style'] ) ) : '' );
|
| 1248 |
-
$script = ( isset( $_POST['ftg_script'] ) ? sanitize_textarea_field( wp_unslash( $_POST['ftg_script'] ) ) : '' );
|
| 1249 |
-
$loadedHSlide = ( isset( $_POST['ftg_loadedHSlide'] ) ? intval( wp_unslash( $_POST['ftg_loadedHSlide'] ) ) : '' );
|
| 1250 |
-
$loadedVSlide = ( isset( $_POST['ftg_loadedVSlide'] ) ? intval( wp_unslash( $_POST['ftg_loadedVSlide'] ) ) : '' );
|
| 1251 |
-
$captionEffectDuration = ( isset( $_POST['ftg_captionEffectDuration'] ) ? absint( $_POST['ftg_captionEffectDuration'] ) : 250 );
|
| 1252 |
-
$id = ( isset( $_POST['ftg_gallery_edit'] ) ? absint( $_POST['ftg_gallery_edit'] ) : 0 );
|
| 1253 |
-
$data = array(
|
| 1254 |
-
'ajaxLoading' => ( isset( $_POST['ftg_ajaxLoading'] ) ? sanitize_text_field( wp_unslash( $_POST['ftg_ajaxLoading'] ) ) : '' ),
|
| 1255 |
-
'layout' => ( isset( $_POST['ftg_layout'] ) ? sanitize_text_field( wp_unslash( $_POST['ftg_layout'] ) ) : '' ),
|
| 1256 |
-
'name' => $galleryName,
|
| 1257 |
-
'slug' => $slug,
|
| 1258 |
-
'description' => $galleryDescription,
|
| 1259 |
-
'lightbox' => $lightbox,
|
| 1260 |
-
'lightboxOptions' => ( isset( $_POST['ftg_lightboxOptions'] ) ? sanitize_text_field( wp_unslash( $_POST['ftg_lightboxOptions'] ) ) : '' ),
|
| 1261 |
-
'lightboxOptionsMobile' => ( isset( $_POST['lightboxOptionsMobile'] ) ? sanitize_text_field( wp_unslash( $_POST['lightboxOptionsMobile'] ) ) : '' ),
|
| 1262 |
-
'mobileLightbox' => $mobileLightbox,
|
| 1263 |
-
'lightboxImageSize' => ( isset( $_POST['ftg_lightboxImageSize'] ) ? sanitize_text_field( wp_unslash( $_POST['ftg_lightboxImageSize'] ) ) : '' ),
|
| 1264 |
-
'blank' => $blank,
|
| 1265 |
-
'margin' => $margin,
|
| 1266 |
-
'allFilterLabel' => $allFilterLabel,
|
| 1267 |
-
'minTileWidth' => $minTileWidth,
|
| 1268 |
-
'gridCellSize' => $gridCellSize,
|
| 1269 |
-
'gridCellSizeDisabledBelow' => ( isset( $_POST['ftg_gridCellSizeDisabledBelow'] ) ? absint( $_POST['ftg_gridCellSizeDisabledBelow'] ) : '' ),
|
| 1270 |
-
'enableTwitter' => $enableTwitter,
|
| 1271 |
-
'backgroundColor' => ( isset( $_POST['ftg_backgroundColor'] ) ? sanitize_hex_color( wp_unslash( $_POST['ftg_backgroundColor'] ) ) : '' ),
|
| 1272 |
-
'filterClick' => $filterClick,
|
| 1273 |
-
'disableLightboxGroups' => $this->checkboxVal( 'ftg_disableLightboxGroups' ),
|
| 1274 |
-
'defaultFilter' => ( isset( $_POST['ftg_filterDef'] ) ? sanitize_text_field( wp_unslash( $_POST['ftg_filterDef'] ) ) : '' ),
|
| 1275 |
-
'enableFacebook' => $enableFacebook,
|
| 1276 |
-
'enablePinterest' => $enablePinterest,
|
| 1277 |
-
'imagesOrder' => $imagesOrder,
|
| 1278 |
-
'compressHTML' => $this->checkboxVal( 'ftg_compressHTML' ),
|
| 1279 |
-
'loadMethod' => ( isset( $_POST['ftg_loadMethod'] ) ? sanitize_text_field( wp_unslash( $_POST['ftg_loadMethod'] ) ) : '' ),
|
| 1280 |
-
'socialIconColor' => ( isset( $_POST['ftg_socialIconColor'] ) ? sanitize_hex_color( wp_unslash( $_POST['ftg_socialIconColor'] ) ) : '' ),
|
| 1281 |
-
'socialIconPosition' => ( isset( $_POST['ftg_socialIconPosition'] ) ? sanitize_text_field( wp_unslash( $_POST['ftg_socialIconPosition'] ) ) : '' ),
|
| 1282 |
-
'socialIconStyle' => ( isset( $_POST['ftg_socialIconStyle'] ) ? sanitize_text_field( wp_unslash( $_POST['ftg_socialIconStyle'] ) ) : '' ),
|
| 1283 |
-
'recentPostsCaption' => ( isset( $_POST['ftg_recentPostsCaption'] ) ? sanitize_text_field( wp_unslash( $_POST['ftg_recentPostsCaption'] ) ) : '' ),
|
| 1284 |
-
'recentPostsCaptionAutoExcerptLength' => ( isset( $_POST['ftg_recentPostsCaptionAutoExcerptLength'] ) ? intval( wp_unslash( $_POST['ftg_recentPostsCaptionAutoExcerptLength'] ) ) : '' ),
|
| 1285 |
-
'captionBehavior' => $captionBehavior,
|
| 1286 |
-
'captionEffect' => $captionEffect,
|
| 1287 |
-
'captionEmpty' => $captionEmpty,
|
| 1288 |
-
'captionBackgroundColor' => $captionBackgroundColor,
|
| 1289 |
-
'captionColor' => $captionColor,
|
| 1290 |
-
'captionCustomFields' => ( isset( $_POST['ftg_captionCustomFields'] ) ? wp_kses_post( wp_unslash( $_POST['ftg_captionCustomFields'] ) ) : '' ),
|
| 1291 |
-
'captionFrameColor' => ( isset( $_POST['ftg_captionFrameColor'] ) ? sanitize_hex_color( wp_unslash( $_POST['ftg_captionFrameColor'] ) ) : '' ),
|
| 1292 |
-
'captionEffectDuration' => $captionEffectDuration,
|
| 1293 |
-
'captionEasing' => $captionEasing,
|
| 1294 |
-
'captionVerticalAlignment' => $captionVerticalAlignment,
|
| 1295 |
-
'captionHorizontalAlignment' => $captionHorizontalAlignment,
|
| 1296 |
-
'captionMobileBehavior' => $captionMobileBehavior,
|
| 1297 |
-
'captionOpacity' => $captionOpacity,
|
| 1298 |
-
'captionIcon' => ( isset( $_POST['ftg_captionIcon'] ) ? sanitize_text_field( wp_unslash( $_POST['ftg_captionIcon'] ) ) : '' ),
|
| 1299 |
-
'captionFrame' => $this->checkboxVal( 'ftg_captionFrame' ),
|
| 1300 |
-
'customCaptionIcon' => ( isset( $_POST['ftg_customCaptionIcon'] ) ? sanitize_text_field( wp_unslash( $_POST['ftg_customCaptionIcon'] ) ) : '' ),
|
| 1301 |
-
'captionIconColor' => ( isset( $_POST['ftg_captionIconColor'] ) ? sanitize_hex_color( wp_unslash( $_POST['ftg_captionIconColor'] ) ) : '' ),
|
| 1302 |
-
'captionIconSize' => ( isset( $_POST['ftg_captionIconSize'] ) ? absint( $_POST['ftg_captionIconSize'] ) : '' ),
|
| 1303 |
-
'captionFontSize' => ( isset( $_POST['ftg_captionFontSize'] ) ? absint( $_POST['ftg_captionFontSize'] ) : '' ),
|
| 1304 |
-
'captionPosition' => ( isset( $_POST['ftg_captionPosition'] ) ? sanitize_text_field( wp_unslash( $_POST['ftg_captionPosition'] ) ) : '' ),
|
| 1305 |
-
'titleFontSize' => ( isset( $_POST['ftg_titleFontSize'] ) ? absint( $_POST['ftg_titleFontSize'] ) : '' ),
|
| 1306 |
-
'hoverZoom' => ( isset( $_POST['ftg_hoverZoom'] ) ? absint( $_POST['ftg_hoverZoom'] ) : '' ),
|
| 1307 |
-
'hoverRotation' => ( isset( $_POST['ftg_hoverRotation'] ) ? intval( wp_unslash( $_POST['ftg_hoverRotation'] ) ) : '' ),
|
| 1308 |
-
'hoverDuration' => ( isset( $_POST['ftg_hoverDuration'] ) ? intval( wp_unslash( $_POST['ftg_hoverDuration'] ) ) : '' ),
|
| 1309 |
-
'hoverIconRotation' => $this->checkboxVal( 'ftg_hoverIconRotation' ),
|
| 1310 |
-
'filters' => $filters,
|
| 1311 |
-
'wp_field_caption' => $wp_field_caption,
|
| 1312 |
-
'wp_field_title' => $wp_field_title,
|
| 1313 |
-
'borderSize' => $borderSize,
|
| 1314 |
-
'borderColor' => $borderColor,
|
| 1315 |
-
'loadingBarColor' => $loadingBarColor,
|
| 1316 |
-
'loadingBarBackgroundColor' => $loadingBarBackgroundColor,
|
| 1317 |
-
'enlargeImages' => $enlargeImages,
|
| 1318 |
-
'borderRadius' => $borderRadius,
|
| 1319 |
-
'imageSizeFactor' => ( isset( $_POST['ftg_imageSizeFactor'] ) ? absint( $_POST['ftg_imageSizeFactor'] ) : '' ),
|
| 1320 |
-
'imageSizeFactorTabletLandscape' => ( isset( $_POST['ftg_imageSizeFactorTabletLandscape'] ) ? absint( $_POST['ftg_imageSizeFactorTabletLandscape'] ) : '' ),
|
| 1321 |
-
'imageSizeFactorTabletPortrait' => ( isset( $_POST['ftg_imageSizeFactorTabletPortrait'] ) ? absint( $_POST['ftg_imageSizeFactorTabletPortrait'] ) : '' ),
|
| 1322 |
-
'imageSizeFactorPhoneLandscape' => ( isset( $_POST['ftg_imageSizeFactorPhoneLandscape'] ) ? absint( $_POST['ftg_imageSizeFactorPhoneLandscape'] ) : '' ),
|
| 1323 |
-
'imageSizeFactorPhonePortrait' => ( isset( $_POST['ftg_imageSizeFactorPhonePortrait'] ) ? absint( $_POST['ftg_imageSizeFactorPhonePortrait'] ) : '' ),
|
| 1324 |
-
'imageSizeFactorCustom' => ( isset( $_POST['ftg_imageSizeFactorCustom'] ) ? sanitize_text_field( wp_unslash( $_POST['ftg_imageSizeFactorCustom'] ) ) : '' ),
|
| 1325 |
-
'taxonomyAsFilter' => ( isset( $_POST['ftg_taxonomyAsFilter'] ) ? sanitize_text_field( wp_unslash( $_POST['ftg_taxonomyAsFilter'] ) ) : '' ),
|
| 1326 |
-
'columns' => ( isset( $_POST['ftg_columns'] ) ? intval( wp_unslash( $_POST['ftg_columns'] ) ) : '' ),
|
| 1327 |
-
'columnsTabletLandscape' => ( isset( $_POST['ftg_columnsTabletLandscape'] ) ? absint( $_POST['ftg_columnsTabletLandscape'] ) : '' ),
|
| 1328 |
-
'columnsTabletPortrait' => ( isset( $_POST['ftg_columnsTabletPortrait'] ) ? absint( $_POST['ftg_columnsTabletPortrait'] ) : '' ),
|
| 1329 |
-
'columnsPhoneLandscape' => ( isset( $_POST['ftg_columnsPhoneLandscape'] ) ? absint( $_POST['ftg_columnsPhoneLandscape'] ) : '' ),
|
| 1330 |
-
'columnsPhonePortrait' => ( isset( $_POST['ftg_columnsPhonePortrait'] ) ? absint( $_POST['ftg_columnsPhonePortrait'] ) : '' ),
|
| 1331 |
-
'max_posts' => ( isset( $_POST['ftg_max_posts'] ) ? absint( $_POST['ftg_max_posts'] ) : '' ),
|
| 1332 |
-
'shadowSize' => $shadowSize,
|
| 1333 |
-
'shadowColor' => $shadowColor,
|
| 1334 |
-
'source' => ( isset( $_POST['ftg_source'] ) ? sanitize_text_field( wp_unslash( $_POST['ftg_source'] ) ) : '' ),
|
| 1335 |
-
'post_types' => ( isset( $_POST['ftg_post_types'] ) ? sanitize_text_field( wp_unslash( $_POST['ftg_post_types'] ) ) : '' ),
|
| 1336 |
-
'post_taxonomies' => ( isset( $_POST['ftg_post_taxonomies'] ) ? sanitize_text_field( wp_unslash( $_POST['ftg_post_taxonomies'] ) ) : '' ),
|
| 1337 |
-
'taxonomyOperator' => ( isset( $_POST['ftg_taxonomyOperator'] ) ? sanitize_text_field( wp_unslash( $_POST['ftg_taxonomyOperator'] ) ) : '' ),
|
| 1338 |
-
'post_tags' => ( isset( $_POST['ftg_post_tags'] ) ? sanitize_text_field( wp_unslash( $_POST['ftg_post_tags'] ) ) : '' ),
|
| 1339 |
-
'tilesPerPage' => ( isset( $_POST['ftg_tilesPerPage'] ) ? absint( $_POST['ftg_tilesPerPage'] ) : '' ),
|
| 1340 |
-
'woo_categories' => ( isset( $_POST['ftg_woo_categories'] ) ? sanitize_text_field( wp_unslash( $_POST['ftg_woo_categories'] ) ) : '' ),
|
| 1341 |
-
'defaultPostImageSize' => ( isset( $_POST['ftg_defaultPostImageSize'] ) ? sanitize_text_field( wp_unslash( $_POST['ftg_defaultPostImageSize'] ) ) : '' ),
|
| 1342 |
-
'defaultWooImageSize' => ( isset( $_POST['ftg_defaultWooImageSize'] ) ? sanitize_text_field( wp_unslash( $_POST['ftg_defaultWooImageSize'] ) ) : '' ),
|
| 1343 |
-
'width' => $width,
|
| 1344 |
-
'beforeGalleryText' => ( isset( $_POST['ftg_beforeGalleryText'] ) ? wp_kses_post( wp_unslash( $_POST['ftg_beforeGalleryText'] ) ) : '' ),
|
| 1345 |
-
'afterGalleryText' => ( isset( $_POST['ftg_afterGalleryText'] ) ? wp_kses_post( wp_unslash( $_POST['ftg_afterGalleryText'] ) ) : '' ),
|
| 1346 |
-
'aClass' => ( isset( $_POST['ftg_aClass'] ) ? sanitize_text_field( wp_unslash( $_POST['ftg_aClass'] ) ) : '' ),
|
| 1347 |
-
'rel' => ( isset( $_POST['ftg_rel'] ) ? sanitize_text_field( wp_unslash( $_POST['ftg_rel'] ) ) : '' ),
|
| 1348 |
-
'style' => $style,
|
| 1349 |
-
'delay' => ( isset( $_POST['ftg_delay'] ) ? absint( $_POST['ftg_delay'] ) : '' ),
|
| 1350 |
-
'script' => $script,
|
| 1351 |
-
'support' => $this->checkboxVal( 'ftg_support' ),
|
| 1352 |
-
'supportText' => ( isset( $_POST['ftg_supportText'] ) ? sanitize_text_field( wp_unslash( $_POST['ftg_supportText'] ) ) : '' ),
|
| 1353 |
-
'scrollEffect' => $scrollEffect,
|
| 1354 |
-
'loadedScaleY' => ( isset( $_POST['ftg_loadedScaleY'] ) ? absint( $_POST['ftg_loadedScaleY'] ) : '' ),
|
| 1355 |
-
'loadedScaleX' => ( isset( $_POST['ftg_loadedScaleX'] ) ? absint( $_POST['ftg_loadedScaleX'] ) : '' ),
|
| 1356 |
-
'loadedHSlide' => $loadedHSlide,
|
| 1357 |
-
'loadedVSlide' => $loadedVSlide,
|
| 1358 |
-
'loadedEasing' => ( isset( $_POST['ftg_loadedEasing'] ) ? sanitize_text_field( wp_unslash( $_POST['ftg_loadedEasing'] ) ) : '' ),
|
| 1359 |
-
'loadedDuration' => ( isset( $_POST['ftg_loadedDuration'] ) ? absint( $_POST['ftg_loadedDuration'] ) : '' ),
|
| 1360 |
-
'loadedRotateY' => ( isset( $_POST['ftg_loadedRotateY'] ) ? intval( wp_unslash( $_POST['ftg_loadedRotateY'] ) ) : '' ),
|
| 1361 |
-
'loadedRotateX' => ( isset( $_POST['ftg_loadedRotateX'] ) ? intval( wp_unslash( $_POST['ftg_loadedRotateX'] ) ) : '' ),
|
| 1362 |
-
);
|
| 1363 |
-
header( "Content-type: application/json" );
|
| 1364 |
-
|
| 1365 |
-
if ( $id > 0 ) {
|
| 1366 |
-
$result = $this->FinalTilesdb->editGallery( $id, $data );
|
| 1367 |
-
} else {
|
| 1368 |
-
$result = $this->FinalTilesdb->addGallery( $data );
|
| 1369 |
-
$id = $this->FinalTilesdb->getNewGalleryId();
|
| 1370 |
-
}
|
| 1371 |
-
|
| 1372 |
-
|
| 1373 |
-
if ( $result ) {
|
| 1374 |
-
echo "{\"success\":true,\"id\":" . absint( $id ) . "}" ;
|
| 1375 |
-
} else {
|
| 1376 |
-
echo "{\"success\":false}" ;
|
| 1377 |
-
}
|
| 1378 |
-
|
| 1379 |
-
}
|
| 1380 |
-
|
| 1381 |
-
wp_die();
|
| 1382 |
-
}
|
| 1383 |
-
|
| 1384 |
-
public static function get_image_size_links( $id )
|
| 1385 |
-
{
|
| 1386 |
-
$result = array();
|
| 1387 |
-
$sizes = get_intermediate_image_sizes();
|
| 1388 |
-
$sizes[] = 'full';
|
| 1389 |
-
foreach ( $sizes as $size ) {
|
| 1390 |
-
$image = wp_get_attachment_image_src( $id, $size );
|
| 1391 |
-
if ( !empty($image) && (true == $image[3] || 'full' == $size) ) {
|
| 1392 |
-
$result["{$image[1]}x{$image[2]}"] = $image[0];
|
| 1393 |
-
}
|
| 1394 |
-
}
|
| 1395 |
-
ksort( $result );
|
| 1396 |
-
return $result;
|
| 1397 |
-
}
|
| 1398 |
-
|
| 1399 |
-
//Create gallery
|
| 1400 |
-
public function create_gallery( $attrs )
|
| 1401 |
-
{
|
| 1402 |
-
require_once 'lib/gallery-class.php';
|
| 1403 |
-
global $FinalTilesGallery ;
|
| 1404 |
-
$galleryId = $attrs['id'];
|
| 1405 |
-
|
| 1406 |
-
if ( class_exists( 'FinalTilesGallery' ) ) {
|
| 1407 |
-
$FinalTilesGallery = new FinalTilesGallery(
|
| 1408 |
-
$galleryId,
|
| 1409 |
-
$this->FinalTilesdb,
|
| 1410 |
-
$this->defaultValues,
|
| 1411 |
-
$attrs
|
| 1412 |
-
);
|
| 1413 |
-
$settings = $FinalTilesGallery->getGallery();
|
| 1414 |
-
|
| 1415 |
-
if ( $settings != null ) {
|
| 1416 |
-
switch ( $settings->lightbox ) {
|
| 1417 |
-
case "magnific":
|
| 1418 |
-
wp_enqueue_style( 'magnific_stylesheet' );
|
| 1419 |
-
wp_enqueue_script( 'magnific_script' );
|
| 1420 |
-
break;
|
| 1421 |
-
case "prettyphoto":
|
| 1422 |
-
wp_enqueue_style( 'prettyphoto_stylesheet' );
|
| 1423 |
-
wp_enqueue_script( 'prettyphoto_script' );
|
| 1424 |
-
break;
|
| 1425 |
-
case "fancybox":
|
| 1426 |
-
wp_enqueue_style( 'fancybox_stylesheet' );
|
| 1427 |
-
wp_enqueue_script( 'fancybox_script' );
|
| 1428 |
-
break;
|
| 1429 |
-
case "colorbox":
|
| 1430 |
-
wp_enqueue_style( 'colorbox_stylesheet' );
|
| 1431 |
-
wp_enqueue_script( 'colorbox_script' );
|
| 1432 |
-
break;
|
| 1433 |
-
case "swipebox":
|
| 1434 |
-
wp_enqueue_style( 'swipebox_stylesheet' );
|
| 1435 |
-
wp_enqueue_script( 'swipebox_script' );
|
| 1436 |
-
break;
|
| 1437 |
-
case "lightbox2":
|
| 1438 |
-
wp_enqueue_style( 'lightbox2_stylesheet' );
|
| 1439 |
-
wp_enqueue_script( 'lightbox2_script' );
|
| 1440 |
-
break;
|
| 1441 |
-
case "image-lightbox":
|
| 1442 |
-
wp_enqueue_script( 'image-lightbox_script' );
|
| 1443 |
-
break;
|
| 1444 |
-
case "lightgallery":
|
| 1445 |
-
wp_enqueue_style( 'lightgallery_stylesheet' );
|
| 1446 |
-
wp_enqueue_script( 'lightgallery_script' );
|
| 1447 |
-
break;
|
| 1448 |
-
}
|
| 1449 |
-
switch ( $settings->mobileLightbox ) {
|
| 1450 |
-
default:
|
| 1451 |
-
case "magnific":
|
| 1452 |
-
wp_enqueue_style( 'magnific_stylesheet' );
|
| 1453 |
-
wp_enqueue_script( 'magnific_script' );
|
| 1454 |
-
break;
|
| 1455 |
-
case "prettyphoto":
|
| 1456 |
-
wp_enqueue_style( 'prettyphoto_stylesheet' );
|
| 1457 |
-
wp_enqueue_script( 'prettyphoto_script' );
|
| 1458 |
-
break;
|
| 1459 |
-
case "fancybox":
|
| 1460 |
-
wp_enqueue_style( 'fancybox_stylesheet' );
|
| 1461 |
-
wp_enqueue_script( 'fancybox_script' );
|
| 1462 |
-
break;
|
| 1463 |
-
case "colorbox":
|
| 1464 |
-
wp_enqueue_style( 'colorbox_stylesheet' );
|
| 1465 |
-
wp_enqueue_script( 'colorbox_script' );
|
| 1466 |
-
break;
|
| 1467 |
-
case "swipebox":
|
| 1468 |
-
wp_enqueue_style( 'swipebox_stylesheet' );
|
| 1469 |
-
wp_enqueue_script( 'swipebox_script' );
|
| 1470 |
-
break;
|
| 1471 |
-
case "lightbox2":
|
| 1472 |
-
wp_enqueue_style( 'lightbox2_stylesheet' );
|
| 1473 |
-
wp_enqueue_script( 'lightbox2_script' );
|
| 1474 |
-
break;
|
| 1475 |
-
case "image-lightbox":
|
| 1476 |
-
wp_enqueue_script( 'image-lightbox_script' );
|
| 1477 |
-
case "lightgallery":
|
| 1478 |
-
wp_enqueue_style( 'lightgallery_stylesheet' );
|
| 1479 |
-
wp_enqueue_script( 'lightgallery_script' );
|
| 1480 |
-
break;
|
| 1481 |
-
}
|
| 1482 |
-
}
|
| 1483 |
-
|
| 1484 |
-
return $FinalTilesGallery->render();
|
| 1485 |
-
} else {
|
| 1486 |
-
return __( "Gallery not found.", 'final-tiles-grid-gallery-lite' );
|
| 1487 |
-
}
|
| 1488 |
-
|
| 1489 |
-
}
|
| 1490 |
-
|
| 1491 |
-
//Create Short Code
|
| 1492 |
-
private $photon_removed ;
|
| 1493 |
-
public function gallery_shortcode_handler( $atts )
|
| 1494 |
-
{
|
| 1495 |
-
$this->photon_removed = '';
|
| 1496 |
-
if ( class_exists( 'Jetpack' ) && Jetpack::is_module_active( 'photon' ) ) {
|
| 1497 |
-
$this->photon_removed = remove_filter( 'image_downsize', array( Jetpack_Photon::instance(), 'filter_image_downsize' ) );
|
| 1498 |
-
}
|
| 1499 |
-
return $this->create_gallery( $atts );
|
| 1500 |
-
//@todo: statement can't be reached. Investigate
|
| 1501 |
-
if ( $this->photon_removed ) {
|
| 1502 |
-
add_filter(
|
| 1503 |
-
'image_downsize',
|
| 1504 |
-
array( Jetpack_Photon::instance(), 'filter_image_downsize' ),
|
| 1505 |
-
10,
|
| 1506 |
-
3
|
| 1507 |
-
);
|
| 1508 |
-
}
|
| 1509 |
-
}
|
| 1510 |
-
|
| 1511 |
-
public static function slugify( $text )
|
| 1512 |
-
{
|
| 1513 |
-
$text = preg_replace( '~[^\\pL\\d]+~u', '-', $text );
|
| 1514 |
-
$text = trim( $text, '-' );
|
| 1515 |
-
if ( function_exists( "iconv" ) ) {
|
| 1516 |
-
$text = iconv( 'utf-8', 'us-ascii//TRANSLIT', $text );
|
| 1517 |
-
}
|
| 1518 |
-
$text = strtolower( $text );
|
| 1519 |
-
$text = preg_replace( '~[^-\\w]+~', '', $text );
|
| 1520 |
-
if ( empty($text) ) {
|
| 1521 |
-
return 'n-a';
|
| 1522 |
-
}
|
| 1523 |
-
return $text;
|
| 1524 |
-
}
|
| 1525 |
-
|
| 1526 |
-
public static function getFieldType( $field )
|
| 1527 |
-
{
|
| 1528 |
-
return "cta";
|
| 1529 |
-
}
|
| 1530 |
-
|
| 1531 |
-
var $fields = array() ;
|
| 1532 |
-
private function addField( $section, $field, $data )
|
| 1533 |
-
{
|
| 1534 |
-
$this->fields[$section]["fields"][$field] = $data;
|
| 1535 |
-
}
|
| 1536 |
-
|
| 1537 |
-
private function setupFields()
|
| 1538 |
-
{
|
| 1539 |
-
include 'admin/include/fields.php';
|
| 1540 |
-
}
|
| 1541 |
-
|
| 1542 |
-
}
|
| 1543 |
-
}
|
| 1544 |
-
if ( !class_exists( "FinalTilesGalleryUtils" ) ) {
|
| 1545 |
-
class FinalTilesGalleryUtils
|
| 1546 |
-
{
|
| 1547 |
-
public static function shortcodeToFieldName( $string, $capitalizeFirstCharacter = false )
|
| 1548 |
-
{
|
| 1549 |
-
$str = str_replace( '-', '\\t', $string );
|
| 1550 |
-
$str = str_replace( '_', '', ucwords( $str ) );
|
| 1551 |
-
$str = str_replace( '\\t', '_', $str );
|
| 1552 |
-
if ( !$capitalizeFirstCharacter ) {
|
| 1553 |
-
$str = lcfirst( $str );
|
| 1554 |
-
}
|
| 1555 |
-
return $str;
|
| 1556 |
-
}
|
| 1557 |
-
|
| 1558 |
-
public static function fieldNameToShortcode( $string )
|
| 1559 |
-
{
|
| 1560 |
-
preg_match_all( '!([A-Z][A-Z0-9]*(?=$|[A-Z][a-z0-9])|[A-Za-z][a-z0-9]+)!', $string, $matches );
|
| 1561 |
-
$ret = $matches[0];
|
| 1562 |
-
foreach ( $ret as &$match ) {
|
| 1563 |
-
$match = ( $match == strtoupper( $match ) ? strtolower( $match ) : lcfirst( $match ) );
|
| 1564 |
-
}
|
| 1565 |
-
return implode( '_', $ret );
|
| 1566 |
-
}
|
| 1567 |
-
|
| 1568 |
-
}
|
| 1569 |
-
}
|
| 1570 |
-
|
| 1571 |
-
if ( class_exists( "FinalTiles_Gallery" ) ) {
|
| 1572 |
-
global $ob_FinalTiles_Gallery ;
|
| 1573 |
-
$ob_FinalTiles_Gallery = new FinalTiles_Gallery();
|
| 1574 |
-
}
|
| 1575 |
-
|
| 1576 |
-
|
| 1577 |
-
if ( !function_exists( "ftg_admin_script" ) ) {
|
| 1578 |
-
function ftg_admin_script()
|
| 1579 |
-
{
|
| 1580 |
-
wp_register_script( 'admin-generic-ftg', plugins_url( 'admin/scripts/admin.js', __FILE__ ), array( 'jquery' ) );
|
| 1581 |
-
wp_enqueue_script( 'admin-generic-ftg' );
|
| 1582 |
-
}
|
| 1583 |
-
|
| 1584 |
-
add_action( 'admin_enqueue_scripts', 'ftg_admin_script' );
|
| 1585 |
-
}
|
| 1586 |
-
|
| 1587 |
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.5
|
| 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.5" );
|
| 29 |
+
// Create a helper function for easy SDK access.
|
| 30 |
+
|
| 31 |
+
if ( !function_exists( 'ftg_fs' ) ) {
|
| 32 |
+
// Create a helper function for easy SDK access.
|
| 33 |
+
function ftg_fs()
|
| 34 |
+
{
|
| 35 |
+
global $ftg_fs ;
|
| 36 |
+
|
| 37 |
+
if ( !isset( $ftg_fs ) ) {
|
| 38 |
+
// Activate multisite network integration.
|
| 39 |
+
if ( !defined( 'WP_FS__PRODUCT_1002_MULTISITE' ) ) {
|
| 40 |
+
define( 'WP_FS__PRODUCT_1002_MULTISITE', true );
|
| 41 |
+
}
|
| 42 |
+
// Include Freemius SDK.
|
| 43 |
+
require_once dirname( __FILE__ ) . '/freemius/start.php';
|
| 44 |
+
$ftg_fs = fs_dynamic_init( array(
|
| 45 |
+
'id' => '1002',
|
| 46 |
+
'slug' => 'final-tiles-grid-gallery-lite',
|
| 47 |
+
'type' => 'plugin',
|
| 48 |
+
'public_key' => 'pk_d0e075b84d491d510a1d0a21087af',
|
| 49 |
+
'is_premium' => false,
|
| 50 |
+
'has_addons' => false,
|
| 51 |
+
'has_paid_plans' => true,
|
| 52 |
+
'trial' => array(
|
| 53 |
+
'days' => 14,
|
| 54 |
+
'is_require_payment' => true,
|
| 55 |
+
),
|
| 56 |
+
'has_affiliation' => 'all',
|
| 57 |
+
'menu' => array(
|
| 58 |
+
'slug' => 'ftg-lite-gallery-admin',
|
| 59 |
+
),
|
| 60 |
+
'is_live' => true,
|
| 61 |
+
) );
|
| 62 |
+
}
|
| 63 |
+
|
| 64 |
+
return $ftg_fs;
|
| 65 |
+
}
|
| 66 |
+
|
| 67 |
+
// Init Freemius.
|
| 68 |
+
ftg_fs();
|
| 69 |
+
// Signal that SDK was initiated.
|
| 70 |
+
do_action( 'ftg_fs_loaded' );
|
| 71 |
+
}
|
| 72 |
+
|
| 73 |
+
function activate_finaltilesgallery()
|
| 74 |
+
{
|
| 75 |
+
global $wpdb ;
|
| 76 |
+
include_once 'lib/install-db.php';
|
| 77 |
+
FinalTiles_Gallery::define_db_tables();
|
| 78 |
+
FinalTilesdb::updateConfiguration();
|
| 79 |
+
|
| 80 |
+
if ( is_multisite() ) {
|
| 81 |
+
foreach ( $wpdb->get_col( "SELECT blog_id FROM {$wpdb->blogs}" ) as $blog_id ) {
|
| 82 |
+
switch_to_blog( $blog_id );
|
| 83 |
+
install_db();
|
| 84 |
+
restore_current_blog();
|
| 85 |
+
}
|
| 86 |
+
} else {
|
| 87 |
+
install_db();
|
| 88 |
+
}
|
| 89 |
+
|
| 90 |
+
}
|
| 91 |
+
|
| 92 |
+
define( "FTG_PLAN", "free" );
|
| 93 |
+
if ( !class_exists( 'FinalTiles_Gallery' ) ) {
|
| 94 |
+
class FinalTiles_Gallery
|
| 95 |
+
{
|
| 96 |
+
private $defaultValues = array(
|
| 97 |
+
'aClass' => '',
|
| 98 |
+
'afterGalleryText' => '',
|
| 99 |
+
'allFilterLabel' => 'All',
|
| 100 |
+
'ajaxLoading' => 'F',
|
| 101 |
+
'backgroundColor' => 'transparent',
|
| 102 |
+
'beforeGalleryText' => '',
|
| 103 |
+
'blank' => 'F',
|
| 104 |
+
'borderColor' => 'transparent',
|
| 105 |
+
'borderRadius' => 0,
|
| 106 |
+
'borderSize' => 0,
|
| 107 |
+
'captionBackgroundColor' => '#000000',
|
| 108 |
+
'captionBehavior' => 'none',
|
| 109 |
+
'captionColor' => '#ffffff',
|
| 110 |
+
'captionCustomFields' => '',
|
| 111 |
+
'captionEasing' => 'linear',
|
| 112 |
+
'captionEffect' => 'slide-from-bottom',
|
| 113 |
+
'captionEffectDuration' => 250,
|
| 114 |
+
'captionEmpty' => 'hide',
|
| 115 |
+
'captionFontSize' => 12,
|
| 116 |
+
'captionFrame' => 'F',
|
| 117 |
+
'captionFrameColor' => '#ffffff',
|
| 118 |
+
'captionHorizontalAlignment' => 'center',
|
| 119 |
+
'captionIcon' => 'zoom',
|
| 120 |
+
'captionIconColor' => '#ffffff',
|
| 121 |
+
'captionIconSize' => 12,
|
| 122 |
+
'captionMobileBehavior' => "desktop",
|
| 123 |
+
'captionOpacity' => 80,
|
| 124 |
+
'captionPosition' => 'inside',
|
| 125 |
+
'captionVerticalAlignment' => 'middle',
|
| 126 |
+
'categoriesAsFilters' => 'F',
|
| 127 |
+
'columns' => 4,
|
| 128 |
+
'columnsPhoneLandscape' => 3,
|
| 129 |
+
'columnsPhonePortrait' => 2,
|
| 130 |
+
'columnsTabletLandscape' => 4,
|
| 131 |
+
'columnsTabletPortrait' => 3,
|
| 132 |
+
'compressHTML' => 'T',
|
| 133 |
+
'customCaptionIcon' => '',
|
| 134 |
+
'defaultFilter' => '',
|
| 135 |
+
'defaultSize' => 'medium',
|
| 136 |
+
'delay' => 0,
|
| 137 |
+
'disableLightboxGroups' => 'F',
|
| 138 |
+
'enableFacebook' => 'F',
|
| 139 |
+
'enablePinterest' => 'F',
|
| 140 |
+
'enableTwitter' => 'F',
|
| 141 |
+
'enlargeImages' => 'T',
|
| 142 |
+
'filterClick' => 'F',
|
| 143 |
+
'filters' => '',
|
| 144 |
+
'gridCellSize' => 25,
|
| 145 |
+
'gridCellSizeDisabledBelow' => 800,
|
| 146 |
+
'hoverDuration' => 250,
|
| 147 |
+
'hoverIconRotation' => 'F',
|
| 148 |
+
'hoverRotation' => 0,
|
| 149 |
+
'hoverZoom' => 100,
|
| 150 |
+
'imageSizeFactor' => 30,
|
| 151 |
+
'imageSizeFactorCustom' => '',
|
| 152 |
+
'imageSizeFactorPhoneLandscape' => 30,
|
| 153 |
+
'imageSizeFactorPhonePortrait' => 20,
|
| 154 |
+
'imageSizeFactorTabletLandscape' => 30,
|
| 155 |
+
'imageSizeFactorTabletPortrait' => 20,
|
| 156 |
+
'imagesOrder' => 'user',
|
| 157 |
+
'layout' => 'final',
|
| 158 |
+
'lazyLoad' => false,
|
| 159 |
+
'lightbox' => 'lightbox2',
|
| 160 |
+
'lightboxImageSize' => 'large',
|
| 161 |
+
'lightboxOptions' => '',
|
| 162 |
+
'lightboxOptionsMobile' => '',
|
| 163 |
+
'loadedDuration' => 500,
|
| 164 |
+
'loadedEasing' => 'ease-out',
|
| 165 |
+
'loadedHSlide' => 0,
|
| 166 |
+
'loadedRotateY' => 0,
|
| 167 |
+
'loadedRotateX' => 0,
|
| 168 |
+
'loadedScaleY' => 100,
|
| 169 |
+
'loadedScaleX' => 100,
|
| 170 |
+
'loadedVSlide' => 0,
|
| 171 |
+
'loadingBarBackgroundColor' => "#fff",
|
| 172 |
+
'loadingBarColor' => "#666",
|
| 173 |
+
'loadMethod' => 'sequential',
|
| 174 |
+
'margin' => 10,
|
| 175 |
+
'max_posts' => 0,
|
| 176 |
+
'minTileWidth' => '250',
|
| 177 |
+
'mobileLightbox' => 'lightbox2',
|
| 178 |
+
'post_types' => '',
|
| 179 |
+
'post_taxonomies' => '',
|
| 180 |
+
'recentPostsCaption' => 'title',
|
| 181 |
+
'recentPostsCaptionAutoExcerptLength' => 20,
|
| 182 |
+
'rel' => '',
|
| 183 |
+
'reverseOrder' => false,
|
| 184 |
+
'script' => '',
|
| 185 |
+
'shadowColor' => '#cccccc',
|
| 186 |
+
'shadowSize' => 0,
|
| 187 |
+
'socialIconColor' => '#ffffff',
|
| 188 |
+
'socialIconPosition' => 'bottom',
|
| 189 |
+
'socialIconStyle' => 'none',
|
| 190 |
+
'source' => 'images',
|
| 191 |
+
'style' => '',
|
| 192 |
+
'support' => 'F',
|
| 193 |
+
'supportText' => 'Powered by Final Tiles Grid Gallery',
|
| 194 |
+
'taxonomyOperator' => 'OR',
|
| 195 |
+
'tilesPerPage' => 0,
|
| 196 |
+
'titleFontSize' => 14,
|
| 197 |
+
'width' => '100%',
|
| 198 |
+
'wp_field_caption' => 'description',
|
| 199 |
+
'wp_field_title' => 'title',
|
| 200 |
+
) ;
|
| 201 |
+
//Constructor
|
| 202 |
+
public function __construct()
|
| 203 |
+
{
|
| 204 |
+
$this->plugin_name = plugin_basename( __FILE__ );
|
| 205 |
+
$this->define_constants();
|
| 206 |
+
$this->setupFields();
|
| 207 |
+
$this->define_db_tables();
|
| 208 |
+
$this->FinalTilesdb = $this->create_db_conn();
|
| 209 |
+
add_filter( 'widget_text', 'do_shortcode' );
|
| 210 |
+
add_action( 'init', array( $this, 'create_textdomain' ) );
|
| 211 |
+
add_action( 'wp_enqueue_scripts', array( $this, 'add_gallery_scripts' ) );
|
| 212 |
+
//add_action( 'admin_init', array($this,'gallery_admin_init') );
|
| 213 |
+
add_action( 'admin_menu', array( $this, 'add_gallery_admin_menu' ) );
|
| 214 |
+
add_action( 'init', array( $this, 'register_gutenberg_block' ) );
|
| 215 |
+
add_shortcode( 'FinalTilesGallery', array( $this, 'gallery_shortcode_handler' ) );
|
| 216 |
+
add_action( 'wp_ajax_save_gallery', array( $this, 'save_gallery' ) );
|
| 217 |
+
add_action( 'wp_ajax_add_new_gallery', array( $this, 'add_new_gallery' ) );
|
| 218 |
+
add_action( 'wp_ajax_delete_gallery', array( $this, 'delete_gallery' ) );
|
| 219 |
+
add_action( 'wp_ajax_clone_gallery', array( $this, 'clone_gallery' ) );
|
| 220 |
+
add_action( 'wp_ajax_save_image', array( $this, 'save_image' ) );
|
| 221 |
+
add_action( 'wp_ajax_add_image', array( $this, 'add_image' ) );
|
| 222 |
+
add_action( 'wp_ajax_save_video', array( $this, 'save_video' ) );
|
| 223 |
+
add_action( 'wp_ajax_sort_images', array( $this, 'sort_images' ) );
|
| 224 |
+
add_action( 'wp_ajax_delete_image', array( $this, 'delete_image' ) );
|
| 225 |
+
add_action( 'wp_ajax_assign_filters', array( $this, 'assign_filters' ) );
|
| 226 |
+
add_action( 'wp_ajax_assign_group', array( $this, 'assign_group' ) );
|
| 227 |
+
add_action( 'wp_ajax_toggle_visibility', array( $this, 'toggle_visibility' ) );
|
| 228 |
+
add_action( 'wp_ajax_refresh_gallery', array( $this, 'refresh_gallery' ) );
|
| 229 |
+
add_action( 'wp_ajax_get_gallery_configuration', array( $this, 'get_configuration' ) );
|
| 230 |
+
add_action( 'wp_ajax_update_gallery_configuration', array( $this, 'update_configuration' ) );
|
| 231 |
+
add_action( 'wp_ajax_get_image_size_url', array( $this, 'get_image_size_url' ) );
|
| 232 |
+
add_filter( 'mce_buttons', array( $this, 'editor_button' ) );
|
| 233 |
+
add_filter( 'mce_external_plugins', array( $this, 'register_editor_plugin' ) );
|
| 234 |
+
add_action( 'wp_ajax_ftg_shortcode_editor', array( $this, 'ftg_shortcode_editor' ) );
|
| 235 |
+
add_filter(
|
| 236 |
+
'plugin_row_meta',
|
| 237 |
+
array( $this, 'register_links' ),
|
| 238 |
+
10,
|
| 239 |
+
2
|
| 240 |
+
);
|
| 241 |
+
add_action( 'wp_ajax_load_chunk', array( $this, 'load_chunk' ) );
|
| 242 |
+
add_action( 'wp_ajax_nopriv_load_chunk', array( $this, 'load_chunk' ) );
|
| 243 |
+
|
| 244 |
+
if ( ftg_fs()->is_not_paying() ) {
|
| 245 |
+
add_action( 'admin_notices', array( $this, 'review' ) );
|
| 246 |
+
add_action( 'wp_ajax_ftg_dismiss_review', array( $this, 'dismiss_review' ) );
|
| 247 |
+
add_filter(
|
| 248 |
+
'admin_footer_text',
|
| 249 |
+
array( $this, 'admin_footer' ),
|
| 250 |
+
1,
|
| 251 |
+
2
|
| 252 |
+
);
|
| 253 |
+
}
|
| 254 |
+
|
| 255 |
+
$this->resetFields();
|
| 256 |
+
}
|
| 257 |
+
|
| 258 |
+
/**
|
| 259 |
+
* Register Gutenberg Block
|
| 260 |
+
*/
|
| 261 |
+
public function register_gutenberg_block()
|
| 262 |
+
{
|
| 263 |
+
if ( !function_exists( 'register_block_type' ) ) {
|
| 264 |
+
// Gutenberg is not active.
|
| 265 |
+
return;
|
| 266 |
+
}
|
| 267 |
+
// Register block js script
|
| 268 |
+
wp_register_script( 'ftg-gallery-block', plugins_url( 'scripts/gutenberg_block.js', __FILE__ ), array(
|
| 269 |
+
'wp-blocks',
|
| 270 |
+
'wp-i18n',
|
| 271 |
+
'wp-element',
|
| 272 |
+
'wp-editor',
|
| 273 |
+
'wp-components'
|
| 274 |
+
) );
|
| 275 |
+
// Editor CSS
|
| 276 |
+
wp_register_style( 'ftg-gallery-block-editor', plugins_url( 'admin/css/gutenberg_block.css', __FILE__ ), array( 'wp-edit-blocks' ) );
|
| 277 |
+
// Register block
|
| 278 |
+
register_block_type( 'ftg/gallery', array(
|
| 279 |
+
'editor_style' => 'ftg-gallery-block-editor',
|
| 280 |
+
'editor_script' => 'ftg-gallery-block',
|
| 281 |
+
) );
|
| 282 |
+
// Set block translation
|
| 283 |
+
wp_set_script_translations( 'FinalTiles-gallery', 'final-tiles-gallery', dirname( plugin_basename( __FILE__ ) ) . '/lib/languages/' );
|
| 284 |
+
$galls = [ [
|
| 285 |
+
'value' => 0,
|
| 286 |
+
'label' => esc_html__( 'Select gallery', 'final-tiles-grid-gallery-lite' ),
|
| 287 |
+
] ];
|
| 288 |
+
$galleries = $this->FinalTilesdb->getGalleries();
|
| 289 |
+
if ( $galleries ) {
|
| 290 |
+
foreach ( $galleries as $g ) {
|
| 291 |
+
$galls[] = [
|
| 292 |
+
'value' => $g->Id,
|
| 293 |
+
'label' => $g->name,
|
| 294 |
+
];
|
| 295 |
+
}
|
| 296 |
+
}
|
| 297 |
+
// send list of galleries to block
|
| 298 |
+
wp_localize_script( 'ftg-gallery-block', 'ftg_galleries', array(
|
| 299 |
+
'items' => $galls,
|
| 300 |
+
'add_new_galler_url' => admin_url( 'admin.php?page=ftg-add-gallery' ),
|
| 301 |
+
) );
|
| 302 |
+
}
|
| 303 |
+
|
| 304 |
+
public function review()
|
| 305 |
+
{
|
| 306 |
+
// Verify that we can do a check for reviews.
|
| 307 |
+
$review = get_option( 'ftg_review' );
|
| 308 |
+
$time = time();
|
| 309 |
+
$load = false;
|
| 310 |
+
$there_was_review = false;
|
| 311 |
+
|
| 312 |
+
if ( !$review ) {
|
| 313 |
+
$review = array(
|
| 314 |
+
'time' => $time,
|
| 315 |
+
'dismissed' => false,
|
| 316 |
+
);
|
| 317 |
+
$load = true;
|
| 318 |
+
$there_was_review = false;
|
| 319 |
+
} else {
|
| 320 |
+
// Check if it has been dismissed or not.
|
| 321 |
+
if ( isset( $review['dismissed'] ) && !$review['dismissed'] && (isset( $review['time'] ) && $review['time'] + DAY_IN_SECONDS <= $time) ) {
|
| 322 |
+
$load = true;
|
| 323 |
+
}
|
| 324 |
+
}
|
| 325 |
+
|
| 326 |
+
// If we cannot load, return early.
|
| 327 |
+
if ( !$load ) {
|
| 328 |
+
return;
|
| 329 |
+
}
|
| 330 |
+
// Update the review option now.
|
| 331 |
+
update_option( 'ftg_review', $review );
|
| 332 |
+
// Run through optins on the site to see if any have been loaded for more than a week.
|
| 333 |
+
$valid = false;
|
| 334 |
+
$galleries = $this->FinalTilesdb->getGalleries();
|
| 335 |
+
if ( !$galleries ) {
|
| 336 |
+
return;
|
| 337 |
+
}
|
| 338 |
+
$with_date = false;
|
| 339 |
+
foreach ( $galleries as $gallery ) {
|
| 340 |
+
if ( !isset( $gallery->date ) ) {
|
| 341 |
+
continue;
|
| 342 |
+
}
|
| 343 |
+
$with_date = true;
|
| 344 |
+
$data = $gallery->date;
|
| 345 |
+
// Check the creation date of the local optin. It must be at least one week after.
|
| 346 |
+
$created = ( isset( $data ) ? strtotime( $data ) + 7 * DAY_IN_SECONDS : false );
|
| 347 |
+
if ( !$created ) {
|
| 348 |
+
continue;
|
| 349 |
+
}
|
| 350 |
+
|
| 351 |
+
if ( $created <= $time ) {
|
| 352 |
+
$valid = true;
|
| 353 |
+
break;
|
| 354 |
+
}
|
| 355 |
+
|
| 356 |
+
}
|
| 357 |
+
if ( !$with_date && count( $galleries ) > 0 && !$there_was_review ) {
|
| 358 |
+
$valid = true;
|
| 359 |
+
}
|
| 360 |
+
// If we don't have a valid option yet, return.
|
| 361 |
+
if ( !$valid ) {
|
| 362 |
+
return;
|
| 363 |
+
}
|
| 364 |
+
// We have a candidate! Output a review message.
|
| 365 |
+
?>
|
| 366 |
+
<div class="notice notice-info is-dismissible ftg-review-notice">
|
| 367 |
+
<p><?php
|
| 368 |
+
esc_html_e( 'Hey, I noticed you created a photo gallery with Final Tiles - that’s awesome! Would you mind give it a 5-star rating on WordPress to help us spread the word and boost our motivation for new featrues?', 'final-tiles-grid-gallery-lite' );
|
| 369 |
+
?></p>
|
| 370 |
+
<p><strong><?php
|
| 371 |
+
esc_html_e( 'MachoThemes', 'final-tiles-grid-gallery-lite' );
|
| 372 |
+
?></strong></p>
|
| 373 |
+
<p>
|
| 374 |
+
<a href="https://wordpress.org/support/plugin/final-tiles-grid-gallery-lite/reviews/?filter=5#new-post" class="ftg-dismiss-review-notice ftg-review-out" target="_blank" rel="noopener"><?php
|
| 375 |
+
esc_html_e( 'Ok, you deserve it', 'final-tiles-grid-gallery-lite' );
|
| 376 |
+
?></a><br>
|
| 377 |
+
<a href="#" class="ftg-dismiss-review-notice" rel="noopener"><?php
|
| 378 |
+
esc_html_e( 'Nope, maybe later', 'final-tiles-grid-gallery-lite' );
|
| 379 |
+
?></a><br>
|
| 380 |
+
<a href="#" class="ftg-dismiss-review-notice" rel="noopener"><?php
|
| 381 |
+
esc_html_e( 'I already did', 'final-tiles-grid-gallery-lite' );
|
| 382 |
+
?></a><br>
|
| 383 |
+
</p>
|
| 384 |
+
</div>
|
| 385 |
+
<script type="text/javascript">
|
| 386 |
+
jQuery(document).ready( function($) {
|
| 387 |
+
$(document).on('click', '.ftg-dismiss-review-notice, .ftg-review-notice button', function( event ) {
|
| 388 |
+
if ( ! $(this).hasClass('ftg-review-out') ) {
|
| 389 |
+
event.preventDefault();
|
| 390 |
+
}
|
| 391 |
+
|
| 392 |
+
$.post( ajaxurl, {
|
| 393 |
+
action: 'ftg_dismiss_review'
|
| 394 |
+
});
|
| 395 |
+
|
| 396 |
+
$('.ftg-review-notice').remove();
|
| 397 |
+
});
|
| 398 |
+
});
|
| 399 |
+
</script>
|
| 400 |
+
<?php
|
| 401 |
+
}
|
| 402 |
+
|
| 403 |
+
public function dismiss_review()
|
| 404 |
+
{
|
| 405 |
+
$review = get_option( 'ftg_review' );
|
| 406 |
+
if ( !$review ) {
|
| 407 |
+
$review = array();
|
| 408 |
+
}
|
| 409 |
+
$review['time'] = time();
|
| 410 |
+
$review['dismissed'] = true;
|
| 411 |
+
update_option( 'ftg_review', $review );
|
| 412 |
+
die;
|
| 413 |
+
}
|
| 414 |
+
|
| 415 |
+
public function admin_footer( $text )
|
| 416 |
+
{
|
| 417 |
+
global $current_screen ;
|
| 418 |
+
|
| 419 |
+
if ( !empty($current_screen->id) && strpos( $current_screen->id, 'ftg' ) !== false ) {
|
| 420 |
+
$url = esc_url( 'https://wordpress.org/support/plugin/final-tiles-grid-gallery-lite/reviews/?filter=5#new-post' );
|
| 421 |
+
$text = sprintf( __( 'Please rate <strong>Final Tiles Gallery</strong> <a href="%s" target="_blank">★★★★★</a> on <a href="%s" target="_blank">WordPress.org</a> to help us spread the word. Thank you from the Final Tiles Gallery team!', 'final-tiles-grid-gallery-lite' ), $url, $url );
|
| 422 |
+
}
|
| 423 |
+
|
| 424 |
+
return $text;
|
| 425 |
+
}
|
| 426 |
+
|
| 427 |
+
private function resetFields()
|
| 428 |
+
{
|
| 429 |
+
$keys = array(
|
| 430 |
+
'name',
|
| 431 |
+
'hiddenFor',
|
| 432 |
+
'type',
|
| 433 |
+
'description',
|
| 434 |
+
'default',
|
| 435 |
+
'min',
|
| 436 |
+
'max',
|
| 437 |
+
'mu',
|
| 438 |
+
'excludeFrom'
|
| 439 |
+
);
|
| 440 |
+
foreach ( $this->fields as $tab_name => $tab ) {
|
| 441 |
+
foreach ( $tab["fields"] as $key => $field ) {
|
| 442 |
+
//print_r($field);
|
| 443 |
+
foreach ( $keys as $kk ) {
|
| 444 |
+
if ( !array_key_exists( $kk, $field ) ) {
|
| 445 |
+
$this->fields[$tab_name]["fields"][$key][$kk] = "";
|
| 446 |
+
}
|
| 447 |
+
}
|
| 448 |
+
}
|
| 449 |
+
}
|
| 450 |
+
//print_r($this->fields);
|
| 451 |
+
}
|
| 452 |
+
|
| 453 |
+
public function register_links( $links, $file )
|
| 454 |
+
{
|
| 455 |
+
$base = plugin_basename( __FILE__ );
|
| 456 |
+
|
| 457 |
+
if ( $file == $base ) {
|
| 458 |
+
$links[] = '<a href="admin.php?page=ftg-lite-gallery-admin" title="Final Tiles Grid Gallery Dashboard">Dashboard</a>';
|
| 459 |
+
$links[] = '<a href="https://www.machothemes.com/" title="MachoThemes website">MachoThemes</a>';
|
| 460 |
+
$links[] = '<a href="https://twitter.com/machothemes" title="@MachoThemes on Twitter">Twitter</a>';
|
| 461 |
+
$links[] = '<a href="https://www.facebook.com/machothemes" title="MachoThemes on Facebook">Facebook</a>';
|
| 462 |
+
}
|
| 463 |
+
|
| 464 |
+
return $links;
|
| 465 |
+
}
|
| 466 |
+
|
| 467 |
+
/*public function create_db_tables()
|
| 468 |
+
{
|
| 469 |
+
include_once 'lib/install-db.php';
|
| 470 |
+
install_db();
|
| 471 |
+
}
|
| 472 |
+
|
| 473 |
+
public function activation()
|
| 474 |
+
{
|
| 475 |
+
|
| 476 |
+
}*/
|
| 477 |
+
//Define textdomain
|
| 478 |
+
public function create_textdomain()
|
| 479 |
+
{
|
| 480 |
+
$plugin_dir = basename( dirname( __FILE__ ) );
|
| 481 |
+
load_plugin_textdomain( 'final-tiles-grid-gallery-lite', false, dirname( plugin_basename( __FILE__ ) ) . '/languages/' );
|
| 482 |
+
foreach ( $this->fields as $s => $section ) {
|
| 483 |
+
foreach ( $section["fields"] as $f => $field ) {
|
| 484 |
+
$this->fields[$s]["fields"][$f]["description"] = esc_html__( $this->fields[$s]["fields"][$f]["description"], 'final-tiles-grid-gallery-lite' );
|
| 485 |
+
}
|
| 486 |
+
}
|
| 487 |
+
}
|
| 488 |
+
|
| 489 |
+
//Define constants
|
| 490 |
+
public function define_constants()
|
| 491 |
+
{
|
| 492 |
+
if ( !defined( 'FINALTILESGALLERY_PLUGIN_BASENAME' ) ) {
|
| 493 |
+
define( 'FINALTILESGALLERY_PLUGIN_BASENAME', plugin_basename( __FILE__ ) );
|
| 494 |
+
}
|
| 495 |
+
if ( !defined( 'FINALTILESGALLERY_PLUGIN_NAME' ) ) {
|
| 496 |
+
define( 'FINALTILESGALLERY_PLUGIN_NAME', trim( dirname( FINALTILESGALLERY_PLUGIN_BASENAME ), '/' ) );
|
| 497 |
+
}
|
| 498 |
+
if ( !defined( 'FINALTILESGALLERY_PLUGIN_DIR' ) ) {
|
| 499 |
+
define( 'FINALTILESGALLERY_PLUGIN_DIR', WP_PLUGIN_DIR . '/' . FINALTILESGALLERY_PLUGIN_NAME );
|
| 500 |
+
}
|
| 501 |
+
}
|
| 502 |
+
|
| 503 |
+
//Define DB tables
|
| 504 |
+
public static function define_db_tables()
|
| 505 |
+
{
|
| 506 |
+
global $wpdb ;
|
| 507 |
+
$wpdb->FinalTilesGalleries = $wpdb->prefix . 'FinalTiles_gallery';
|
| 508 |
+
$wpdb->FinalTilesImages = $wpdb->prefix . 'FinalTiles_gallery_images';
|
| 509 |
+
}
|
| 510 |
+
|
| 511 |
+
public function create_db_conn()
|
| 512 |
+
{
|
| 513 |
+
require 'lib/db-class.php';
|
| 514 |
+
$FinalTilesdb = FinalTilesDB::getInstance();
|
| 515 |
+
return $FinalTilesdb;
|
| 516 |
+
}
|
| 517 |
+
|
| 518 |
+
public function editor_button( $buttons )
|
| 519 |
+
{
|
| 520 |
+
array_push( $buttons, 'separator', 'ftg_shortcode_editor' );
|
| 521 |
+
return $buttons;
|
| 522 |
+
}
|
| 523 |
+
|
| 524 |
+
public function register_editor_plugin( $plugin_array )
|
| 525 |
+
{
|
| 526 |
+
$plugin_array['ftg_shortcode_editor'] = plugins_url( '/admin/scripts/editor-plugin.js', __FILE__ );
|
| 527 |
+
return $plugin_array;
|
| 528 |
+
}
|
| 529 |
+
|
| 530 |
+
public function ftg_shortcode_editor()
|
| 531 |
+
{
|
| 532 |
+
$css_path = plugins_url( 'assets/css/admin.css', __FILE__ );
|
| 533 |
+
$admin_url = admin_url();
|
| 534 |
+
$galleries = $this->FinalTilesdb->getGalleries();
|
| 535 |
+
//load all galleries
|
| 536 |
+
include 'admin/include/tinymce-galleries.php';
|
| 537 |
+
wp_die();
|
| 538 |
+
}
|
| 539 |
+
|
| 540 |
+
public function attachment_fields_to_edit( $form, $post )
|
| 541 |
+
{
|
| 542 |
+
$form["ftg_link"] = array(
|
| 543 |
+
"label" => "Link <small>FTG</small>",
|
| 544 |
+
"input" => "text",
|
| 545 |
+
"value" => get_post_meta( $post->ID, "_ftg_link", true ),
|
| 546 |
+
"helps" => "",
|
| 547 |
+
);
|
| 548 |
+
$form["ftg_target"] = array(
|
| 549 |
+
"label" => "_blank <small>FTG</small>",
|
| 550 |
+
"input" => "html",
|
| 551 |
+
"html" => "<input type='checkbox' name='attachments[{$post->ID}][ftg_target]' id='attachments[{$post->ID}][ftg_target]' value='_mblank' " . (( get_post_meta( $post->ID, "_ftg_target", true ) == "_mblank" ? "checked" : "" )) . " />",
|
| 552 |
+
);
|
| 553 |
+
return $form;
|
| 554 |
+
}
|
| 555 |
+
|
| 556 |
+
public function attachment_fields_to_save( $post, $attachment )
|
| 557 |
+
{
|
| 558 |
+
if ( isset( $attachment['ftg_link'] ) ) {
|
| 559 |
+
update_post_meta( $post['ID'], '_ftg_link', esc_url_raw( $attachment['ftg_link'] ) );
|
| 560 |
+
}
|
| 561 |
+
if ( isset( $attachment['ftg_target'] ) ) {
|
| 562 |
+
update_post_meta( $post['ID'], '_ftg_target', sanitize_text_field( $attachment['ftg_target'] ) );
|
| 563 |
+
}
|
| 564 |
+
return $post;
|
| 565 |
+
}
|
| 566 |
+
|
| 567 |
+
//Delete gallery
|
| 568 |
+
public function delete_gallery()
|
| 569 |
+
{
|
| 570 |
+
if ( check_admin_referer( 'FinalTiles_gallery', 'FinalTiles_gallery' ) && isset( $_POST['id'] ) ) {
|
| 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 = ( isset( $_POST['galleryId'] ) ? absint( $_POST['galleryId'] ) : 0 );
|
| 581 |
+
$config = ( isset( $_POST['config'] ) ? wp_unslash( $_POST['config'] ) : '' );
|
| 582 |
+
// phpcs:ignore
|
| 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 = ( isset( $_POST['galleryId'] ) ? absint( $_POST['galleryId'] ) : 0 );
|
| 594 |
+
$gallery = $this->FinalTilesdb->getGalleryConfig( $id );
|
| 595 |
+
echo stripslashes( $gallery ) ;
|
| 596 |
+
// phpcs:ignore
|
| 597 |
+
}
|
| 598 |
+
|
| 599 |
+
exit;
|
| 600 |
+
}
|
| 601 |
+
|
| 602 |
+
public function get_image_size_url()
|
| 603 |
+
{
|
| 604 |
+
|
| 605 |
+
if ( check_admin_referer( 'FinalTiles_gallery', 'FinalTiles_gallery' ) ) {
|
| 606 |
+
$id = ( isset( $_POST['id'] ) ? absint( $_POST['id'] ) : 0 );
|
| 607 |
+
$size = ( isset( $_POST['size'] ) ? sanitize_text_field( wp_unslash( $_POST['size'] ) ) : 'thumbnail' );
|
| 608 |
+
echo esc_url( wp_get_attachment_image_url( $id, $size, false ) ) ;
|
| 609 |
+
}
|
| 610 |
+
|
| 611 |
+
exit;
|
| 612 |
+
}
|
| 613 |
+
|
| 614 |
+
//Clone gallery
|
| 615 |
+
public function clone_gallery()
|
| 616 |
+
{
|
| 617 |
+
|
| 618 |
+
if ( check_admin_referer( 'FinalTiles_gallery', 'FinalTiles_gallery' ) ) {
|
| 619 |
+
$sourceId = ( isset( $_POST['id'] ) ? intval( $_POST['id'] ) : 0 );
|
| 620 |
+
$g = $this->FinalTilesdb->getGalleryById( $sourceId, true );
|
| 621 |
+
$g['name'] .= " (copy)";
|
| 622 |
+
$this->FinalTilesdb->addGallery( $g );
|
| 623 |
+
$id = $this->FinalTilesdb->getNewGalleryId();
|
| 624 |
+
$images = $this->FinalTilesdb->getImagesByGalleryId( $sourceId, 0, 0 );
|
| 625 |
+
foreach ( $images as &$image ) {
|
| 626 |
+
$image->Id = null;
|
| 627 |
+
$image->gid = $id;
|
| 628 |
+
}
|
| 629 |
+
$this->FinalTilesdb->addImages( $id, $images );
|
| 630 |
+
}
|
| 631 |
+
|
| 632 |
+
return array();
|
| 633 |
+
}
|
| 634 |
+
|
| 635 |
+
//Add gallery scripts
|
| 636 |
+
public function add_gallery_scripts()
|
| 637 |
+
{
|
| 638 |
+
wp_enqueue_script( 'jquery' );
|
| 639 |
+
wp_register_script(
|
| 640 |
+
'finalTilesGallery',
|
| 641 |
+
plugins_url( 'scripts/jquery.finalTilesGallery.js', __FILE__ ),
|
| 642 |
+
array( 'jquery' ),
|
| 643 |
+
FTGVERSION,
|
| 644 |
+
true
|
| 645 |
+
);
|
| 646 |
+
wp_enqueue_script( 'finalTilesGallery' );
|
| 647 |
+
wp_register_style(
|
| 648 |
+
'finalTilesGallery_stylesheet',
|
| 649 |
+
plugins_url( 'scripts/ftg.css', __FILE__ ),
|
| 650 |
+
array(),
|
| 651 |
+
FTGVERSION
|
| 652 |
+
);
|
| 653 |
+
wp_enqueue_style( 'finalTilesGallery_stylesheet' );
|
| 654 |
+
wp_register_script( 'lightbox2_script', plugins_url( 'lightbox/lightbox2/js/script.js', __FILE__ ), array( 'jquery' ) );
|
| 655 |
+
wp_register_style( 'lightbox2_stylesheet', plugins_url( 'lightbox/lightbox2/css/style.css', __FILE__ ) );
|
| 656 |
+
wp_register_style( 'fontawesome_stylesheet', '//netdna.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.css' );
|
| 657 |
+
wp_enqueue_style( 'fontawesome_stylesheet' );
|
| 658 |
+
}
|
| 659 |
+
|
| 660 |
+
//Admin Section - register scripts and styles
|
| 661 |
+
public function gallery_admin_init()
|
| 662 |
+
{
|
| 663 |
+
if ( function_exists( 'wp_enqueue_media' ) ) {
|
| 664 |
+
wp_enqueue_media();
|
| 665 |
+
}
|
| 666 |
+
$ftg_db_version = '20190518';
|
| 667 |
+
$installed_ver = get_option( "FinalTiles_gallery_db_version" );
|
| 668 |
+
if ( !$installed_ver || empty($installed_ver) ) {
|
| 669 |
+
update_option( "FinalTiles_gallery_db_version", $ftg_db_version );
|
| 670 |
+
}
|
| 671 |
+
|
| 672 |
+
if ( $installed_ver != $ftg_db_version ) {
|
| 673 |
+
activate_finaltilesgallery();
|
| 674 |
+
update_option( "FinalTiles_gallery_db_version", $ftg_db_version );
|
| 675 |
+
}
|
| 676 |
+
|
| 677 |
+
function ftg_get_image_sizes()
|
| 678 |
+
{
|
| 679 |
+
global $_wp_additional_image_sizes ;
|
| 680 |
+
$sizes = array();
|
| 681 |
+
foreach ( get_intermediate_image_sizes() as $_size ) {
|
| 682 |
+
|
| 683 |
+
if ( in_array( $_size, array(
|
| 684 |
+
'thumbnail',
|
| 685 |
+
'medium',
|
| 686 |
+
'medium_large',
|
| 687 |
+
'large'
|
| 688 |
+
) ) ) {
|
| 689 |
+
$sizes[$_size]['width'] = get_option( "{$_size}_size_w" );
|
| 690 |
+
$sizes[$_size]['height'] = get_option( "{$_size}_size_h" );
|
| 691 |
+
$sizes[$_size]['crop'] = (bool) get_option( "{$_size}_crop" );
|
| 692 |
+
} elseif ( isset( $_wp_additional_image_sizes[$_size] ) ) {
|
| 693 |
+
$sizes[$_size] = array(
|
| 694 |
+
'width' => $_wp_additional_image_sizes[$_size]['width'],
|
| 695 |
+
'height' => $_wp_additional_image_sizes[$_size]['height'],
|
| 696 |
+
'crop' => $_wp_additional_image_sizes[$_size]['crop'],
|
| 697 |
+
);
|
| 698 |
+
}
|
| 699 |
+
|
| 700 |
+
}
|
| 701 |
+
return $sizes;
|
| 702 |
+
}
|
| 703 |
+
|
| 704 |
+
foreach ( ftg_get_image_sizes() as $name => $size ) {
|
| 705 |
+
$this->fields["Links & Lightbox"]["fields"]["lightboxImageSize"]["values"]["Size"][] = $name . "|" . $name . " (" . $size['width'] . 'x' . $size['height'] . (( $size['crop'] ? ' cropped)' : ')' ));
|
| 706 |
+
}
|
| 707 |
+
$this->fields["Links & Lightbox"]["fields"]["lightboxImageSize"]["values"]["Size"][] = "full|Original (full)";
|
| 708 |
+
wp_enqueue_script( 'jquery' );
|
| 709 |
+
wp_enqueue_script( 'jquery-ui-dialog' );
|
| 710 |
+
wp_enqueue_script( 'jquery-ui-sortable' );
|
| 711 |
+
wp_enqueue_script( 'wp-color-picker' );
|
| 712 |
+
wp_enqueue_style( 'wp-color-picker' );
|
| 713 |
+
wp_enqueue_script( 'media-upload' );
|
| 714 |
+
wp_enqueue_script( 'thickbox' );
|
| 715 |
+
wp_register_style( 'google-fonts', '//fonts.googleapis.com/css?family=Roboto:400,700,500,300,900' );
|
| 716 |
+
wp_enqueue_style( 'google-fonts' );
|
| 717 |
+
wp_register_style( 'google-icons', '//cdn.materialdesignicons.com/1.9.32/css/materialdesignicons.min.css', array() );
|
| 718 |
+
wp_enqueue_style( 'google-icons' );
|
| 719 |
+
wp_register_style( 'final-tiles-gallery-admin', plugins_url( 'admin/css/style.css', __FILE__ ), array( 'colors' ) );
|
| 720 |
+
wp_enqueue_style( 'final-tiles-gallery-admin' );
|
| 721 |
+
wp_register_script( 'materialize', plugins_url( 'admin/scripts/materialize.min.js', __FILE__ ), array( 'jquery' ) );
|
| 722 |
+
wp_enqueue_script( 'materialize' );
|
| 723 |
+
wp_register_script( 'final-tiles-gallery', plugins_url( 'admin/scripts/final-tiles-gallery-admin.js', __FILE__ ), array(
|
| 724 |
+
'jquery',
|
| 725 |
+
'media-upload',
|
| 726 |
+
'thickbox',
|
| 727 |
+
'materialize'
|
| 728 |
+
) );
|
| 729 |
+
wp_enqueue_script( 'final-tiles-gallery' );
|
| 730 |
+
wp_enqueue_style( 'thickbox' );
|
| 731 |
+
wp_register_style( 'fontawesome_stylesheet', '//netdna.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.css' );
|
| 732 |
+
wp_enqueue_style( 'fontawesome_stylesheet' );
|
| 733 |
+
}
|
| 734 |
+
|
| 735 |
+
//Create Admin Menu
|
| 736 |
+
public function add_gallery_admin_menu()
|
| 737 |
+
{
|
| 738 |
+
$overview = add_menu_page(
|
| 739 |
+
'Final Tiles Gallery',
|
| 740 |
+
'Final Tiles Gallery',
|
| 741 |
+
'edit_posts',
|
| 742 |
+
'ftg-lite-gallery-admin',
|
| 743 |
+
array( $this, 'add_overview' ),
|
| 744 |
+
plugins_url( 'admin/icon.png', __FILE__ )
|
| 745 |
+
);
|
| 746 |
+
$add_gallery = add_submenu_page(
|
| 747 |
+
'ftg-lite-gallery-admin',
|
| 748 |
+
esc_html__( 'FinalTiles Gallery >> Add Gallery', 'final-tiles-grid-gallery-lite' ),
|
| 749 |
+
esc_html__( 'Add Gallery', 'final-tiles-grid-gallery-lite' ),
|
| 750 |
+
'edit_posts',
|
| 751 |
+
'ftg-add-gallery',
|
| 752 |
+
array( $this, 'add_gallery' )
|
| 753 |
+
);
|
| 754 |
+
add_action( 'load-' . $overview, array( $this, 'gallery_admin_init' ) );
|
| 755 |
+
add_action( 'load-' . $add_gallery, array( $this, 'gallery_admin_init' ) );
|
| 756 |
+
/*if(! class_exists("PhotoBlocks"))
|
| 757 |
+
{
|
| 758 |
+
$photoblocks = add_submenu_page('ftg-lite-gallery-admin', __('FinalTiles Gallery >> PhotoBlocks', 'FinalTiles-gallery'), __('PhotoBlocks', 'FinalTiles-gallery'), 'edit_posts', 'ftg-photoblocks', array($this, 'photoblocks'));
|
| 759 |
+
add_action('load-' . $photoblocks, array($this, 'gallery_admin_init'));
|
| 760 |
+
}
|
| 761 |
+
|
| 762 |
+
if(! class_exists("EverlightBox"))
|
| 763 |
+
{
|
| 764 |
+
$everlightbox = add_submenu_page('ftg-lite-gallery-admin', __('FinalTiles Gallery >> EverlightBox', 'FinalTiles-gallery'), __('EverlightBox', 'FinalTiles-gallery'), 'edit_posts', 'ftg-everlightbox', array($this, 'everlightbox'));
|
| 765 |
+
add_action('load-' . $everlightbox, array($this, 'gallery_admin_init'));
|
| 766 |
+
}*/
|
| 767 |
+
}
|
| 768 |
+
|
| 769 |
+
//Create Admin Pages
|
| 770 |
+
public function add_overview()
|
| 771 |
+
{
|
| 772 |
+
global $ftg_fields ;
|
| 773 |
+
$ftg_fields = $this->fields;
|
| 774 |
+
global $ftg_parent_page ;
|
| 775 |
+
$ftg_parent_page = "dashboard";
|
| 776 |
+
|
| 777 |
+
if ( array_key_exists( "id", $_GET ) ) {
|
| 778 |
+
$woocommerce_post_types = array(
|
| 779 |
+
"product",
|
| 780 |
+
"product_variation",
|
| 781 |
+
"shop_order",
|
| 782 |
+
"shop_order_refund",
|
| 783 |
+
"shop_coupon",
|
| 784 |
+
"shop_webhook"
|
| 785 |
+
);
|
| 786 |
+
$wp_post_types = array( "revision", "nav_menu_item" );
|
| 787 |
+
$excluded_post_types = array_merge( $wp_post_types, $woocommerce_post_types );
|
| 788 |
+
$woo_categories = $this->getWooCategories();
|
| 789 |
+
include "admin/edit-gallery.php";
|
| 790 |
+
} else {
|
| 791 |
+
include "admin/overview.php";
|
| 792 |
+
}
|
| 793 |
+
|
| 794 |
+
}
|
| 795 |
+
|
| 796 |
+
public function tutorial()
|
| 797 |
+
{
|
| 798 |
+
include "admin/tutorial.php";
|
| 799 |
+
}
|
| 800 |
+
|
| 801 |
+
public function support()
|
| 802 |
+
{
|
| 803 |
+
include "admin/support.php";
|
| 804 |
+
}
|
| 805 |
+
|
| 806 |
+
public function photoblocks()
|
| 807 |
+
{
|
| 808 |
+
include "admin/photoblocks.php";
|
| 809 |
+
}
|
| 810 |
+
|
| 811 |
+
public function everlightbox()
|
| 812 |
+
{
|
| 813 |
+
include "admin/everlightbox.php";
|
| 814 |
+
}
|
| 815 |
+
|
| 816 |
+
private function getWooCategories()
|
| 817 |
+
{
|
| 818 |
+
|
| 819 |
+
if ( in_array( 'woocommerce/woocommerce.php', apply_filters( 'active_plugins', get_option( 'active_plugins' ) ) ) ) {
|
| 820 |
+
$taxonomy = 'product_cat';
|
| 821 |
+
$orderby = 'name';
|
| 822 |
+
$show_count = 0;
|
| 823 |
+
// 1 for yes, 0 for no
|
| 824 |
+
$pad_counts = 0;
|
| 825 |
+
// 1 for yes, 0 for no
|
| 826 |
+
$hierarchical = 1;
|
| 827 |
+
// 1 for yes, 0 for no
|
| 828 |
+
$title = '';
|
| 829 |
+
$empty = 0;
|
| 830 |
+
$args = array(
|
| 831 |
+
'taxonomy' => $taxonomy,
|
| 832 |
+
'orderby' => $orderby,
|
| 833 |
+
'show_count' => $show_count,
|
| 834 |
+
'pad_counts' => $pad_counts,
|
| 835 |
+
'hierarchical' => $hierarchical,
|
| 836 |
+
'title_li' => $title,
|
| 837 |
+
'hide_empty' => $empty,
|
| 838 |
+
);
|
| 839 |
+
return get_categories( $args );
|
| 840 |
+
} else {
|
| 841 |
+
return array();
|
| 842 |
+
}
|
| 843 |
+
|
| 844 |
+
}
|
| 845 |
+
|
| 846 |
+
public function add_gallery()
|
| 847 |
+
{
|
| 848 |
+
global $ftg_fields ;
|
| 849 |
+
$ftg_fields = $this->fields;
|
| 850 |
+
$gallery = null;
|
| 851 |
+
$woocommerce_post_types = array(
|
| 852 |
+
"product",
|
| 853 |
+
"product_variation",
|
| 854 |
+
"shop_order",
|
| 855 |
+
"shop_order_refund",
|
| 856 |
+
"shop_coupon",
|
| 857 |
+
"shop_webhook"
|
| 858 |
+
);
|
| 859 |
+
$wp_post_types = array( "revision", "nav_menu_item" );
|
| 860 |
+
$excluded_post_types = array_merge( $wp_post_types, $woocommerce_post_types );
|
| 861 |
+
$woo_categories = $this->getWooCategories();
|
| 862 |
+
include "admin/add-gallery.php";
|
| 863 |
+
}
|
| 864 |
+
|
| 865 |
+
public function delete_image()
|
| 866 |
+
{
|
| 867 |
+
|
| 868 |
+
if ( check_admin_referer( 'FinalTiles_gallery', 'FinalTiles_gallery' ) ) {
|
| 869 |
+
$ids = ( isset( $_POST['id'] ) ? sanitize_text_field( wp_unslash( $_POST['id'] ) ) : 0 );
|
| 870 |
+
foreach ( explode( ",", $ids ) as $id ) {
|
| 871 |
+
$this->FinalTilesdb->deleteImage( absint( $id ) );
|
| 872 |
+
}
|
| 873 |
+
}
|
| 874 |
+
|
| 875 |
+
wp_die();
|
| 876 |
+
}
|
| 877 |
+
|
| 878 |
+
public function assign_filters()
|
| 879 |
+
{
|
| 880 |
+
|
| 881 |
+
if ( check_admin_referer( 'FinalTiles_gallery', 'FinalTiles_gallery' ) ) {
|
| 882 |
+
$ids = ( isset( $_POST['id'] ) ? sanitize_text_field( wp_unslash( $_POST['id'] ) ) : 0 );
|
| 883 |
+
$filters = ( isset( $_POST['filters'] ) ? sanitize_text_field( wp_unslash( $_POST['filters'] ) ) : '' );
|
| 884 |
+
|
| 885 |
+
if ( isset( $_POST['source'] ) && $_POST['source'] == 'posts' ) {
|
| 886 |
+
foreach ( explode( ",", $ids ) as $id ) {
|
| 887 |
+
update_post_meta( absint( $id ), 'ftg_filters', sanitize_text_field( $filters ) );
|
| 888 |
+
}
|
| 889 |
+
} else {
|
| 890 |
+
foreach ( explode( ",", $ids ) as $id ) {
|
| 891 |
+
$result = $this->FinalTilesdb->editImage( absint( $id ), array(
|
| 892 |
+
"filters" => sanitize_text_field( $filters ),
|
| 893 |
+
) );
|
| 894 |
+
}
|
| 895 |
+
}
|
| 896 |
+
|
| 897 |
+
}
|
| 898 |
+
|
| 899 |
+
wp_die();
|
| 900 |
+
}
|
| 901 |
+
|
| 902 |
+
public function toggle_visibility()
|
| 903 |
+
{
|
| 904 |
+
|
| 905 |
+
if ( check_admin_referer( 'FinalTiles_gallery', 'FinalTiles_gallery' ) ) {
|
| 906 |
+
$ids = ( isset( $_POST['id'] ) ? sanitize_text_field( wp_unslash( $_POST['id'] ) ) : 0 );
|
| 907 |
+
foreach ( explode( ",", $ids ) as $id ) {
|
| 908 |
+
$image = $this->FinalTilesdb->getImage( $id );
|
| 909 |
+
$this->FinalTilesdb->editImage( absint( $id ), array(
|
| 910 |
+
"hidden" => ( $image->hidden == 'T' ? 'F' : 'T' ),
|
| 911 |
+
) );
|
| 912 |
+
}
|
| 913 |
+
}
|
| 914 |
+
|
| 915 |
+
wp_die();
|
| 916 |
+
}
|
| 917 |
+
|
| 918 |
+
public function assign_group()
|
| 919 |
+
{
|
| 920 |
+
|
| 921 |
+
if ( check_admin_referer( 'FinalTiles_gallery', 'FinalTiles_gallery' ) ) {
|
| 922 |
+
$ids = ( isset( $_POST['id'] ) ? sanitize_text_field( wp_unslash( $_POST['id'] ) ) : 0 );
|
| 923 |
+
$group = ( isset( $_POST['group'] ) ? sanitize_text_field( wp_unslash( $_POST['group'] ) ) : '' );
|
| 924 |
+
|
| 925 |
+
if ( isset( $_POST['source'] ) && $_POST['source'] == 'posts' ) {
|
| 926 |
+
foreach ( explode( ",", $ids ) as $id ) {
|
| 927 |
+
update_post_meta( intval( $id ), 'ftg_group', sanitize_text_field( $group ) );
|
| 928 |
+
}
|
| 929 |
+
} else {
|
| 930 |
+
foreach ( explode( ",", $ids ) as $id ) {
|
| 931 |
+
$result = $this->FinalTilesdb->editImage( $id, array(
|
| 932 |
+
"group" => sanitize_text_field( $group ),
|
| 933 |
+
) );
|
| 934 |
+
}
|
| 935 |
+
}
|
| 936 |
+
|
| 937 |
+
}
|
| 938 |
+
|
| 939 |
+
wp_die();
|
| 940 |
+
}
|
| 941 |
+
|
| 942 |
+
public function add_image()
|
| 943 |
+
{
|
| 944 |
+
|
| 945 |
+
if ( check_admin_referer( 'FinalTiles_gallery', 'FinalTiles_gallery' ) ) {
|
| 946 |
+
$gid = ( isset( $_POST['galleryId'] ) ? intval( $_POST['galleryId'] ) : 0 );
|
| 947 |
+
$enc_images = ( isset( $_POST['enc_images'] ) ? wp_unslash( $_POST['enc_images'] ) : '' );
|
| 948 |
+
// phpcs:ignore
|
| 949 |
+
$images = json_decode( $enc_images );
|
| 950 |
+
$result = $this->FinalTilesdb->addImages( $gid, $images );
|
| 951 |
+
header( "Content-type: application/json" );
|
| 952 |
+
|
| 953 |
+
if ( $result === false ) {
|
| 954 |
+
echo "{\"success\":false}" ;
|
| 955 |
+
} else {
|
| 956 |
+
echo "{\"success\":true}" ;
|
| 957 |
+
}
|
| 958 |
+
|
| 959 |
+
}
|
| 960 |
+
|
| 961 |
+
wp_die();
|
| 962 |
+
}
|
| 963 |
+
|
| 964 |
+
public function list_thumbnail_sizes()
|
| 965 |
+
{
|
| 966 |
+
global $_wp_additional_image_sizes ;
|
| 967 |
+
$sizes = array();
|
| 968 |
+
foreach ( get_intermediate_image_sizes() as $s ) {
|
| 969 |
+
|
| 970 |
+
if ( in_array( $s, array( 'thumbnail', 'medium', 'large' ) ) ) {
|
| 971 |
+
$sizes[$s][0] = get_option( $s . '_size_w' );
|
| 972 |
+
$sizes[$s][1] = get_option( $s . '_size_h' );
|
| 973 |
+
} else {
|
| 974 |
+
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 ) {
|
| 975 |
+
$sizes[$s] = array( $_wp_additional_image_sizes[$s]['width'], $_wp_additional_image_sizes[$s]['height'] );
|
| 976 |
+
}
|
| 977 |
+
}
|
| 978 |
+
|
| 979 |
+
}
|
| 980 |
+
return $sizes;
|
| 981 |
+
}
|
| 982 |
+
|
| 983 |
+
public function sort_images()
|
| 984 |
+
{
|
| 985 |
+
|
| 986 |
+
if ( check_admin_referer( 'FinalTiles_gallery', 'FinalTiles_gallery' ) ) {
|
| 987 |
+
$ids = ( isset( $_POST['ids'] ) ? sanitize_text_field( wp_unslash( $_POST['ids'] ) ) : 0 );
|
| 988 |
+
$result = $this->FinalTilesdb->sortImages( explode( ',', $ids ) );
|
| 989 |
+
header( "Content-type: application/json" );
|
| 990 |
+
|
| 991 |
+
if ( $result === false ) {
|
| 992 |
+
echo "{\"success\":false}" ;
|
| 993 |
+
} else {
|
| 994 |
+
echo "{\"success\":true}" ;
|
| 995 |
+
}
|
| 996 |
+
|
| 997 |
+
}
|
| 998 |
+
|
| 999 |
+
wp_die();
|
| 1000 |
+
}
|
| 1001 |
+
|
| 1002 |
+
public function load_chunk()
|
| 1003 |
+
{
|
| 1004 |
+
require_once 'lib/gallery-class.php';
|
| 1005 |
+
|
| 1006 |
+
if ( check_admin_referer( 'finaltilesgallery', 'finaltilesgallery' ) ) {
|
| 1007 |
+
$gid = ( isset( $_POST['gallery'] ) ? intval( $_POST['gallery'] ) : 0 );
|
| 1008 |
+
$images = $this->FinalTilesdb->getImagesByGalleryId( $gid, 0, 0 );
|
| 1009 |
+
$FinalTilesGallery = new FinalTilesGallery( $gid, $this->FinalTilesdb, $this->defaultValues );
|
| 1010 |
+
echo $FinalTilesGallery->images_markup() ;
|
| 1011 |
+
// phpcs:ignore
|
| 1012 |
+
}
|
| 1013 |
+
|
| 1014 |
+
wp_die();
|
| 1015 |
+
}
|
| 1016 |
+
|
| 1017 |
+
public function refresh_gallery()
|
| 1018 |
+
{
|
| 1019 |
+
if ( check_admin_referer( 'FinalTiles_gallery', 'FinalTiles_gallery' ) ) {
|
| 1020 |
+
if ( isset( $_POST['source'] ) && sanitize_text_field( wp_unslash( $_POST['source'] ) ) == 'images' ) {
|
| 1021 |
+
$this->list_images();
|
| 1022 |
+
}
|
| 1023 |
+
}
|
| 1024 |
+
}
|
| 1025 |
+
|
| 1026 |
+
public function save_image()
|
| 1027 |
+
{
|
| 1028 |
+
|
| 1029 |
+
if ( check_admin_referer( 'FinalTiles_gallery', 'FinalTiles_gallery' ) ) {
|
| 1030 |
+
$result = false;
|
| 1031 |
+
|
| 1032 |
+
if ( isset( $_POST['source'] ) && $_POST['source'] == 'posts' ) {
|
| 1033 |
+
$result = true;
|
| 1034 |
+
$postId = ( isset( $_POST['post_id'] ) ? intval( $_POST['post_id'] ) : 0 );
|
| 1035 |
+
$img_url = ( isset( $_POST['img_url'] ) ? esc_url_raw( $_POST['img_url'] ) : '' );
|
| 1036 |
+
update_post_meta( $postId, 'ftg_image_url', esc_url_raw( $img_url ) );
|
| 1037 |
+
if ( array_key_exists( "filters", $_POST ) && strlen( sanitize_text_field( wp_unslash( $_POST['filters'] ) ) ) ) {
|
| 1038 |
+
update_post_meta( $postId, 'ftg_filters', sanitize_text_field( wp_unslash( $_POST['filters'] ) ) );
|
| 1039 |
+
}
|
| 1040 |
+
} else {
|
| 1041 |
+
$type = ( isset( $_POST['type'] ) ? sanitize_text_field( wp_unslash( $_POST['type'] ) ) : '' );
|
| 1042 |
+
$imageUrl = ( isset( $_POST['img_url'] ) ? esc_url_raw( $_POST['img_url'] ) : '' );
|
| 1043 |
+
$imageCaption = ( isset( $_POST['description'] ) ? wp_kses_post( wp_unslash( $_POST['description'] ) ) : '' );
|
| 1044 |
+
$filters = ( isset( $_POST['filters'] ) ? sanitize_text_field( wp_unslash( $_POST['filters'] ) ) : '' );
|
| 1045 |
+
$title = ( isset( $_POST['imageTitle'] ) ? wp_kses_post( wp_unslash( $_POST['imageTitle'] ) ) : '' );
|
| 1046 |
+
$target = ( isset( $_POST['target'] ) ? sanitize_text_field( wp_unslash( $_POST['target'] ) ) : '' );
|
| 1047 |
+
$group = ( isset( $_POST['group'] ) ? sanitize_text_field( wp_unslash( $_POST['group'] ) ) : '' );
|
| 1048 |
+
$alt = ( isset( $_POST['alt'] ) ? sanitize_text_field( wp_unslash( $_POST['alt'] ) ) : '' );
|
| 1049 |
+
$hidden = $this->checkboxVal( 'hidden' );
|
| 1050 |
+
$link = ( isset( $_POST['link'] ) ? esc_url_raw( wp_unslash( $_POST['link'] ) ) : null );
|
| 1051 |
+
$imageId = ( isset( $_POST['img_id'] ) ? intval( wp_unslash( $_POST['img_id'] ) ) : 0 );
|
| 1052 |
+
$sortOrder = ( isset( $_POST['sortOrder'] ) ? intval( wp_unslash( $_POST['sortOrder'] ) ) : 0 );
|
| 1053 |
+
$data = array(
|
| 1054 |
+
"imagePath" => $imageUrl,
|
| 1055 |
+
"target" => $target,
|
| 1056 |
+
"link" => $link,
|
| 1057 |
+
"imageId" => $imageId,
|
| 1058 |
+
"description" => $imageCaption,
|
| 1059 |
+
"filters" => $filters,
|
| 1060 |
+
"title" => $title,
|
| 1061 |
+
"group" => $group,
|
| 1062 |
+
"alt" => $alt,
|
| 1063 |
+
"hidden" => $hidden,
|
| 1064 |
+
"sortOrder" => $sortOrder,
|
| 1065 |
+
);
|
| 1066 |
+
|
| 1067 |
+
if ( !empty($_POST["id"]) ) {
|
| 1068 |
+
$imageId = intval( $_POST['id'] );
|
| 1069 |
+
$result = $this->FinalTilesdb->editImage( $imageId, $data );
|
| 1070 |
+
} else {
|
| 1071 |
+
$data["gid"] = ( isset( $_POST['galleryId'] ) ? absint( $_POST['galleryId'] ) : 0 );
|
| 1072 |
+
$result = $this->FinalTilesdb->addFullImage( $data );
|
| 1073 |
+
}
|
| 1074 |
+
|
| 1075 |
+
}
|
| 1076 |
+
|
| 1077 |
+
header( "Content-type: application/json" );
|
| 1078 |
+
|
| 1079 |
+
if ( $result === false ) {
|
| 1080 |
+
echo "{\"success\":false}" ;
|
| 1081 |
+
} else {
|
| 1082 |
+
echo "{\"success\":true}" ;
|
| 1083 |
+
}
|
| 1084 |
+
|
| 1085 |
+
}
|
| 1086 |
+
|
| 1087 |
+
wp_die();
|
| 1088 |
+
}
|
| 1089 |
+
|
| 1090 |
+
public function save_video()
|
| 1091 |
+
{
|
| 1092 |
+
|
| 1093 |
+
if ( check_admin_referer( 'FinalTiles_gallery', 'FinalTiles_gallery' ) ) {
|
| 1094 |
+
$result = false;
|
| 1095 |
+
$type = ( isset( $_POST['type'] ) ? sanitize_text_field( wp_unslash( $_POST['type'] ) ) : "" );
|
| 1096 |
+
$data = array(
|
| 1097 |
+
"imagePath" => wp_unslash( $_POST["embed"] ),
|
| 1098 |
+
"filters" => ( isset( $_POST['filters'] ) ? sanitize_text_field( wp_unslash( $_POST['filters'] ) ) : '' ),
|
| 1099 |
+
"gid" => ( isset( $_POST['galleryId'] ) ? absint( $_POST['galleryId'] ) : 0 ),
|
| 1100 |
+
);
|
| 1101 |
+
$id = ( isset( $_POST['id'] ) ? absint( $_POST['id'] ) : "" );
|
| 1102 |
+
$step = ( isset( $_POST['step'] ) ? sanitize_text_field( wp_unslash( $_POST['step'] ) ) : "" );
|
| 1103 |
+
if ( !empty($step) ) {
|
| 1104 |
+
|
| 1105 |
+
if ( $step == "add" ) {
|
| 1106 |
+
$result = $this->FinalTilesdb->addVideo( $data );
|
| 1107 |
+
} else {
|
| 1108 |
+
if ( $step == "edit" ) {
|
| 1109 |
+
$result = $this->FinalTilesdb->editVideo( $id, $data );
|
| 1110 |
+
}
|
| 1111 |
+
}
|
| 1112 |
+
|
| 1113 |
+
}
|
| 1114 |
+
header( "Content-type: application/json" );
|
| 1115 |
+
|
| 1116 |
+
if ( $result === false ) {
|
| 1117 |
+
echo "{\"success\":false}" ;
|
| 1118 |
+
} else {
|
| 1119 |
+
echo "{\"success\":true}" ;
|
| 1120 |
+
}
|
| 1121 |
+
|
| 1122 |
+
}
|
| 1123 |
+
|
| 1124 |
+
wp_die();
|
| 1125 |
+
}
|
| 1126 |
+
|
| 1127 |
+
public function list_images()
|
| 1128 |
+
{
|
| 1129 |
+
|
| 1130 |
+
if ( check_admin_referer( 'FinalTiles_gallery', 'FinalTiles_gallery' ) ) {
|
| 1131 |
+
$gid = ( isset( $_POST['gid'] ) ? absint( $_POST['gid'] ) : 0 );
|
| 1132 |
+
$imageResults = $this->FinalTilesdb->getImagesByGalleryId( $gid, 0, 0 );
|
| 1133 |
+
$gallery = $this->FinalTilesdb->getGalleryById( $gid );
|
| 1134 |
+
$list_size = "medium";
|
| 1135 |
+
$column_size = "s6 m3 l3";
|
| 1136 |
+
if ( isset( $_POST['list_size'] ) && !empty($_POST['list_size']) ) {
|
| 1137 |
+
$list_size = sanitize_text_field( wp_unslash( $_POST['list_size'] ) );
|
| 1138 |
+
}
|
| 1139 |
+
setcookie( 'ftg_imglist_size', $list_size );
|
| 1140 |
+
$_COOKIE['ftg_imglist_size'] = $list_size;
|
| 1141 |
+
if ( $list_size == 'small' ) {
|
| 1142 |
+
$column_size = 's4 m2 l2';
|
| 1143 |
+
}
|
| 1144 |
+
if ( $list_size == 'medium' ) {
|
| 1145 |
+
$column_size = 's6 m3 l3';
|
| 1146 |
+
}
|
| 1147 |
+
if ( $list_size == 'big' ) {
|
| 1148 |
+
$column_size = 's12 m4 l4';
|
| 1149 |
+
}
|
| 1150 |
+
include 'admin/include/image-list.php';
|
| 1151 |
+
}
|
| 1152 |
+
|
| 1153 |
+
wp_die();
|
| 1154 |
+
}
|
| 1155 |
+
|
| 1156 |
+
public function add_new_gallery()
|
| 1157 |
+
{
|
| 1158 |
+
|
| 1159 |
+
if ( check_admin_referer( 'FinalTiles_gallery', 'FinalTiles_gallery' ) ) {
|
| 1160 |
+
$data = $this->defaultValues;
|
| 1161 |
+
// phpcs:ignore
|
| 1162 |
+
$data["name"] = ( isset( $_POST['ftg_name'] ) ? wp_kses_post( wp_unslash( $_POST['ftg_name'] ) ) : '' );
|
| 1163 |
+
// phpcs:ignore
|
| 1164 |
+
$data["description"] = ( isset( $_POST['ftg_description'] ) ? wp_kses_post( wp_unslash( $_POST['ftg_description'] ) ) : '' );
|
| 1165 |
+
$data["source"] = ( isset( $_POST['ftg_source'] ) ? sanitize_text_field( wp_unslash( $_POST['ftg_source'] ) ) : '' );
|
| 1166 |
+
$data["wp_field_caption"] = ( isset( $_POST['ftg_wp_field_caption'] ) ? sanitize_text_field( wp_unslash( $_POST['ftg_wp_field_caption'] ) ) : '' );
|
| 1167 |
+
$data["wp_field_title"] = ( isset( $_POST['ftg_wp_field_title'] ) ? sanitize_text_field( wp_unslash( $_POST['ftg_wp_field_title'] ) ) : '' );
|
| 1168 |
+
$data["captionEffect"] = ( isset( $_POST['ftg_captionEffect'] ) ? sanitize_text_field( wp_unslash( $_POST['ftg_captionEffect'] ) ) : '' );
|
| 1169 |
+
$data["post_types"] = ( isset( $_POST['post_types'] ) ? sanitize_text_field( wp_unslash( $_POST["post_types"] ) ) : '' );
|
| 1170 |
+
$data["layout"] = ( isset( $_POST['layout'] ) ? sanitize_text_field( wp_unslash( $_POST["layout"] ) ) : '' );
|
| 1171 |
+
$data["defaultWooImageSize"] = ( isset( $_POST['def_imgsize'] ) ? sanitize_text_field( wp_unslash( $_POST['def_imgsize'] ) ) : '' );
|
| 1172 |
+
$data["defaultPostImageSize"] = ( isset( $_POST['def_imgsize'] ) ? sanitize_text_field( wp_unslash( $_POST['def_imgsize'] ) ) : '' );
|
| 1173 |
+
$data["woo_categories"] = ( isset( $_POST['woo_categories'] ) ? sanitize_text_field( wp_unslash( $_POST["woo_categories"] ) ) : '' );
|
| 1174 |
+
$result = $this->FinalTilesdb->addGallery( $data );
|
| 1175 |
+
$id = $this->FinalTilesdb->getNewGalleryId();
|
| 1176 |
+
// phpcs:ignore
|
| 1177 |
+
|
| 1178 |
+
if ( $id > 0 && array_key_exists( 'enc_images', $_POST ) && strlen( wp_unslash( $_POST['enc_images'] ) ) ) {
|
| 1179 |
+
$images = json_decode( wp_unslash( $_POST["enc_images"] ) );
|
| 1180 |
+
$result = $this->FinalTilesdb->addImages( $id, $images );
|
| 1181 |
+
}
|
| 1182 |
+
|
| 1183 |
+
echo absint( $id ) ;
|
| 1184 |
+
} else {
|
| 1185 |
+
echo -1 ;
|
| 1186 |
+
}
|
| 1187 |
+
|
| 1188 |
+
wp_die();
|
| 1189 |
+
}
|
| 1190 |
+
|
| 1191 |
+
private function checkboxVal( $field )
|
| 1192 |
+
{
|
| 1193 |
+
|
| 1194 |
+
if ( check_admin_referer( 'FinalTiles_gallery', 'FinalTiles_gallery' ) ) {
|
| 1195 |
+
if ( isset( $_POST[$field] ) ) {
|
| 1196 |
+
return 'T';
|
| 1197 |
+
}
|
| 1198 |
+
return 'F';
|
| 1199 |
+
}
|
| 1200 |
+
|
| 1201 |
+
wp_die();
|
| 1202 |
+
}
|
| 1203 |
+
|
| 1204 |
+
public function save_gallery()
|
| 1205 |
+
{
|
| 1206 |
+
|
| 1207 |
+
if ( check_admin_referer( 'FinalTiles_gallery', 'FinalTiles_gallery' ) ) {
|
| 1208 |
+
$galleryName = ( isset( $_POST['ftg_name'] ) ? wp_kses_post( wp_unslash( $_POST['ftg_name'] ) ) : '' );
|
| 1209 |
+
$galleryDescription = ( isset( $_POST['ftg_description'] ) ? wp_kses_post( wp_unslash( $_POST['ftg_description'] ) ) : '' );
|
| 1210 |
+
$slug = strtolower( str_replace( " ", "", $galleryName ) );
|
| 1211 |
+
$margin = ( isset( $_POST['ftg_margin'] ) ? absint( $_POST['ftg_margin'] ) : '' );
|
| 1212 |
+
$minTileWidth = ( isset( $_POST['ftg_minTileWidth'] ) ? absint( $_POST['ftg_minTileWidth'] ) : '' );
|
| 1213 |
+
$gridCellSize = ( isset( $_POST['ftg_gridCellSize'] ) ? absint( $_POST['ftg_gridCellSize'] ) : '' );
|
| 1214 |
+
$imagesOrder = ( isset( $_POST['ftg_imagesOrder'] ) ? sanitize_text_field( wp_unslash( $_POST['ftg_imagesOrder'] ) ) : '' );
|
| 1215 |
+
$width = ( isset( $_POST['ftg_width'] ) ? sanitize_text_field( wp_unslash( $_POST['ftg_width'] ) ) : '' );
|
| 1216 |
+
$enableTwitter = $this->checkboxVal( 'ftg_enableTwitter' );
|
| 1217 |
+
$filterClick = $this->checkboxVal( 'ftg_filterClick' );
|
| 1218 |
+
$enableFacebook = $this->checkboxVal( 'ftg_enableFacebook' );
|
| 1219 |
+
$enablePinterest = $this->checkboxVal( 'ftg_enablePinterest' );
|
| 1220 |
+
$lightbox = ( isset( $_POST['ftg_lightbox'] ) ? sanitize_text_field( wp_unslash( $_POST['ftg_lightbox'] ) ) : '' );
|
| 1221 |
+
$mobileLightbox = ( isset( $_POST['ftg_mobileLightbox'] ) ? sanitize_text_field( wp_unslash( $_POST['ftg_mobileLightbox'] ) ) : '' );
|
| 1222 |
+
$blank = $this->checkboxVal( 'ftg_blank' );
|
| 1223 |
+
$filters = ( isset( $_POST['ftg_filters'] ) ? sanitize_text_field( wp_unslash( $_POST['ftg_filters'] ) ) : '' );
|
| 1224 |
+
$scrollEffect = ( isset( $_POST['ftg_scrollEffect'] ) ? sanitize_text_field( wp_unslash( $_POST['ftg_scrollEffect'] ) ) : '' );
|
| 1225 |
+
$captionBehavior = ( isset( $_POST['ftg_captionBehavior'] ) ? sanitize_text_field( wp_unslash( $_POST['ftg_captionBehavior'] ) ) : '' );
|
| 1226 |
+
$captionMobileBehavior = ( isset( $_POST['ftg_captionMobileBehavior'] ) ? sanitize_text_field( wp_unslash( $_POST['ftg_captionMobileBehavior'] ) ) : '' );
|
| 1227 |
+
$captionEffect = ( isset( $_POST['ftg_captionEffect'] ) ? sanitize_text_field( wp_unslash( $_POST['ftg_captionEffect'] ) ) : '' );
|
| 1228 |
+
$captionColor = ( isset( $_POST['ftg_captionColor'] ) ? sanitize_hex_color( wp_unslash( $_POST['ftg_captionColor'] ) ) : '' );
|
| 1229 |
+
$captionBackgroundColor = ( isset( $_POST['ftg_captionBackgroundColor'] ) ? sanitize_hex_color( wp_unslash( $_POST['ftg_captionBackgroundColor'] ) ) : '' );
|
| 1230 |
+
$captionEasing = ( isset( $_POST['ftg_captionEasing'] ) ? sanitize_text_field( wp_unslash( $_POST['ftg_captionEasing'] ) ) : '' );
|
| 1231 |
+
$captionHorizontalAlignment = ( isset( $_POST['ftg_captionHorizontalAlignment'] ) ? sanitize_text_field( wp_unslash( $_POST['ftg_captionHorizontalAlignment'] ) ) : '' );
|
| 1232 |
+
$captionVerticalAlignment = ( isset( $_POST['ftg_captionVerticalAlignment'] ) ? sanitize_text_field( wp_unslash( $_POST['ftg_captionVerticalAlignment'] ) ) : '' );
|
| 1233 |
+
$captionEmpty = ( isset( $_POST['ftg_captionEmpty'] ) ? sanitize_text_field( wp_unslash( $_POST['ftg_captionEmpty'] ) ) : '' );
|
| 1234 |
+
$captionOpacity = ( isset( $_POST['ftg_captionOpacity'] ) ? absint( $_POST['ftg_captionOpacity'] ) : '' );
|
| 1235 |
+
$borderSize = ( isset( $_POST['ftg_borderSize'] ) ? absint( $_POST['ftg_borderSize'] ) : '' );
|
| 1236 |
+
$borderColor = ( isset( $_POST['ftg_borderColor'] ) ? sanitize_hex_color( wp_unslash( $_POST['ftg_borderColor'] ) ) : '' );
|
| 1237 |
+
$titleFontSize = ( isset( $_POST['ftg_titleFontSize'] ) ? absint( $_POST['ftg_titleFontSize'] ) : '' );
|
| 1238 |
+
$loadingBarColor = ( isset( $_POST['ftg_loadingBarColor'] ) ? sanitize_hex_color( wp_unslash( $_POST['ftg_loadingBarColor'] ) ) : '' );
|
| 1239 |
+
$loadingBarBackgroundColor = ( isset( $_POST['ftg_loadingBarBackgroundColor'] ) ? sanitize_hex_color( wp_unslash( $_POST['ftg_loadingBarBackgroundColor'] ) ) : '' );
|
| 1240 |
+
$borderRadius = ( isset( $_POST['ftg_borderRadius'] ) ? absint( $_POST['ftg_borderRadius'] ) : '' );
|
| 1241 |
+
$allFilterLabel = ( isset( $_POST['ftg_allFilterLabel'] ) ? sanitize_text_field( wp_unslash( $_POST['ftg_allFilterLabel'] ) ) : '' );
|
| 1242 |
+
$shadowColor = ( isset( $_POST['ftg_shadowColor'] ) ? sanitize_hex_color( wp_unslash( $_POST['ftg_shadowColor'] ) ) : '' );
|
| 1243 |
+
$shadowSize = ( isset( $_POST['ftg_shadowSize'] ) ? absint( $_POST['ftg_shadowSize'] ) : '' );
|
| 1244 |
+
$enlargeImages = $this->checkboxVal( 'ftg_enlargeImages' );
|
| 1245 |
+
$wp_field_caption = ( isset( $_POST['ftg_wp_field_caption'] ) ? sanitize_text_field( wp_unslash( $_POST['ftg_wp_field_caption'] ) ) : '' );
|
| 1246 |
+
$wp_field_title = ( isset( $_POST['ftg_wp_field_title'] ) ? sanitize_text_field( wp_unslash( $_POST['ftg_wp_field_title'] ) ) : '' );
|
| 1247 |
+
$style = ( isset( $_POST['ftg_style'] ) ? sanitize_textarea_field( wp_unslash( $_POST['ftg_style'] ) ) : '' );
|
| 1248 |
+
$script = ( isset( $_POST['ftg_script'] ) ? sanitize_textarea_field( wp_unslash( $_POST['ftg_script'] ) ) : '' );
|
| 1249 |
+
$loadedHSlide = ( isset( $_POST['ftg_loadedHSlide'] ) ? intval( wp_unslash( $_POST['ftg_loadedHSlide'] ) ) : '' );
|
| 1250 |
+
$loadedVSlide = ( isset( $_POST['ftg_loadedVSlide'] ) ? intval( wp_unslash( $_POST['ftg_loadedVSlide'] ) ) : '' );
|
| 1251 |
+
$captionEffectDuration = ( isset( $_POST['ftg_captionEffectDuration'] ) ? absint( $_POST['ftg_captionEffectDuration'] ) : 250 );
|
| 1252 |
+
$id = ( isset( $_POST['ftg_gallery_edit'] ) ? absint( $_POST['ftg_gallery_edit'] ) : 0 );
|
| 1253 |
+
$data = array(
|
| 1254 |
+
'ajaxLoading' => ( isset( $_POST['ftg_ajaxLoading'] ) ? sanitize_text_field( wp_unslash( $_POST['ftg_ajaxLoading'] ) ) : '' ),
|
| 1255 |
+
'layout' => ( isset( $_POST['ftg_layout'] ) ? sanitize_text_field( wp_unslash( $_POST['ftg_layout'] ) ) : '' ),
|
| 1256 |
+
'name' => $galleryName,
|
| 1257 |
+
'slug' => $slug,
|
| 1258 |
+
'description' => $galleryDescription,
|
| 1259 |
+
'lightbox' => $lightbox,
|
| 1260 |
+
'lightboxOptions' => ( isset( $_POST['ftg_lightboxOptions'] ) ? sanitize_text_field( wp_unslash( $_POST['ftg_lightboxOptions'] ) ) : '' ),
|
| 1261 |
+
'lightboxOptionsMobile' => ( isset( $_POST['lightboxOptionsMobile'] ) ? sanitize_text_field( wp_unslash( $_POST['lightboxOptionsMobile'] ) ) : '' ),
|
| 1262 |
+
'mobileLightbox' => $mobileLightbox,
|
| 1263 |
+
'lightboxImageSize' => ( isset( $_POST['ftg_lightboxImageSize'] ) ? sanitize_text_field( wp_unslash( $_POST['ftg_lightboxImageSize'] ) ) : '' ),
|
| 1264 |
+
'blank' => $blank,
|
| 1265 |
+
'margin' => $margin,
|
| 1266 |
+
'allFilterLabel' => $allFilterLabel,
|
| 1267 |
+
'minTileWidth' => $minTileWidth,
|
| 1268 |
+
'gridCellSize' => $gridCellSize,
|
| 1269 |
+
'gridCellSizeDisabledBelow' => ( isset( $_POST['ftg_gridCellSizeDisabledBelow'] ) ? absint( $_POST['ftg_gridCellSizeDisabledBelow'] ) : '' ),
|
| 1270 |
+
'enableTwitter' => $enableTwitter,
|
| 1271 |
+
'backgroundColor' => ( isset( $_POST['ftg_backgroundColor'] ) ? sanitize_hex_color( wp_unslash( $_POST['ftg_backgroundColor'] ) ) : '' ),
|
| 1272 |
+
'filterClick' => $filterClick,
|
| 1273 |
+
'disableLightboxGroups' => $this->checkboxVal( 'ftg_disableLightboxGroups' ),
|
| 1274 |
+
'defaultFilter' => ( isset( $_POST['ftg_filterDef'] ) ? sanitize_text_field( wp_unslash( $_POST['ftg_filterDef'] ) ) : '' ),
|
| 1275 |
+
'enableFacebook' => $enableFacebook,
|
| 1276 |
+
'enablePinterest' => $enablePinterest,
|
| 1277 |
+
'imagesOrder' => $imagesOrder,
|
| 1278 |
+
'compressHTML' => $this->checkboxVal( 'ftg_compressHTML' ),
|
| 1279 |
+
'loadMethod' => ( isset( $_POST['ftg_loadMethod'] ) ? sanitize_text_field( wp_unslash( $_POST['ftg_loadMethod'] ) ) : '' ),
|
| 1280 |
+
'socialIconColor' => ( isset( $_POST['ftg_socialIconColor'] ) ? sanitize_hex_color( wp_unslash( $_POST['ftg_socialIconColor'] ) ) : '' ),
|
| 1281 |
+
'socialIconPosition' => ( isset( $_POST['ftg_socialIconPosition'] ) ? sanitize_text_field( wp_unslash( $_POST['ftg_socialIconPosition'] ) ) : '' ),
|
| 1282 |
+
'socialIconStyle' => ( isset( $_POST['ftg_socialIconStyle'] ) ? sanitize_text_field( wp_unslash( $_POST['ftg_socialIconStyle'] ) ) : '' ),
|
| 1283 |
+
'recentPostsCaption' => ( isset( $_POST['ftg_recentPostsCaption'] ) ? sanitize_text_field( wp_unslash( $_POST['ftg_recentPostsCaption'] ) ) : '' ),
|
| 1284 |
+
'recentPostsCaptionAutoExcerptLength' => ( isset( $_POST['ftg_recentPostsCaptionAutoExcerptLength'] ) ? intval( wp_unslash( $_POST['ftg_recentPostsCaptionAutoExcerptLength'] ) ) : '' ),
|
| 1285 |
+
'captionBehavior' => $captionBehavior,
|
| 1286 |
+
'captionEffect' => $captionEffect,
|
| 1287 |
+
'captionEmpty' => $captionEmpty,
|
| 1288 |
+
'captionBackgroundColor' => $captionBackgroundColor,
|
| 1289 |
+
'captionColor' => $captionColor,
|
| 1290 |
+
'captionCustomFields' => ( isset( $_POST['ftg_captionCustomFields'] ) ? wp_kses_post( wp_unslash( $_POST['ftg_captionCustomFields'] ) ) : '' ),
|
| 1291 |
+
'captionFrameColor' => ( isset( $_POST['ftg_captionFrameColor'] ) ? sanitize_hex_color( wp_unslash( $_POST['ftg_captionFrameColor'] ) ) : '' ),
|
| 1292 |
+
'captionEffectDuration' => $captionEffectDuration,
|
| 1293 |
+
'captionEasing' => $captionEasing,
|
| 1294 |
+
'captionVerticalAlignment' => $captionVerticalAlignment,
|
| 1295 |
+
'captionHorizontalAlignment' => $captionHorizontalAlignment,
|
| 1296 |
+
'captionMobileBehavior' => $captionMobileBehavior,
|
| 1297 |
+
'captionOpacity' => $captionOpacity,
|
| 1298 |
+
'captionIcon' => ( isset( $_POST['ftg_captionIcon'] ) ? sanitize_text_field( wp_unslash( $_POST['ftg_captionIcon'] ) ) : '' ),
|
| 1299 |
+
'captionFrame' => $this->checkboxVal( 'ftg_captionFrame' ),
|
| 1300 |
+
'customCaptionIcon' => ( isset( $_POST['ftg_customCaptionIcon'] ) ? sanitize_text_field( wp_unslash( $_POST['ftg_customCaptionIcon'] ) ) : '' ),
|
| 1301 |
+
'captionIconColor' => ( isset( $_POST['ftg_captionIconColor'] ) ? sanitize_hex_color( wp_unslash( $_POST['ftg_captionIconColor'] ) ) : '' ),
|
| 1302 |
+
'captionIconSize' => ( isset( $_POST['ftg_captionIconSize'] ) ? absint( $_POST['ftg_captionIconSize'] ) : '' ),
|
| 1303 |
+
'captionFontSize' => ( isset( $_POST['ftg_captionFontSize'] ) ? absint( $_POST['ftg_captionFontSize'] ) : '' ),
|
| 1304 |
+
'captionPosition' => ( isset( $_POST['ftg_captionPosition'] ) ? sanitize_text_field( wp_unslash( $_POST['ftg_captionPosition'] ) ) : '' ),
|
| 1305 |
+
'titleFontSize' => ( isset( $_POST['ftg_titleFontSize'] ) ? absint( $_POST['ftg_titleFontSize'] ) : '' ),
|
| 1306 |
+
'hoverZoom' => ( isset( $_POST['ftg_hoverZoom'] ) ? absint( $_POST['ftg_hoverZoom'] ) : '' ),
|
| 1307 |
+
'hoverRotation' => ( isset( $_POST['ftg_hoverRotation'] ) ? intval( wp_unslash( $_POST['ftg_hoverRotation'] ) ) : '' ),
|
| 1308 |
+
'hoverDuration' => ( isset( $_POST['ftg_hoverDuration'] ) ? intval( wp_unslash( $_POST['ftg_hoverDuration'] ) ) : '' ),
|
| 1309 |
+
'hoverIconRotation' => $this->checkboxVal( 'ftg_hoverIconRotation' ),
|
| 1310 |
+
'filters' => $filters,
|
| 1311 |
+
'wp_field_caption' => $wp_field_caption,
|
| 1312 |
+
'wp_field_title' => $wp_field_title,
|
| 1313 |
+
'borderSize' => $borderSize,
|
| 1314 |
+
'borderColor' => $borderColor,
|
| 1315 |
+
'loadingBarColor' => $loadingBarColor,
|
| 1316 |
+
'loadingBarBackgroundColor' => $loadingBarBackgroundColor,
|
| 1317 |
+
'enlargeImages' => $enlargeImages,
|
| 1318 |
+
'borderRadius' => $borderRadius,
|
| 1319 |
+
'imageSizeFactor' => ( isset( $_POST['ftg_imageSizeFactor'] ) ? absint( $_POST['ftg_imageSizeFactor'] ) : '' ),
|
| 1320 |
+
'imageSizeFactorTabletLandscape' => ( isset( $_POST['ftg_imageSizeFactorTabletLandscape'] ) ? absint( $_POST['ftg_imageSizeFactorTabletLandscape'] ) : '' ),
|
| 1321 |
+
'imageSizeFactorTabletPortrait' => ( isset( $_POST['ftg_imageSizeFactorTabletPortrait'] ) ? absint( $_POST['ftg_imageSizeFactorTabletPortrait'] ) : '' ),
|
| 1322 |
+
'imageSizeFactorPhoneLandscape' => ( isset( $_POST['ftg_imageSizeFactorPhoneLandscape'] ) ? absint( $_POST['ftg_imageSizeFactorPhoneLandscape'] ) : '' ),
|
| 1323 |
+
'imageSizeFactorPhonePortrait' => ( isset( $_POST['ftg_imageSizeFactorPhonePortrait'] ) ? absint( $_POST['ftg_imageSizeFactorPhonePortrait'] ) : '' ),
|
| 1324 |
+
'imageSizeFactorCustom' => ( isset( $_POST['ftg_imageSizeFactorCustom'] ) ? sanitize_text_field( wp_unslash( $_POST['ftg_imageSizeFactorCustom'] ) ) : '' ),
|
| 1325 |
+
'taxonomyAsFilter' => ( isset( $_POST['ftg_taxonomyAsFilter'] ) ? sanitize_text_field( wp_unslash( $_POST['ftg_taxonomyAsFilter'] ) ) : '' ),
|
| 1326 |
+
'columns' => ( isset( $_POST['ftg_columns'] ) ? intval( wp_unslash( $_POST['ftg_columns'] ) ) : '' ),
|
| 1327 |
+
'columnsTabletLandscape' => ( isset( $_POST['ftg_columnsTabletLandscape'] ) ? absint( $_POST['ftg_columnsTabletLandscape'] ) : '' ),
|
| 1328 |
+
'columnsTabletPortrait' => ( isset( $_POST['ftg_columnsTabletPortrait'] ) ? absint( $_POST['ftg_columnsTabletPortrait'] ) : '' ),
|
| 1329 |
+
'columnsPhoneLandscape' => ( isset( $_POST['ftg_columnsPhoneLandscape'] ) ? absint( $_POST['ftg_columnsPhoneLandscape'] ) : '' ),
|
| 1330 |
+
'columnsPhonePortrait' => ( isset( $_POST['ftg_columnsPhonePortrait'] ) ? absint( $_POST['ftg_columnsPhonePortrait'] ) : '' ),
|
| 1331 |
+
'max_posts' => ( isset( $_POST['ftg_max_posts'] ) ? absint( $_POST['ftg_max_posts'] ) : '' ),
|
| 1332 |
+
'shadowSize' => $shadowSize,
|
| 1333 |
+
'shadowColor' => $shadowColor,
|
| 1334 |
+
'source' => ( isset( $_POST['ftg_source'] ) ? sanitize_text_field( wp_unslash( $_POST['ftg_source'] ) ) : '' ),
|
| 1335 |
+
'post_types' => ( isset( $_POST['ftg_post_types'] ) ? sanitize_text_field( wp_unslash( $_POST['ftg_post_types'] ) ) : '' ),
|
| 1336 |
+
'post_taxonomies' => ( isset( $_POST['ftg_post_taxonomies'] ) ? sanitize_text_field( wp_unslash( $_POST['ftg_post_taxonomies'] ) ) : '' ),
|
| 1337 |
+
'taxonomyOperator' => ( isset( $_POST['ftg_taxonomyOperator'] ) ? sanitize_text_field( wp_unslash( $_POST['ftg_taxonomyOperator'] ) ) : '' ),
|
| 1338 |
+
'post_tags' => ( isset( $_POST['ftg_post_tags'] ) ? sanitize_text_field( wp_unslash( $_POST['ftg_post_tags'] ) ) : '' ),
|
| 1339 |
+
'tilesPerPage' => ( isset( $_POST['ftg_tilesPerPage'] ) ? absint( $_POST['ftg_tilesPerPage'] ) : '' ),
|
| 1340 |
+
'woo_categories' => ( isset( $_POST['ftg_woo_categories'] ) ? sanitize_text_field( wp_unslash( $_POST['ftg_woo_categories'] ) ) : '' ),
|
| 1341 |
+
'defaultPostImageSize' => ( isset( $_POST['ftg_defaultPostImageSize'] ) ? sanitize_text_field( wp_unslash( $_POST['ftg_defaultPostImageSize'] ) ) : '' ),
|
| 1342 |
+
'defaultWooImageSize' => ( isset( $_POST['ftg_defaultWooImageSize'] ) ? sanitize_text_field( wp_unslash( $_POST['ftg_defaultWooImageSize'] ) ) : '' ),
|
| 1343 |
+
'width' => $width,
|
| 1344 |
+
'beforeGalleryText' => ( isset( $_POST['ftg_beforeGalleryText'] ) ? wp_kses_post( wp_unslash( $_POST['ftg_beforeGalleryText'] ) ) : '' ),
|
| 1345 |
+
'afterGalleryText' => ( isset( $_POST['ftg_afterGalleryText'] ) ? wp_kses_post( wp_unslash( $_POST['ftg_afterGalleryText'] ) ) : '' ),
|
| 1346 |
+
'aClass' => ( isset( $_POST['ftg_aClass'] ) ? sanitize_text_field( wp_unslash( $_POST['ftg_aClass'] ) ) : '' ),
|
| 1347 |
+
'rel' => ( isset( $_POST['ftg_rel'] ) ? sanitize_text_field( wp_unslash( $_POST['ftg_rel'] ) ) : '' ),
|
| 1348 |
+
'style' => $style,
|
| 1349 |
+
'delay' => ( isset( $_POST['ftg_delay'] ) ? absint( $_POST['ftg_delay'] ) : '' ),
|
| 1350 |
+
'script' => $script,
|
| 1351 |
+
'support' => $this->checkboxVal( 'ftg_support' ),
|
| 1352 |
+
'supportText' => ( isset( $_POST['ftg_supportText'] ) ? sanitize_text_field( wp_unslash( $_POST['ftg_supportText'] ) ) : '' ),
|
| 1353 |
+
'scrollEffect' => $scrollEffect,
|
| 1354 |
+
'loadedScaleY' => ( isset( $_POST['ftg_loadedScaleY'] ) ? absint( $_POST['ftg_loadedScaleY'] ) : '' ),
|
| 1355 |
+
'loadedScaleX' => ( isset( $_POST['ftg_loadedScaleX'] ) ? absint( $_POST['ftg_loadedScaleX'] ) : '' ),
|
| 1356 |
+
'loadedHSlide' => $loadedHSlide,
|
| 1357 |
+
'loadedVSlide' => $loadedVSlide,
|
| 1358 |
+
'loadedEasing' => ( isset( $_POST['ftg_loadedEasing'] ) ? sanitize_text_field( wp_unslash( $_POST['ftg_loadedEasing'] ) ) : '' ),
|
| 1359 |
+
'loadedDuration' => ( isset( $_POST['ftg_loadedDuration'] ) ? absint( $_POST['ftg_loadedDuration'] ) : '' ),
|
| 1360 |
+
'loadedRotateY' => ( isset( $_POST['ftg_loadedRotateY'] ) ? intval( wp_unslash( $_POST['ftg_loadedRotateY'] ) ) : '' ),
|
| 1361 |
+
'loadedRotateX' => ( isset( $_POST['ftg_loadedRotateX'] ) ? intval( wp_unslash( $_POST['ftg_loadedRotateX'] ) ) : '' ),
|
| 1362 |
+
);
|
| 1363 |
+
header( "Content-type: application/json" );
|
| 1364 |
+
|
| 1365 |
+
if ( $id > 0 ) {
|
| 1366 |
+
$result = $this->FinalTilesdb->editGallery( $id, $data );
|
| 1367 |
+
} else {
|
| 1368 |
+
$result = $this->FinalTilesdb->addGallery( $data );
|
| 1369 |
+
$id = $this->FinalTilesdb->getNewGalleryId();
|
| 1370 |
+
}
|
| 1371 |
+
|
| 1372 |
+
|
| 1373 |
+
if ( $result ) {
|
| 1374 |
+
echo "{\"success\":true,\"id\":" . absint( $id ) . "}" ;
|
| 1375 |
+
} else {
|
| 1376 |
+
echo "{\"success\":false}" ;
|
| 1377 |
+
}
|
| 1378 |
+
|
| 1379 |
+
}
|
| 1380 |
+
|
| 1381 |
+
wp_die();
|
| 1382 |
+
}
|
| 1383 |
+
|
| 1384 |
+
public static function get_image_size_links( $id )
|
| 1385 |
+
{
|
| 1386 |
+
$result = array();
|
| 1387 |
+
$sizes = get_intermediate_image_sizes();
|
| 1388 |
+
$sizes[] = 'full';
|
| 1389 |
+
foreach ( $sizes as $size ) {
|
| 1390 |
+
$image = wp_get_attachment_image_src( $id, $size );
|
| 1391 |
+
if ( !empty($image) && (true == $image[3] || 'full' == $size) ) {
|
| 1392 |
+
$result["{$image[1]}x{$image[2]}"] = $image[0];
|
| 1393 |
+
}
|
| 1394 |
+
}
|
| 1395 |
+
ksort( $result );
|
| 1396 |
+
return $result;
|
| 1397 |
+
}
|
| 1398 |
+
|
| 1399 |
+
//Create gallery
|
| 1400 |
+
public function create_gallery( $attrs )
|
| 1401 |
+
{
|
| 1402 |
+
require_once 'lib/gallery-class.php';
|
| 1403 |
+
global $FinalTilesGallery ;
|
| 1404 |
+
$galleryId = $attrs['id'];
|
| 1405 |
+
|
| 1406 |
+
if ( class_exists( 'FinalTilesGallery' ) ) {
|
| 1407 |
+
$FinalTilesGallery = new FinalTilesGallery(
|
| 1408 |
+
$galleryId,
|
| 1409 |
+
$this->FinalTilesdb,
|
| 1410 |
+
$this->defaultValues,
|
| 1411 |
+
$attrs
|
| 1412 |
+
);
|
| 1413 |
+
$settings = $FinalTilesGallery->getGallery();
|
| 1414 |
+
|
| 1415 |
+
if ( $settings != null ) {
|
| 1416 |
+
switch ( $settings->lightbox ) {
|
| 1417 |
+
case "magnific":
|
| 1418 |
+
wp_enqueue_style( 'magnific_stylesheet' );
|
| 1419 |
+
wp_enqueue_script( 'magnific_script' );
|
| 1420 |
+
break;
|
| 1421 |
+
case "prettyphoto":
|
| 1422 |
+
wp_enqueue_style( 'prettyphoto_stylesheet' );
|
| 1423 |
+
wp_enqueue_script( 'prettyphoto_script' );
|
| 1424 |
+
break;
|
| 1425 |
+
case "fancybox":
|
| 1426 |
+
wp_enqueue_style( 'fancybox_stylesheet' );
|
| 1427 |
+
wp_enqueue_script( 'fancybox_script' );
|
| 1428 |
+
break;
|
| 1429 |
+
case "colorbox":
|
| 1430 |
+
wp_enqueue_style( 'colorbox_stylesheet' );
|
| 1431 |
+
wp_enqueue_script( 'colorbox_script' );
|
| 1432 |
+
break;
|
| 1433 |
+
case "swipebox":
|
| 1434 |
+
wp_enqueue_style( 'swipebox_stylesheet' );
|
| 1435 |
+
wp_enqueue_script( 'swipebox_script' );
|
| 1436 |
+
break;
|
| 1437 |
+
case "lightbox2":
|
| 1438 |
+
wp_enqueue_style( 'lightbox2_stylesheet' );
|
| 1439 |
+
wp_enqueue_script( 'lightbox2_script' );
|
| 1440 |
+
break;
|
| 1441 |
+
case "image-lightbox":
|
| 1442 |
+
wp_enqueue_script( 'image-lightbox_script' );
|
| 1443 |
+
break;
|
| 1444 |
+
case "lightgallery":
|
| 1445 |
+
wp_enqueue_style( 'lightgallery_stylesheet' );
|
| 1446 |
+
wp_enqueue_script( 'lightgallery_script' );
|
| 1447 |
+
break;
|
| 1448 |
+
}
|
| 1449 |
+
switch ( $settings->mobileLightbox ) {
|
| 1450 |
+
default:
|
| 1451 |
+
case "magnific":
|
| 1452 |
+
wp_enqueue_style( 'magnific_stylesheet' );
|
| 1453 |
+
wp_enqueue_script( 'magnific_script' );
|
| 1454 |
+
break;
|
| 1455 |
+
case "prettyphoto":
|
| 1456 |
+
wp_enqueue_style( 'prettyphoto_stylesheet' );
|
| 1457 |
+
wp_enqueue_script( 'prettyphoto_script' );
|
| 1458 |
+
break;
|
| 1459 |
+
case "fancybox":
|
| 1460 |
+
wp_enqueue_style( 'fancybox_stylesheet' );
|
| 1461 |
+
wp_enqueue_script( 'fancybox_script' );
|
| 1462 |
+
break;
|
| 1463 |
+
case "colorbox":
|
| 1464 |
+
wp_enqueue_style( 'colorbox_stylesheet' );
|
| 1465 |
+
wp_enqueue_script( 'colorbox_script' );
|
| 1466 |
+
break;
|
| 1467 |
+
case "swipebox":
|
| 1468 |
+
wp_enqueue_style( 'swipebox_stylesheet' );
|
| 1469 |
+
wp_enqueue_script( 'swipebox_script' );
|
| 1470 |
+
break;
|
| 1471 |
+
case "lightbox2":
|
| 1472 |
+
wp_enqueue_style( 'lightbox2_stylesheet' );
|
| 1473 |
+
wp_enqueue_script( 'lightbox2_script' );
|
| 1474 |
+
break;
|
| 1475 |
+
case "image-lightbox":
|
| 1476 |
+
wp_enqueue_script( 'image-lightbox_script' );
|
| 1477 |
+
case "lightgallery":
|
| 1478 |
+
wp_enqueue_style( 'lightgallery_stylesheet' );
|
| 1479 |
+
wp_enqueue_script( 'lightgallery_script' );
|
| 1480 |
+
break;
|
| 1481 |
+
}
|
| 1482 |
+
}
|
| 1483 |
+
|
| 1484 |
+
return $FinalTilesGallery->render();
|
| 1485 |
+
} else {
|
| 1486 |
+
return __( "Gallery not found.", 'final-tiles-grid-gallery-lite' );
|
| 1487 |
+
}
|
| 1488 |
+
|
| 1489 |
+
}
|
| 1490 |
+
|
| 1491 |
+
//Create Short Code
|
| 1492 |
+
private $photon_removed ;
|
| 1493 |
+
public function gallery_shortcode_handler( $atts )
|
| 1494 |
+
{
|
| 1495 |
+
$this->photon_removed = '';
|
| 1496 |
+
if ( class_exists( 'Jetpack' ) && Jetpack::is_module_active( 'photon' ) ) {
|
| 1497 |
+
$this->photon_removed = remove_filter( 'image_downsize', array( Jetpack_Photon::instance(), 'filter_image_downsize' ) );
|
| 1498 |
+
}
|
| 1499 |
+
return $this->create_gallery( $atts );
|
| 1500 |
+
//@todo: statement can't be reached. Investigate
|
| 1501 |
+
if ( $this->photon_removed ) {
|
| 1502 |
+
add_filter(
|
| 1503 |
+
'image_downsize',
|
| 1504 |
+
array( Jetpack_Photon::instance(), 'filter_image_downsize' ),
|
| 1505 |
+
10,
|
| 1506 |
+
3
|
| 1507 |
+
);
|
| 1508 |
+
}
|
| 1509 |
+
}
|
| 1510 |
+
|
| 1511 |
+
public static function slugify( $text )
|
| 1512 |
+
{
|
| 1513 |
+
$text = preg_replace( '~[^\\pL\\d]+~u', '-', $text );
|
| 1514 |
+
$text = trim( $text, '-' );
|
| 1515 |
+
if ( function_exists( "iconv" ) ) {
|
| 1516 |
+
$text = iconv( 'utf-8', 'us-ascii//TRANSLIT', $text );
|
| 1517 |
+
}
|
| 1518 |
+
$text = strtolower( $text );
|
| 1519 |
+
$text = preg_replace( '~[^-\\w]+~', '', $text );
|
| 1520 |
+
if ( empty($text) ) {
|
| 1521 |
+
return 'n-a';
|
| 1522 |
+
}
|
| 1523 |
+
return $text;
|
| 1524 |
+
}
|
| 1525 |
+
|
| 1526 |
+
public static function getFieldType( $field )
|
| 1527 |
+
{
|
| 1528 |
+
return "cta";
|
| 1529 |
+
}
|
| 1530 |
+
|
| 1531 |
+
var $fields = array() ;
|
| 1532 |
+
private function addField( $section, $field, $data )
|
| 1533 |
+
{
|
| 1534 |
+
$this->fields[$section]["fields"][$field] = $data;
|
| 1535 |
+
}
|
| 1536 |
+
|
| 1537 |
+
private function setupFields()
|
| 1538 |
+
{
|
| 1539 |
+
include 'admin/include/fields.php';
|
| 1540 |
+
}
|
| 1541 |
+
|
| 1542 |
+
}
|
| 1543 |
+
}
|
| 1544 |
+
if ( !class_exists( "FinalTilesGalleryUtils" ) ) {
|
| 1545 |
+
class FinalTilesGalleryUtils
|
| 1546 |
+
{
|
| 1547 |
+
public static function shortcodeToFieldName( $string, $capitalizeFirstCharacter = false )
|
| 1548 |
+
{
|
| 1549 |
+
$str = str_replace( '-', '\\t', $string );
|
| 1550 |
+
$str = str_replace( '_', '', ucwords( $str ) );
|
| 1551 |
+
$str = str_replace( '\\t', '_', $str );
|
| 1552 |
+
if ( !$capitalizeFirstCharacter ) {
|
| 1553 |
+
$str = lcfirst( $str );
|
| 1554 |
+
}
|
| 1555 |
+
return $str;
|
| 1556 |
+
}
|
| 1557 |
+
|
| 1558 |
+
public static function fieldNameToShortcode( $string )
|
| 1559 |
+
{
|
| 1560 |
+
preg_match_all( '!([A-Z][A-Z0-9]*(?=$|[A-Z][a-z0-9])|[A-Za-z][a-z0-9]+)!', $string, $matches );
|
| 1561 |
+
$ret = $matches[0];
|
| 1562 |
+
foreach ( $ret as &$match ) {
|
| 1563 |
+
$match = ( $match == strtoupper( $match ) ? strtolower( $match ) : lcfirst( $match ) );
|
| 1564 |
+
}
|
| 1565 |
+
return implode( '_', $ret );
|
| 1566 |
+
}
|
| 1567 |
+
|
| 1568 |
+
}
|
| 1569 |
+
}
|
| 1570 |
+
|
| 1571 |
+
if ( class_exists( "FinalTiles_Gallery" ) ) {
|
| 1572 |
+
global $ob_FinalTiles_Gallery ;
|
| 1573 |
+
$ob_FinalTiles_Gallery = new FinalTiles_Gallery();
|
| 1574 |
+
}
|
| 1575 |
+
|
| 1576 |
+
|
| 1577 |
+
if ( !function_exists( "ftg_admin_script" ) ) {
|
| 1578 |
+
function ftg_admin_script()
|
| 1579 |
+
{
|
| 1580 |
+
wp_register_script( 'admin-generic-ftg', plugins_url( 'admin/scripts/admin.js', __FILE__ ), array( 'jquery' ) );
|
| 1581 |
+
wp_enqueue_script( 'admin-generic-ftg' );
|
| 1582 |
+
}
|
| 1583 |
+
|
| 1584 |
+
add_action( 'admin_enqueue_scripts', 'ftg_admin_script' );
|
| 1585 |
+
}
|
| 1586 |
+
|
| 1587 |
register_activation_hook( __FILE__, 'activate_finaltilesgallery' );
|
admin/add-gallery.php
CHANGED
|
@@ -1,287 +1,287 @@
|
|
| 1 |
-
<?php
|
| 2 |
-
|
| 3 |
-
if ( preg_match( '#' . basename( __FILE__ ) . '#', $_SERVER['PHP_SELF'] ) ) {
|
| 4 |
-
die( esc_html_e( 'You are not allowed to call this page directly.', 'final-tiles-grid-gallery-lite' ) );
|
| 5 |
-
}
|
| 6 |
-
?>
|
| 7 |
-
|
| 8 |
-
<?php
|
| 9 |
-
$ftg_subtitle = '';
|
| 10 |
-
require '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 esc_url( 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 esc_url( 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 |
-
<div class="field">
|
| 112 |
-
<h5><?php
|
| 113 |
-
esc_html_e( 'WordPress field for titles:', 'final-tiles-grid-gallery-lite' );
|
| 114 |
-
?></h5>
|
| 115 |
-
<select class="browser-default" name="ftg_wp_field_title">
|
| 116 |
-
<option value="none"> <?php
|
| 117 |
-
esc_html_e( 'Don\'t use titles', 'final-tiles-grid-gallery-lite' );
|
| 118 |
-
?> </option>
|
| 119 |
-
<option selected value="title"> <?php
|
| 120 |
-
esc_html_e( 'Title', 'final-tiles-grid-gallery-lite' );
|
| 121 |
-
?> </option>
|
| 122 |
-
<option value="description"> <?php
|
| 123 |
-
esc_html_e( 'Description', 'final-tiles-grid-gallery-lite' );
|
| 124 |
-
?> </option>
|
| 125 |
-
</select>
|
| 126 |
-
</div>
|
| 127 |
-
<!--
|
| 128 |
-
<div class="field">
|
| 129 |
-
<h5>Caption behavior:</h5>
|
| 130 |
-
<p>
|
| 131 |
-
<input class="with-gap" type="radio" name="ftg_captionBehavior" value="hidden" checked="checked" id="behavior1" />
|
| 132 |
-
<label for="behavior1">Hidden, show it on mouse hover</label>
|
| 133 |
-
</p>
|
| 134 |
-
<p>
|
| 135 |
-
<input class="with-gap" type="radio" name="ftg_captionBehavior" value="visible" id="behavior2" />
|
| 136 |
-
<label for="behavior2">Visible, hide it on mouse hover</label>
|
| 137 |
-
</p>
|
| 138 |
-
<p>
|
| 139 |
-
<input class="with-gap" type="radio" name="ftg_captionBehavior" value="always-visible" id="behavior3" />
|
| 140 |
-
<label for="behavior3" class="line">Always visible</label>
|
| 141 |
-
</p>
|
| 142 |
-
</div>
|
| 143 |
-
-->
|
| 144 |
-
<div class="field">
|
| 145 |
-
<h5><?php
|
| 146 |
-
esc_html_e( 'Caption effect:', 'final-tiles-grid-gallery-lite' );
|
| 147 |
-
?></h5>
|
| 148 |
-
<select class="browser-default" name="ftg_captionEffect">
|
| 149 |
-
<option value="none"><?php
|
| 150 |
-
esc_html_e( 'Fade', 'final-tiles-grid-gallery-lite' );
|
| 151 |
-
?></option>
|
| 152 |
-
<?php
|
| 153 |
-
?>
|
| 154 |
-
<option value="fixed" disabled><?php
|
| 155 |
-
esc_html_e( 'Fixed (Upgrade to unlock)', 'final-tiles-grid-gallery-lite' );
|
| 156 |
-
?> </option>
|
| 157 |
-
<option value="fixed-bg" disabled><?php
|
| 158 |
-
esc_html_e( 'Fixed with background (Upgrade to unlock)', 'final-tiles-grid-gallery-lite' );
|
| 159 |
-
?></option>
|
| 160 |
-
<option value="fixed-then-hidden" disabled><?php
|
| 161 |
-
esc_html_e( 'Fixed, hidden on hover (Upgrade to unlock)', 'final-tiles-grid-gallery-lite' );
|
| 162 |
-
?></option>
|
| 163 |
-
<option value="fixed-bottom" disabled><?php
|
| 164 |
-
esc_html_e( 'Fixed at bottom (Upgrade to unlock)', 'final-tiles-grid-gallery-lite' );
|
| 165 |
-
?></option>
|
| 166 |
-
<option value="slide-from-top" disabled><?php
|
| 167 |
-
esc_html_e( 'Slide from top (Upgrade to unlock)', 'final-tiles-grid-gallery-lite' );
|
| 168 |
-
?></option>
|
| 169 |
-
<option value="slide-from-bottom" disabled><?php
|
| 170 |
-
esc_html_e( 'Slide from bottom (Upgrade to unlock)', 'final-tiles-grid-gallery-lite' );
|
| 171 |
-
?></option>
|
| 172 |
-
<?php
|
| 173 |
-
?>
|
| 174 |
-
</select>
|
| 175 |
-
</div>
|
| 176 |
-
</fieldset>
|
| 177 |
-
<?php
|
| 178 |
-
?>
|
| 179 |
-
<fieldset data-step="4" data-save="true">
|
| 180 |
-
<div class="field">
|
| 181 |
-
<h5><?php
|
| 182 |
-
esc_html_e( 'Choose the layout', 'final-tiles-grid-gallery-lite' );
|
| 183 |
-
?></h5>
|
| 184 |
-
<select class="browser-default" name="layout">
|
| 185 |
-
<option value="final"><?php
|
| 186 |
-
esc_html_e( 'Final Tiles Gallery (mixed image width)', 'final-tiles-grid-gallery-lite' );
|
| 187 |
-
?></option>
|
| 188 |
-
<option value="columns"><?php
|
| 189 |
-
esc_html_e( 'Masonry (columns, same image width)', 'final-tiles-grid-gallery-lite' );
|
| 190 |
-
?></option>
|
| 191 |
-
</select>
|
| 192 |
-
</div>
|
| 193 |
-
<div class="field">
|
| 194 |
-
<!--<h5><?php
|
| 195 |
-
esc_html_e( 'Choose a default image size', 'final-tiles-grid-gallery-lite' );
|
| 196 |
-
?></h5>
|
| 197 |
-
<select class="browser-default def_imgsize" name="def_imgsize">
|
| 198 |
-
<?php
|
| 199 |
-
foreach ( $this->list_thumbnail_sizes() as $size => $atts ) {
|
| 200 |
-
echo '<option value="' . esc_attr( $size ) . '">' . esc_html( $size ) . ' (' . esc_html( implode( 'x', $atts ) ) . ')</option>' ;
|
| 201 |
-
}
|
| 202 |
-
?>
|
| 203 |
-
</select>-->
|
| 204 |
-
<input type="hidden" name="def_imgsize" id="def_imgsize" value="large">
|
| 205 |
-
</div>
|
| 206 |
-
<div class="field select-images">
|
| 207 |
-
<a class="button add-images">
|
| 208 |
-
<?php
|
| 209 |
-
esc_html_e( 'Add images', 'final-tiles-grid-gallery-lite' );
|
| 210 |
-
?></a>
|
| 211 |
-
|
| 212 |
-
<label><?php
|
| 213 |
-
esc_html_e( 'You can add images now or later.', 'final-tiles-grid-gallery-lite' );
|
| 214 |
-
?></label>
|
| 215 |
-
<div class="images list-group"></div>
|
| 216 |
-
</div>
|
| 217 |
-
</fieldset>
|
| 218 |
-
<footer class="page-footer">
|
| 219 |
-
<div class="progress loading">
|
| 220 |
-
<div class="indeterminate"></div>
|
| 221 |
-
</div>
|
| 222 |
-
<a class="button prev"><?php
|
| 223 |
-
esc_html_e( 'Previous', 'final-tiles-grid-gallery-lite' );
|
| 224 |
-
?></a>
|
| 225 |
-
<a class="button components-button is-primary next"><?php
|
| 226 |
-
esc_html_e( 'Next', 'final-tiles-grid-gallery-lite' );
|
| 227 |
-
?></a>
|
| 228 |
-
</footer>
|
| 229 |
-
</form>
|
| 230 |
-
<div id="success" class="modal">
|
| 231 |
-
<div class="modal-content">
|
| 232 |
-
<h4><?php
|
| 233 |
-
esc_html_e( 'Success!', 'final-tiles-grid-gallery-lite' );
|
| 234 |
-
?></h4>
|
| 235 |
-
<p><?php
|
| 236 |
-
esc_html_e( 'Your gallery', 'final-tiles-grid-gallery-lite' );
|
| 237 |
-
?> "<span class="gallery-name"></span>" <?php
|
| 238 |
-
esc_html_e( 'has been created. Copy the following shortcode:', 'final-tiles-grid-gallery-lite' );
|
| 239 |
-
?><br>
|
| 240 |
-
<input type="text" readonly class="code"><br>
|
| 241 |
-
<?php
|
| 242 |
-
esc_html_e( 'and paste it inside a post or a page. Otherwise click', 'final-tiles-grid-gallery-lite' );
|
| 243 |
-
?> <a class='customize'><?php
|
| 244 |
-
esc_html_e( 'here', 'final-tiles-grid-gallery-lite' );
|
| 245 |
-
?></a>
|
| 246 |
-
<?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 esc_url( 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>
|
| 287 |
-
|
| 1 |
+
<?php
|
| 2 |
+
|
| 3 |
+
if ( preg_match( '#' . basename( __FILE__ ) . '#', $_SERVER['PHP_SELF'] ) ) {
|
| 4 |
+
die( esc_html_e( 'You are not allowed to call this page directly.', 'final-tiles-grid-gallery-lite' ) );
|
| 5 |
+
}
|
| 6 |
+
?>
|
| 7 |
+
|
| 8 |
+
<?php
|
| 9 |
+
$ftg_subtitle = '';
|
| 10 |
+
require '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 esc_url( 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 esc_url( 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 |
+
<div class="field">
|
| 112 |
+
<h5><?php
|
| 113 |
+
esc_html_e( 'WordPress field for titles:', 'final-tiles-grid-gallery-lite' );
|
| 114 |
+
?></h5>
|
| 115 |
+
<select class="browser-default" name="ftg_wp_field_title">
|
| 116 |
+
<option value="none"> <?php
|
| 117 |
+
esc_html_e( 'Don\'t use titles', 'final-tiles-grid-gallery-lite' );
|
| 118 |
+
?> </option>
|
| 119 |
+
<option selected value="title"> <?php
|
| 120 |
+
esc_html_e( 'Title', 'final-tiles-grid-gallery-lite' );
|
| 121 |
+
?> </option>
|
| 122 |
+
<option value="description"> <?php
|
| 123 |
+
esc_html_e( 'Description', 'final-tiles-grid-gallery-lite' );
|
| 124 |
+
?> </option>
|
| 125 |
+
</select>
|
| 126 |
+
</div>
|
| 127 |
+
<!--
|
| 128 |
+
<div class="field">
|
| 129 |
+
<h5>Caption behavior:</h5>
|
| 130 |
+
<p>
|
| 131 |
+
<input class="with-gap" type="radio" name="ftg_captionBehavior" value="hidden" checked="checked" id="behavior1" />
|
| 132 |
+
<label for="behavior1">Hidden, show it on mouse hover</label>
|
| 133 |
+
</p>
|
| 134 |
+
<p>
|
| 135 |
+
<input class="with-gap" type="radio" name="ftg_captionBehavior" value="visible" id="behavior2" />
|
| 136 |
+
<label for="behavior2">Visible, hide it on mouse hover</label>
|
| 137 |
+
</p>
|
| 138 |
+
<p>
|
| 139 |
+
<input class="with-gap" type="radio" name="ftg_captionBehavior" value="always-visible" id="behavior3" />
|
| 140 |
+
<label for="behavior3" class="line">Always visible</label>
|
| 141 |
+
</p>
|
| 142 |
+
</div>
|
| 143 |
+
-->
|
| 144 |
+
<div class="field">
|
| 145 |
+
<h5><?php
|
| 146 |
+
esc_html_e( 'Caption effect:', 'final-tiles-grid-gallery-lite' );
|
| 147 |
+
?></h5>
|
| 148 |
+
<select class="browser-default" name="ftg_captionEffect">
|
| 149 |
+
<option value="none"><?php
|
| 150 |
+
esc_html_e( 'Fade', 'final-tiles-grid-gallery-lite' );
|
| 151 |
+
?></option>
|
| 152 |
+
<?php
|
| 153 |
+
?>
|
| 154 |
+
<option value="fixed" disabled><?php
|
| 155 |
+
esc_html_e( 'Fixed (Upgrade to unlock)', 'final-tiles-grid-gallery-lite' );
|
| 156 |
+
?> </option>
|
| 157 |
+
<option value="fixed-bg" disabled><?php
|
| 158 |
+
esc_html_e( 'Fixed with background (Upgrade to unlock)', 'final-tiles-grid-gallery-lite' );
|
| 159 |
+
?></option>
|
| 160 |
+
<option value="fixed-then-hidden" disabled><?php
|
| 161 |
+
esc_html_e( 'Fixed, hidden on hover (Upgrade to unlock)', 'final-tiles-grid-gallery-lite' );
|
| 162 |
+
?></option>
|
| 163 |
+
<option value="fixed-bottom" disabled><?php
|
| 164 |
+
esc_html_e( 'Fixed at bottom (Upgrade to unlock)', 'final-tiles-grid-gallery-lite' );
|
| 165 |
+
?></option>
|
| 166 |
+
<option value="slide-from-top" disabled><?php
|
| 167 |
+
esc_html_e( 'Slide from top (Upgrade to unlock)', 'final-tiles-grid-gallery-lite' );
|
| 168 |
+
?></option>
|
| 169 |
+
<option value="slide-from-bottom" disabled><?php
|
| 170 |
+
esc_html_e( 'Slide from bottom (Upgrade to unlock)', 'final-tiles-grid-gallery-lite' );
|
| 171 |
+
?></option>
|
| 172 |
+
<?php
|
| 173 |
+
?>
|
| 174 |
+
</select>
|
| 175 |
+
</div>
|
| 176 |
+
</fieldset>
|
| 177 |
+
<?php
|
| 178 |
+
?>
|
| 179 |
+
<fieldset data-step="4" data-save="true">
|
| 180 |
+
<div class="field">
|
| 181 |
+
<h5><?php
|
| 182 |
+
esc_html_e( 'Choose the layout', 'final-tiles-grid-gallery-lite' );
|
| 183 |
+
?></h5>
|
| 184 |
+
<select class="browser-default" name="layout">
|
| 185 |
+
<option value="final"><?php
|
| 186 |
+
esc_html_e( 'Final Tiles Gallery (mixed image width)', 'final-tiles-grid-gallery-lite' );
|
| 187 |
+
?></option>
|
| 188 |
+
<option value="columns"><?php
|
| 189 |
+
esc_html_e( 'Masonry (columns, same image width)', 'final-tiles-grid-gallery-lite' );
|
| 190 |
+
?></option>
|
| 191 |
+
</select>
|
| 192 |
+
</div>
|
| 193 |
+
<div class="field">
|
| 194 |
+
<!--<h5><?php
|
| 195 |
+
esc_html_e( 'Choose a default image size', 'final-tiles-grid-gallery-lite' );
|
| 196 |
+
?></h5>
|
| 197 |
+
<select class="browser-default def_imgsize" name="def_imgsize">
|
| 198 |
+
<?php
|
| 199 |
+
foreach ( $this->list_thumbnail_sizes() as $size => $atts ) {
|
| 200 |
+
echo '<option value="' . esc_attr( $size ) . '">' . esc_html( $size ) . ' (' . esc_html( implode( 'x', $atts ) ) . ')</option>' ;
|
| 201 |
+
}
|
| 202 |
+
?>
|
| 203 |
+
</select>-->
|
| 204 |
+
<input type="hidden" name="def_imgsize" id="def_imgsize" value="large">
|
| 205 |
+
</div>
|
| 206 |
+
<div class="field select-images">
|
| 207 |
+
<a class="button add-images">
|
| 208 |
+
<?php
|
| 209 |
+
esc_html_e( 'Add images', 'final-tiles-grid-gallery-lite' );
|
| 210 |
+
?></a>
|
| 211 |
+
|
| 212 |
+
<label><?php
|
| 213 |
+
esc_html_e( 'You can add images now or later.', 'final-tiles-grid-gallery-lite' );
|
| 214 |
+
?></label>
|
| 215 |
+
<div class="images list-group"></div>
|
| 216 |
+
</div>
|
| 217 |
+
</fieldset>
|
| 218 |
+
<footer class="page-footer">
|
| 219 |
+
<div class="progress loading">
|
| 220 |
+
<div class="indeterminate"></div>
|
| 221 |
+
</div>
|
| 222 |
+
<a class="button prev"><?php
|
| 223 |
+
esc_html_e( 'Previous', 'final-tiles-grid-gallery-lite' );
|
| 224 |
+
?></a>
|
| 225 |
+
<a class="button components-button is-primary next"><?php
|
| 226 |
+
esc_html_e( 'Next', 'final-tiles-grid-gallery-lite' );
|
| 227 |
+
?></a>
|
| 228 |
+
</footer>
|
| 229 |
+
</form>
|
| 230 |
+
<div id="success" class="modal">
|
| 231 |
+
<div class="modal-content">
|
| 232 |
+
<h4><?php
|
| 233 |
+
esc_html_e( 'Success!', 'final-tiles-grid-gallery-lite' );
|
| 234 |
+
?></h4>
|
| 235 |
+
<p><?php
|
| 236 |
+
esc_html_e( 'Your gallery', 'final-tiles-grid-gallery-lite' );
|
| 237 |
+
?> "<span class="gallery-name"></span>" <?php
|
| 238 |
+
esc_html_e( 'has been created. Copy the following shortcode:', 'final-tiles-grid-gallery-lite' );
|
| 239 |
+
?><br>
|
| 240 |
+
<input type="text" readonly class="code"><br>
|
| 241 |
+
<?php
|
| 242 |
+
esc_html_e( 'and paste it inside a post or a page. Otherwise click', 'final-tiles-grid-gallery-lite' );
|
| 243 |
+
?> <a class='customize'><?php
|
| 244 |
+
esc_html_e( 'here', 'final-tiles-grid-gallery-lite' );
|
| 245 |
+
?></a>
|
| 246 |
+
<?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 esc_url( 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>
|
| 287 |
+
|
admin/bundle.css
CHANGED
|
@@ -1,2032 +1,2032 @@
|
|
| 1 |
-
.ui-dialog.noTitle .ui-dialog-titlebar {
|
| 2 |
-
display: none;
|
| 3 |
-
}
|
| 4 |
-
.ui-dialog .loading {
|
| 5 |
-
background: url(loading.gif) no-repeat;
|
| 6 |
-
width: 220px;
|
| 7 |
-
height: 19px;
|
| 8 |
-
margin:50px auto 0 auto;
|
| 9 |
-
}
|
| 10 |
-
.text-page {
|
| 11 |
-
margin: 40px;
|
| 12 |
-
background:#fff;
|
| 13 |
-
border:1px solid #ccc;
|
| 14 |
-
padding:20px;
|
| 15 |
-
max-width:960px;
|
| 16 |
-
}
|
| 17 |
-
.text-page ul {
|
| 18 |
-
padding: 10px;
|
| 19 |
-
margin-left: 20px;
|
| 20 |
-
}
|
| 21 |
-
.text-page ul li {
|
| 22 |
-
list-style-type: circle;
|
| 23 |
-
font-style: italic;
|
| 24 |
-
}
|
| 25 |
-
.text-page .tip {
|
| 26 |
-
margin: 20px 0;
|
| 27 |
-
display: block;
|
| 28 |
-
background: #fdffac;
|
| 29 |
-
border: 1px solid #dade2c;
|
| 30 |
-
padding: 10px 20px;
|
| 31 |
-
}
|
| 32 |
-
.text-page .tip i {
|
| 33 |
-
margin-right: 10px;
|
| 34 |
-
font-size: 16px;
|
| 35 |
-
color: #807900;
|
| 36 |
-
}
|
| 37 |
-
.text-page .img {
|
| 38 |
-
display: inline-block;
|
| 39 |
-
padding: 10px;
|
| 40 |
-
background: #fff;
|
| 41 |
-
border: 1px solid #ccc;
|
| 42 |
-
}
|
| 43 |
-
#imageResults .frame {
|
| 44 |
-
display: inline-block;
|
| 45 |
-
padding: 2px;
|
| 46 |
-
/*border: 1px solid #111;*/
|
| 47 |
-
border-radius: 4px;
|
| 48 |
-
line-height: 0;
|
| 49 |
-
font-size: 0;
|
| 50 |
-
background: #222;
|
| 51 |
-
}
|
| 52 |
-
|
| 53 |
-
.widefat .edit_image_form td {
|
| 54 |
-
border-bottom: 0;
|
| 55 |
-
border-top: 0;
|
| 56 |
-
}
|
| 57 |
-
|
| 58 |
-
.widefat th, .widefat td {
|
| 59 |
-
overflow: visible;
|
| 60 |
-
padding: 20px;
|
| 61 |
-
}
|
| 62 |
-
|
| 63 |
-
.widefat tfoot th:first-of-type {
|
| 64 |
-
-webkit-border-bottom-left-radius: 0;
|
| 65 |
-
border-bottom-left-radius: 0;
|
| 66 |
-
}
|
| 67 |
-
.widefat tfoot th:last-of-type {
|
| 68 |
-
-webkit-border-bottom-right-radius: 0;
|
| 69 |
-
border-bottom-rigth-radius: 0;
|
| 70 |
-
}
|
| 71 |
-
.widefat thead th:first-of-type {
|
| 72 |
-
-webkit-border-top-left-radius: 0;
|
| 73 |
-
border-bottom-top-radius: 0;
|
| 74 |
-
}
|
| 75 |
-
.widefat thead th:last-of-type {
|
| 76 |
-
-webkit-border-top-rigth-radius: 0;
|
| 77 |
-
border-top-right-radius: 0;
|
| 78 |
-
}
|
| 79 |
-
|
| 80 |
-
#wpcontent {
|
| 81 |
-
margin-left: 146px;
|
| 82 |
-
padding-left: 20px;
|
| 83 |
-
}
|
| 84 |
-
.widefat * {
|
| 85 |
-
word-wrap:normal;
|
| 86 |
-
}
|
| 87 |
-
.scrollbox {
|
| 88 |
-
float: left;
|
| 89 |
-
margin-right: 10px;
|
| 90 |
-
margin-top: 3px;
|
| 91 |
-
}
|
| 92 |
-
/*#region edit gallery*/
|
| 93 |
-
#settings textarea {
|
| 94 |
-
width:90%;
|
| 95 |
-
height: 200px;
|
| 96 |
-
}
|
| 97 |
-
#settings select {
|
| 98 |
-
width: 90%;
|
| 99 |
-
}
|
| 100 |
-
#settings .current-image-size {
|
| 101 |
-
width: auto;
|
| 102 |
-
}
|
| 103 |
-
#settings .instructions ul {
|
| 104 |
-
color: #444;
|
| 105 |
-
}
|
| 106 |
-
#settings .instructions ul li {
|
| 107 |
-
border-bottom: 1px dashed #666;
|
| 108 |
-
padding: 0 0 5px 0;
|
| 109 |
-
margin-bottom: 5px;
|
| 110 |
-
}
|
| 111 |
-
#settings .instructions ul em {
|
| 112 |
-
font-weight: bold;
|
| 113 |
-
font-family: courier,monospace;
|
| 114 |
-
font-size: 12px;
|
| 115 |
-
font-style: normal;
|
| 116 |
-
color: #333;
|
| 117 |
-
}
|
| 118 |
-
#settings .custom_isf .del,
|
| 119 |
-
#settings .filters .del {
|
| 120 |
-
background: #f00;
|
| 121 |
-
float: left;
|
| 122 |
-
margin-right: 10px;
|
| 123 |
-
}
|
| 124 |
-
#settings .filters .add,
|
| 125 |
-
#settings .custom_isf .add {
|
| 126 |
-
display: block;
|
| 127 |
-
width: 100%;
|
| 128 |
-
margin-top: 10px;
|
| 129 |
-
text-align: center;
|
| 130 |
-
}
|
| 131 |
-
#settings .filters input[type=text] {
|
| 132 |
-
display: block;
|
| 133 |
-
}
|
| 134 |
-
#settings .custom_isf input {
|
| 135 |
-
width:100%;
|
| 136 |
-
}
|
| 137 |
-
#settings .custom_isf table td {
|
| 138 |
-
padding: 2px 8px;
|
| 139 |
-
}
|
| 140 |
-
#settings .sections {
|
| 141 |
-
margin:0 0 20px;
|
| 142 |
-
padding: 10px 0 0 10px;
|
| 143 |
-
border-bottom: 1px solid #666;
|
| 144 |
-
}
|
| 145 |
-
#settings .form-buttons {
|
| 146 |
-
margin-top: 20px;
|
| 147 |
-
}
|
| 148 |
-
#settings .form-buttons input,
|
| 149 |
-
#settings .sections a {
|
| 150 |
-
display: inline-block;
|
| 151 |
-
background: #f0f0f0;
|
| 152 |
-
color: #333;
|
| 153 |
-
padding: 10px;
|
| 154 |
-
margin:0 1px 0 0;
|
| 155 |
-
text-decoration: none;
|
| 156 |
-
font-weight: bold;
|
| 157 |
-
text-transform: uppercase;
|
| 158 |
-
height: auto;
|
| 159 |
-
-moz-transition:background .3s, color .3s;
|
| 160 |
-
-webkit-transition:background .3s, color .3s;
|
| 161 |
-
transition:background .3s, color .3s;
|
| 162 |
-
position: relative;
|
| 163 |
-
top:4px;
|
| 164 |
-
border: 1px solid #666;
|
| 165 |
-
}
|
| 166 |
-
#settings .sections a i {
|
| 167 |
-
margin-right:5px;
|
| 168 |
-
color: #333;
|
| 169 |
-
}
|
| 170 |
-
#settings .sections a {
|
| 171 |
-
background: #ccc;
|
| 172 |
-
border-bottom: 0;
|
| 173 |
-
}
|
| 174 |
-
#settings .sections a.selected:hover,
|
| 175 |
-
#settings .sections a.selected {
|
| 176 |
-
background: #f1f1f1;
|
| 177 |
-
color:#000;
|
| 178 |
-
top:1px;
|
| 179 |
-
height: 26px;
|
| 180 |
-
line-height: 26px;
|
| 181 |
-
outline: 0;
|
| 182 |
-
box-shadow: none;
|
| 183 |
-
}
|
| 184 |
-
#settings .sections a:hover {
|
| 185 |
-
background: #555;
|
| 186 |
-
}
|
| 187 |
-
#settings .sections a.selected:hover i,
|
| 188 |
-
#settings .sections a.selected i {
|
| 189 |
-
color: #000;
|
| 190 |
-
}
|
| 191 |
-
#settings .sections a:hover i,
|
| 192 |
-
#settings .sections a:hover {
|
| 193 |
-
color:#fff;
|
| 194 |
-
}
|
| 195 |
-
#settings table.section {
|
| 196 |
-
display: none;
|
| 197 |
-
}
|
| 198 |
-
#images {
|
| 199 |
-
display:none;
|
| 200 |
-
}
|
| 201 |
-
#images .actions {
|
| 202 |
-
padding: 10px 10px 10px 10px;
|
| 203 |
-
background: #ccc;
|
| 204 |
-
color: #242521;
|
| 205 |
-
border:1px solid #111;
|
| 206 |
-
margin-bottom:2px;
|
| 207 |
-
}
|
| 208 |
-
#images .actions .row {
|
| 209 |
-
padding: 10px 0;
|
| 210 |
-
border-bottom: 1px solid #bbb;
|
| 211 |
-
}
|
| 212 |
-
#images .actions .row:last-of-type {
|
| 213 |
-
border:0;
|
| 214 |
-
}
|
| 215 |
-
#images .actions .label {
|
| 216 |
-
display: inline-block;
|
| 217 |
-
width: 100px;
|
| 218 |
-
}
|
| 219 |
-
#images .actions select {
|
| 220 |
-
width:auto;
|
| 221 |
-
}
|
| 222 |
-
#images .source-panel {
|
| 223 |
-
display:none;
|
| 224 |
-
}
|
| 225 |
-
#images .bulk {
|
| 226 |
-
padding: 10px 10px 10px 10px;
|
| 227 |
-
background: #eee;
|
| 228 |
-
color: #242521;
|
| 229 |
-
border:1px solid #111;
|
| 230 |
-
margin-top: 2px;
|
| 231 |
-
}
|
| 232 |
-
#images .bulk h4 {
|
| 233 |
-
margin:0 0 4px 0;
|
| 234 |
-
color: #000;
|
| 235 |
-
}
|
| 236 |
-
#images .bulk .checkbox {
|
| 237 |
-
display: inline-block;
|
| 238 |
-
padding-left: 20px;
|
| 239 |
-
margin-right: 15px;
|
| 240 |
-
}
|
| 241 |
-
#images .bulk .options a {
|
| 242 |
-
display: inline-block;
|
| 243 |
-
margin-right: 10px;
|
| 244 |
-
color: #444;
|
| 245 |
-
text-decoration: none;
|
| 246 |
-
}
|
| 247 |
-
#images .bulk .options a:hover {
|
| 248 |
-
color: #666;
|
| 249 |
-
}
|
| 250 |
-
#images .bulk .panel {
|
| 251 |
-
display: none;
|
| 252 |
-
padding: 12px;
|
| 253 |
-
background: #555444;
|
| 254 |
-
margin-top: 5px;
|
| 255 |
-
border: 1px solid #333222;
|
| 256 |
-
}
|
| 257 |
-
#images .bulk .panel strong {
|
| 258 |
-
color: #fff;
|
| 259 |
-
display: block;
|
| 260 |
-
margin-bottom: 4px;
|
| 261 |
-
}
|
| 262 |
-
#images .bulk .panel p {
|
| 263 |
-
margin-bottom: 0;
|
| 264 |
-
color: yellow;
|
| 265 |
-
}
|
| 266 |
-
#images .tips {
|
| 267 |
-
padding: 10px;
|
| 268 |
-
background: #ddd;
|
| 269 |
-
border:1px solid #111;
|
| 270 |
-
margin-top: 2px;
|
| 271 |
-
color: #242521;
|
| 272 |
-
}
|
| 273 |
-
#images .actions .tip {
|
| 274 |
-
margin-left: 14px;
|
| 275 |
-
background: url('images/tip.png') no-repeat;
|
| 276 |
-
text-indent: 18px;
|
| 277 |
-
display: inline-block;
|
| 278 |
-
color: #000;
|
| 279 |
-
}
|
| 280 |
-
#images .item {
|
| 281 |
-
width:160px;
|
| 282 |
-
padding:0 5px;
|
| 283 |
-
border:1px solid #111;
|
| 284 |
-
float:left;
|
| 285 |
-
height:195px;
|
| 286 |
-
margin:10px 10px 0 0;
|
| 287 |
-
position: relative;
|
| 288 |
-
background: #fff;
|
| 289 |
-
}
|
| 290 |
-
#images .item.selected {
|
| 291 |
-
background: #dadada;
|
| 292 |
-
}
|
| 293 |
-
#images .item .filters li,
|
| 294 |
-
#images .item .size {
|
| 295 |
-
position: absolute;
|
| 296 |
-
top: 5px;
|
| 297 |
-
left: 55px;
|
| 298 |
-
color: #333;
|
| 299 |
-
padding: 0 4px;
|
| 300 |
-
display: block;
|
| 301 |
-
font-size: 10px;
|
| 302 |
-
font-family: monaco,courier, monospace;
|
| 303 |
-
}
|
| 304 |
-
#images .item .filters {
|
| 305 |
-
top: 32px;
|
| 306 |
-
left: 10px;
|
| 307 |
-
z-index: 10;
|
| 308 |
-
position: absolute;
|
| 309 |
-
}
|
| 310 |
-
#images .item .filters li {
|
| 311 |
-
display: block;
|
| 312 |
-
position: static;
|
| 313 |
-
text-align: left;
|
| 314 |
-
background: #1707a5;
|
| 315 |
-
color: #fff;
|
| 316 |
-
}
|
| 317 |
-
#images .item .del {
|
| 318 |
-
position: absolute;
|
| 319 |
-
top:4px;
|
| 320 |
-
right:4px;
|
| 321 |
-
width: 20px;
|
| 322 |
-
height: 20px;
|
| 323 |
-
text-decoration: none;
|
| 324 |
-
color: #000;
|
| 325 |
-
display: none;
|
| 326 |
-
background:#111;
|
| 327 |
-
}
|
| 328 |
-
#images .item .icons {
|
| 329 |
-
border-bottom: 1px solid #222;
|
| 330 |
-
margin-bottom: 9px;
|
| 331 |
-
padding-bottom: 4px;
|
| 332 |
-
}
|
| 333 |
-
#images .item .selection {
|
| 334 |
-
float: right;
|
| 335 |
-
margin-top: 5px;
|
| 336 |
-
height: 12px;
|
| 337 |
-
padding-left: 18px;
|
| 338 |
-
}
|
| 339 |
-
#images .item .remove,
|
| 340 |
-
#images .item .edit {
|
| 341 |
-
text-decoration: none;
|
| 342 |
-
color: #000;
|
| 343 |
-
display:inline-block;
|
| 344 |
-
margin-top: 5px;
|
| 345 |
-
}
|
| 346 |
-
#images .item .remove i,
|
| 347 |
-
#images .item .edit i {
|
| 348 |
-
font-size: 14px;
|
| 349 |
-
}
|
| 350 |
-
#images .item .remove {
|
| 351 |
-
|
| 352 |
-
}
|
| 353 |
-
#images .figure {
|
| 354 |
-
margin:0;
|
| 355 |
-
padding: 0;
|
| 356 |
-
height: 150px;
|
| 357 |
-
overflow: hidden;
|
| 358 |
-
display: block;
|
| 359 |
-
text-align: center;
|
| 360 |
-
}
|
| 361 |
-
#images .figure img {
|
| 362 |
-
width:150px;
|
| 363 |
-
cursor: pointer;
|
| 364 |
-
}
|
| 365 |
-
#images .item .data {
|
| 366 |
-
display: none;
|
| 367 |
-
}
|
| 368 |
-
/*#endregion*/
|
| 369 |
-
|
| 370 |
-
/*#region image panel*/
|
| 371 |
-
.overlay {
|
| 372 |
-
position: fixed;
|
| 373 |
-
z-index: 1000;
|
| 374 |
-
top:0;
|
| 375 |
-
left:0;
|
| 376 |
-
width:100%;
|
| 377 |
-
height: 100%;
|
| 378 |
-
background: #000;
|
| 379 |
-
opacity: .8;
|
| 380 |
-
}
|
| 381 |
-
#image-panel,
|
| 382 |
-
#video-panel {
|
| 383 |
-
background: #343531;
|
| 384 |
-
width:600px;
|
| 385 |
-
height:340px;
|
| 386 |
-
position: absolute;
|
| 387 |
-
top: 50%;
|
| 388 |
-
left: 50%;
|
| 389 |
-
z-index: 1001;
|
| 390 |
-
box-shadow: #000 0px 0px 20px;
|
| 391 |
-
border:4px solid #111;
|
| 392 |
-
padding: 10px;
|
| 393 |
-
}
|
| 394 |
-
#video-panel p {
|
| 395 |
-
color:#fff;
|
| 396 |
-
}
|
| 397 |
-
#video-panel textarea {
|
| 398 |
-
height: 240px;
|
| 399 |
-
width:100%;
|
| 400 |
-
}
|
| 401 |
-
#image-panel .filters {
|
| 402 |
-
clear: both;
|
| 403 |
-
margin-top: 10px;
|
| 404 |
-
}
|
| 405 |
-
#image-panel .filters .checkbox {
|
| 406 |
-
float: left;
|
| 407 |
-
margin-right: 20px;
|
| 408 |
-
padding-left: 20px;
|
| 409 |
-
}
|
| 410 |
-
#image-panel .left {
|
| 411 |
-
float:left;
|
| 412 |
-
}
|
| 413 |
-
#image-panel .figure {
|
| 414 |
-
width:200px;
|
| 415 |
-
height:200px;
|
| 416 |
-
overflow:hidden;
|
| 417 |
-
padding: 0;
|
| 418 |
-
margin: 0 0 10px 0;
|
| 419 |
-
padding: 2px;
|
| 420 |
-
border: 1px solid #999;
|
| 421 |
-
background: #222;
|
| 422 |
-
}
|
| 423 |
-
#image-panel .figure img {
|
| 424 |
-
width:100%;
|
| 425 |
-
}
|
| 426 |
-
#image-panel .right {
|
| 427 |
-
float:left;
|
| 428 |
-
margin-left:20px;
|
| 429 |
-
}
|
| 430 |
-
#image-panel .field {
|
| 431 |
-
padding-bottom: 5px;
|
| 432 |
-
color: #aaa;
|
| 433 |
-
border-bottom: 1px solid #555;
|
| 434 |
-
margin-bottom: 5px;
|
| 435 |
-
}
|
| 436 |
-
#image-panel .field:last-of-type {
|
| 437 |
-
border-bottom: 0;
|
| 438 |
-
}
|
| 439 |
-
#image-panel .field label {
|
| 440 |
-
margin-bottom: 5px;
|
| 441 |
-
display: block;
|
| 442 |
-
font-weight: bold;
|
| 443 |
-
color: #fff;
|
| 444 |
-
}
|
| 445 |
-
#image-panel .field textarea {
|
| 446 |
-
width: 280px;
|
| 447 |
-
height: 117px;
|
| 448 |
-
}
|
| 449 |
-
#image-panel .actions li {
|
| 450 |
-
height: 22px;
|
| 451 |
-
margin:0;
|
| 452 |
-
}
|
| 453 |
-
#video-panel .close,
|
| 454 |
-
#image-panel .close {
|
| 455 |
-
position: absolute;
|
| 456 |
-
top:0;
|
| 457 |
-
right:0;
|
| 458 |
-
display: block;
|
| 459 |
-
background: #111;
|
| 460 |
-
border-bottom-left-radius: 30px;
|
| 461 |
-
width: 30px;
|
| 462 |
-
height: 30px;
|
| 463 |
-
line-height: 24px;
|
| 464 |
-
text-indent: 15px;
|
| 465 |
-
text-decoration: none;
|
| 466 |
-
color: #fff;
|
| 467 |
-
font-family: arial;
|
| 468 |
-
font-weight: bold;
|
| 469 |
-
}
|
| 470 |
-
.clearfix:after {
|
| 471 |
-
content: ".";
|
| 472 |
-
display: block;
|
| 473 |
-
clear: both;
|
| 474 |
-
visibility: hidden;
|
| 475 |
-
line-height: 0;
|
| 476 |
-
height: 0;
|
| 477 |
-
}
|
| 478 |
-
#image-panel .buttons {
|
| 479 |
-
text-align: right;
|
| 480 |
-
margin-top: 10px;
|
| 481 |
-
clear: both;
|
| 482 |
-
}
|
| 483 |
-
#image-panel .buttons a {
|
| 484 |
-
margin-left: 10px;
|
| 485 |
-
}
|
| 486 |
-
/*#endregion*/
|
| 487 |
-
|
| 488 |
-
/***/
|
| 489 |
-
.wrapper {
|
| 490 |
-
clear: both;
|
| 491 |
-
margin: auto;
|
| 492 |
-
padding: 3px 0;
|
| 493 |
-
}
|
| 494 |
-
.scrollbox,
|
| 495 |
-
.chzn-single {
|
| 496 |
-
width:200px;
|
| 497 |
-
}
|
| 498 |
-
.scrollbox .ui-widget-content {
|
| 499 |
-
border: 0;
|
| 500 |
-
background: none;
|
| 501 |
-
}
|
| 502 |
-
.scrollbox .ui-state-default,
|
| 503 |
-
.scrollbox .ui-widget-content .ui-state-default,
|
| 504 |
-
.scrollbox .ui-state-hover,
|
| 505 |
-
.scrollbox .ui-widget-content .ui-state-hover {
|
| 506 |
-
border: 0;
|
| 507 |
-
}
|
| 508 |
-
|
| 509 |
-
/***/
|
| 510 |
-
.crosslink {
|
| 511 |
-
background-color: #303137;
|
| 512 |
-
border-radius: 100px;
|
| 513 |
-
color: #9f9f9f;
|
| 514 |
-
display: inline-block;
|
| 515 |
-
font-size: 20px;
|
| 516 |
-
font-weight: bold;
|
| 517 |
-
margin-bottom: 40px;
|
| 518 |
-
padding: 40px 60px;
|
| 519 |
-
text-decoration: none;
|
| 520 |
-
-webkit-box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.4), 1px 1px 0 rgba(255, 255, 255, 0.15);
|
| 521 |
-
-moz-box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.4), 1px 1px 0 rgba(255, 255, 255, 0.15);
|
| 522 |
-
box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.4), 1px 1px 0 rgba(255, 255, 255, 0.15);
|
| 523 |
-
behavior: url("javascripts/vendor/PIE.htc"); }
|
| 524 |
-
.crosslink:hover {
|
| 525 |
-
background-color: #292a2e;
|
| 526 |
-
color: #bbbbbb; }
|
| 527 |
-
.crosslink:active {
|
| 528 |
-
color: white; }
|
| 529 |
-
|
| 530 |
-
.button-huge {
|
| 531 |
-
height: 26px;
|
| 532 |
-
padding: 6px 16px;
|
| 533 |
-
position: relative;
|
| 534 |
-
text-decoration: none;
|
| 535 |
-
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.2);
|
| 536 |
-
-webkit-box-sizing: border-box;
|
| 537 |
-
-moz-box-sizing: border-box;
|
| 538 |
-
box-sizing: border-box;
|
| 539 |
-
-webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2), inset 1px 1px 1px rgba(255, 255, 255, 0.5);
|
| 540 |
-
-moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2), inset 1px 1px 1px rgba(255, 255, 255, 0.5);
|
| 541 |
-
box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2), inset 1px 1px 1px rgba(255, 255, 255, 0.5);
|
| 542 |
-
display: -moz-inline-stack;
|
| 543 |
-
display: inline-block;
|
| 544 |
-
zoom: 1;
|
| 545 |
-
_overflow: hidden;
|
| 546 |
-
*display: inline;
|
| 547 |
-
background: #8c8c8c;
|
| 548 |
-
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #dbd7d7), color-stop(100%, #8c8c8c));
|
| 549 |
-
background-image: -webkit-linear-gradient(top, #dbd7d7, #8c8c8c);
|
| 550 |
-
background-image: -moz-linear-gradient(top, #dbd7d7, #8c8c8c);
|
| 551 |
-
background-image: -ms-linear-gradient(top, #dbd7d7, #8c8c8c);
|
| 552 |
-
background-image: -o-linear-gradient(top, #dbd7d7, #8c8c8c);
|
| 553 |
-
background-image: linear-gradient(top, #dbd7d7, #8c8c8c);
|
| 554 |
-
-pie-background: linear-gradient(#dbd7d7, #8c8c8c);
|
| 555 |
-
-webkit-user-select: none;
|
| 556 |
-
-moz-user-select: none;
|
| 557 |
-
-ms-user-select: none;
|
| 558 |
-
user-select: none;
|
| 559 |
-
behavior: url("javascripts/vendor/PIE.htc"); }
|
| 560 |
-
|
| 561 |
-
.button-huge {
|
| 562 |
-
border-radius: 60px;
|
| 563 |
-
font-size: 20px;
|
| 564 |
-
font-weight: bold;
|
| 565 |
-
height: 56px;
|
| 566 |
-
padding: 9px 38px 11px;
|
| 567 |
-
text-align: center; }
|
| 568 |
-
.button-huge .button-description {
|
| 569 |
-
color: rgba(0, 0, 0, 0.6);
|
| 570 |
-
display: block;
|
| 571 |
-
font: italic 12px Georgia, serif; }
|
| 572 |
-
|
| 573 |
-
.checkbox, .checkbox-light, .radio, .radio-light {
|
| 574 |
-
background: url("images/checkbox/square.png") 0 0 no-repeat;
|
| 575 |
-
color: #dddddd;
|
| 576 |
-
cursor: pointer;
|
| 577 |
-
padding: 1px 0 3px 25px;
|
| 578 |
-
position: relative; }
|
| 579 |
-
.checkbox:hover, .checkbox-light:hover, .radio:hover, .radio-light:hover {
|
| 580 |
-
background-position: 0 -26px;
|
| 581 |
-
color: white; }
|
| 582 |
-
.checkbox.checked, .checked.checkbox-light, .checked.radio, .checked.radio-light {
|
| 583 |
-
background-position: 0 -53px; }
|
| 584 |
-
.checkbox.checked:hover, .checked.checkbox-light:hover, .checked.radio:hover, .checked.radio-light:hover {
|
| 585 |
-
background-position: 0 -80px; }
|
| 586 |
-
|
| 587 |
-
.checkbox-light {
|
| 588 |
-
background-image: url("images/checkbox/square-light.png"); }
|
| 589 |
-
|
| 590 |
-
.radio {
|
| 591 |
-
background-image: url("images/checkbox/disk.png"); }
|
| 592 |
-
|
| 593 |
-
.radio-light {
|
| 594 |
-
background-image: url("images/checkbox/disk-light.png"); }
|
| 595 |
-
|
| 596 |
-
.form-row {
|
| 597 |
-
background: url("images/checkbox/form-row.png") 0 100% repeat-x;
|
| 598 |
-
margin-bottom: 7px;
|
| 599 |
-
padding-bottom: 7px; }
|
| 600 |
-
.form-row.last {
|
| 601 |
-
background: none;
|
| 602 |
-
margin-bottom: 0;
|
| 603 |
-
padding-bottom: 0; }
|
| 604 |
-
|
| 605 |
-
.select, .select-arrowed {
|
| 606 |
-
position: relative;
|
| 607 |
-
-webkit-user-select: none;
|
| 608 |
-
-moz-user-select: none;
|
| 609 |
-
-ms-user-select: none;
|
| 610 |
-
user-select: none; }
|
| 611 |
-
.select.opened, .opened.select-arrowed {
|
| 612 |
-
z-index: 999; }
|
| 613 |
-
.select.opened .options, .opened.select-arrowed .options {
|
| 614 |
-
display: block;
|
| 615 |
-
box-shadow: #000 0px 2px 20px;
|
| 616 |
-
}
|
| 617 |
-
.select.idle .selected, .idle.select-arrowed .selected {
|
| 618 |
-
color: #9da0ab; }
|
| 619 |
-
.select.negative:hover .selected, .negative.select-arrowed:hover .selected {
|
| 620 |
-
background-color: #400000; }
|
| 621 |
-
.select.negative .selected, .negative.select-arrowed .selected {
|
| 622 |
-
background-color: #4c0000;
|
| 623 |
-
color: #ffe3e3;
|
| 624 |
-
-webkit-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.2), 0 1px 0 rgba(255, 255, 255, 0.06);
|
| 625 |
-
-moz-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.2), 0 1px 0 rgba(255, 255, 255, 0.06);
|
| 626 |
-
box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.2), 0 1px 0 rgba(255, 255, 255, 0.06);
|
| 627 |
-
behavior: url("javascripts/vendor/PIE.htc"); }
|
| 628 |
-
.select .selected, .select-arrowed .selected {
|
| 629 |
-
background-color: #141517;
|
| 630 |
-
border-radius: 30px;
|
| 631 |
-
color: white;
|
| 632 |
-
cursor: pointer;
|
| 633 |
-
display: block;
|
| 634 |
-
height: 26px;
|
| 635 |
-
line-height: 18px;
|
| 636 |
-
padding: 4px 16px 6px;
|
| 637 |
-
position: relative;
|
| 638 |
-
text-decoration: none;
|
| 639 |
-
text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4);
|
| 640 |
-
z-index: 5;
|
| 641 |
-
-webkit-box-sizing: border-box;
|
| 642 |
-
-moz-box-sizing: border-box;
|
| 643 |
-
box-sizing: border-box;
|
| 644 |
-
-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.06);
|
| 645 |
-
-moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.06);
|
| 646 |
-
box-shadow: 0 1px 0 rgba(255, 255, 255, 0.06);
|
| 647 |
-
line-height: 16px \9;
|
| 648 |
-
behavior: url("javascripts/vendor/PIE.htc"); }
|
| 649 |
-
.select .selected:hover, .select-arrowed .selected:hover {
|
| 650 |
-
background-color: black; }
|
| 651 |
-
.select .selected:hover .icon, .select-arrowed .selected:hover .icon {
|
| 652 |
-
background-position: 0 -30px; }
|
| 653 |
-
.select .selected .icon, .select-arrowed .selected .icon {
|
| 654 |
-
background: url("images/select/selected-icon.png") 0 0 no-repeat;
|
| 655 |
-
border-radius: 50%;
|
| 656 |
-
height: 19px;
|
| 657 |
-
position: absolute;
|
| 658 |
-
right: 3px;
|
| 659 |
-
top: 3px;
|
| 660 |
-
width: 19px; }
|
| 661 |
-
.select .options, .select-arrowed .options {
|
| 662 |
-
background-color: #41444c;
|
| 663 |
-
border-bottom-left-radius: 10px;
|
| 664 |
-
border-bottom-right-radius: 10px;
|
| 665 |
-
display: none;
|
| 666 |
-
padding: 20px 0 8px;
|
| 667 |
-
position: absolute;
|
| 668 |
-
top: 50%;
|
| 669 |
-
width: 200px;
|
| 670 |
-
z-index: 4;
|
| 671 |
-
-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
|
| 672 |
-
-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
|
| 673 |
-
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25); }
|
| 674 |
-
.select .stack, .select-arrowed .stack {
|
| 675 |
-
padding-bottom: 2px;
|
| 676 |
-
max-height: 140px;
|
| 677 |
-
overflow: auto; }
|
| 678 |
-
.select .stack li, .select-arrowed .stack li {
|
| 679 |
-
color: #9da0ab;
|
| 680 |
-
cursor: pointer;
|
| 681 |
-
height: 26px;
|
| 682 |
-
padding: 6px 16px;
|
| 683 |
-
text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
|
| 684 |
-
-webkit-box-sizing: border-box;
|
| 685 |
-
-moz-box-sizing: border-box;
|
| 686 |
-
box-sizing: border-box; }
|
| 687 |
-
.select .stack li:hover, .select-arrowed .stack li:hover, .select .stack li:focus, .select-arrowed .stack li:focus, .select .stack li.highlighted, .select-arrowed .stack li.highlighted {
|
| 688 |
-
color: white;
|
| 689 |
-
-webkit-box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.3);
|
| 690 |
-
-moz-box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.3);
|
| 691 |
-
box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.3);
|
| 692 |
-
background: #6c901b;
|
| 693 |
-
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #a2ca4c), color-stop(100%, #6c901b));
|
| 694 |
-
background-image: -webkit-linear-gradient(top, #a2ca4c, #6c901b);
|
| 695 |
-
background-image: -moz-linear-gradient(top, #a2ca4c, #6c901b);
|
| 696 |
-
background-image: -ms-linear-gradient(top, #a2ca4c, #6c901b);
|
| 697 |
-
background-image: -o-linear-gradient(top, #a2ca4c, #6c901b);
|
| 698 |
-
background-image: linear-gradient(top, #a2ca4c, #6c901b);
|
| 699 |
-
-pie-background: linear-gradient(#a2ca4c, #6c901b); }
|
| 700 |
-
.select .stack li.inactive-result, .select-arrowed .stack li.inactive-result {
|
| 701 |
-
display: none; }
|
| 702 |
-
.select .select-search, .select-arrowed .select-search {
|
| 703 |
-
margin-bottom: 5px;
|
| 704 |
-
padding: 1px 9px 3px;
|
| 705 |
-
display: none;
|
| 706 |
-
}
|
| 707 |
-
.select .select-search input, .select-arrowed .select-search input {
|
| 708 |
-
background-color: #30333b;
|
| 709 |
-
border: 1px solid #252525;
|
| 710 |
-
border-radius: 2px;
|
| 711 |
-
color: white;
|
| 712 |
-
padding: 4px 9px;
|
| 713 |
-
width: 100%;
|
| 714 |
-
-webkit-box-sizing: border-box;
|
| 715 |
-
-moz-box-sizing: border-box;
|
| 716 |
-
box-sizing: border-box;
|
| 717 |
-
-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.06);
|
| 718 |
-
-moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.06);
|
| 719 |
-
box-shadow: 0 1px 0 rgba(255, 255, 255, 0.06); }
|
| 720 |
-
|
| 721 |
-
.select-arrowed .selected .icon {
|
| 722 |
-
background-image: url("images/select/selected-icon-arrowed.png"); }
|
| 723 |
-
|
| 724 |
-
input[type='text'],
|
| 725 |
-
input[type='password'] {
|
| 726 |
-
border-radius: 2px;
|
| 727 |
-
font-family: Arial, sans-serif;
|
| 728 |
-
font-size: 12px;
|
| 729 |
-
height: 26px;
|
| 730 |
-
padding: 0 10px;
|
| 731 |
-
position: relative;
|
| 732 |
-
vertical-align: middle;
|
| 733 |
-
width: 200px;
|
| 734 |
-
-webkit-box-sizing: border-box;
|
| 735 |
-
-moz-box-sizing: border-box;
|
| 736 |
-
box-sizing: border-box; }
|
| 737 |
-
input[type='text'].w50 {
|
| 738 |
-
width:50px ;
|
| 739 |
-
}
|
| 740 |
-
.text, .text-rounded {
|
| 741 |
-
position: relative; }
|
| 742 |
-
.text.dark textarea,
|
| 743 |
-
.text.dark input[type='text'], .dark.text-rounded input[type='text'],
|
| 744 |
-
.text.dark input[type='password'],
|
| 745 |
-
.dark.text-rounded input[type='password'] {
|
| 746 |
-
background: #141517;
|
| 747 |
-
color: white;
|
| 748 |
-
border: 1px solid black;
|
| 749 |
-
-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.15);
|
| 750 |
-
-moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.15);
|
| 751 |
-
box-shadow: 0 1px 0 rgba(255, 255, 255, 0.15);
|
| 752 |
-
padding-top: 4px \9;
|
| 753 |
-
behavior: url("javascripts/vendor/PIE.htc"); }
|
| 754 |
-
.text.dark input[type='text']:-moz-placeholder, .dark.text-rounded input[type='text']:-moz-placeholder,
|
| 755 |
-
.text.dark input[type='password']:-moz-placeholder,
|
| 756 |
-
.dark.text-rounded input[type='password']:-moz-placeholder {
|
| 757 |
-
color: #777777; }
|
| 758 |
-
.text.dark input[type='text']::-webkit-input-placeholder, .dark.text-rounded input[type='text']::-webkit-input-placeholder,
|
| 759 |
-
.text.dark input[type='password']::-webkit-input-placeholder,
|
| 760 |
-
.dark.text-rounded input[type='password']::-webkit-input-placeholder {
|
| 761 |
-
color: #777777; }
|
| 762 |
-
.text.dark input[type='text'].placeholder, .dark.text-rounded input[type='text'].placeholder,
|
| 763 |
-
.text.dark input[type='password'].placeholder,
|
| 764 |
-
.dark.text-rounded input[type='password'].placeholder {
|
| 765 |
-
color: #777777; }
|
| 766 |
-
.text.dark input[type='text']:hover, .dark.text-rounded input[type='text']:hover,
|
| 767 |
-
.text.dark input[type='password']:hover,
|
| 768 |
-
.dark.text-rounded input[type='password']:hover {
|
| 769 |
-
-webkit-box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.1);
|
| 770 |
-
-moz-box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.1);
|
| 771 |
-
box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.1); }
|
| 772 |
-
.text.dark input[type='text']:focus, .dark.text-rounded input[type='text']:focus,
|
| 773 |
-
.text.dark input[type='password']:focus,
|
| 774 |
-
.dark.text-rounded input[type='password']:focus {
|
| 775 |
-
-webkit-box-shadow: 0 0 0 3px #80a62d;
|
| 776 |
-
-moz-box-shadow: 0 0 0 3px #80a62d;
|
| 777 |
-
box-shadow: 0 0 0 3px #80a62d; }
|
| 778 |
-
.text.light input[type='text'], .light.text-rounded input[type='text'],
|
| 779 |
-
.text.light input[type='password'],
|
| 780 |
-
.light.text-rounded input[type='password'] {
|
| 781 |
-
background: #fdfdfd;
|
| 782 |
-
border: none;
|
| 783 |
-
color: black;
|
| 784 |
-
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.2);
|
| 785 |
-
background: #9a9a9a;
|
| 786 |
-
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fdfdfd), color-stop(100%, #9a9a9a));
|
| 787 |
-
background-image: -webkit-linear-gradient(top, #fdfdfd, #9a9a9a);
|
| 788 |
-
background-image: -moz-linear-gradient(top, #fdfdfd, #9a9a9a);
|
| 789 |
-
background-image: -ms-linear-gradient(top, #fdfdfd, #9a9a9a);
|
| 790 |
-
background-image: -o-linear-gradient(top, #fdfdfd, #9a9a9a);
|
| 791 |
-
background-image: linear-gradient(top, #fdfdfd, #9a9a9a);
|
| 792 |
-
-pie-background: linear-gradient(#fdfdfd, #9a9a9a);
|
| 793 |
-
padding-top: 5px \9;
|
| 794 |
-
behavior: url("javascripts/vendor/PIE.htc"); }
|
| 795 |
-
.text.light input[type='text']:-moz-placeholder, .light.text-rounded input[type='text']:-moz-placeholder,
|
| 796 |
-
.text.light input[type='password']:-moz-placeholder,
|
| 797 |
-
.light.text-rounded input[type='password']:-moz-placeholder {
|
| 798 |
-
color: #666666; }
|
| 799 |
-
.text.light input[type='text']::-webkit-input-placeholder, .light.text-rounded input[type='text']::-webkit-input-placeholder,
|
| 800 |
-
.text.light input[type='password']::-webkit-input-placeholder,
|
| 801 |
-
.light.text-rounded input[type='password']::-webkit-input-placeholder {
|
| 802 |
-
color: #666666; }
|
| 803 |
-
.text.light input[type='text'].placeholder, .light.text-rounded input[type='text'].placeholder,
|
| 804 |
-
.text.light input[type='password'].placeholder,
|
| 805 |
-
.light.text-rounded input[type='password'].placeholder {
|
| 806 |
-
color: #666666; }
|
| 807 |
-
.text.light input[type='text']:hover, .light.text-rounded input[type='text']:hover,
|
| 808 |
-
.text.light input[type='password']:hover,
|
| 809 |
-
.light.text-rounded input[type='password']:hover {
|
| 810 |
-
-webkit-box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.25);
|
| 811 |
-
-moz-box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.25);
|
| 812 |
-
box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.25); }
|
| 813 |
-
.text.light input[type='text']:focus, .light.text-rounded input[type='text']:focus,
|
| 814 |
-
.text.light input[type='password']:focus,
|
| 815 |
-
.light.text-rounded input[type='password']:focus {
|
| 816 |
-
background: white;
|
| 817 |
-
-webkit-box-shadow: 0 0 0 3px #80a62d;
|
| 818 |
-
-moz-box-shadow: 0 0 0 3px #80a62d;
|
| 819 |
-
box-shadow: 0 0 0 3px #80a62d; }
|
| 820 |
-
.text.light input[type='text']:focus:-moz-placeholder, .light.text-rounded input[type='text']:focus:-moz-placeholder,
|
| 821 |
-
.text.light input[type='password']:focus:-moz-placeholder,
|
| 822 |
-
.light.text-rounded input[type='password']:focus:-moz-placeholder {
|
| 823 |
-
color: #cccccc; }
|
| 824 |
-
.text.light input[type='text']:focus::-webkit-input-placeholder, .light.text-rounded input[type='text']:focus::-webkit-input-placeholder,
|
| 825 |
-
.text.light input[type='password']:focus::-webkit-input-placeholder,
|
| 826 |
-
.light.text-rounded input[type='password']:focus::-webkit-input-placeholder {
|
| 827 |
-
color: #cccccc; }
|
| 828 |
-
.text.light input[type='text']:focus.placeholder, .light.text-rounded input[type='text']:focus.placeholder,
|
| 829 |
-
.text.light input[type='password']:focus.placeholder,
|
| 830 |
-
.light.text-rounded input[type='password']:focus.placeholder {
|
| 831 |
-
color: #cccccc; }
|
| 832 |
-
.text.light input[type='submit'], .light.text-rounded input[type='submit'] {
|
| 833 |
-
background-position: center -30px; }
|
| 834 |
-
.text input[type='submit'], .text-rounded input[type='submit'] {
|
| 835 |
-
background-color: transparent;
|
| 836 |
-
background-position: center 0;
|
| 837 |
-
background-repeat: no-repeat;
|
| 838 |
-
border: none;
|
| 839 |
-
cursor: pointer;
|
| 840 |
-
font-family: Arial, sans-serif;
|
| 841 |
-
font-size: 12px;
|
| 842 |
-
height: 19px;
|
| 843 |
-
position: absolute;
|
| 844 |
-
right: 3px;
|
| 845 |
-
top: 3px;
|
| 846 |
-
width: 19px; }
|
| 847 |
-
.text input[type='submit']:hover, .text-rounded input[type='submit']:hover, .text input[type='submit']:focus, .text-rounded input[type='submit']:focus {
|
| 848 |
-
background-position: center -30px; }
|
| 849 |
-
|
| 850 |
-
.text-rounded input[type='text'],
|
| 851 |
-
.text-rounded input[type='password'] {
|
| 852 |
-
border-radius: 30px;
|
| 853 |
-
padding-left: 16px;
|
| 854 |
-
padding-right: 16px;
|
| 855 |
-
behavior: url("javascripts/vendor/PIE.htc"); }
|
| 856 |
-
|
| 857 |
-
.text input.search-button, .text-rounded input.search-button {
|
| 858 |
-
background-image: url("images/text-input/search-button.png"); }
|
| 859 |
-
|
| 860 |
-
.appreciate {
|
| 861 |
-
background: url("images/appreciate/splash.png") 0 0 no-repeat;
|
| 862 |
-
display: block;
|
| 863 |
-
cursor: pointer;
|
| 864 |
-
font-size: 13px;
|
| 865 |
-
height: 97px;
|
| 866 |
-
position: relative;
|
| 867 |
-
text-align: center;
|
| 868 |
-
text-transform: uppercase;
|
| 869 |
-
width: 97px; }
|
| 870 |
-
.appreciate:hover {
|
| 871 |
-
background-position: 0 -110px; }
|
| 872 |
-
.appreciate.firm {
|
| 873 |
-
background-image: url("images/appreciate/splash-firm.png"); }
|
| 874 |
-
.appreciate.tnx {
|
| 875 |
-
background: url("images/appreciate/tnx.png") 0 0 no-repeat; }
|
| 876 |
-
|
| 877 |
-
.circle-banner {
|
| 878 |
-
background-color: #141517;
|
| 879 |
-
border-radius: 50%;
|
| 880 |
-
color: white;
|
| 881 |
-
font: italic 11px Georgia, serif;
|
| 882 |
-
height: 165px;
|
| 883 |
-
line-height: 1.5;
|
| 884 |
-
padding: 20px;
|
| 885 |
-
position: relative;
|
| 886 |
-
text-align: center;
|
| 887 |
-
width: 165px;
|
| 888 |
-
-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.06);
|
| 889 |
-
-moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.06);
|
| 890 |
-
box-shadow: 0 1px 0 rgba(255, 255, 255, 0.06);
|
| 891 |
-
behavior: url("javascripts/vendor/PIE.htc"); }
|
| 892 |
-
.circle-banner .banner-inner {
|
| 893 |
-
padding-top: 20px; }
|
| 894 |
-
.circle-banner .banner-description {
|
| 895 |
-
border-top: 1px solid #88bebe;
|
| 896 |
-
color: #88bebe;
|
| 897 |
-
margin-top: 15px;
|
| 898 |
-
padding-top: 10px; }
|
| 899 |
-
.circle-banner .ear {
|
| 900 |
-
background: url("images/circle-banner/ear.png") 0 0 no-repeat;
|
| 901 |
-
height: 22px;
|
| 902 |
-
left: 27px;
|
| 903 |
-
position: absolute;
|
| 904 |
-
top: 8px;
|
| 905 |
-
width: 22px; }
|
| 906 |
-
.circle-banner .banner-pull-l, .circle-banner .banner-pull-r {
|
| 907 |
-
clear: both;
|
| 908 |
-
float: left;
|
| 909 |
-
height: 20px;
|
| 910 |
-
width: 30%; }
|
| 911 |
-
.circle-banner .banner-pull-l.pull2, .circle-banner .pull2.banner-pull-r {
|
| 912 |
-
width: 17%; }
|
| 913 |
-
.circle-banner .banner-pull-r {
|
| 914 |
-
clear: none;
|
| 915 |
-
float: right; }
|
| 916 |
-
|
| 917 |
-
.comments {
|
| 918 |
-
background-color: #141517;
|
| 919 |
-
border-radius: 2px;
|
| 920 |
-
color: white;
|
| 921 |
-
display: inline-block;
|
| 922 |
-
font: italic 11px Georgia, serif;
|
| 923 |
-
padding: 4px 7px 6px;
|
| 924 |
-
position: relative;
|
| 925 |
-
-webkit-box-shadow: inset 0 1px 0 black, 0 1px 0 rgba(255, 255, 255, 0.06);
|
| 926 |
-
-moz-box-shadow: inset 0 1px 0 black, 0 1px 0 rgba(255, 255, 255, 0.06);
|
| 927 |
-
box-shadow: inset 0 1px 0 black, 0 1px 0 rgba(255, 255, 255, 0.06); }
|
| 928 |
-
.comments .ear {
|
| 929 |
-
background: url("images/comments/ear.png") 0 0 no-repeat;
|
| 930 |
-
height: 6px;
|
| 931 |
-
left: 6px;
|
| 932 |
-
position: absolute;
|
| 933 |
-
top: -5px;
|
| 934 |
-
width: 9px; }
|
| 935 |
-
|
| 936 |
-
.commutator {
|
| 937 |
-
border-radius: 20px;
|
| 938 |
-
cursor: pointer;
|
| 939 |
-
display: inline-block;
|
| 940 |
-
height: 26px;
|
| 941 |
-
overflow: hidden;
|
| 942 |
-
position: relative;
|
| 943 |
-
-webkit-user-select: none;
|
| 944 |
-
-moz-user-select: none;
|
| 945 |
-
-ms-user-select: none;
|
| 946 |
-
user-select: none;
|
| 947 |
-
behavior: url("javascripts/vendor/PIE.htc"); }
|
| 948 |
-
.commutator.on {
|
| 949 |
-
color: #3e5706;
|
| 950 |
-
text-shadow: 0 1px rgba(255, 255, 255, 0.2);
|
| 951 |
-
-webkit-box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.4), 1px 1px 1px rgba(0, 0, 0, 0.3);
|
| 952 |
-
-moz-box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.4), 1px 1px 1px rgba(0, 0, 0, 0.3);
|
| 953 |
-
box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.4), 1px 1px 1px rgba(0, 0, 0, 0.3);
|
| 954 |
-
background: #6c901b;
|
| 955 |
-
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #aed160), color-stop(100%, #6c901b));
|
| 956 |
-
background-image: -webkit-linear-gradient(top, #aed160, #6c901b);
|
| 957 |
-
background-image: -moz-linear-gradient(top, #aed160, #6c901b);
|
| 958 |
-
background-image: -ms-linear-gradient(top, #aed160, #6c901b);
|
| 959 |
-
background-image: -o-linear-gradient(top, #aed160, #6c901b);
|
| 960 |
-
background-image: linear-gradient(top, #aed160, #6c901b);
|
| 961 |
-
-pie-background: linear-gradient(#aed160, #6c901b); }
|
| 962 |
-
.commutator.on .is.on {
|
| 963 |
-
left: 0; }
|
| 964 |
-
.commutator.on .is.off {
|
| 965 |
-
margin-right: 24px; }
|
| 966 |
-
.commutator.off {
|
| 967 |
-
background-color: black;
|
| 968 |
-
color: white;
|
| 969 |
-
-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.06);
|
| 970 |
-
-moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.06);
|
| 971 |
-
box-shadow: 0 1px 0 rgba(255, 255, 255, 0.06); }
|
| 972 |
-
.commutator.off .is.on {
|
| 973 |
-
left: -100%; }
|
| 974 |
-
.commutator.off .is.off {
|
| 975 |
-
margin-right: -3px; }
|
| 976 |
-
.commutator .is {
|
| 977 |
-
margin: 0 2px;
|
| 978 |
-
padding: 6px 30px 3px 10px;
|
| 979 |
-
position: relative;
|
| 980 |
-
width: 100%;
|
| 981 |
-
-webkit-box-sizing: border-box;
|
| 982 |
-
-moz-box-sizing: border-box;
|
| 983 |
-
box-sizing: border-box;
|
| 984 |
-
-webkit-transition: left 0.2s linear, margin 0.2s linear;
|
| 985 |
-
-moz-transition: left 0.2s linear, margin 0.2s linear;
|
| 986 |
-
-ms-transition: left 0.2s linear, margin 0.2s linear;
|
| 987 |
-
-o-transition: left 0.2s linear, margin 0.2s linear;
|
| 988 |
-
transition: left 0.2s linear, margin 0.2s linear; }
|
| 989 |
-
.commutator .is.off {
|
| 990 |
-
background: url("images/commutator/slider.png") left 3px no-repeat;
|
| 991 |
-
right: -100%;
|
| 992 |
-
padding-left: 24px;
|
| 993 |
-
position: absolute;
|
| 994 |
-
top: 1px; }
|
| 995 |
-
|
| 996 |
-
.crossbar {
|
| 997 |
-
background: url("images/crossbar/center.png") center no-repeat;
|
| 998 |
-
height: 62px;
|
| 999 |
-
position: relative;
|
| 1000 |
-
width: 62px; }
|
| 1001 |
-
.crossbar [class^='to-'] {
|
| 1002 |
-
background: url("images/crossbar/button.png") 0 0 no-repeat;
|
| 1003 |
-
border-radius: 50%;
|
| 1004 |
-
display: block;
|
| 1005 |
-
height: 24px;
|
| 1006 |
-
position: absolute;
|
| 1007 |
-
width: 24px; }
|
| 1008 |
-
.crossbar [class^='to-']:hover, .crossbar [class^='to-']:focus {
|
| 1009 |
-
background-position: 0 -30px; }
|
| 1010 |
-
.crossbar [class^='to-']:active {
|
| 1011 |
-
-webkit-box-shadow: inset 0 1px 5px rgba(55, 79, 0, 0.9);
|
| 1012 |
-
-moz-box-shadow: inset 0 1px 5px rgba(55, 79, 0, 0.9);
|
| 1013 |
-
box-shadow: inset 0 1px 5px rgba(55, 79, 0, 0.9); }
|
| 1014 |
-
.crossbar .arrow {
|
| 1015 |
-
background-position: center;
|
| 1016 |
-
background-repeat: no-repeat;
|
| 1017 |
-
height: 11px;
|
| 1018 |
-
left: 6px;
|
| 1019 |
-
position: absolute;
|
| 1020 |
-
top: 6px;
|
| 1021 |
-
width: 11px; }
|
| 1022 |
-
.crossbar [class$='top'] {
|
| 1023 |
-
left: 19px;
|
| 1024 |
-
top: 0; }
|
| 1025 |
-
.crossbar [class$='top'] .arrow {
|
| 1026 |
-
background-image: url("images/crossbar/to-top.png"); }
|
| 1027 |
-
.crossbar [class$='right'] {
|
| 1028 |
-
right: 0;
|
| 1029 |
-
top: 19px; }
|
| 1030 |
-
.crossbar [class$='right'] .arrow {
|
| 1031 |
-
background-image: url("images/crossbar/to-right.png"); }
|
| 1032 |
-
.crossbar [class$='bottom'] {
|
| 1033 |
-
left: 19px;
|
| 1034 |
-
bottom: 0; }
|
| 1035 |
-
.crossbar [class$='bottom'] .arrow {
|
| 1036 |
-
background-image: url("images/crossbar/to-bottom.png"); }
|
| 1037 |
-
.crossbar [class$='left'] {
|
| 1038 |
-
left: 0;
|
| 1039 |
-
top: 19px; }
|
| 1040 |
-
.crossbar [class$='left'] .arrow {
|
| 1041 |
-
background-image: url("images/crossbar/to-left.png"); }
|
| 1042 |
-
|
| 1043 |
-
.currently-playing {
|
| 1044 |
-
border-radius: 8px;
|
| 1045 |
-
color: #717342;
|
| 1046 |
-
padding: 10px 14px 14px;
|
| 1047 |
-
position: relative;
|
| 1048 |
-
text-align: center;
|
| 1049 |
-
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
|
| 1050 |
-
-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5), 0 -1px 0 black;
|
| 1051 |
-
-moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5), 0 -1px 0 black;
|
| 1052 |
-
box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5), 0 -1px 0 black;
|
| 1053 |
-
background: #d1d395;
|
| 1054 |
-
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #dfe2ad), color-stop(100%, #d1d395));
|
| 1055 |
-
background-image: -webkit-linear-gradient(top, #dfe2ad, #d1d395);
|
| 1056 |
-
background-image: -moz-linear-gradient(top, #dfe2ad, #d1d395);
|
| 1057 |
-
background-image: -ms-linear-gradient(top, #dfe2ad, #d1d395);
|
| 1058 |
-
background-image: -o-linear-gradient(top, #dfe2ad, #d1d395);
|
| 1059 |
-
background-image: linear-gradient(top, #dfe2ad, #d1d395);
|
| 1060 |
-
-pie-background: linear-gradient(#dfe2ad, #d1d395);
|
| 1061 |
-
behavior: url("javascripts/vendor/PIE.htc"); }
|
| 1062 |
-
.currently-playing:after {
|
| 1063 |
-
background-color: rgba(255, 255, 255, 0.4);
|
| 1064 |
-
border-radius: 10px;
|
| 1065 |
-
content: "";
|
| 1066 |
-
height: 40%;
|
| 1067 |
-
left: 0;
|
| 1068 |
-
position: absolute;
|
| 1069 |
-
top: 0;
|
| 1070 |
-
width: 100%;
|
| 1071 |
-
z-index: 1; }
|
| 1072 |
-
.currently-playing .playing {
|
| 1073 |
-
height: 15px;
|
| 1074 |
-
overflow: hidden;
|
| 1075 |
-
position: relative;
|
| 1076 |
-
white-space: nowrap;
|
| 1077 |
-
z-index: 2; }
|
| 1078 |
-
.currently-playing .playing.artist {
|
| 1079 |
-
font-weight: bold;
|
| 1080 |
-
margin-bottom: 2px; }
|
| 1081 |
-
.currently-playing .song-info {
|
| 1082 |
-
padding-top: 8px;
|
| 1083 |
-
position: relative;
|
| 1084 |
-
font-size: 10px; }
|
| 1085 |
-
.currently-playing .scrollbox.dot {
|
| 1086 |
-
background-color: #787878;
|
| 1087 |
-
margin: 0 50px;
|
| 1088 |
-
top: 2px;
|
| 1089 |
-
z-index: 2;
|
| 1090 |
-
-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.6), 0 1px 0 rgba(255, 255, 255, 0.5);
|
| 1091 |
-
-moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.6), 0 1px 0 rgba(255, 255, 255, 0.5);
|
| 1092 |
-
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.6), 0 1px 0 rgba(255, 255, 255, 0.5); }
|
| 1093 |
-
.currently-playing .scrollbox.dot .scale {
|
| 1094 |
-
border: none;
|
| 1095 |
-
height: 7px;
|
| 1096 |
-
-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.4);
|
| 1097 |
-
-moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.4);
|
| 1098 |
-
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.4); }
|
| 1099 |
-
.currently-playing .scrollbox.dot .slider {
|
| 1100 |
-
background: white;
|
| 1101 |
-
top: -1px; }
|
| 1102 |
-
.currently-playing .song-time {
|
| 1103 |
-
line-height: 13px;
|
| 1104 |
-
position: absolute;
|
| 1105 |
-
top: 7px;
|
| 1106 |
-
width: 50px; }
|
| 1107 |
-
.currently-playing .song-time.start {
|
| 1108 |
-
left: -8px;
|
| 1109 |
-
text-align: right; }
|
| 1110 |
-
.currently-playing .song-time.end {
|
| 1111 |
-
right: -7px;
|
| 1112 |
-
text-align: left; }
|
| 1113 |
-
|
| 1114 |
-
.dataset table {
|
| 1115 |
-
width: 100%; }
|
| 1116 |
-
.dataset td {
|
| 1117 |
-
padding-bottom: 5px;
|
| 1118 |
-
padding-top: 5px; }
|
| 1119 |
-
|
| 1120 |
-
.dataset-entity {
|
| 1121 |
-
color: #9da0ab; }
|
| 1122 |
-
|
| 1123 |
-
.dataset-number {
|
| 1124 |
-
color: #686868;
|
| 1125 |
-
padding-right: 10px;
|
| 1126 |
-
text-align: right; }
|
| 1127 |
-
|
| 1128 |
-
.dataset-bar {
|
| 1129 |
-
background-color: #9cc346;
|
| 1130 |
-
border-radius: 10px;
|
| 1131 |
-
height: 5px;
|
| 1132 |
-
margin-top: 4px; }
|
| 1133 |
-
|
| 1134 |
-
.datepicker-placeholder {
|
| 1135 |
-
min-height: 250px;
|
| 1136 |
-
min-width: 210px;
|
| 1137 |
-
position: relative; }
|
| 1138 |
-
|
| 1139 |
-
.ui-datepicker {
|
| 1140 |
-
background-color: #141517;
|
| 1141 |
-
border-radius: 2px;
|
| 1142 |
-
color: #a8a8a8;
|
| 1143 |
-
display: none;
|
| 1144 |
-
padding: 30px;
|
| 1145 |
-
position: absolute;
|
| 1146 |
-
-webkit-box-shadow: inset 0 1px 0 black, 0 1px 0 rgba(255, 255, 255, 0.06);
|
| 1147 |
-
-moz-box-shadow: inset 0 1px 0 black, 0 1px 0 rgba(255, 255, 255, 0.06);
|
| 1148 |
-
box-shadow: inset 0 1px 0 black, 0 1px 0 rgba(255, 255, 255, 0.06);
|
| 1149 |
-
-webkit-user-select: none;
|
| 1150 |
-
-moz-user-select: none;
|
| 1151 |
-
-ms-user-select: none;
|
| 1152 |
-
user-select: none; }
|
| 1153 |
-
|
| 1154 |
-
.ui-datepicker-calendar {
|
| 1155 |
-
border-collapse: separate; }
|
| 1156 |
-
.ui-datepicker-calendar td {
|
| 1157 |
-
border: 1px solid transparent;
|
| 1158 |
-
cursor: pointer;
|
| 1159 |
-
padding: 5px 7px;
|
| 1160 |
-
text-align: center; }
|
| 1161 |
-
.ui-datepicker-calendar td:hover, .ui-datepicker-calendar td.ui-datepicker-current-day {
|
| 1162 |
-
border-color: #759827; }
|
| 1163 |
-
.ui-datepicker-calendar td.ui-state-disabled {
|
| 1164 |
-
border-color: transparent;
|
| 1165 |
-
cursor: default;
|
| 1166 |
-
color: #565656; }
|
| 1167 |
-
.ui-datepicker-calendar td.ui-datepicker-today {
|
| 1168 |
-
background-color: #243205;
|
| 1169 |
-
color: #759827; }
|
| 1170 |
-
.ui-datepicker-calendar a {
|
| 1171 |
-
text-decoration: none; }
|
| 1172 |
-
.ui-datepicker-calendar th {
|
| 1173 |
-
cursor: default;
|
| 1174 |
-
padding: 5px 7px;
|
| 1175 |
-
text-align: center;
|
| 1176 |
-
text-transform: uppercase; }
|
| 1177 |
-
|
| 1178 |
-
.ui-datepicker-header {
|
| 1179 |
-
border-bottom: 1px solid #d6d6d6;
|
| 1180 |
-
cursor: default;
|
| 1181 |
-
margin: 0 6px 10px;
|
| 1182 |
-
padding-bottom: 10px;
|
| 1183 |
-
position: relative;
|
| 1184 |
-
text-align: center;
|
| 1185 |
-
text-transform: uppercase; }
|
| 1186 |
-
.ui-datepicker-header .year {
|
| 1187 |
-
color: #565656;
|
| 1188 |
-
padding-left: 19px;
|
| 1189 |
-
position: relative; }
|
| 1190 |
-
.ui-datepicker-header .year:before {
|
| 1191 |
-
background: #99c043;
|
| 1192 |
-
border-radius: 50%;
|
| 1193 |
-
content: "";
|
| 1194 |
-
height: 4px;
|
| 1195 |
-
left: 6px;
|
| 1196 |
-
position: absolute;
|
| 1197 |
-
top: 5px;
|
| 1198 |
-
width: 4px; }
|
| 1199 |
-
.ui-datepicker-header .ui-datepicker-prev, .ui-datepicker-header .ui-datepicker-next {
|
| 1200 |
-
background: url("images/datepicker/back.png") 5px 3px no-repeat;
|
| 1201 |
-
bottom: 9px;
|
| 1202 |
-
cursor: pointer;
|
| 1203 |
-
font-size: 1px;
|
| 1204 |
-
height: 16px;
|
| 1205 |
-
left: -4px;
|
| 1206 |
-
overflow: hidden;
|
| 1207 |
-
position: absolute;
|
| 1208 |
-
text-indent: -999em;
|
| 1209 |
-
width: 16px; }
|
| 1210 |
-
.ui-datepicker-header .ui-datepicker-prev:hover, .ui-datepicker-header .ui-datepicker-next:hover, .ui-datepicker-header .ui-datepicker-prev:focus, .ui-datepicker-header .ui-datepicker-next:focus {
|
| 1211 |
-
background-position: 5px -13px; }
|
| 1212 |
-
.ui-datepicker-header .ui-datepicker-prev.ui-state-disabled, .ui-datepicker-header .ui-state-disabled.ui-datepicker-next {
|
| 1213 |
-
background-position: 5px -29px;
|
| 1214 |
-
cursor: default; }
|
| 1215 |
-
.ui-datepicker-header .ui-datepicker-next {
|
| 1216 |
-
background-image: url("images/datepicker/forward.png");
|
| 1217 |
-
left: auto;
|
| 1218 |
-
right: -5px; }
|
| 1219 |
-
|
| 1220 |
-
.ui-datepicker-buttonpane {
|
| 1221 |
-
position: absolute;
|
| 1222 |
-
right: 0;
|
| 1223 |
-
top: 0;
|
| 1224 |
-
width: 100%; }
|
| 1225 |
-
.ui-datepicker-buttonpane .ui-datepicker-current {
|
| 1226 |
-
background: none;
|
| 1227 |
-
border: none;
|
| 1228 |
-
color: #565656;
|
| 1229 |
-
cursor: pointer;
|
| 1230 |
-
font: italic 12px Georgia, serif;
|
| 1231 |
-
margin: 8px -15px 0 0;
|
| 1232 |
-
position: absolute;
|
| 1233 |
-
right: 50%; }
|
| 1234 |
-
.ui-datepicker-buttonpane .ui-datepicker-current:hover {
|
| 1235 |
-
color: #999999; }
|
| 1236 |
-
|
| 1237 |
-
.ui-datepicker-close {
|
| 1238 |
-
background: url("images/datepicker/close.png") 8px 9px no-repeat;
|
| 1239 |
-
border: none;
|
| 1240 |
-
cursor: pointer;
|
| 1241 |
-
font-size: 1px;
|
| 1242 |
-
height: 27px;
|
| 1243 |
-
overflow: hidden;
|
| 1244 |
-
position: absolute;
|
| 1245 |
-
text-indent: -999em;
|
| 1246 |
-
right: 0;
|
| 1247 |
-
top: 0;
|
| 1248 |
-
width: 27px; }
|
| 1249 |
-
.ui-datepicker-close:hover, .ui-datepicker-close:focus {
|
| 1250 |
-
background-position: 8px -11px; }
|
| 1251 |
-
|
| 1252 |
-
.equalizer-bar {
|
| 1253 |
-
background-color: #1e1f22;
|
| 1254 |
-
border-radius: 10px;
|
| 1255 |
-
float: left;
|
| 1256 |
-
height: 114px;
|
| 1257 |
-
margin-right: 6px;
|
| 1258 |
-
position: relative;
|
| 1259 |
-
width: 5px;
|
| 1260 |
-
-webkit-box-shadow: inset 0 1px 0 black, 1px 1px 0 rgba(255, 255, 255, 0.06);
|
| 1261 |
-
-moz-box-shadow: inset 0 1px 0 black, 1px 1px 0 rgba(255, 255, 255, 0.06);
|
| 1262 |
-
box-shadow: inset 0 1px 0 black, 1px 1px 0 rgba(255, 255, 255, 0.06);
|
| 1263 |
-
-webkit-user-select: none;
|
| 1264 |
-
-moz-user-select: none;
|
| 1265 |
-
-ms-user-select: none;
|
| 1266 |
-
user-select: none; }
|
| 1267 |
-
.equalizer-bar.minimal .equalizer-scale {
|
| 1268 |
-
background: #141517;
|
| 1269 |
-
-webkit-box-shadow: 1px 1px 0 rgba(255, 255, 255, 0.06);
|
| 1270 |
-
-moz-box-shadow: 1px 1px 0 rgba(255, 255, 255, 0.06);
|
| 1271 |
-
box-shadow: 1px 1px 0 rgba(255, 255, 255, 0.06); }
|
| 1272 |
-
.equalizer-bar.elastic .equalizer-scale {
|
| 1273 |
-
background: #a4a4a4;
|
| 1274 |
-
background-image: -webkit-gradient(linear, left top, right top, color-stop(0%, #e1e1e1), color-stop(100%, #a4a4a4));
|
| 1275 |
-
background-image: -webkit-linear-gradient(left, #e1e1e1, #a4a4a4);
|
| 1276 |
-
background-image: -moz-linear-gradient(left, #e1e1e1, #a4a4a4);
|
| 1277 |
-
background-image: -ms-linear-gradient(left, #e1e1e1, #a4a4a4);
|
| 1278 |
-
background-image: -o-linear-gradient(left, #e1e1e1, #a4a4a4);
|
| 1279 |
-
background-image: linear-gradient(left, #e1e1e1, #a4a4a4); }
|
| 1280 |
-
|
| 1281 |
-
.equalizer-delimiter {
|
| 1282 |
-
background: url("images/equalizer/bar-delimiter.png") 0 0 no-repeat;
|
| 1283 |
-
float: left;
|
| 1284 |
-
margin-right: 6px;
|
| 1285 |
-
height: 114px;
|
| 1286 |
-
width: 5px; }
|
| 1287 |
-
|
| 1288 |
-
.equalizer-scale {
|
| 1289 |
-
border-radius: 10px;
|
| 1290 |
-
bottom: 0;
|
| 1291 |
-
left: 0;
|
| 1292 |
-
position: absolute;
|
| 1293 |
-
width: 100%;
|
| 1294 |
-
-webkit-box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4), 1px 1px 1px rgba(0, 0, 0, 0.4);
|
| 1295 |
-
-moz-box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4), 1px 1px 1px rgba(0, 0, 0, 0.4);
|
| 1296 |
-
box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4), 1px 1px 1px rgba(0, 0, 0, 0.4);
|
| 1297 |
-
background: #91b73c;
|
| 1298 |
-
background-image: -webkit-gradient(linear, left top, right top, color-stop(0%, #6c901b), color-stop(100%, #91b73c));
|
| 1299 |
-
background-image: -webkit-linear-gradient(left, #6c901b, #91b73c);
|
| 1300 |
-
background-image: -moz-linear-gradient(left, #6c901b, #91b73c);
|
| 1301 |
-
background-image: -ms-linear-gradient(left, #6c901b, #91b73c);
|
| 1302 |
-
background-image: -o-linear-gradient(left, #6c901b, #91b73c);
|
| 1303 |
-
background-image: linear-gradient(left, #6c901b, #91b73c); }
|
| 1304 |
-
|
| 1305 |
-
.equalizer .ui-slider-handle {
|
| 1306 |
-
background: url("images/equalizer/slider.png") 5px 0 no-repeat;
|
| 1307 |
-
cursor: pointer;
|
| 1308 |
-
height: 16px;
|
| 1309 |
-
left: -6px;
|
| 1310 |
-
margin-bottom: -8px;
|
| 1311 |
-
position: absolute;
|
| 1312 |
-
width: 17px; }
|
| 1313 |
-
.equalizer .ui-slider-handle:hover, .equalizer .ui-slider-handle:focus {
|
| 1314 |
-
background-position: 5px -33px; }
|
| 1315 |
-
|
| 1316 |
-
.header {
|
| 1317 |
-
background: #141517;
|
| 1318 |
-
border-bottom: 1px solid rgba(255, 255, 255, 0.15);
|
| 1319 |
-
color: white; }
|
| 1320 |
-
|
| 1321 |
-
.header-controls {
|
| 1322 |
-
color: #8d8d8d;
|
| 1323 |
-
font-size: 11px; }
|
| 1324 |
-
.header-controls a {
|
| 1325 |
-
color: #dddddd;
|
| 1326 |
-
text-decoration: none; }
|
| 1327 |
-
.header-controls a:hover {
|
| 1328 |
-
color: white; }
|
| 1329 |
-
.header-controls .delimiter {
|
| 1330 |
-
font-family: Georgia, serif;
|
| 1331 |
-
font-style: italic; }
|
| 1332 |
-
.header-controls .fb-signup {
|
| 1333 |
-
background: url("images/header/fb-signup.png") 0 0 no-repeat;
|
| 1334 |
-
display: inline-block;
|
| 1335 |
-
height: 21px;
|
| 1336 |
-
margin: -7px 0;
|
| 1337 |
-
width: 89px; }
|
| 1338 |
-
|
| 1339 |
-
.header-navigation {
|
| 1340 |
-
font-family: "Helvetica Neue", Arial, sans-serif;
|
| 1341 |
-
font-size: 13px;
|
| 1342 |
-
text-transform: uppercase; }
|
| 1343 |
-
.header-navigation li {
|
| 1344 |
-
display: inline-block;
|
| 1345 |
-
height: 16px;
|
| 1346 |
-
position: relative;
|
| 1347 |
-
top: 2px; }
|
| 1348 |
-
.header-navigation li:after {
|
| 1349 |
-
background: #84aa30;
|
| 1350 |
-
border-radius: 50%;
|
| 1351 |
-
content: "";
|
| 1352 |
-
height: 4px;
|
| 1353 |
-
margin-top: -2px;
|
| 1354 |
-
position: absolute;
|
| 1355 |
-
right: -4px;
|
| 1356 |
-
top: 50%;
|
| 1357 |
-
width: 4px; }
|
| 1358 |
-
.header-navigation li:last-child:after {
|
| 1359 |
-
display: none; }
|
| 1360 |
-
.header-navigation li.current:before {
|
| 1361 |
-
background: url("images/header/ear.png") 0 0 no-repeat;
|
| 1362 |
-
bottom: -20px;
|
| 1363 |
-
content: "";
|
| 1364 |
-
height: 8px;
|
| 1365 |
-
left: 50%;
|
| 1366 |
-
margin-left: -7px;
|
| 1367 |
-
position: absolute;
|
| 1368 |
-
width: 14px; }
|
| 1369 |
-
.header-navigation li.current a {
|
| 1370 |
-
color: #94be38; }
|
| 1371 |
-
.header-navigation a {
|
| 1372 |
-
margin: 0 13px;
|
| 1373 |
-
text-decoration: none; }
|
| 1374 |
-
.header-navigation a:hover {
|
| 1375 |
-
color: #d0deb2; }
|
| 1376 |
-
|
| 1377 |
-
.header-search {
|
| 1378 |
-
float: right;
|
| 1379 |
-
margin: -5px 0 -9px;
|
| 1380 |
-
width: 66%; }
|
| 1381 |
-
|
| 1382 |
-
.login-block {
|
| 1383 |
-
background-color: #141517;
|
| 1384 |
-
border-radius: 8px;
|
| 1385 |
-
color: white;
|
| 1386 |
-
padding: 23px 30px 30px;
|
| 1387 |
-
position: relative;
|
| 1388 |
-
-webkit-box-shadow: inset 0 1px 0 black, 0 1px 0 rgba(255, 255, 255, 0.06);
|
| 1389 |
-
-moz-box-shadow: inset 0 1px 0 black, 0 1px 0 rgba(255, 255, 255, 0.06);
|
| 1390 |
-
box-shadow: inset 0 1px 0 black, 0 1px 0 rgba(255, 255, 255, 0.06);
|
| 1391 |
-
behavior: url("javascripts/vendor/PIE.htc"); }
|
| 1392 |
-
.login-block .login-ear {
|
| 1393 |
-
background: url("images/login-block/ear.png") 0 0 no-repeat;
|
| 1394 |
-
height: 13px;
|
| 1395 |
-
left: 23px;
|
| 1396 |
-
position: absolute;
|
| 1397 |
-
top: -12px;
|
| 1398 |
-
width: 12px; }
|
| 1399 |
-
.login-block .login-buttons {
|
| 1400 |
-
padding-top: 40px; }
|
| 1401 |
-
|
| 1402 |
-
.pagination {
|
| 1403 |
-
-webkit-user-select: none;
|
| 1404 |
-
-moz-user-select: none;
|
| 1405 |
-
-ms-user-select: none;
|
| 1406 |
-
user-select: none; }
|
| 1407 |
-
.pagination li {
|
| 1408 |
-
float: left;
|
| 1409 |
-
font-weight: bold;
|
| 1410 |
-
margin-right: 7px;
|
| 1411 |
-
text-align: center; }
|
| 1412 |
-
.pagination li.active a {
|
| 1413 |
-
color: #3e5706;
|
| 1414 |
-
text-shadow: 0 1px 0 white;
|
| 1415 |
-
-webkit-box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2);
|
| 1416 |
-
-moz-box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2);
|
| 1417 |
-
box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2);
|
| 1418 |
-
background: #9e9e9e;
|
| 1419 |
-
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fdfdfd), color-stop(100%, #9e9e9e));
|
| 1420 |
-
background-image: -webkit-linear-gradient(top, #fdfdfd, #9e9e9e);
|
| 1421 |
-
background-image: -moz-linear-gradient(top, #fdfdfd, #9e9e9e);
|
| 1422 |
-
background-image: -ms-linear-gradient(top, #fdfdfd, #9e9e9e);
|
| 1423 |
-
background-image: -o-linear-gradient(top, #fdfdfd, #9e9e9e);
|
| 1424 |
-
background-image: linear-gradient(top, #fdfdfd, #9e9e9e);
|
| 1425 |
-
-pie-background: linear-gradient(#fdfdfd, #9e9e9e); }
|
| 1426 |
-
.pagination a {
|
| 1427 |
-
border-radius: 20px;
|
| 1428 |
-
color: white;
|
| 1429 |
-
display: block;
|
| 1430 |
-
height: 17px;
|
| 1431 |
-
padding: 4px 7px 0;
|
| 1432 |
-
text-decoration: none;
|
| 1433 |
-
text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.4);
|
| 1434 |
-
-webkit-box-shadow: inset 1px 1px 0 rgba(0, 0, 0, 0.3), 1px 1px 0 rgba(255, 255, 255, 0.1);
|
| 1435 |
-
-moz-box-shadow: inset 1px 1px 0 rgba(0, 0, 0, 0.3), 1px 1px 0 rgba(255, 255, 255, 0.1);
|
| 1436 |
-
box-shadow: inset 1px 1px 0 rgba(0, 0, 0, 0.3), 1px 1px 0 rgba(255, 255, 255, 0.1);
|
| 1437 |
-
behavior: url("javascripts/vendor/PIE.htc"); }
|
| 1438 |
-
.pagination a:hover {
|
| 1439 |
-
background-color: #3f4147; }
|
| 1440 |
-
.pagination .pagination-up, .pagination .pagination-down, .pagination .pagination-left, .pagination .pagination-right {
|
| 1441 |
-
background: url("images/pagination/up.png") 0 0 no-repeat;
|
| 1442 |
-
cursor: pointer;
|
| 1443 |
-
float: left;
|
| 1444 |
-
height: 11px;
|
| 1445 |
-
margin-right: 3px;
|
| 1446 |
-
width: 11px;
|
| 1447 |
-
-webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
|
| 1448 |
-
-moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
|
| 1449 |
-
box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3); }
|
| 1450 |
-
.pagination .pagination-down {
|
| 1451 |
-
background-image: url("images/pagination/down.png"); }
|
| 1452 |
-
.pagination .pagination-left {
|
| 1453 |
-
background-image: url("images/pagination/left.png"); }
|
| 1454 |
-
.pagination .pagination-right {
|
| 1455 |
-
background-image: url("images/pagination/right.png"); }
|
| 1456 |
-
|
| 1457 |
-
.player-control-wrapper {
|
| 1458 |
-
float: left;
|
| 1459 |
-
position: relative; }
|
| 1460 |
-
.player-control-wrapper.opened .player-scale {
|
| 1461 |
-
left: 13px; }
|
| 1462 |
-
|
| 1463 |
-
.player-control, .player-control-huge {
|
| 1464 |
-
background: url("images/player/control.png") 0 0 no-repeat;
|
| 1465 |
-
cursor: pointer;
|
| 1466 |
-
float: left;
|
| 1467 |
-
height: 35px;
|
| 1468 |
-
margin-right: 8px;
|
| 1469 |
-
position: relative;
|
| 1470 |
-
width: 35px;
|
| 1471 |
-
z-index: 5; }
|
| 1472 |
-
.player-control:hover, .player-control-huge:hover {
|
| 1473 |
-
background-position: 0 bottom; }
|
| 1474 |
-
.player-control:hover .player-icon, .player-control-huge:hover .player-icon {
|
| 1475 |
-
background-position: center bottom; }
|
| 1476 |
-
|
| 1477 |
-
.player-control-huge {
|
| 1478 |
-
background-image: url("images/player/control-big.png");
|
| 1479 |
-
height: 54px;
|
| 1480 |
-
margin-top: -10px;
|
| 1481 |
-
width: 54px; }
|
| 1482 |
-
.player-control-huge .player-icon {
|
| 1483 |
-
height: 24px;
|
| 1484 |
-
margin: 15px 0 0 17px;
|
| 1485 |
-
width: 24px; }
|
| 1486 |
-
|
| 1487 |
-
.player-icon {
|
| 1488 |
-
background-position: center 0;
|
| 1489 |
-
background-repeat: no-repeat;
|
| 1490 |
-
height: 16px;
|
| 1491 |
-
margin: 10px 0 0 7px;
|
| 1492 |
-
width: 20px; }
|
| 1493 |
-
.player-icon.p-back {
|
| 1494 |
-
background-image: url("images/player/icon-back.png"); }
|
| 1495 |
-
.player-icon.p-next {
|
| 1496 |
-
background-image: url("images/player/icon-next.png"); }
|
| 1497 |
-
.player-icon.p-play {
|
| 1498 |
-
background-image: url("images/player/icon-play.png"); }
|
| 1499 |
-
.player-icon.p-volume {
|
| 1500 |
-
background-image: url("images/player/icon-volume.png"); }
|
| 1501 |
-
|
| 1502 |
-
.player-scale-holder {
|
| 1503 |
-
overflow: hidden;
|
| 1504 |
-
position: absolute;
|
| 1505 |
-
left: 10px;
|
| 1506 |
-
top: 7px;
|
| 1507 |
-
width: 106px;
|
| 1508 |
-
z-index: 4; }
|
| 1509 |
-
|
| 1510 |
-
.player-scale {
|
| 1511 |
-
background-color: #141517;
|
| 1512 |
-
border-radius: 20px;
|
| 1513 |
-
left: -75px;
|
| 1514 |
-
padding: 4px 4px 4px 13px;
|
| 1515 |
-
position: relative;
|
| 1516 |
-
width: 65px;
|
| 1517 |
-
-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.06);
|
| 1518 |
-
-moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.06);
|
| 1519 |
-
box-shadow: 0 1px 0 rgba(255, 255, 255, 0.06);
|
| 1520 |
-
-webkit-transition: left 0.2s;
|
| 1521 |
-
-moz-transition: left 0.2s;
|
| 1522 |
-
-ms-transition: left 0.2s;
|
| 1523 |
-
-o-transition: left 0.2s;
|
| 1524 |
-
transition: left 0.2s; }
|
| 1525 |
-
|
| 1526 |
-
.player-scale-filler {
|
| 1527 |
-
border-radius: 20px;
|
| 1528 |
-
height: 12px;
|
| 1529 |
-
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4);
|
| 1530 |
-
-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4);
|
| 1531 |
-
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4);
|
| 1532 |
-
background: #6e921d;
|
| 1533 |
-
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #acd05f), color-stop(100%, #6e921d));
|
| 1534 |
-
background-image: -webkit-linear-gradient(top, #acd05f, #6e921d);
|
| 1535 |
-
background-image: -moz-linear-gradient(top, #acd05f, #6e921d);
|
| 1536 |
-
background-image: -ms-linear-gradient(top, #acd05f, #6e921d);
|
| 1537 |
-
background-image: -o-linear-gradient(top, #acd05f, #6e921d);
|
| 1538 |
-
background-image: linear-gradient(top, #acd05f, #6e921d);
|
| 1539 |
-
-pie-background: linear-gradient(#acd05f, #6e921d); }
|
| 1540 |
-
|
| 1541 |
-
.progressbar-label {
|
| 1542 |
-
color: white;
|
| 1543 |
-
margin-bottom: 6px;
|
| 1544 |
-
text-align: right;
|
| 1545 |
-
text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5); }
|
| 1546 |
-
|
| 1547 |
-
.scrollbox {
|
| 1548 |
-
background-color: #1e1f22;
|
| 1549 |
-
border-radius: 10px;
|
| 1550 |
-
height: 7px;
|
| 1551 |
-
position: relative;
|
| 1552 |
-
-webkit-box-sizing: border-box;
|
| 1553 |
-
-moz-box-sizing: border-box;
|
| 1554 |
-
box-sizing: border-box;
|
| 1555 |
-
-webkit-box-shadow: inset 0 1px 0 black, 0 1px 0 rgba(255, 255, 255, 0.1);
|
| 1556 |
-
-moz-box-shadow: inset 0 1px 0 black, 0 1px 0 rgba(255, 255, 255, 0.1);
|
| 1557 |
-
box-shadow: inset 0 1px 0 black, 0 1px 0 rgba(255, 255, 255, 0.1);
|
| 1558 |
-
-webkit-user-select: none;
|
| 1559 |
-
-moz-user-select: none;
|
| 1560 |
-
-ms-user-select: none;
|
| 1561 |
-
user-select: none;
|
| 1562 |
-
behavior: url("javascripts/vendor/PIE.htc"); }
|
| 1563 |
-
.scrollbox.dot .hitbox {
|
| 1564 |
-
height: 11px;
|
| 1565 |
-
top: -2px; }
|
| 1566 |
-
.scrollbox.dot .ui-slider-handle {
|
| 1567 |
-
top: 1px;
|
| 1568 |
-
height: 7px;
|
| 1569 |
-
margin-left: -3px;
|
| 1570 |
-
right: -3px;
|
| 1571 |
-
width: 7px;
|
| 1572 |
-
background: #9f9f9f;
|
| 1573 |
-
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f7f7f7), color-stop(100%, #9f9f9f));
|
| 1574 |
-
background-image: -webkit-linear-gradient(top, #f7f7f7, #9f9f9f);
|
| 1575 |
-
background-image: -moz-linear-gradient(top, #f7f7f7, #9f9f9f);
|
| 1576 |
-
background-image: -ms-linear-gradient(top, #f7f7f7, #9f9f9f);
|
| 1577 |
-
background-image: -o-linear-gradient(top, #f7f7f7, #9f9f9f);
|
| 1578 |
-
background-image: linear-gradient(top, #f7f7f7, #9f9f9f);
|
| 1579 |
-
-pie-background: linear-gradient(#f7f7f7, #9f9f9f);
|
| 1580 |
-
behavior: url("javascripts/vendor/PIE.htc"); }
|
| 1581 |
-
.scrollbox.disk .hitbox {
|
| 1582 |
-
height: 19px;
|
| 1583 |
-
top: -6px; }
|
| 1584 |
-
.scrollbox.disk .ui-slider-handle {
|
| 1585 |
-
background: url("images/scrollbox/sliders.png") 0 0 no-repeat;
|
| 1586 |
-
top: -2px;
|
| 1587 |
-
height: 19px;
|
| 1588 |
-
margin-left: -9px;
|
| 1589 |
-
right: -9px;
|
| 1590 |
-
width: 19px; }
|
| 1591 |
-
.scrollbox.fat .hitbox {
|
| 1592 |
-
height: 19px;
|
| 1593 |
-
top: -6px; }
|
| 1594 |
-
.scrollbox.fat .scale {
|
| 1595 |
-
border: none;
|
| 1596 |
-
height: 7px;
|
| 1597 |
-
-webkit-box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.4);
|
| 1598 |
-
-moz-box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.4);
|
| 1599 |
-
box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.4);
|
| 1600 |
-
background: #71951f;
|
| 1601 |
-
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #afd067), color-stop(100%, #71951f));
|
| 1602 |
-
background-image: -webkit-linear-gradient(top, #afd067, #71951f);
|
| 1603 |
-
background-image: -moz-linear-gradient(top, #afd067, #71951f);
|
| 1604 |
-
background-image: -ms-linear-gradient(top, #afd067, #71951f);
|
| 1605 |
-
background-image: -o-linear-gradient(top, #afd067, #71951f);
|
| 1606 |
-
background-image: linear-gradient(top, #afd067, #71951f);
|
| 1607 |
-
-pie-background: linear-gradient(#afd067, #71951f);
|
| 1608 |
-
behavior: url("javascripts/vendor/PIE.htc"); }
|
| 1609 |
-
.scrollbox.fat .ui-slider-handle {
|
| 1610 |
-
background: url("images/scrollbox/sliders.png") 0 0 no-repeat;
|
| 1611 |
-
top: -2px;
|
| 1612 |
-
height: 19px;
|
| 1613 |
-
margin-left: -9px;
|
| 1614 |
-
right: -9px;
|
| 1615 |
-
width: 19px; }
|
| 1616 |
-
.scrollbox.range .hitbox {
|
| 1617 |
-
height: 19px;
|
| 1618 |
-
top: -6px; }
|
| 1619 |
-
.scrollbox.range .ui-slider-handle {
|
| 1620 |
-
background: url("images/scrollbox/sliders.png") center -30px no-repeat;
|
| 1621 |
-
top: -2px;
|
| 1622 |
-
height: 19px;
|
| 1623 |
-
margin-left: -9px;
|
| 1624 |
-
right: -9px;
|
| 1625 |
-
width: 19px; }
|
| 1626 |
-
.scrollbox.range .ui-slider-handle:hover, .scrollbox.range .ui-slider-handle:active {
|
| 1627 |
-
background-position: center -61px;
|
| 1628 |
-
-webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
|
| 1629 |
-
-moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
|
| 1630 |
-
box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5); }
|
| 1631 |
-
.scrollbox .scale {
|
| 1632 |
-
background-color: #84aa31;
|
| 1633 |
-
border: 2px solid #212227;
|
| 1634 |
-
border-radius: 10px;
|
| 1635 |
-
height: 3px;
|
| 1636 |
-
position: relative;
|
| 1637 |
-
background: #8db439;
|
| 1638 |
-
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #7ba129), color-stop(100%, #8db439));
|
| 1639 |
-
background-image: -webkit-linear-gradient(top, #7ba129, #8db439);
|
| 1640 |
-
background-image: -moz-linear-gradient(top, #7ba129, #8db439);
|
| 1641 |
-
background-image: -ms-linear-gradient(top, #7ba129, #8db439);
|
| 1642 |
-
background-image: -o-linear-gradient(top, #7ba129, #8db439);
|
| 1643 |
-
background-image: linear-gradient(top, #7ba129, #8db439);
|
| 1644 |
-
-pie-background: linear-gradient(#7ba129, #8db439); }
|
| 1645 |
-
.scrollbox .ui-slider-handle {
|
| 1646 |
-
border-radius: 50%;
|
| 1647 |
-
cursor: pointer;
|
| 1648 |
-
margin-top: 1px;
|
| 1649 |
-
position: absolute;
|
| 1650 |
-
z-index: 3;
|
| 1651 |
-
-webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
|
| 1652 |
-
-moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
|
| 1653 |
-
box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
|
| 1654 |
-
-webkit-user-select: none;
|
| 1655 |
-
-moz-user-select: none;
|
| 1656 |
-
-ms-user-select: none;
|
| 1657 |
-
user-select: none; }
|
| 1658 |
-
.scrollbox .ui-slider-handle:hover {
|
| 1659 |
-
-webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5), inset 0 0 7px rgba(0, 0, 0, 0.5);
|
| 1660 |
-
-moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5), inset 0 0 7px rgba(0, 0, 0, 0.5);
|
| 1661 |
-
box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5), inset 0 0 7px rgba(0, 0, 0, 0.5); }
|
| 1662 |
-
.scrollbox .ui-slider-handle:active {
|
| 1663 |
-
-webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5), inset 0 0 7px rgba(0, 0, 0, 0.8);
|
| 1664 |
-
-moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5), inset 0 0 7px rgba(0, 0, 0, 0.8);
|
| 1665 |
-
box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5), inset 0 0 7px rgba(0, 0, 0, 0.8); }
|
| 1666 |
-
.scrollbox .hitbox {
|
| 1667 |
-
position: absolute;
|
| 1668 |
-
width: 100%;
|
| 1669 |
-
z-index: 2; }
|
| 1670 |
-
|
| 1671 |
-
.site-info {
|
| 1672 |
-
padding: 70px 0 40px;
|
| 1673 |
-
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.06); }
|
| 1674 |
-
.site-info .sitename {
|
| 1675 |
-
font-weight: bold;
|
| 1676 |
-
margin-bottom: 5px;
|
| 1677 |
-
text-transform: uppercase; }
|
| 1678 |
-
.site-info .about {
|
| 1679 |
-
font-family: Georgia, serif;
|
| 1680 |
-
font-style: italic;
|
| 1681 |
-
overflow: hidden;
|
| 1682 |
-
position: relative;
|
| 1683 |
-
text-align: center;
|
| 1684 |
-
width: 311px; }
|
| 1685 |
-
.site-info .version {
|
| 1686 |
-
font-family: Georgia, serif;
|
| 1687 |
-
font-size: 11px;
|
| 1688 |
-
margin-left: 3px;
|
| 1689 |
-
position: relative;
|
| 1690 |
-
top: -5px; }
|
| 1691 |
-
.site-info .legend-center {
|
| 1692 |
-
display: inline-block;
|
| 1693 |
-
padding: 0 5px 2px;
|
| 1694 |
-
vertical-align: middle; }
|
| 1695 |
-
.site-info .legend-left,
|
| 1696 |
-
.site-info .legend-right {
|
| 1697 |
-
border-bottom: 1px solid rgba(255, 255, 255, 0.06);
|
| 1698 |
-
border-top: 1px solid black;
|
| 1699 |
-
display: inline-block;
|
| 1700 |
-
margin: 0 0 0 -999px;
|
| 1701 |
-
vertical-align: middle;
|
| 1702 |
-
width: 999px; }
|
| 1703 |
-
.site-info .legend-right {
|
| 1704 |
-
margin: 0 -999px 0 0; }
|
| 1705 |
-
|
| 1706 |
-
.site-info-credentials {
|
| 1707 |
-
color: #999999;
|
| 1708 |
-
padding-top: 50px;
|
| 1709 |
-
text-align: center; }
|
| 1710 |
-
|
| 1711 |
-
.site-info-links {
|
| 1712 |
-
padding-top: 35px; }
|
| 1713 |
-
|
| 1714 |
-
.slideshow,
|
| 1715 |
-
.slideshow .slideshow-slides-wrapper,
|
| 1716 |
-
.slideshow .each-slide {
|
| 1717 |
-
height: 174px;
|
| 1718 |
-
width: 272px; }
|
| 1719 |
-
|
| 1720 |
-
.slideshow {
|
| 1721 |
-
background: #141517;
|
| 1722 |
-
border-radius: 8px;
|
| 1723 |
-
display: inline-block;
|
| 1724 |
-
margin: 0 20px;
|
| 1725 |
-
padding: 4px;
|
| 1726 |
-
position: relative;
|
| 1727 |
-
-webkit-box-shadow: inset 0 1px 0 black, 0 1px 0 rgba(255, 255, 255, 0.06);
|
| 1728 |
-
-moz-box-shadow: inset 0 1px 0 black, 0 1px 0 rgba(255, 255, 255, 0.06);
|
| 1729 |
-
box-shadow: inset 0 1px 0 black, 0 1px 0 rgba(255, 255, 255, 0.06); }
|
| 1730 |
-
.slideshow .slideshow-slides-wrapper {
|
| 1731 |
-
overflow: hidden;
|
| 1732 |
-
position: relative; }
|
| 1733 |
-
.slideshow .slideshow-slides {
|
| 1734 |
-
position: absolute;
|
| 1735 |
-
-webkit-transition: all 0.2s;
|
| 1736 |
-
-moz-transition: all 0.2s;
|
| 1737 |
-
-ms-transition: all 0.2s;
|
| 1738 |
-
-o-transition: all 0.2s;
|
| 1739 |
-
transition: all 0.2s; }
|
| 1740 |
-
.slideshow .each-slide {
|
| 1741 |
-
background-position: center;
|
| 1742 |
-
background-repeat: no-repeat;
|
| 1743 |
-
border-radius: 5px;
|
| 1744 |
-
float: left;
|
| 1745 |
-
position: relative; }
|
| 1746 |
-
.slideshow .show-slide {
|
| 1747 |
-
background: url("images/slideshow/prev.png") 0 0 no-repeat;
|
| 1748 |
-
cursor: pointer;
|
| 1749 |
-
height: 22px;
|
| 1750 |
-
margin-top: -13px;
|
| 1751 |
-
position: absolute;
|
| 1752 |
-
top: 50%;
|
| 1753 |
-
left: -30px;
|
| 1754 |
-
width: 14px; }
|
| 1755 |
-
.slideshow .show-slide:hover {
|
| 1756 |
-
background-position: 0 bottom; }
|
| 1757 |
-
.slideshow .show-slide.next {
|
| 1758 |
-
background-image: url("images/slideshow/next.png");
|
| 1759 |
-
left: auto;
|
| 1760 |
-
right: -30px; }
|
| 1761 |
-
.slideshow .slide-description {
|
| 1762 |
-
background-color: black;
|
| 1763 |
-
border-radius: 0 0 5px 5px;
|
| 1764 |
-
bottom: 0;
|
| 1765 |
-
color: white;
|
| 1766 |
-
padding: 11px 13px;
|
| 1767 |
-
position: absolute;
|
| 1768 |
-
width: 100%;
|
| 1769 |
-
-webkit-box-sizing: border-box;
|
| 1770 |
-
-moz-box-sizing: border-box;
|
| 1771 |
-
box-sizing: border-box; }
|
| 1772 |
-
|
| 1773 |
-
.starbar {
|
| 1774 |
-
background: #94eaf3 url("images/starbar/background.png") 0 0 repeat-x;
|
| 1775 |
-
border-radius: 8px;
|
| 1776 |
-
display: inline-block;
|
| 1777 |
-
height: 16px;
|
| 1778 |
-
padding: 10px;
|
| 1779 |
-
-webkit-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.3), 0 1px 1px rgba(0, 0, 0, 0.4);
|
| 1780 |
-
-moz-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.3), 0 1px 1px rgba(0, 0, 0, 0.4);
|
| 1781 |
-
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.3), 0 1px 1px rgba(0, 0, 0, 0.4);
|
| 1782 |
-
behavior: url("javascripts/vendor/PIE.htc"); }
|
| 1783 |
-
.starbar .star {
|
| 1784 |
-
background: url("images/starbar/star.png") 0 0 no-repeat;
|
| 1785 |
-
float: left;
|
| 1786 |
-
height: 16px;
|
| 1787 |
-
width: 17px; }
|
| 1788 |
-
.starbar .star.half {
|
| 1789 |
-
background-position: 0 -22px; }
|
| 1790 |
-
.starbar .star.full {
|
| 1791 |
-
background-position: 0 -45px; }
|
| 1792 |
-
.starbar .star.focus {
|
| 1793 |
-
cursor: pointer; }
|
| 1794 |
-
.starbar .starbar-rating {
|
| 1795 |
-
color: #216a72;
|
| 1796 |
-
float: right;
|
| 1797 |
-
font-weight: bold;
|
| 1798 |
-
padding: 2px 5px 0 11px;
|
| 1799 |
-
-webkit-user-select: text;
|
| 1800 |
-
-moz-user-select: text;
|
| 1801 |
-
-ms-user-select: text;
|
| 1802 |
-
user-select: text;
|
| 1803 |
-
line-height: 1.1 \9; }
|
| 1804 |
-
|
| 1805 |
-
.sticker {
|
| 1806 |
-
color: white;
|
| 1807 |
-
position: relative;
|
| 1808 |
-
text-align: center;
|
| 1809 |
-
text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.15); }
|
| 1810 |
-
.sticker.percent {
|
| 1811 |
-
background: url("images/sticker/percent.png") 0 0 no-repeat;
|
| 1812 |
-
font: bold 42px "Helvetica Neue", Arial, sans-serif;
|
| 1813 |
-
height: 100px;
|
| 1814 |
-
letter-spacing: 1px;
|
| 1815 |
-
padding-top: 24px;
|
| 1816 |
-
width: 124px; }
|
| 1817 |
-
.sticker.pack {
|
| 1818 |
-
background: url("images/sticker/pack.png") 0 0 no-repeat;
|
| 1819 |
-
font: bold 38px "Helvetica Neue", Arial, sans-serif;
|
| 1820 |
-
height: 84px;
|
| 1821 |
-
padding-top: 13px;
|
| 1822 |
-
width: 97px; }
|
| 1823 |
-
.sticker.pack .sticker-label {
|
| 1824 |
-
background-color: #18657b;
|
| 1825 |
-
border-radius: 20px;
|
| 1826 |
-
font: bold 9px Arial, sans-serif;
|
| 1827 |
-
display: inline-block;
|
| 1828 |
-
letter-spacing: 1px;
|
| 1829 |
-
padding: 3px 10px;
|
| 1830 |
-
position: relative;
|
| 1831 |
-
text-transform: uppercase;
|
| 1832 |
-
top: -26px;
|
| 1833 |
-
-webkit-box-shadow: 1px 1px 0 rgba(255, 255, 255, 0.1);
|
| 1834 |
-
-moz-box-shadow: 1px 1px 0 rgba(255, 255, 255, 0.1);
|
| 1835 |
-
box-shadow: 1px 1px 0 rgba(255, 255, 255, 0.1);
|
| 1836 |
-
behavior: url("javascripts/vendor/PIE.htc"); }
|
| 1837 |
-
|
| 1838 |
-
.tabbox .ui-tabs-hide {
|
| 1839 |
-
display: none; }
|
| 1840 |
-
|
| 1841 |
-
.tabbox-tabs {
|
| 1842 |
-
color: #a8a8a8;
|
| 1843 |
-
font-size: 13px;
|
| 1844 |
-
overflow: hidden;
|
| 1845 |
-
text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2); }
|
| 1846 |
-
.tabbox-tabs li {
|
| 1847 |
-
border-radius: 10px 10px 0 0;
|
| 1848 |
-
cursor: pointer;
|
| 1849 |
-
float: left;
|
| 1850 |
-
margin-right: 3px;
|
| 1851 |
-
padding: 12px 60px 9px;
|
| 1852 |
-
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
|
| 1853 |
-
-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
|
| 1854 |
-
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
|
| 1855 |
-
background: #4b4d51;
|
| 1856 |
-
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #5b5d62), color-stop(100%, #4b4d51));
|
| 1857 |
-
background-image: -webkit-linear-gradient(top, #5b5d62, #4b4d51);
|
| 1858 |
-
background-image: -moz-linear-gradient(top, #5b5d62, #4b4d51);
|
| 1859 |
-
background-image: -ms-linear-gradient(top, #5b5d62, #4b4d51);
|
| 1860 |
-
background-image: -o-linear-gradient(top, #5b5d62, #4b4d51);
|
| 1861 |
-
background-image: linear-gradient(top, #5b5d62, #4b4d51);
|
| 1862 |
-
-pie-background: linear-gradient(#5b5d62, #4b4d51);
|
| 1863 |
-
-webkit-user-select: none;
|
| 1864 |
-
-moz-user-select: none;
|
| 1865 |
-
-ms-user-select: none;
|
| 1866 |
-
user-select: none;
|
| 1867 |
-
behavior: url("javascripts/vendor/PIE.htc"); }
|
| 1868 |
-
.tabbox-tabs li:hover {
|
| 1869 |
-
background: #595a5f;
|
| 1870 |
-
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #64656b), color-stop(100%, #595a5f));
|
| 1871 |
-
background-image: -webkit-linear-gradient(top, #64656b, #595a5f);
|
| 1872 |
-
background-image: -moz-linear-gradient(top, #64656b, #595a5f);
|
| 1873 |
-
background-image: -ms-linear-gradient(top, #64656b, #595a5f);
|
| 1874 |
-
background-image: -o-linear-gradient(top, #64656b, #595a5f);
|
| 1875 |
-
background-image: linear-gradient(top, #64656b, #595a5f);
|
| 1876 |
-
-pie-background: linear-gradient(#64656b, #595a5f); }
|
| 1877 |
-
.tabbox-tabs li:active {
|
| 1878 |
-
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), inset 0 1px 5px rgba(0, 0, 0, 0.4);
|
| 1879 |
-
-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), inset 0 1px 5px rgba(0, 0, 0, 0.4);
|
| 1880 |
-
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), inset 0 1px 5px rgba(0, 0, 0, 0.4);
|
| 1881 |
-
background: #4b4d51;
|
| 1882 |
-
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #5b5d62), color-stop(100%, #4b4d51));
|
| 1883 |
-
background-image: -webkit-linear-gradient(top, #5b5d62, #4b4d51);
|
| 1884 |
-
background-image: -moz-linear-gradient(top, #5b5d62, #4b4d51);
|
| 1885 |
-
background-image: -ms-linear-gradient(top, #5b5d62, #4b4d51);
|
| 1886 |
-
background-image: -o-linear-gradient(top, #5b5d62, #4b4d51);
|
| 1887 |
-
background-image: linear-gradient(top, #5b5d62, #4b4d51);
|
| 1888 |
-
-pie-background: linear-gradient(#5b5d62, #4b4d51); }
|
| 1889 |
-
.tabbox-tabs li.active {
|
| 1890 |
-
color: #404040;
|
| 1891 |
-
padding-bottom: 12px;
|
| 1892 |
-
text-shadow: 0 1px 0 white;
|
| 1893 |
-
-webkit-box-shadow: inset 0 1px white;
|
| 1894 |
-
-moz-box-shadow: inset 0 1px white;
|
| 1895 |
-
box-shadow: inset 0 1px white;
|
| 1896 |
-
background: #e5e5e5;
|
| 1897 |
-
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e7e7e7), color-stop(100%, #e5e5e5));
|
| 1898 |
-
background-image: -webkit-linear-gradient(top, #e7e7e7, #e5e5e5);
|
| 1899 |
-
background-image: -moz-linear-gradient(top, #e7e7e7, #e5e5e5);
|
| 1900 |
-
background-image: -ms-linear-gradient(top, #e7e7e7, #e5e5e5);
|
| 1901 |
-
background-image: -o-linear-gradient(top, #e7e7e7, #e5e5e5);
|
| 1902 |
-
background-image: linear-gradient(top, #e7e7e7, #e5e5e5);
|
| 1903 |
-
-pie-background: linear-gradient(#e7e7e7, #e5e5e5); }
|
| 1904 |
-
|
| 1905 |
-
.tabbox-stuff {
|
| 1906 |
-
background-color: #e5e5e5;
|
| 1907 |
-
border-radius: 0 10px 10px;
|
| 1908 |
-
padding: 14px;
|
| 1909 |
-
position: relative;
|
| 1910 |
-
behavior: url("javascripts/vendor/PIE.htc"); }
|
| 1911 |
-
|
| 1912 |
-
.tabbox-navigation {
|
| 1913 |
-
float: left;
|
| 1914 |
-
position: relative;
|
| 1915 |
-
width: 93px;
|
| 1916 |
-
z-index: 2; }
|
| 1917 |
-
.tabbox-navigation li {
|
| 1918 |
-
background-position: center center;
|
| 1919 |
-
background-repeat: no-repeat;
|
| 1920 |
-
cursor: pointer;
|
| 1921 |
-
height: 64px;
|
| 1922 |
-
position: relative;
|
| 1923 |
-
-webkit-user-select: none;
|
| 1924 |
-
-moz-user-select: none;
|
| 1925 |
-
-ms-user-select: none;
|
| 1926 |
-
user-select: none; }
|
| 1927 |
-
.tabbox-navigation li:hover {
|
| 1928 |
-
background-color: #f0f0f0;
|
| 1929 |
-
-webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.2);
|
| 1930 |
-
-moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.2);
|
| 1931 |
-
box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.2); }
|
| 1932 |
-
.tabbox-navigation li:active {
|
| 1933 |
-
background-color: #dddddd; }
|
| 1934 |
-
.tabbox-navigation li.ui-state-active {
|
| 1935 |
-
background-color: white;
|
| 1936 |
-
-webkit-box-shadow: 8px 3px 5px -3px rgba(0, 0, 0, 0.4);
|
| 1937 |
-
-moz-box-shadow: 8px 3px 5px -3px rgba(0, 0, 0, 0.4);
|
| 1938 |
-
box-shadow: 8px 3px 5px -3px rgba(0, 0, 0, 0.4); }
|
| 1939 |
-
.tabbox-navigation li.archive {
|
| 1940 |
-
background-image: url("images/tabbox/navigation-archive.png"); }
|
| 1941 |
-
.tabbox-navigation li.messages {
|
| 1942 |
-
background-image: url("images/tabbox/navigation-messages.png"); }
|
| 1943 |
-
.tabbox-navigation li.cloud {
|
| 1944 |
-
background-image: url("images/tabbox/navigation-cloud.png"); }
|
| 1945 |
-
.tabbox-navigation li > a {
|
| 1946 |
-
display: block;
|
| 1947 |
-
height: 100%;
|
| 1948 |
-
position: absolute;
|
| 1949 |
-
width: 100%; }
|
| 1950 |
-
|
| 1951 |
-
.tabbox-content {
|
| 1952 |
-
background-color: white;
|
| 1953 |
-
min-height: 144px;
|
| 1954 |
-
padding: 24px 29px;
|
| 1955 |
-
position: relative;
|
| 1956 |
-
z-index: 3;
|
| 1957 |
-
-webkit-box-shadow: 3px 3px 5px -3px rgba(0, 0, 0, 0.4);
|
| 1958 |
-
-moz-box-shadow: 3px 3px 5px -3px rgba(0, 0, 0, 0.4);
|
| 1959 |
-
box-shadow: 3px 3px 5px -3px rgba(0, 0, 0, 0.4);
|
| 1960 |
-
-webkit-user-select: text;
|
| 1961 |
-
-moz-user-select: text;
|
| 1962 |
-
-ms-user-select: text;
|
| 1963 |
-
user-select: text; }
|
| 1964 |
-
.tabbox-content .heading {
|
| 1965 |
-
border-bottom: 1px solid #e9e9e9;
|
| 1966 |
-
color: #686868;
|
| 1967 |
-
margin-bottom: 17px;
|
| 1968 |
-
padding-bottom: 15px;
|
| 1969 |
-
position: relative; }
|
| 1970 |
-
.tabbox-content .heading-col {
|
| 1971 |
-
display: inline-block;
|
| 1972 |
-
margin-right: 15px;
|
| 1973 |
-
vertical-align: baseline; }
|
| 1974 |
-
.tabbox-content .status-message {
|
| 1975 |
-
color: #999999;
|
| 1976 |
-
font: italic 11px Georgia, serif;
|
| 1977 |
-
padding-left: 10px; }
|
| 1978 |
-
.tabbox-content .status-message.positive {
|
| 1979 |
-
color: #9cc346; }
|
| 1980 |
-
.tabbox-content .status-message.negative {
|
| 1981 |
-
color: #c34646; }
|
| 1982 |
-
.tabbox-content .preloader {
|
| 1983 |
-
background: url("images/tabbox/preloader.gif") 0 0 no-repeat;
|
| 1984 |
-
height: 16px;
|
| 1985 |
-
margin-top: -13px;
|
| 1986 |
-
position: absolute;
|
| 1987 |
-
right: 0;
|
| 1988 |
-
top: 50%;
|
| 1989 |
-
width: 16px; }
|
| 1990 |
-
|
| 1991 |
-
.user-slug .slug-avatar {
|
| 1992 |
-
border: 4px solid #141517;
|
| 1993 |
-
border-radius: 2px;
|
| 1994 |
-
float: left;
|
| 1995 |
-
height: 29px;
|
| 1996 |
-
margin-right: 16px;
|
| 1997 |
-
-webkit-box-shadow: inset 0 1px 0 #0a0a0b, 0 1px 0 rgba(255, 255, 255, 0.06);
|
| 1998 |
-
-moz-box-shadow: inset 0 1px 0 #0a0a0b, 0 1px 0 rgba(255, 255, 255, 0.06);
|
| 1999 |
-
box-shadow: inset 0 1px 0 #0a0a0b, 0 1px 0 rgba(255, 255, 255, 0.06);
|
| 2000 |
-
-webkit-user-select: text;
|
| 2001 |
-
-moz-user-select: text;
|
| 2002 |
-
-ms-user-select: text;
|
| 2003 |
-
user-select: text; }
|
| 2004 |
-
.user-slug .slug-name {
|
| 2005 |
-
color: white;
|
| 2006 |
-
font-size: 12px;
|
| 2007 |
-
margin: 4px 0 3px; }
|
| 2008 |
-
.user-slug .slug-status {
|
| 2009 |
-
font: italic 11px Georgia, serif;
|
| 2010 |
-
padding-left: 16px;
|
| 2011 |
-
position: relative; }
|
| 2012 |
-
.user-slug .slug-status:before {
|
| 2013 |
-
border-radius: 50%;
|
| 2014 |
-
content: "";
|
| 2015 |
-
height: 4px;
|
| 2016 |
-
left: 3px;
|
| 2017 |
-
position: absolute;
|
| 2018 |
-
top: 4px;
|
| 2019 |
-
width: 4px; }
|
| 2020 |
-
.user-slug .slug-status.online {
|
| 2021 |
-
color: #96bd40; }
|
| 2022 |
-
.user-slug .slug-status.online:before {
|
| 2023 |
-
background-color: #98bf43; }
|
| 2024 |
-
.user-slug .slug-status.away {
|
| 2025 |
-
color: #999999; }
|
| 2026 |
-
.user-slug .slug-status.away:before {
|
| 2027 |
-
background-color: #999999; }
|
| 2028 |
-
|
| 2029 |
-
|
| 2030 |
-
|
| 2031 |
-
|
| 2032 |
-
|
| 1 |
+
.ui-dialog.noTitle .ui-dialog-titlebar {
|
| 2 |
+
display: none;
|
| 3 |
+
}
|
| 4 |
+
.ui-dialog .loading {
|
| 5 |
+
background: url(loading.gif) no-repeat;
|
| 6 |
+
width: 220px;
|
| 7 |
+
height: 19px;
|
| 8 |
+
margin:50px auto 0 auto;
|
| 9 |
+
}
|
| 10 |
+
.text-page {
|
| 11 |
+
margin: 40px;
|
| 12 |
+
background:#fff;
|
| 13 |
+
border:1px solid #ccc;
|
| 14 |
+
padding:20px;
|
| 15 |
+
max-width:960px;
|
| 16 |
+
}
|
| 17 |
+
.text-page ul {
|
| 18 |
+
padding: 10px;
|
| 19 |
+
margin-left: 20px;
|
| 20 |
+
}
|
| 21 |
+
.text-page ul li {
|
| 22 |
+
list-style-type: circle;
|
| 23 |
+
font-style: italic;
|
| 24 |
+
}
|
| 25 |
+
.text-page .tip {
|
| 26 |
+
margin: 20px 0;
|
| 27 |
+
display: block;
|
| 28 |
+
background: #fdffac;
|
| 29 |
+
border: 1px solid #dade2c;
|
| 30 |
+
padding: 10px 20px;
|
| 31 |
+
}
|
| 32 |
+
.text-page .tip i {
|
| 33 |
+
margin-right: 10px;
|
| 34 |
+
font-size: 16px;
|
| 35 |
+
color: #807900;
|
| 36 |
+
}
|
| 37 |
+
.text-page .img {
|
| 38 |
+
display: inline-block;
|
| 39 |
+
padding: 10px;
|
| 40 |
+
background: #fff;
|
| 41 |
+
border: 1px solid #ccc;
|
| 42 |
+
}
|
| 43 |
+
#imageResults .frame {
|
| 44 |
+
display: inline-block;
|
| 45 |
+
padding: 2px;
|
| 46 |
+
/*border: 1px solid #111;*/
|
| 47 |
+
border-radius: 4px;
|
| 48 |
+
line-height: 0;
|
| 49 |
+
font-size: 0;
|
| 50 |
+
background: #222;
|
| 51 |
+
}
|
| 52 |
+
|
| 53 |
+
.widefat .edit_image_form td {
|
| 54 |
+
border-bottom: 0;
|
| 55 |
+
border-top: 0;
|
| 56 |
+
}
|
| 57 |
+
|
| 58 |
+
.widefat th, .widefat td {
|
| 59 |
+
overflow: visible;
|
| 60 |
+
padding: 20px;
|
| 61 |
+
}
|
| 62 |
+
|
| 63 |
+
.widefat tfoot th:first-of-type {
|
| 64 |
+
-webkit-border-bottom-left-radius: 0;
|
| 65 |
+
border-bottom-left-radius: 0;
|
| 66 |
+
}
|
| 67 |
+
.widefat tfoot th:last-of-type {
|
| 68 |
+
-webkit-border-bottom-right-radius: 0;
|
| 69 |
+
border-bottom-rigth-radius: 0;
|
| 70 |
+
}
|
| 71 |
+
.widefat thead th:first-of-type {
|
| 72 |
+
-webkit-border-top-left-radius: 0;
|
| 73 |
+
border-bottom-top-radius: 0;
|
| 74 |
+
}
|
| 75 |
+
.widefat thead th:last-of-type {
|
| 76 |
+
-webkit-border-top-rigth-radius: 0;
|
| 77 |
+
border-top-right-radius: 0;
|
| 78 |
+
}
|
| 79 |
+
|
| 80 |
+
#wpcontent {
|
| 81 |
+
margin-left: 146px;
|
| 82 |
+
padding-left: 20px;
|
| 83 |
+
}
|
| 84 |
+
.widefat * {
|
| 85 |
+
word-wrap:normal;
|
| 86 |
+
}
|
| 87 |
+
.scrollbox {
|
| 88 |
+
float: left;
|
| 89 |
+
margin-right: 10px;
|
| 90 |
+
margin-top: 3px;
|
| 91 |
+
}
|
| 92 |
+
/*#region edit gallery*/
|
| 93 |
+
#settings textarea {
|
| 94 |
+
width:90%;
|
| 95 |
+
height: 200px;
|
| 96 |
+
}
|
| 97 |
+
#settings select {
|
| 98 |
+
width: 90%;
|
| 99 |
+
}
|
| 100 |
+
#settings .current-image-size {
|
| 101 |
+
width: auto;
|
| 102 |
+
}
|
| 103 |
+
#settings .instructions ul {
|
| 104 |
+
color: #444;
|
| 105 |
+
}
|
| 106 |
+
#settings .instructions ul li {
|
| 107 |
+
border-bottom: 1px dashed #666;
|
| 108 |
+
padding: 0 0 5px 0;
|
| 109 |
+
margin-bottom: 5px;
|
| 110 |
+
}
|
| 111 |
+
#settings .instructions ul em {
|
| 112 |
+
font-weight: bold;
|
| 113 |
+
font-family: courier,monospace;
|
| 114 |
+
font-size: 12px;
|
| 115 |
+
font-style: normal;
|
| 116 |
+
color: #333;
|
| 117 |
+
}
|
| 118 |
+
#settings .custom_isf .del,
|
| 119 |
+
#settings .filters .del {
|
| 120 |
+
background: #f00;
|
| 121 |
+
float: left;
|
| 122 |
+
margin-right: 10px;
|
| 123 |
+
}
|
| 124 |
+
#settings .filters .add,
|
| 125 |
+
#settings .custom_isf .add {
|
| 126 |
+
display: block;
|
| 127 |
+
width: 100%;
|
| 128 |
+
margin-top: 10px;
|
| 129 |
+
text-align: center;
|
| 130 |
+
}
|
| 131 |
+
#settings .filters input[type=text] {
|
| 132 |
+
display: block;
|
| 133 |
+
}
|
| 134 |
+
#settings .custom_isf input {
|
| 135 |
+
width:100%;
|
| 136 |
+
}
|
| 137 |
+
#settings .custom_isf table td {
|
| 138 |
+
padding: 2px 8px;
|
| 139 |
+
}
|
| 140 |
+
#settings .sections {
|
| 141 |
+
margin:0 0 20px;
|
| 142 |
+
padding: 10px 0 0 10px;
|
| 143 |
+
border-bottom: 1px solid #666;
|
| 144 |
+
}
|
| 145 |
+
#settings .form-buttons {
|
| 146 |
+
margin-top: 20px;
|
| 147 |
+
}
|
| 148 |
+
#settings .form-buttons input,
|
| 149 |
+
#settings .sections a {
|
| 150 |
+
display: inline-block;
|
| 151 |
+
background: #f0f0f0;
|
| 152 |
+
color: #333;
|
| 153 |
+
padding: 10px;
|
| 154 |
+
margin:0 1px 0 0;
|
| 155 |
+
text-decoration: none;
|
| 156 |
+
font-weight: bold;
|
| 157 |
+
text-transform: uppercase;
|
| 158 |
+
height: auto;
|
| 159 |
+
-moz-transition:background .3s, color .3s;
|
| 160 |
+
-webkit-transition:background .3s, color .3s;
|
| 161 |
+
transition:background .3s, color .3s;
|
| 162 |
+
position: relative;
|
| 163 |
+
top:4px;
|
| 164 |
+
border: 1px solid #666;
|
| 165 |
+
}
|
| 166 |
+
#settings .sections a i {
|
| 167 |
+
margin-right:5px;
|
| 168 |
+
color: #333;
|
| 169 |
+
}
|
| 170 |
+
#settings .sections a {
|
| 171 |
+
background: #ccc;
|
| 172 |
+
border-bottom: 0;
|
| 173 |
+
}
|
| 174 |
+
#settings .sections a.selected:hover,
|
| 175 |
+
#settings .sections a.selected {
|
| 176 |
+
background: #f1f1f1;
|
| 177 |
+
color:#000;
|
| 178 |
+
top:1px;
|
| 179 |
+
height: 26px;
|
| 180 |
+
line-height: 26px;
|
| 181 |
+
outline: 0;
|
| 182 |
+
box-shadow: none;
|
| 183 |
+
}
|
| 184 |
+
#settings .sections a:hover {
|
| 185 |
+
background: #555;
|
| 186 |
+
}
|
| 187 |
+
#settings .sections a.selected:hover i,
|
| 188 |
+
#settings .sections a.selected i {
|
| 189 |
+
color: #000;
|
| 190 |
+
}
|
| 191 |
+
#settings .sections a:hover i,
|
| 192 |
+
#settings .sections a:hover {
|
| 193 |
+
color:#fff;
|
| 194 |
+
}
|
| 195 |
+
#settings table.section {
|
| 196 |
+
display: none;
|
| 197 |
+
}
|
| 198 |
+
#images {
|
| 199 |
+
display:none;
|
| 200 |
+
}
|
| 201 |
+
#images .actions {
|
| 202 |
+
padding: 10px 10px 10px 10px;
|
| 203 |
+
background: #ccc;
|
| 204 |
+
color: #242521;
|
| 205 |
+
border:1px solid #111;
|
| 206 |
+
margin-bottom:2px;
|
| 207 |
+
}
|
| 208 |
+
#images .actions .row {
|
| 209 |
+
padding: 10px 0;
|
| 210 |
+
border-bottom: 1px solid #bbb;
|
| 211 |
+
}
|
| 212 |
+
#images .actions .row:last-of-type {
|
| 213 |
+
border:0;
|
| 214 |
+
}
|
| 215 |
+
#images .actions .label {
|
| 216 |
+
display: inline-block;
|
| 217 |
+
width: 100px;
|
| 218 |
+
}
|
| 219 |
+
#images .actions select {
|
| 220 |
+
width:auto;
|
| 221 |
+
}
|
| 222 |
+
#images .source-panel {
|
| 223 |
+
display:none;
|
| 224 |
+
}
|
| 225 |
+
#images .bulk {
|
| 226 |
+
padding: 10px 10px 10px 10px;
|
| 227 |
+
background: #eee;
|
| 228 |
+
color: #242521;
|
| 229 |
+
border:1px solid #111;
|
| 230 |
+
margin-top: 2px;
|
| 231 |
+
}
|
| 232 |
+
#images .bulk h4 {
|
| 233 |
+
margin:0 0 4px 0;
|
| 234 |
+
color: #000;
|
| 235 |
+
}
|
| 236 |
+
#images .bulk .checkbox {
|
| 237 |
+
display: inline-block;
|
| 238 |
+
padding-left: 20px;
|
| 239 |
+
margin-right: 15px;
|
| 240 |
+
}
|
| 241 |
+
#images .bulk .options a {
|
| 242 |
+
display: inline-block;
|
| 243 |
+
margin-right: 10px;
|
| 244 |
+
color: #444;
|
| 245 |
+
text-decoration: none;
|
| 246 |
+
}
|
| 247 |
+
#images .bulk .options a:hover {
|
| 248 |
+
color: #666;
|
| 249 |
+
}
|
| 250 |
+
#images .bulk .panel {
|
| 251 |
+
display: none;
|
| 252 |
+
padding: 12px;
|
| 253 |
+
background: #555444;
|
| 254 |
+
margin-top: 5px;
|
| 255 |
+
border: 1px solid #333222;
|
| 256 |
+
}
|
| 257 |
+
#images .bulk .panel strong {
|
| 258 |
+
color: #fff;
|
| 259 |
+
display: block;
|
| 260 |
+
margin-bottom: 4px;
|
| 261 |
+
}
|
| 262 |
+
#images .bulk .panel p {
|
| 263 |
+
margin-bottom: 0;
|
| 264 |
+
color: yellow;
|
| 265 |
+
}
|
| 266 |
+
#images .tips {
|
| 267 |
+
padding: 10px;
|
| 268 |
+
background: #ddd;
|
| 269 |
+
border:1px solid #111;
|
| 270 |
+
margin-top: 2px;
|
| 271 |
+
color: #242521;
|
| 272 |
+
}
|
| 273 |
+
#images .actions .tip {
|
| 274 |
+
margin-left: 14px;
|
| 275 |
+
background: url('images/tip.png') no-repeat;
|
| 276 |
+
text-indent: 18px;
|
| 277 |
+
display: inline-block;
|
| 278 |
+
color: #000;
|
| 279 |
+
}
|
| 280 |
+
#images .item {
|
| 281 |
+
width:160px;
|
| 282 |
+
padding:0 5px;
|
| 283 |
+
border:1px solid #111;
|
| 284 |
+
float:left;
|
| 285 |
+
height:195px;
|
| 286 |
+
margin:10px 10px 0 0;
|
| 287 |
+
position: relative;
|
| 288 |
+
background: #fff;
|
| 289 |
+
}
|
| 290 |
+
#images .item.selected {
|
| 291 |
+
background: #dadada;
|
| 292 |
+
}
|
| 293 |
+
#images .item .filters li,
|
| 294 |
+
#images .item .size {
|
| 295 |
+
position: absolute;
|
| 296 |
+
top: 5px;
|
| 297 |
+
left: 55px;
|
| 298 |
+
color: #333;
|
| 299 |
+
padding: 0 4px;
|
| 300 |
+
display: block;
|
| 301 |
+
font-size: 10px;
|
| 302 |
+
font-family: monaco,courier, monospace;
|
| 303 |
+
}
|
| 304 |
+
#images .item .filters {
|
| 305 |
+
top: 32px;
|
| 306 |
+
left: 10px;
|
| 307 |
+
z-index: 10;
|
| 308 |
+
position: absolute;
|
| 309 |
+
}
|
| 310 |
+
#images .item .filters li {
|
| 311 |
+
display: block;
|
| 312 |
+
position: static;
|
| 313 |
+
text-align: left;
|
| 314 |
+
background: #1707a5;
|
| 315 |
+
color: #fff;
|
| 316 |
+
}
|
| 317 |
+
#images .item .del {
|
| 318 |
+
position: absolute;
|
| 319 |
+
top:4px;
|
| 320 |
+
right:4px;
|
| 321 |
+
width: 20px;
|
| 322 |
+
height: 20px;
|
| 323 |
+
text-decoration: none;
|
| 324 |
+
color: #000;
|
| 325 |
+
display: none;
|
| 326 |
+
background:#111;
|
| 327 |
+
}
|
| 328 |
+
#images .item .icons {
|
| 329 |
+
border-bottom: 1px solid #222;
|
| 330 |
+
margin-bottom: 9px;
|
| 331 |
+
padding-bottom: 4px;
|
| 332 |
+
}
|
| 333 |
+
#images .item .selection {
|
| 334 |
+
float: right;
|
| 335 |
+
margin-top: 5px;
|
| 336 |
+
height: 12px;
|
| 337 |
+
padding-left: 18px;
|
| 338 |
+
}
|
| 339 |
+
#images .item .remove,
|
| 340 |
+
#images .item .edit {
|
| 341 |
+
text-decoration: none;
|
| 342 |
+
color: #000;
|
| 343 |
+
display:inline-block;
|
| 344 |
+
margin-top: 5px;
|
| 345 |
+
}
|
| 346 |
+
#images .item .remove i,
|
| 347 |
+
#images .item .edit i {
|
| 348 |
+
font-size: 14px;
|
| 349 |
+
}
|
| 350 |
+
#images .item .remove {
|
| 351 |
+
|
| 352 |
+
}
|
| 353 |
+
#images .figure {
|
| 354 |
+
margin:0;
|
| 355 |
+
padding: 0;
|
| 356 |
+
height: 150px;
|
| 357 |
+
overflow: hidden;
|
| 358 |
+
display: block;
|
| 359 |
+
text-align: center;
|
| 360 |
+
}
|
| 361 |
+
#images .figure img {
|
| 362 |
+
width:150px;
|
| 363 |
+
cursor: pointer;
|
| 364 |
+
}
|
| 365 |
+
#images .item .data {
|
| 366 |
+
display: none;
|
| 367 |
+
}
|
| 368 |
+
/*#endregion*/
|
| 369 |
+
|
| 370 |
+
/*#region image panel*/
|
| 371 |
+
.overlay {
|
| 372 |
+
position: fixed;
|
| 373 |
+
z-index: 1000;
|
| 374 |
+
top:0;
|
| 375 |
+
left:0;
|
| 376 |
+
width:100%;
|
| 377 |
+
height: 100%;
|
| 378 |
+
background: #000;
|
| 379 |
+
opacity: .8;
|
| 380 |
+
}
|
| 381 |
+
#image-panel,
|
| 382 |
+
#video-panel {
|
| 383 |
+
background: #343531;
|
| 384 |
+
width:600px;
|
| 385 |
+
height:340px;
|
| 386 |
+
position: absolute;
|
| 387 |
+
top: 50%;
|
| 388 |
+
left: 50%;
|
| 389 |
+
z-index: 1001;
|
| 390 |
+
box-shadow: #000 0px 0px 20px;
|
| 391 |
+
border:4px solid #111;
|
| 392 |
+
padding: 10px;
|
| 393 |
+
}
|
| 394 |
+
#video-panel p {
|
| 395 |
+
color:#fff;
|
| 396 |
+
}
|
| 397 |
+
#video-panel textarea {
|
| 398 |
+
height: 240px;
|
| 399 |
+
width:100%;
|
| 400 |
+
}
|
| 401 |
+
#image-panel .filters {
|
| 402 |
+
clear: both;
|
| 403 |
+
margin-top: 10px;
|
| 404 |
+
}
|
| 405 |
+
#image-panel .filters .checkbox {
|
| 406 |
+
float: left;
|
| 407 |
+
margin-right: 20px;
|
| 408 |
+
padding-left: 20px;
|
| 409 |
+
}
|
| 410 |
+
#image-panel .left {
|
| 411 |
+
float:left;
|
| 412 |
+
}
|
| 413 |
+
#image-panel .figure {
|
| 414 |
+
width:200px;
|
| 415 |
+
height:200px;
|
| 416 |
+
overflow:hidden;
|
| 417 |
+
padding: 0;
|
| 418 |
+
margin: 0 0 10px 0;
|
| 419 |
+
padding: 2px;
|
| 420 |
+
border: 1px solid #999;
|
| 421 |
+
background: #222;
|
| 422 |
+
}
|
| 423 |
+
#image-panel .figure img {
|
| 424 |
+
width:100%;
|
| 425 |
+
}
|
| 426 |
+
#image-panel .right {
|
| 427 |
+
float:left;
|
| 428 |
+
margin-left:20px;
|
| 429 |
+
}
|
| 430 |
+
#image-panel .field {
|
| 431 |
+
padding-bottom: 5px;
|
| 432 |
+
color: #aaa;
|
| 433 |
+
border-bottom: 1px solid #555;
|
| 434 |
+
margin-bottom: 5px;
|
| 435 |
+
}
|
| 436 |
+
#image-panel .field:last-of-type {
|
| 437 |
+
border-bottom: 0;
|
| 438 |
+
}
|
| 439 |
+
#image-panel .field label {
|
| 440 |
+
margin-bottom: 5px;
|
| 441 |
+
display: block;
|
| 442 |
+
font-weight: bold;
|
| 443 |
+
color: #fff;
|
| 444 |
+
}
|
| 445 |
+
#image-panel .field textarea {
|
| 446 |
+
width: 280px;
|
| 447 |
+
height: 117px;
|
| 448 |
+
}
|
| 449 |
+
#image-panel .actions li {
|
| 450 |
+
height: 22px;
|
| 451 |
+
margin:0;
|
| 452 |
+
}
|
| 453 |
+
#video-panel .close,
|
| 454 |
+
#image-panel .close {
|
| 455 |
+
position: absolute;
|
| 456 |
+
top:0;
|
| 457 |
+
right:0;
|
| 458 |
+
display: block;
|
| 459 |
+
background: #111;
|
| 460 |
+
border-bottom-left-radius: 30px;
|
| 461 |
+
width: 30px;
|
| 462 |
+
height: 30px;
|
| 463 |
+
line-height: 24px;
|
| 464 |
+
text-indent: 15px;
|
| 465 |
+
text-decoration: none;
|
| 466 |
+
color: #fff;
|
| 467 |
+
font-family: arial;
|
| 468 |
+
font-weight: bold;
|
| 469 |
+
}
|
| 470 |
+
.clearfix:after {
|
| 471 |
+
content: ".";
|
| 472 |
+
display: block;
|
| 473 |
+
clear: both;
|
| 474 |
+
visibility: hidden;
|
| 475 |
+
line-height: 0;
|
| 476 |
+
height: 0;
|
| 477 |
+
}
|
| 478 |
+
#image-panel .buttons {
|
| 479 |
+
text-align: right;
|
| 480 |
+
margin-top: 10px;
|
| 481 |
+
clear: both;
|
| 482 |
+
}
|
| 483 |
+
#image-panel .buttons a {
|
| 484 |
+
margin-left: 10px;
|
| 485 |
+
}
|
| 486 |
+
/*#endregion*/
|
| 487 |
+
|
| 488 |
+
/***/
|
| 489 |
+
.wrapper {
|
| 490 |
+
clear: both;
|
| 491 |
+
margin: auto;
|
| 492 |
+
padding: 3px 0;
|
| 493 |
+
}
|
| 494 |
+
.scrollbox,
|
| 495 |
+
.chzn-single {
|
| 496 |
+
width:200px;
|
| 497 |
+
}
|
| 498 |
+
.scrollbox .ui-widget-content {
|
| 499 |
+
border: 0;
|
| 500 |
+
background: none;
|
| 501 |
+
}
|
| 502 |
+
.scrollbox .ui-state-default,
|
| 503 |
+
.scrollbox .ui-widget-content .ui-state-default,
|
| 504 |
+
.scrollbox .ui-state-hover,
|
| 505 |
+
.scrollbox .ui-widget-content .ui-state-hover {
|
| 506 |
+
border: 0;
|
| 507 |
+
}
|
| 508 |
+
|
| 509 |
+
/***/
|
| 510 |
+
.crosslink {
|
| 511 |
+
background-color: #303137;
|
| 512 |
+
border-radius: 100px;
|
| 513 |
+
color: #9f9f9f;
|
| 514 |
+
display: inline-block;
|
| 515 |
+
font-size: 20px;
|
| 516 |
+
font-weight: bold;
|
| 517 |
+
margin-bottom: 40px;
|
| 518 |
+
padding: 40px 60px;
|
| 519 |
+
text-decoration: none;
|
| 520 |
+
-webkit-box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.4), 1px 1px 0 rgba(255, 255, 255, 0.15);
|
| 521 |
+
-moz-box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.4), 1px 1px 0 rgba(255, 255, 255, 0.15);
|
| 522 |
+
box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.4), 1px 1px 0 rgba(255, 255, 255, 0.15);
|
| 523 |
+
behavior: url("javascripts/vendor/PIE.htc"); }
|
| 524 |
+
.crosslink:hover {
|
| 525 |
+
background-color: #292a2e;
|
| 526 |
+
color: #bbbbbb; }
|
| 527 |
+
.crosslink:active {
|
| 528 |
+
color: white; }
|
| 529 |
+
|
| 530 |
+
.button-huge {
|
| 531 |
+
height: 26px;
|
| 532 |
+
padding: 6px 16px;
|
| 533 |
+
position: relative;
|
| 534 |
+
text-decoration: none;
|
| 535 |
+
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.2);
|
| 536 |
+
-webkit-box-sizing: border-box;
|
| 537 |
+
-moz-box-sizing: border-box;
|
| 538 |
+
box-sizing: border-box;
|
| 539 |
+
-webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2), inset 1px 1px 1px rgba(255, 255, 255, 0.5);
|
| 540 |
+
-moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2), inset 1px 1px 1px rgba(255, 255, 255, 0.5);
|
| 541 |
+
box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2), inset 1px 1px 1px rgba(255, 255, 255, 0.5);
|
| 542 |
+
display: -moz-inline-stack;
|
| 543 |
+
display: inline-block;
|
| 544 |
+
zoom: 1;
|
| 545 |
+
_overflow: hidden;
|
| 546 |
+
*display: inline;
|
| 547 |
+
background: #8c8c8c;
|
| 548 |
+
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #dbd7d7), color-stop(100%, #8c8c8c));
|
| 549 |
+
background-image: -webkit-linear-gradient(top, #dbd7d7, #8c8c8c);
|
| 550 |
+
background-image: -moz-linear-gradient(top, #dbd7d7, #8c8c8c);
|
| 551 |
+
background-image: -ms-linear-gradient(top, #dbd7d7, #8c8c8c);
|
| 552 |
+
background-image: -o-linear-gradient(top, #dbd7d7, #8c8c8c);
|
| 553 |
+
background-image: linear-gradient(top, #dbd7d7, #8c8c8c);
|
| 554 |
+
-pie-background: linear-gradient(#dbd7d7, #8c8c8c);
|
| 555 |
+
-webkit-user-select: none;
|
| 556 |
+
-moz-user-select: none;
|
| 557 |
+
-ms-user-select: none;
|
| 558 |
+
user-select: none;
|
| 559 |
+
behavior: url("javascripts/vendor/PIE.htc"); }
|
| 560 |
+
|
| 561 |
+
.button-huge {
|
| 562 |
+
border-radius: 60px;
|
| 563 |
+
font-size: 20px;
|
| 564 |
+
font-weight: bold;
|
| 565 |
+
height: 56px;
|
| 566 |
+
padding: 9px 38px 11px;
|
| 567 |
+
text-align: center; }
|
| 568 |
+
.button-huge .button-description {
|
| 569 |
+
color: rgba(0, 0, 0, 0.6);
|
| 570 |
+
display: block;
|
| 571 |
+
font: italic 12px Georgia, serif; }
|
| 572 |
+
|
| 573 |
+
.checkbox, .checkbox-light, .radio, .radio-light {
|
| 574 |
+
background: url("images/checkbox/square.png") 0 0 no-repeat;
|
| 575 |
+
color: #dddddd;
|
| 576 |
+
cursor: pointer;
|
| 577 |
+
padding: 1px 0 3px 25px;
|
| 578 |
+
position: relative; }
|
| 579 |
+
.checkbox:hover, .checkbox-light:hover, .radio:hover, .radio-light:hover {
|
| 580 |
+
background-position: 0 -26px;
|
| 581 |
+
color: white; }
|
| 582 |
+
.checkbox.checked, .checked.checkbox-light, .checked.radio, .checked.radio-light {
|
| 583 |
+
background-position: 0 -53px; }
|
| 584 |
+
.checkbox.checked:hover, .checked.checkbox-light:hover, .checked.radio:hover, .checked.radio-light:hover {
|
| 585 |
+
background-position: 0 -80px; }
|
| 586 |
+
|
| 587 |
+
.checkbox-light {
|
| 588 |
+
background-image: url("images/checkbox/square-light.png"); }
|
| 589 |
+
|
| 590 |
+
.radio {
|
| 591 |
+
background-image: url("images/checkbox/disk.png"); }
|
| 592 |
+
|
| 593 |
+
.radio-light {
|
| 594 |
+
background-image: url("images/checkbox/disk-light.png"); }
|
| 595 |
+
|
| 596 |
+
.form-row {
|
| 597 |
+
background: url("images/checkbox/form-row.png") 0 100% repeat-x;
|
| 598 |
+
margin-bottom: 7px;
|
| 599 |
+
padding-bottom: 7px; }
|
| 600 |
+
.form-row.last {
|
| 601 |
+
background: none;
|
| 602 |
+
margin-bottom: 0;
|
| 603 |
+
padding-bottom: 0; }
|
| 604 |
+
|
| 605 |
+
.select, .select-arrowed {
|
| 606 |
+
position: relative;
|
| 607 |
+
-webkit-user-select: none;
|
| 608 |
+
-moz-user-select: none;
|
| 609 |
+
-ms-user-select: none;
|
| 610 |
+
user-select: none; }
|
| 611 |
+
.select.opened, .opened.select-arrowed {
|
| 612 |
+
z-index: 999; }
|
| 613 |
+
.select.opened .options, .opened.select-arrowed .options {
|
| 614 |
+
display: block;
|
| 615 |
+
box-shadow: #000 0px 2px 20px;
|
| 616 |
+
}
|
| 617 |
+
.select.idle .selected, .idle.select-arrowed .selected {
|
| 618 |
+
color: #9da0ab; }
|
| 619 |
+
.select.negative:hover .selected, .negative.select-arrowed:hover .selected {
|
| 620 |
+
background-color: #400000; }
|
| 621 |
+
.select.negative .selected, .negative.select-arrowed .selected {
|
| 622 |
+
background-color: #4c0000;
|
| 623 |
+
color: #ffe3e3;
|
| 624 |
+
-webkit-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.2), 0 1px 0 rgba(255, 255, 255, 0.06);
|
| 625 |
+
-moz-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.2), 0 1px 0 rgba(255, 255, 255, 0.06);
|
| 626 |
+
box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.2), 0 1px 0 rgba(255, 255, 255, 0.06);
|
| 627 |
+
behavior: url("javascripts/vendor/PIE.htc"); }
|
| 628 |
+
.select .selected, .select-arrowed .selected {
|
| 629 |
+
background-color: #141517;
|
| 630 |
+
border-radius: 30px;
|
| 631 |
+
color: white;
|
| 632 |
+
cursor: pointer;
|
| 633 |
+
display: block;
|
| 634 |
+
height: 26px;
|
| 635 |
+
line-height: 18px;
|
| 636 |
+
padding: 4px 16px 6px;
|
| 637 |
+
position: relative;
|
| 638 |
+
text-decoration: none;
|
| 639 |
+
text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4);
|
| 640 |
+
z-index: 5;
|
| 641 |
+
-webkit-box-sizing: border-box;
|
| 642 |
+
-moz-box-sizing: border-box;
|
| 643 |
+
box-sizing: border-box;
|
| 644 |
+
-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.06);
|
| 645 |
+
-moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.06);
|
| 646 |
+
box-shadow: 0 1px 0 rgba(255, 255, 255, 0.06);
|
| 647 |
+
line-height: 16px \9;
|
| 648 |
+
behavior: url("javascripts/vendor/PIE.htc"); }
|
| 649 |
+
.select .selected:hover, .select-arrowed .selected:hover {
|
| 650 |
+
background-color: black; }
|
| 651 |
+
.select .selected:hover .icon, .select-arrowed .selected:hover .icon {
|
| 652 |
+
background-position: 0 -30px; }
|
| 653 |
+
.select .selected .icon, .select-arrowed .selected .icon {
|
| 654 |
+
background: url("images/select/selected-icon.png") 0 0 no-repeat;
|
| 655 |
+
border-radius: 50%;
|
| 656 |
+
height: 19px;
|
| 657 |
+
position: absolute;
|
| 658 |
+
right: 3px;
|
| 659 |
+
top: 3px;
|
| 660 |
+
width: 19px; }
|
| 661 |
+
.select .options, .select-arrowed .options {
|
| 662 |
+
background-color: #41444c;
|
| 663 |
+
border-bottom-left-radius: 10px;
|
| 664 |
+
border-bottom-right-radius: 10px;
|
| 665 |
+
display: none;
|
| 666 |
+
padding: 20px 0 8px;
|
| 667 |
+
position: absolute;
|
| 668 |
+
top: 50%;
|
| 669 |
+
width: 200px;
|
| 670 |
+
z-index: 4;
|
| 671 |
+
-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
|
| 672 |
+
-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
|
| 673 |
+
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25); }
|
| 674 |
+
.select .stack, .select-arrowed .stack {
|
| 675 |
+
padding-bottom: 2px;
|
| 676 |
+
max-height: 140px;
|
| 677 |
+
overflow: auto; }
|
| 678 |
+
.select .stack li, .select-arrowed .stack li {
|
| 679 |
+
color: #9da0ab;
|
| 680 |
+
cursor: pointer;
|
| 681 |
+
height: 26px;
|
| 682 |
+
padding: 6px 16px;
|
| 683 |
+
text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
|
| 684 |
+
-webkit-box-sizing: border-box;
|
| 685 |
+
-moz-box-sizing: border-box;
|
| 686 |
+
box-sizing: border-box; }
|
| 687 |
+
.select .stack li:hover, .select-arrowed .stack li:hover, .select .stack li:focus, .select-arrowed .stack li:focus, .select .stack li.highlighted, .select-arrowed .stack li.highlighted {
|
| 688 |
+
color: white;
|
| 689 |
+
-webkit-box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.3);
|
| 690 |
+
-moz-box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.3);
|
| 691 |
+
box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.3);
|
| 692 |
+
background: #6c901b;
|
| 693 |
+
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #a2ca4c), color-stop(100%, #6c901b));
|
| 694 |
+
background-image: -webkit-linear-gradient(top, #a2ca4c, #6c901b);
|
| 695 |
+
background-image: -moz-linear-gradient(top, #a2ca4c, #6c901b);
|
| 696 |
+
background-image: -ms-linear-gradient(top, #a2ca4c, #6c901b);
|
| 697 |
+
background-image: -o-linear-gradient(top, #a2ca4c, #6c901b);
|
| 698 |
+
background-image: linear-gradient(top, #a2ca4c, #6c901b);
|
| 699 |
+
-pie-background: linear-gradient(#a2ca4c, #6c901b); }
|
| 700 |
+
.select .stack li.inactive-result, .select-arrowed .stack li.inactive-result {
|
| 701 |
+
display: none; }
|
| 702 |
+
.select .select-search, .select-arrowed .select-search {
|
| 703 |
+
margin-bottom: 5px;
|
| 704 |
+
padding: 1px 9px 3px;
|
| 705 |
+
display: none;
|
| 706 |
+
}
|
| 707 |
+
.select .select-search input, .select-arrowed .select-search input {
|
| 708 |
+
background-color: #30333b;
|
| 709 |
+
border: 1px solid #252525;
|
| 710 |
+
border-radius: 2px;
|
| 711 |
+
color: white;
|
| 712 |
+
padding: 4px 9px;
|
| 713 |
+
width: 100%;
|
| 714 |
+
-webkit-box-sizing: border-box;
|
| 715 |
+
-moz-box-sizing: border-box;
|
| 716 |
+
box-sizing: border-box;
|
| 717 |
+
-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.06);
|
| 718 |
+
-moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.06);
|
| 719 |
+
box-shadow: 0 1px 0 rgba(255, 255, 255, 0.06); }
|
| 720 |
+
|
| 721 |
+
.select-arrowed .selected .icon {
|
| 722 |
+
background-image: url("images/select/selected-icon-arrowed.png"); }
|
| 723 |
+
|
| 724 |
+
input[type='text'],
|
| 725 |
+
input[type='password'] {
|
| 726 |
+
border-radius: 2px;
|
| 727 |
+
font-family: Arial, sans-serif;
|
| 728 |
+
font-size: 12px;
|
| 729 |
+
height: 26px;
|
| 730 |
+
padding: 0 10px;
|
| 731 |
+
position: relative;
|
| 732 |
+
vertical-align: middle;
|
| 733 |
+
width: 200px;
|
| 734 |
+
-webkit-box-sizing: border-box;
|
| 735 |
+
-moz-box-sizing: border-box;
|
| 736 |
+
box-sizing: border-box; }
|
| 737 |
+
input[type='text'].w50 {
|
| 738 |
+
width:50px ;
|
| 739 |
+
}
|
| 740 |
+
.text, .text-rounded {
|
| 741 |
+
position: relative; }
|
| 742 |
+
.text.dark textarea,
|
| 743 |
+
.text.dark input[type='text'], .dark.text-rounded input[type='text'],
|
| 744 |
+
.text.dark input[type='password'],
|
| 745 |
+
.dark.text-rounded input[type='password'] {
|
| 746 |
+
background: #141517;
|
| 747 |
+
color: white;
|
| 748 |
+
border: 1px solid black;
|
| 749 |
+
-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.15);
|
| 750 |
+
-moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.15);
|
| 751 |
+
box-shadow: 0 1px 0 rgba(255, 255, 255, 0.15);
|
| 752 |
+
padding-top: 4px \9;
|
| 753 |
+
behavior: url("javascripts/vendor/PIE.htc"); }
|
| 754 |
+
.text.dark input[type='text']:-moz-placeholder, .dark.text-rounded input[type='text']:-moz-placeholder,
|
| 755 |
+
.text.dark input[type='password']:-moz-placeholder,
|
| 756 |
+
.dark.text-rounded input[type='password']:-moz-placeholder {
|
| 757 |
+
color: #777777; }
|
| 758 |
+
.text.dark input[type='text']::-webkit-input-placeholder, .dark.text-rounded input[type='text']::-webkit-input-placeholder,
|
| 759 |
+
.text.dark input[type='password']::-webkit-input-placeholder,
|
| 760 |
+
.dark.text-rounded input[type='password']::-webkit-input-placeholder {
|
| 761 |
+
color: #777777; }
|
| 762 |
+
.text.dark input[type='text'].placeholder, .dark.text-rounded input[type='text'].placeholder,
|
| 763 |
+
.text.dark input[type='password'].placeholder,
|
| 764 |
+
.dark.text-rounded input[type='password'].placeholder {
|
| 765 |
+
color: #777777; }
|
| 766 |
+
.text.dark input[type='text']:hover, .dark.text-rounded input[type='text']:hover,
|
| 767 |
+
.text.dark input[type='password']:hover,
|
| 768 |
+
.dark.text-rounded input[type='password']:hover {
|
| 769 |
+
-webkit-box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.1);
|
| 770 |
+
-moz-box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.1);
|
| 771 |
+
box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.1); }
|
| 772 |
+
.text.dark input[type='text']:focus, .dark.text-rounded input[type='text']:focus,
|
| 773 |
+
.text.dark input[type='password']:focus,
|
| 774 |
+
.dark.text-rounded input[type='password']:focus {
|
| 775 |
+
-webkit-box-shadow: 0 0 0 3px #80a62d;
|
| 776 |
+
-moz-box-shadow: 0 0 0 3px #80a62d;
|
| 777 |
+
box-shadow: 0 0 0 3px #80a62d; }
|
| 778 |
+
.text.light input[type='text'], .light.text-rounded input[type='text'],
|
| 779 |
+
.text.light input[type='password'],
|
| 780 |
+
.light.text-rounded input[type='password'] {
|
| 781 |
+
background: #fdfdfd;
|
| 782 |
+
border: none;
|
| 783 |
+
color: black;
|
| 784 |
+
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.2);
|
| 785 |
+
background: #9a9a9a;
|
| 786 |
+
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fdfdfd), color-stop(100%, #9a9a9a));
|
| 787 |
+
background-image: -webkit-linear-gradient(top, #fdfdfd, #9a9a9a);
|
| 788 |
+
background-image: -moz-linear-gradient(top, #fdfdfd, #9a9a9a);
|
| 789 |
+
background-image: -ms-linear-gradient(top, #fdfdfd, #9a9a9a);
|
| 790 |
+
background-image: -o-linear-gradient(top, #fdfdfd, #9a9a9a);
|
| 791 |
+
background-image: linear-gradient(top, #fdfdfd, #9a9a9a);
|
| 792 |
+
-pie-background: linear-gradient(#fdfdfd, #9a9a9a);
|
| 793 |
+
padding-top: 5px \9;
|
| 794 |
+
behavior: url("javascripts/vendor/PIE.htc"); }
|
| 795 |
+
.text.light input[type='text']:-moz-placeholder, .light.text-rounded input[type='text']:-moz-placeholder,
|
| 796 |
+
.text.light input[type='password']:-moz-placeholder,
|
| 797 |
+
.light.text-rounded input[type='password']:-moz-placeholder {
|
| 798 |
+
color: #666666; }
|
| 799 |
+
.text.light input[type='text']::-webkit-input-placeholder, .light.text-rounded input[type='text']::-webkit-input-placeholder,
|
| 800 |
+
.text.light input[type='password']::-webkit-input-placeholder,
|
| 801 |
+
.light.text-rounded input[type='password']::-webkit-input-placeholder {
|
| 802 |
+
color: #666666; }
|
| 803 |
+
.text.light input[type='text'].placeholder, .light.text-rounded input[type='text'].placeholder,
|
| 804 |
+
.text.light input[type='password'].placeholder,
|
| 805 |
+
.light.text-rounded input[type='password'].placeholder {
|
| 806 |
+
color: #666666; }
|
| 807 |
+
.text.light input[type='text']:hover, .light.text-rounded input[type='text']:hover,
|
| 808 |
+
.text.light input[type='password']:hover,
|
| 809 |
+
.light.text-rounded input[type='password']:hover {
|
| 810 |
+
-webkit-box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.25);
|
| 811 |
+
-moz-box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.25);
|
| 812 |
+
box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.25); }
|
| 813 |
+
.text.light input[type='text']:focus, .light.text-rounded input[type='text']:focus,
|
| 814 |
+
.text.light input[type='password']:focus,
|
| 815 |
+
.light.text-rounded input[type='password']:focus {
|
| 816 |
+
background: white;
|
| 817 |
+
-webkit-box-shadow: 0 0 0 3px #80a62d;
|
| 818 |
+
-moz-box-shadow: 0 0 0 3px #80a62d;
|
| 819 |
+
box-shadow: 0 0 0 3px #80a62d; }
|
| 820 |
+
.text.light input[type='text']:focus:-moz-placeholder, .light.text-rounded input[type='text']:focus:-moz-placeholder,
|
| 821 |
+
.text.light input[type='password']:focus:-moz-placeholder,
|
| 822 |
+
.light.text-rounded input[type='password']:focus:-moz-placeholder {
|
| 823 |
+
color: #cccccc; }
|
| 824 |
+
.text.light input[type='text']:focus::-webkit-input-placeholder, .light.text-rounded input[type='text']:focus::-webkit-input-placeholder,
|
| 825 |
+
.text.light input[type='password']:focus::-webkit-input-placeholder,
|
| 826 |
+
.light.text-rounded input[type='password']:focus::-webkit-input-placeholder {
|
| 827 |
+
color: #cccccc; }
|
| 828 |
+
.text.light input[type='text']:focus.placeholder, .light.text-rounded input[type='text']:focus.placeholder,
|
| 829 |
+
.text.light input[type='password']:focus.placeholder,
|
| 830 |
+
.light.text-rounded input[type='password']:focus.placeholder {
|
| 831 |
+
color: #cccccc; }
|
| 832 |
+
.text.light input[type='submit'], .light.text-rounded input[type='submit'] {
|
| 833 |
+
background-position: center -30px; }
|
| 834 |
+
.text input[type='submit'], .text-rounded input[type='submit'] {
|
| 835 |
+
background-color: transparent;
|
| 836 |
+
background-position: center 0;
|
| 837 |
+
background-repeat: no-repeat;
|
| 838 |
+
border: none;
|
| 839 |
+
cursor: pointer;
|
| 840 |
+
font-family: Arial, sans-serif;
|
| 841 |
+
font-size: 12px;
|
| 842 |
+
height: 19px;
|
| 843 |
+
position: absolute;
|
| 844 |
+
right: 3px;
|
| 845 |
+
top: 3px;
|
| 846 |
+
width: 19px; }
|
| 847 |
+
.text input[type='submit']:hover, .text-rounded input[type='submit']:hover, .text input[type='submit']:focus, .text-rounded input[type='submit']:focus {
|
| 848 |
+
background-position: center -30px; }
|
| 849 |
+
|
| 850 |
+
.text-rounded input[type='text'],
|
| 851 |
+
.text-rounded input[type='password'] {
|
| 852 |
+
border-radius: 30px;
|
| 853 |
+
padding-left: 16px;
|
| 854 |
+
padding-right: 16px;
|
| 855 |
+
behavior: url("javascripts/vendor/PIE.htc"); }
|
| 856 |
+
|
| 857 |
+
.text input.search-button, .text-rounded input.search-button {
|
| 858 |
+
background-image: url("images/text-input/search-button.png"); }
|
| 859 |
+
|
| 860 |
+
.appreciate {
|
| 861 |
+
background: url("images/appreciate/splash.png") 0 0 no-repeat;
|
| 862 |
+
display: block;
|
| 863 |
+
cursor: pointer;
|
| 864 |
+
font-size: 13px;
|
| 865 |
+
height: 97px;
|
| 866 |
+
position: relative;
|
| 867 |
+
text-align: center;
|
| 868 |
+
text-transform: uppercase;
|
| 869 |
+
width: 97px; }
|
| 870 |
+
.appreciate:hover {
|
| 871 |
+
background-position: 0 -110px; }
|
| 872 |
+
.appreciate.firm {
|
| 873 |
+
background-image: url("images/appreciate/splash-firm.png"); }
|
| 874 |
+
.appreciate.tnx {
|
| 875 |
+
background: url("images/appreciate/tnx.png") 0 0 no-repeat; }
|
| 876 |
+
|
| 877 |
+
.circle-banner {
|
| 878 |
+
background-color: #141517;
|
| 879 |
+
border-radius: 50%;
|
| 880 |
+
color: white;
|
| 881 |
+
font: italic 11px Georgia, serif;
|
| 882 |
+
height: 165px;
|
| 883 |
+
line-height: 1.5;
|
| 884 |
+
padding: 20px;
|
| 885 |
+
position: relative;
|
| 886 |
+
text-align: center;
|
| 887 |
+
width: 165px;
|
| 888 |
+
-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.06);
|
| 889 |
+
-moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.06);
|
| 890 |
+
box-shadow: 0 1px 0 rgba(255, 255, 255, 0.06);
|
| 891 |
+
behavior: url("javascripts/vendor/PIE.htc"); }
|
| 892 |
+
.circle-banner .banner-inner {
|
| 893 |
+
padding-top: 20px; }
|
| 894 |
+
.circle-banner .banner-description {
|
| 895 |
+
border-top: 1px solid #88bebe;
|
| 896 |
+
color: #88bebe;
|
| 897 |
+
margin-top: 15px;
|
| 898 |
+
padding-top: 10px; }
|
| 899 |
+
.circle-banner .ear {
|
| 900 |
+
background: url("images/circle-banner/ear.png") 0 0 no-repeat;
|
| 901 |
+
height: 22px;
|
| 902 |
+
left: 27px;
|
| 903 |
+
position: absolute;
|
| 904 |
+
top: 8px;
|
| 905 |
+
width: 22px; }
|
| 906 |
+
.circle-banner .banner-pull-l, .circle-banner .banner-pull-r {
|
| 907 |
+
clear: both;
|
| 908 |
+
float: left;
|
| 909 |
+
height: 20px;
|
| 910 |
+
width: 30%; }
|
| 911 |
+
.circle-banner .banner-pull-l.pull2, .circle-banner .pull2.banner-pull-r {
|
| 912 |
+
width: 17%; }
|
| 913 |
+
.circle-banner .banner-pull-r {
|
| 914 |
+
clear: none;
|
| 915 |
+
float: right; }
|
| 916 |
+
|
| 917 |
+
.comments {
|
| 918 |
+
background-color: #141517;
|
| 919 |
+
border-radius: 2px;
|
| 920 |
+
color: white;
|
| 921 |
+
display: inline-block;
|
| 922 |
+
font: italic 11px Georgia, serif;
|
| 923 |
+
padding: 4px 7px 6px;
|
| 924 |
+
position: relative;
|
| 925 |
+
-webkit-box-shadow: inset 0 1px 0 black, 0 1px 0 rgba(255, 255, 255, 0.06);
|
| 926 |
+
-moz-box-shadow: inset 0 1px 0 black, 0 1px 0 rgba(255, 255, 255, 0.06);
|
| 927 |
+
box-shadow: inset 0 1px 0 black, 0 1px 0 rgba(255, 255, 255, 0.06); }
|
| 928 |
+
.comments .ear {
|
| 929 |
+
background: url("images/comments/ear.png") 0 0 no-repeat;
|
| 930 |
+
height: 6px;
|
| 931 |
+
left: 6px;
|
| 932 |
+
position: absolute;
|
| 933 |
+
top: -5px;
|
| 934 |
+
width: 9px; }
|
| 935 |
+
|
| 936 |
+
.commutator {
|
| 937 |
+
border-radius: 20px;
|
| 938 |
+
cursor: pointer;
|
| 939 |
+
display: inline-block;
|
| 940 |
+
height: 26px;
|
| 941 |
+
overflow: hidden;
|
| 942 |
+
position: relative;
|
| 943 |
+
-webkit-user-select: none;
|
| 944 |
+
-moz-user-select: none;
|
| 945 |
+
-ms-user-select: none;
|
| 946 |
+
user-select: none;
|
| 947 |
+
behavior: url("javascripts/vendor/PIE.htc"); }
|
| 948 |
+
.commutator.on {
|
| 949 |
+
color: #3e5706;
|
| 950 |
+
text-shadow: 0 1px rgba(255, 255, 255, 0.2);
|
| 951 |
+
-webkit-box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.4), 1px 1px 1px rgba(0, 0, 0, 0.3);
|
| 952 |
+
-moz-box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.4), 1px 1px 1px rgba(0, 0, 0, 0.3);
|
| 953 |
+
box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.4), 1px 1px 1px rgba(0, 0, 0, 0.3);
|
| 954 |
+
background: #6c901b;
|
| 955 |
+
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #aed160), color-stop(100%, #6c901b));
|
| 956 |
+
background-image: -webkit-linear-gradient(top, #aed160, #6c901b);
|
| 957 |
+
background-image: -moz-linear-gradient(top, #aed160, #6c901b);
|
| 958 |
+
background-image: -ms-linear-gradient(top, #aed160, #6c901b);
|
| 959 |
+
background-image: -o-linear-gradient(top, #aed160, #6c901b);
|
| 960 |
+
background-image: linear-gradient(top, #aed160, #6c901b);
|
| 961 |
+
-pie-background: linear-gradient(#aed160, #6c901b); }
|
| 962 |
+
.commutator.on .is.on {
|
| 963 |
+
left: 0; }
|
| 964 |
+
.commutator.on .is.off {
|
| 965 |
+
margin-right: 24px; }
|
| 966 |
+
.commutator.off {
|
| 967 |
+
background-color: black;
|
| 968 |
+
color: white;
|
| 969 |
+
-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.06);
|
| 970 |
+
-moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.06);
|
| 971 |
+
box-shadow: 0 1px 0 rgba(255, 255, 255, 0.06); }
|
| 972 |
+
.commutator.off .is.on {
|
| 973 |
+
left: -100%; }
|
| 974 |
+
.commutator.off .is.off {
|
| 975 |
+
margin-right: -3px; }
|
| 976 |
+
.commutator .is {
|
| 977 |
+
margin: 0 2px;
|
| 978 |
+
padding: 6px 30px 3px 10px;
|
| 979 |
+
position: relative;
|
| 980 |
+
width: 100%;
|
| 981 |
+
-webkit-box-sizing: border-box;
|
| 982 |
+
-moz-box-sizing: border-box;
|
| 983 |
+
box-sizing: border-box;
|
| 984 |
+
-webkit-transition: left 0.2s linear, margin 0.2s linear;
|
| 985 |
+
-moz-transition: left 0.2s linear, margin 0.2s linear;
|
| 986 |
+
-ms-transition: left 0.2s linear, margin 0.2s linear;
|
| 987 |
+
-o-transition: left 0.2s linear, margin 0.2s linear;
|
| 988 |
+
transition: left 0.2s linear, margin 0.2s linear; }
|
| 989 |
+
.commutator .is.off {
|
| 990 |
+
background: url("images/commutator/slider.png") left 3px no-repeat;
|
| 991 |
+
right: -100%;
|
| 992 |
+
padding-left: 24px;
|
| 993 |
+
position: absolute;
|
| 994 |
+
top: 1px; }
|
| 995 |
+
|
| 996 |
+
.crossbar {
|
| 997 |
+
background: url("images/crossbar/center.png") center no-repeat;
|
| 998 |
+
height: 62px;
|
| 999 |
+
position: relative;
|
| 1000 |
+
width: 62px; }
|
| 1001 |
+
.crossbar [class^='to-'] {
|
| 1002 |
+
background: url("images/crossbar/button.png") 0 0 no-repeat;
|
| 1003 |
+
border-radius: 50%;
|
| 1004 |
+
display: block;
|
| 1005 |
+
height: 24px;
|
| 1006 |
+
position: absolute;
|
| 1007 |
+
width: 24px; }
|
| 1008 |
+
.crossbar [class^='to-']:hover, .crossbar [class^='to-']:focus {
|
| 1009 |
+
background-position: 0 -30px; }
|
| 1010 |
+
.crossbar [class^='to-']:active {
|
| 1011 |
+
-webkit-box-shadow: inset 0 1px 5px rgba(55, 79, 0, 0.9);
|
| 1012 |
+
-moz-box-shadow: inset 0 1px 5px rgba(55, 79, 0, 0.9);
|
| 1013 |
+
box-shadow: inset 0 1px 5px rgba(55, 79, 0, 0.9); }
|
| 1014 |
+
.crossbar .arrow {
|
| 1015 |
+
background-position: center;
|
| 1016 |
+
background-repeat: no-repeat;
|
| 1017 |
+
height: 11px;
|
| 1018 |
+
left: 6px;
|
| 1019 |
+
position: absolute;
|
| 1020 |
+
top: 6px;
|
| 1021 |
+
width: 11px; }
|
| 1022 |
+
.crossbar [class$='top'] {
|
| 1023 |
+
left: 19px;
|
| 1024 |
+
top: 0; }
|
| 1025 |
+
.crossbar [class$='top'] .arrow {
|
| 1026 |
+
background-image: url("images/crossbar/to-top.png"); }
|
| 1027 |
+
.crossbar [class$='right'] {
|
| 1028 |
+
right: 0;
|
| 1029 |
+
top: 19px; }
|
| 1030 |
+
.crossbar [class$='right'] .arrow {
|
| 1031 |
+
background-image: url("images/crossbar/to-right.png"); }
|
| 1032 |
+
.crossbar [class$='bottom'] {
|
| 1033 |
+
left: 19px;
|
| 1034 |
+
bottom: 0; }
|
| 1035 |
+
.crossbar [class$='bottom'] .arrow {
|
| 1036 |
+
background-image: url("images/crossbar/to-bottom.png"); }
|
| 1037 |
+
.crossbar [class$='left'] {
|
| 1038 |
+
left: 0;
|
| 1039 |
+
top: 19px; }
|
| 1040 |
+
.crossbar [class$='left'] .arrow {
|
| 1041 |
+
background-image: url("images/crossbar/to-left.png"); }
|
| 1042 |
+
|
| 1043 |
+
.currently-playing {
|
| 1044 |
+
border-radius: 8px;
|
| 1045 |
+
color: #717342;
|
| 1046 |
+
padding: 10px 14px 14px;
|
| 1047 |
+
position: relative;
|
| 1048 |
+
text-align: center;
|
| 1049 |
+
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
|
| 1050 |
+
-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5), 0 -1px 0 black;
|
| 1051 |
+
-moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5), 0 -1px 0 black;
|
| 1052 |
+
box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5), 0 -1px 0 black;
|
| 1053 |
+
background: #d1d395;
|
| 1054 |
+
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #dfe2ad), color-stop(100%, #d1d395));
|
| 1055 |
+
background-image: -webkit-linear-gradient(top, #dfe2ad, #d1d395);
|
| 1056 |
+
background-image: -moz-linear-gradient(top, #dfe2ad, #d1d395);
|
| 1057 |
+
background-image: -ms-linear-gradient(top, #dfe2ad, #d1d395);
|
| 1058 |
+
background-image: -o-linear-gradient(top, #dfe2ad, #d1d395);
|
| 1059 |
+
background-image: linear-gradient(top, #dfe2ad, #d1d395);
|
| 1060 |
+
-pie-background: linear-gradient(#dfe2ad, #d1d395);
|
| 1061 |
+
behavior: url("javascripts/vendor/PIE.htc"); }
|
| 1062 |
+
.currently-playing:after {
|
| 1063 |
+
background-color: rgba(255, 255, 255, 0.4);
|
| 1064 |
+
border-radius: 10px;
|
| 1065 |
+
content: "";
|
| 1066 |
+
height: 40%;
|
| 1067 |
+
left: 0;
|
| 1068 |
+
position: absolute;
|
| 1069 |
+
top: 0;
|
| 1070 |
+
width: 100%;
|
| 1071 |
+
z-index: 1; }
|
| 1072 |
+
.currently-playing .playing {
|
| 1073 |
+
height: 15px;
|
| 1074 |
+
overflow: hidden;
|
| 1075 |
+
position: relative;
|
| 1076 |
+
white-space: nowrap;
|
| 1077 |
+
z-index: 2; }
|
| 1078 |
+
.currently-playing .playing.artist {
|
| 1079 |
+
font-weight: bold;
|
| 1080 |
+
margin-bottom: 2px; }
|
| 1081 |
+
.currently-playing .song-info {
|
| 1082 |
+
padding-top: 8px;
|
| 1083 |
+
position: relative;
|
| 1084 |
+
font-size: 10px; }
|
| 1085 |
+
.currently-playing .scrollbox.dot {
|
| 1086 |
+
background-color: #787878;
|
| 1087 |
+
margin: 0 50px;
|
| 1088 |
+
top: 2px;
|
| 1089 |
+
z-index: 2;
|
| 1090 |
+
-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.6), 0 1px 0 rgba(255, 255, 255, 0.5);
|
| 1091 |
+
-moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.6), 0 1px 0 rgba(255, 255, 255, 0.5);
|
| 1092 |
+
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.6), 0 1px 0 rgba(255, 255, 255, 0.5); }
|
| 1093 |
+
.currently-playing .scrollbox.dot .scale {
|
| 1094 |
+
border: none;
|
| 1095 |
+
height: 7px;
|
| 1096 |
+
-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.4);
|
| 1097 |
+
-moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.4);
|
| 1098 |
+
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.4); }
|
| 1099 |
+
.currently-playing .scrollbox.dot .slider {
|
| 1100 |
+
background: white;
|
| 1101 |
+
top: -1px; }
|
| 1102 |
+
.currently-playing .song-time {
|
| 1103 |
+
line-height: 13px;
|
| 1104 |
+
position: absolute;
|
| 1105 |
+
top: 7px;
|
| 1106 |
+
width: 50px; }
|
| 1107 |
+
.currently-playing .song-time.start {
|
| 1108 |
+
left: -8px;
|
| 1109 |
+
text-align: right; }
|
| 1110 |
+
.currently-playing .song-time.end {
|
| 1111 |
+
right: -7px;
|
| 1112 |
+
text-align: left; }
|
| 1113 |
+
|
| 1114 |
+
.dataset table {
|
| 1115 |
+
width: 100%; }
|
| 1116 |
+
.dataset td {
|
| 1117 |
+
padding-bottom: 5px;
|
| 1118 |
+
padding-top: 5px; }
|
| 1119 |
+
|
| 1120 |
+
.dataset-entity {
|
| 1121 |
+
color: #9da0ab; }
|
| 1122 |
+
|
| 1123 |
+
.dataset-number {
|
| 1124 |
+
color: #686868;
|
| 1125 |
+
padding-right: 10px;
|
| 1126 |
+
text-align: right; }
|
| 1127 |
+
|
| 1128 |
+
.dataset-bar {
|
| 1129 |
+
background-color: #9cc346;
|
| 1130 |
+
border-radius: 10px;
|
| 1131 |
+
height: 5px;
|
| 1132 |
+
margin-top: 4px; }
|
| 1133 |
+
|
| 1134 |
+
.datepicker-placeholder {
|
| 1135 |
+
min-height: 250px;
|
| 1136 |
+
min-width: 210px;
|
| 1137 |
+
position: relative; }
|
| 1138 |
+
|
| 1139 |
+
.ui-datepicker {
|
| 1140 |
+
background-color: #141517;
|
| 1141 |
+
border-radius: 2px;
|
| 1142 |
+
color: #a8a8a8;
|
| 1143 |
+
display: none;
|
| 1144 |
+
padding: 30px;
|
| 1145 |
+
position: absolute;
|
| 1146 |
+
-webkit-box-shadow: inset 0 1px 0 black, 0 1px 0 rgba(255, 255, 255, 0.06);
|
| 1147 |
+
-moz-box-shadow: inset 0 1px 0 black, 0 1px 0 rgba(255, 255, 255, 0.06);
|
| 1148 |
+
box-shadow: inset 0 1px 0 black, 0 1px 0 rgba(255, 255, 255, 0.06);
|
| 1149 |
+
-webkit-user-select: none;
|
| 1150 |
+
-moz-user-select: none;
|
| 1151 |
+
-ms-user-select: none;
|
| 1152 |
+
user-select: none; }
|
| 1153 |
+
|
| 1154 |
+
.ui-datepicker-calendar {
|
| 1155 |
+
border-collapse: separate; }
|
| 1156 |
+
.ui-datepicker-calendar td {
|
| 1157 |
+
border: 1px solid transparent;
|
| 1158 |
+
cursor: pointer;
|
| 1159 |
+
padding: 5px 7px;
|
| 1160 |
+
text-align: center; }
|
| 1161 |
+
.ui-datepicker-calendar td:hover, .ui-datepicker-calendar td.ui-datepicker-current-day {
|
| 1162 |
+
border-color: #759827; }
|
| 1163 |
+
.ui-datepicker-calendar td.ui-state-disabled {
|
| 1164 |
+
border-color: transparent;
|
| 1165 |
+
cursor: default;
|
| 1166 |
+
color: #565656; }
|
| 1167 |
+
.ui-datepicker-calendar td.ui-datepicker-today {
|
| 1168 |
+
background-color: #243205;
|
| 1169 |
+
color: #759827; }
|
| 1170 |
+
.ui-datepicker-calendar a {
|
| 1171 |
+
text-decoration: none; }
|
| 1172 |
+
.ui-datepicker-calendar th {
|
| 1173 |
+
cursor: default;
|
| 1174 |
+
padding: 5px 7px;
|
| 1175 |
+
text-align: center;
|
| 1176 |
+
text-transform: uppercase; }
|
| 1177 |
+
|
| 1178 |
+
.ui-datepicker-header {
|
| 1179 |
+
border-bottom: 1px solid #d6d6d6;
|
| 1180 |
+
cursor: default;
|
| 1181 |
+
margin: 0 6px 10px;
|
| 1182 |
+
padding-bottom: 10px;
|
| 1183 |
+
position: relative;
|
| 1184 |
+
text-align: center;
|
| 1185 |
+
text-transform: uppercase; }
|
| 1186 |
+
.ui-datepicker-header .year {
|
| 1187 |
+
color: #565656;
|
| 1188 |
+
padding-left: 19px;
|
| 1189 |
+
position: relative; }
|
| 1190 |
+
.ui-datepicker-header .year:before {
|
| 1191 |
+
background: #99c043;
|
| 1192 |
+
border-radius: 50%;
|
| 1193 |
+
content: "";
|
| 1194 |
+
height: 4px;
|
| 1195 |
+
left: 6px;
|
| 1196 |
+
position: absolute;
|
| 1197 |
+
top: 5px;
|
| 1198 |
+
width: 4px; }
|
| 1199 |
+
.ui-datepicker-header .ui-datepicker-prev, .ui-datepicker-header .ui-datepicker-next {
|
| 1200 |
+
background: url("images/datepicker/back.png") 5px 3px no-repeat;
|
| 1201 |
+
bottom: 9px;
|
| 1202 |
+
cursor: pointer;
|
| 1203 |
+
font-size: 1px;
|
| 1204 |
+
height: 16px;
|
| 1205 |
+
left: -4px;
|
| 1206 |
+
overflow: hidden;
|
| 1207 |
+
position: absolute;
|
| 1208 |
+
text-indent: -999em;
|
| 1209 |
+
width: 16px; }
|
| 1210 |
+
.ui-datepicker-header .ui-datepicker-prev:hover, .ui-datepicker-header .ui-datepicker-next:hover, .ui-datepicker-header .ui-datepicker-prev:focus, .ui-datepicker-header .ui-datepicker-next:focus {
|
| 1211 |
+
background-position: 5px -13px; }
|
| 1212 |
+
.ui-datepicker-header .ui-datepicker-prev.ui-state-disabled, .ui-datepicker-header .ui-state-disabled.ui-datepicker-next {
|
| 1213 |
+
background-position: 5px -29px;
|
| 1214 |
+
cursor: default; }
|
| 1215 |
+
.ui-datepicker-header .ui-datepicker-next {
|
| 1216 |
+
background-image: url("images/datepicker/forward.png");
|
| 1217 |
+
left: auto;
|
| 1218 |
+
right: -5px; }
|
| 1219 |
+
|
| 1220 |
+
.ui-datepicker-buttonpane {
|
| 1221 |
+
position: absolute;
|
| 1222 |
+
right: 0;
|
| 1223 |
+
top: 0;
|
| 1224 |
+
width: 100%; }
|
| 1225 |
+
.ui-datepicker-buttonpane .ui-datepicker-current {
|
| 1226 |
+
background: none;
|
| 1227 |
+
border: none;
|
| 1228 |
+
color: #565656;
|
| 1229 |
+
cursor: pointer;
|
| 1230 |
+
font: italic 12px Georgia, serif;
|
| 1231 |
+
margin: 8px -15px 0 0;
|
| 1232 |
+
position: absolute;
|
| 1233 |
+
right: 50%; }
|
| 1234 |
+
.ui-datepicker-buttonpane .ui-datepicker-current:hover {
|
| 1235 |
+
color: #999999; }
|
| 1236 |
+
|
| 1237 |
+
.ui-datepicker-close {
|
| 1238 |
+
background: url("images/datepicker/close.png") 8px 9px no-repeat;
|
| 1239 |
+
border: none;
|
| 1240 |
+
cursor: pointer;
|
| 1241 |
+
font-size: 1px;
|
| 1242 |
+
height: 27px;
|
| 1243 |
+
overflow: hidden;
|
| 1244 |
+
position: absolute;
|
| 1245 |
+
text-indent: -999em;
|
| 1246 |
+
right: 0;
|
| 1247 |
+
top: 0;
|
| 1248 |
+
width: 27px; }
|
| 1249 |
+
.ui-datepicker-close:hover, .ui-datepicker-close:focus {
|
| 1250 |
+
background-position: 8px -11px; }
|
| 1251 |
+
|
| 1252 |
+
.equalizer-bar {
|
| 1253 |
+
background-color: #1e1f22;
|
| 1254 |
+
border-radius: 10px;
|
| 1255 |
+
float: left;
|
| 1256 |
+
height: 114px;
|
| 1257 |
+
margin-right: 6px;
|
| 1258 |
+
position: relative;
|
| 1259 |
+
width: 5px;
|
| 1260 |
+
-webkit-box-shadow: inset 0 1px 0 black, 1px 1px 0 rgba(255, 255, 255, 0.06);
|
| 1261 |
+
-moz-box-shadow: inset 0 1px 0 black, 1px 1px 0 rgba(255, 255, 255, 0.06);
|
| 1262 |
+
box-shadow: inset 0 1px 0 black, 1px 1px 0 rgba(255, 255, 255, 0.06);
|
| 1263 |
+
-webkit-user-select: none;
|
| 1264 |
+
-moz-user-select: none;
|
| 1265 |
+
-ms-user-select: none;
|
| 1266 |
+
user-select: none; }
|
| 1267 |
+
.equalizer-bar.minimal .equalizer-scale {
|
| 1268 |
+
background: #141517;
|
| 1269 |
+
-webkit-box-shadow: 1px 1px 0 rgba(255, 255, 255, 0.06);
|
| 1270 |
+
-moz-box-shadow: 1px 1px 0 rgba(255, 255, 255, 0.06);
|
| 1271 |
+
box-shadow: 1px 1px 0 rgba(255, 255, 255, 0.06); }
|
| 1272 |
+
.equalizer-bar.elastic .equalizer-scale {
|
| 1273 |
+
background: #a4a4a4;
|
| 1274 |
+
background-image: -webkit-gradient(linear, left top, right top, color-stop(0%, #e1e1e1), color-stop(100%, #a4a4a4));
|
| 1275 |
+
background-image: -webkit-linear-gradient(left, #e1e1e1, #a4a4a4);
|
| 1276 |
+
background-image: -moz-linear-gradient(left, #e1e1e1, #a4a4a4);
|
| 1277 |
+
background-image: -ms-linear-gradient(left, #e1e1e1, #a4a4a4);
|
| 1278 |
+
background-image: -o-linear-gradient(left, #e1e1e1, #a4a4a4);
|
| 1279 |
+
background-image: linear-gradient(left, #e1e1e1, #a4a4a4); }
|
| 1280 |
+
|
| 1281 |
+
.equalizer-delimiter {
|
| 1282 |
+
background: url("images/equalizer/bar-delimiter.png") 0 0 no-repeat;
|
| 1283 |
+
float: left;
|
| 1284 |
+
margin-right: 6px;
|
| 1285 |
+
height: 114px;
|
| 1286 |
+
width: 5px; }
|
| 1287 |
+
|
| 1288 |
+
.equalizer-scale {
|
| 1289 |
+
border-radius: 10px;
|
| 1290 |
+
bottom: 0;
|
| 1291 |
+
left: 0;
|
| 1292 |
+
position: absolute;
|
| 1293 |
+
width: 100%;
|
| 1294 |
+
-webkit-box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4), 1px 1px 1px rgba(0, 0, 0, 0.4);
|
| 1295 |
+
-moz-box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4), 1px 1px 1px rgba(0, 0, 0, 0.4);
|
| 1296 |
+
box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4), 1px 1px 1px rgba(0, 0, 0, 0.4);
|
| 1297 |
+
background: #91b73c;
|
| 1298 |
+
background-image: -webkit-gradient(linear, left top, right top, color-stop(0%, #6c901b), color-stop(100%, #91b73c));
|
| 1299 |
+
background-image: -webkit-linear-gradient(left, #6c901b, #91b73c);
|
| 1300 |
+
background-image: -moz-linear-gradient(left, #6c901b, #91b73c);
|
| 1301 |
+
background-image: -ms-linear-gradient(left, #6c901b, #91b73c);
|
| 1302 |
+
background-image: -o-linear-gradient(left, #6c901b, #91b73c);
|
| 1303 |
+
background-image: linear-gradient(left, #6c901b, #91b73c); }
|
| 1304 |
+
|
| 1305 |
+
.equalizer .ui-slider-handle {
|
| 1306 |
+
background: url("images/equalizer/slider.png") 5px 0 no-repeat;
|
| 1307 |
+
cursor: pointer;
|
| 1308 |
+
height: 16px;
|
| 1309 |
+
left: -6px;
|
| 1310 |
+
margin-bottom: -8px;
|
| 1311 |
+
position: absolute;
|
| 1312 |
+
width: 17px; }
|
| 1313 |
+
.equalizer .ui-slider-handle:hover, .equalizer .ui-slider-handle:focus {
|
| 1314 |
+
background-position: 5px -33px; }
|
| 1315 |
+
|
| 1316 |
+
.header {
|
| 1317 |
+
background: #141517;
|
| 1318 |
+
border-bottom: 1px solid rgba(255, 255, 255, 0.15);
|
| 1319 |
+
color: white; }
|
| 1320 |
+
|
| 1321 |
+
.header-controls {
|
| 1322 |
+
color: #8d8d8d;
|
| 1323 |
+
font-size: 11px; }
|
| 1324 |
+
.header-controls a {
|
| 1325 |
+
color: #dddddd;
|
| 1326 |
+
text-decoration: none; }
|
| 1327 |
+
.header-controls a:hover {
|
| 1328 |
+
color: white; }
|
| 1329 |
+
.header-controls .delimiter {
|
| 1330 |
+
font-family: Georgia, serif;
|
| 1331 |
+
font-style: italic; }
|
| 1332 |
+
.header-controls .fb-signup {
|
| 1333 |
+
background: url("images/header/fb-signup.png") 0 0 no-repeat;
|
| 1334 |
+
display: inline-block;
|
| 1335 |
+
height: 21px;
|
| 1336 |
+
margin: -7px 0;
|
| 1337 |
+
width: 89px; }
|
| 1338 |
+
|
| 1339 |
+
.header-navigation {
|
| 1340 |
+
font-family: "Helvetica Neue", Arial, sans-serif;
|
| 1341 |
+
font-size: 13px;
|
| 1342 |
+
text-transform: uppercase; }
|
| 1343 |
+
.header-navigation li {
|
| 1344 |
+
display: inline-block;
|
| 1345 |
+
height: 16px;
|
| 1346 |
+
position: relative;
|
| 1347 |
+
top: 2px; }
|
| 1348 |
+
.header-navigation li:after {
|
| 1349 |
+
background: #84aa30;
|
| 1350 |
+
border-radius: 50%;
|
| 1351 |
+
content: "";
|
| 1352 |
+
height: 4px;
|
| 1353 |
+
margin-top: -2px;
|
| 1354 |
+
position: absolute;
|
| 1355 |
+
right: -4px;
|
| 1356 |
+
top: 50%;
|
| 1357 |
+
width: 4px; }
|
| 1358 |
+
.header-navigation li:last-child:after {
|
| 1359 |
+
display: none; }
|
| 1360 |
+
.header-navigation li.current:before {
|
| 1361 |
+
background: url("images/header/ear.png") 0 0 no-repeat;
|
| 1362 |
+
bottom: -20px;
|
| 1363 |
+
content: "";
|
| 1364 |
+
height: 8px;
|
| 1365 |
+
left: 50%;
|
| 1366 |
+
margin-left: -7px;
|
| 1367 |
+
position: absolute;
|
| 1368 |
+
width: 14px; }
|
| 1369 |
+
.header-navigation li.current a {
|
| 1370 |
+
color: #94be38; }
|
| 1371 |
+
.header-navigation a {
|
| 1372 |
+
margin: 0 13px;
|
| 1373 |
+
text-decoration: none; }
|
| 1374 |
+
.header-navigation a:hover {
|
| 1375 |
+
color: #d0deb2; }
|
| 1376 |
+
|
| 1377 |
+
.header-search {
|
| 1378 |
+
float: right;
|
| 1379 |
+
margin: -5px 0 -9px;
|
| 1380 |
+
width: 66%; }
|
| 1381 |
+
|
| 1382 |
+
.login-block {
|
| 1383 |
+
background-color: #141517;
|
| 1384 |
+
border-radius: 8px;
|
| 1385 |
+
color: white;
|
| 1386 |
+
padding: 23px 30px 30px;
|
| 1387 |
+
position: relative;
|
| 1388 |
+
-webkit-box-shadow: inset 0 1px 0 black, 0 1px 0 rgba(255, 255, 255, 0.06);
|
| 1389 |
+
-moz-box-shadow: inset 0 1px 0 black, 0 1px 0 rgba(255, 255, 255, 0.06);
|
| 1390 |
+
box-shadow: inset 0 1px 0 black, 0 1px 0 rgba(255, 255, 255, 0.06);
|
| 1391 |
+
behavior: url("javascripts/vendor/PIE.htc"); }
|
| 1392 |
+
.login-block .login-ear {
|
| 1393 |
+
background: url("images/login-block/ear.png") 0 0 no-repeat;
|
| 1394 |
+
height: 13px;
|
| 1395 |
+
left: 23px;
|
| 1396 |
+
position: absolute;
|
| 1397 |
+
top: -12px;
|
| 1398 |
+
width: 12px; }
|
| 1399 |
+
.login-block .login-buttons {
|
| 1400 |
+
padding-top: 40px; }
|
| 1401 |
+
|
| 1402 |
+
.pagination {
|
| 1403 |
+
-webkit-user-select: none;
|
| 1404 |
+
-moz-user-select: none;
|
| 1405 |
+
-ms-user-select: none;
|
| 1406 |
+
user-select: none; }
|
| 1407 |
+
.pagination li {
|
| 1408 |
+
float: left;
|
| 1409 |
+
font-weight: bold;
|
| 1410 |
+
margin-right: 7px;
|
| 1411 |
+
text-align: center; }
|
| 1412 |
+
.pagination li.active a {
|
| 1413 |
+
color: #3e5706;
|
| 1414 |
+
text-shadow: 0 1px 0 white;
|
| 1415 |
+
-webkit-box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2);
|
| 1416 |
+
-moz-box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2);
|
| 1417 |
+
box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2);
|
| 1418 |
+
background: #9e9e9e;
|
| 1419 |
+
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fdfdfd), color-stop(100%, #9e9e9e));
|
| 1420 |
+
background-image: -webkit-linear-gradient(top, #fdfdfd, #9e9e9e);
|
| 1421 |
+
background-image: -moz-linear-gradient(top, #fdfdfd, #9e9e9e);
|
| 1422 |
+
background-image: -ms-linear-gradient(top, #fdfdfd, #9e9e9e);
|
| 1423 |
+
background-image: -o-linear-gradient(top, #fdfdfd, #9e9e9e);
|
| 1424 |
+
background-image: linear-gradient(top, #fdfdfd, #9e9e9e);
|
| 1425 |
+
-pie-background: linear-gradient(#fdfdfd, #9e9e9e); }
|
| 1426 |
+
.pagination a {
|
| 1427 |
+
border-radius: 20px;
|
| 1428 |
+
color: white;
|
| 1429 |
+
display: block;
|
| 1430 |
+
height: 17px;
|
| 1431 |
+
padding: 4px 7px 0;
|
| 1432 |
+
text-decoration: none;
|
| 1433 |
+
text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.4);
|
| 1434 |
+
-webkit-box-shadow: inset 1px 1px 0 rgba(0, 0, 0, 0.3), 1px 1px 0 rgba(255, 255, 255, 0.1);
|
| 1435 |
+
-moz-box-shadow: inset 1px 1px 0 rgba(0, 0, 0, 0.3), 1px 1px 0 rgba(255, 255, 255, 0.1);
|
| 1436 |
+
box-shadow: inset 1px 1px 0 rgba(0, 0, 0, 0.3), 1px 1px 0 rgba(255, 255, 255, 0.1);
|
| 1437 |
+
behavior: url("javascripts/vendor/PIE.htc"); }
|
| 1438 |
+
.pagination a:hover {
|
| 1439 |
+
background-color: #3f4147; }
|
| 1440 |
+
.pagination .pagination-up, .pagination .pagination-down, .pagination .pagination-left, .pagination .pagination-right {
|
| 1441 |
+
background: url("images/pagination/up.png") 0 0 no-repeat;
|
| 1442 |
+
cursor: pointer;
|
| 1443 |
+
float: left;
|
| 1444 |
+
height: 11px;
|
| 1445 |
+
margin-right: 3px;
|
| 1446 |
+
width: 11px;
|
| 1447 |
+
-webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
|
| 1448 |
+
-moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
|
| 1449 |
+
box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3); }
|
| 1450 |
+
.pagination .pagination-down {
|
| 1451 |
+
background-image: url("images/pagination/down.png"); }
|
| 1452 |
+
.pagination .pagination-left {
|
| 1453 |
+
background-image: url("images/pagination/left.png"); }
|
| 1454 |
+
.pagination .pagination-right {
|
| 1455 |
+
background-image: url("images/pagination/right.png"); }
|
| 1456 |
+
|
| 1457 |
+
.player-control-wrapper {
|
| 1458 |
+
float: left;
|
| 1459 |
+
position: relative; }
|
| 1460 |
+
.player-control-wrapper.opened .player-scale {
|
| 1461 |
+
left: 13px; }
|
| 1462 |
+
|
| 1463 |
+
.player-control, .player-control-huge {
|
| 1464 |
+
background: url("images/player/control.png") 0 0 no-repeat;
|
| 1465 |
+
cursor: pointer;
|
| 1466 |
+
float: left;
|
| 1467 |
+
height: 35px;
|
| 1468 |
+
margin-right: 8px;
|
| 1469 |
+
position: relative;
|
| 1470 |
+
width: 35px;
|
| 1471 |
+
z-index: 5; }
|
| 1472 |
+
.player-control:hover, .player-control-huge:hover {
|
| 1473 |
+
background-position: 0 bottom; }
|
| 1474 |
+
.player-control:hover .player-icon, .player-control-huge:hover .player-icon {
|
| 1475 |
+
background-position: center bottom; }
|
| 1476 |
+
|
| 1477 |
+
.player-control-huge {
|
| 1478 |
+
background-image: url("images/player/control-big.png");
|
| 1479 |
+
height: 54px;
|
| 1480 |
+
margin-top: -10px;
|
| 1481 |
+
width: 54px; }
|
| 1482 |
+
.player-control-huge .player-icon {
|
| 1483 |
+
height: 24px;
|
| 1484 |
+
margin: 15px 0 0 17px;
|
| 1485 |
+
width: 24px; }
|
| 1486 |
+
|
| 1487 |
+
.player-icon {
|
| 1488 |
+
background-position: center 0;
|
| 1489 |
+
background-repeat: no-repeat;
|
| 1490 |
+
height: 16px;
|
| 1491 |
+
margin: 10px 0 0 7px;
|
| 1492 |
+
width: 20px; }
|
| 1493 |
+
.player-icon.p-back {
|
| 1494 |
+
background-image: url("images/player/icon-back.png"); }
|
| 1495 |
+
.player-icon.p-next {
|
| 1496 |
+
background-image: url("images/player/icon-next.png"); }
|
| 1497 |
+
.player-icon.p-play {
|
| 1498 |
+
background-image: url("images/player/icon-play.png"); }
|
| 1499 |
+
.player-icon.p-volume {
|
| 1500 |
+
background-image: url("images/player/icon-volume.png"); }
|
| 1501 |
+
|
| 1502 |
+
.player-scale-holder {
|
| 1503 |
+
overflow: hidden;
|
| 1504 |
+
position: absolute;
|
| 1505 |
+
left: 10px;
|
| 1506 |
+
top: 7px;
|
| 1507 |
+
width: 106px;
|
| 1508 |
+
z-index: 4; }
|
| 1509 |
+
|
| 1510 |
+
.player-scale {
|
| 1511 |
+
background-color: #141517;
|
| 1512 |
+
border-radius: 20px;
|
| 1513 |
+
left: -75px;
|
| 1514 |
+
padding: 4px 4px 4px 13px;
|
| 1515 |
+
position: relative;
|
| 1516 |
+
width: 65px;
|
| 1517 |
+
-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.06);
|
| 1518 |
+
-moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.06);
|
| 1519 |
+
box-shadow: 0 1px 0 rgba(255, 255, 255, 0.06);
|
| 1520 |
+
-webkit-transition: left 0.2s;
|
| 1521 |
+
-moz-transition: left 0.2s;
|
| 1522 |
+
-ms-transition: left 0.2s;
|
| 1523 |
+
-o-transition: left 0.2s;
|
| 1524 |
+
transition: left 0.2s; }
|
| 1525 |
+
|
| 1526 |
+
.player-scale-filler {
|
| 1527 |
+
border-radius: 20px;
|
| 1528 |
+
height: 12px;
|
| 1529 |
+
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4);
|
| 1530 |
+
-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4);
|
| 1531 |
+
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4);
|
| 1532 |
+
background: #6e921d;
|
| 1533 |
+
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #acd05f), color-stop(100%, #6e921d));
|
| 1534 |
+
background-image: -webkit-linear-gradient(top, #acd05f, #6e921d);
|
| 1535 |
+
background-image: -moz-linear-gradient(top, #acd05f, #6e921d);
|
| 1536 |
+
background-image: -ms-linear-gradient(top, #acd05f, #6e921d);
|
| 1537 |
+
background-image: -o-linear-gradient(top, #acd05f, #6e921d);
|
| 1538 |
+
background-image: linear-gradient(top, #acd05f, #6e921d);
|
| 1539 |
+
-pie-background: linear-gradient(#acd05f, #6e921d); }
|
| 1540 |
+
|
| 1541 |
+
.progressbar-label {
|
| 1542 |
+
color: white;
|
| 1543 |
+
margin-bottom: 6px;
|
| 1544 |
+
text-align: right;
|
| 1545 |
+
text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5); }
|
| 1546 |
+
|
| 1547 |
+
.scrollbox {
|
| 1548 |
+
background-color: #1e1f22;
|
| 1549 |
+
border-radius: 10px;
|
| 1550 |
+
height: 7px;
|
| 1551 |
+
position: relative;
|
| 1552 |
+
-webkit-box-sizing: border-box;
|
| 1553 |
+
-moz-box-sizing: border-box;
|
| 1554 |
+
box-sizing: border-box;
|
| 1555 |
+
-webkit-box-shadow: inset 0 1px 0 black, 0 1px 0 rgba(255, 255, 255, 0.1);
|
| 1556 |
+
-moz-box-shadow: inset 0 1px 0 black, 0 1px 0 rgba(255, 255, 255, 0.1);
|
| 1557 |
+
box-shadow: inset 0 1px 0 black, 0 1px 0 rgba(255, 255, 255, 0.1);
|
| 1558 |
+
-webkit-user-select: none;
|
| 1559 |
+
-moz-user-select: none;
|
| 1560 |
+
-ms-user-select: none;
|
| 1561 |
+
user-select: none;
|
| 1562 |
+
behavior: url("javascripts/vendor/PIE.htc"); }
|
| 1563 |
+
.scrollbox.dot .hitbox {
|
| 1564 |
+
height: 11px;
|
| 1565 |
+
top: -2px; }
|
| 1566 |
+
.scrollbox.dot .ui-slider-handle {
|
| 1567 |
+
top: 1px;
|
| 1568 |
+
height: 7px;
|
| 1569 |
+
margin-left: -3px;
|
| 1570 |
+
right: -3px;
|
| 1571 |
+
width: 7px;
|
| 1572 |
+
background: #9f9f9f;
|
| 1573 |
+
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f7f7f7), color-stop(100%, #9f9f9f));
|
| 1574 |
+
background-image: -webkit-linear-gradient(top, #f7f7f7, #9f9f9f);
|
| 1575 |
+
background-image: -moz-linear-gradient(top, #f7f7f7, #9f9f9f);
|
| 1576 |
+
background-image: -ms-linear-gradient(top, #f7f7f7, #9f9f9f);
|
| 1577 |
+
background-image: -o-linear-gradient(top, #f7f7f7, #9f9f9f);
|
| 1578 |
+
background-image: linear-gradient(top, #f7f7f7, #9f9f9f);
|
| 1579 |
+
-pie-background: linear-gradient(#f7f7f7, #9f9f9f);
|
| 1580 |
+
behavior: url("javascripts/vendor/PIE.htc"); }
|
| 1581 |
+
.scrollbox.disk .hitbox {
|
| 1582 |
+
height: 19px;
|
| 1583 |
+
top: -6px; }
|
| 1584 |
+
.scrollbox.disk .ui-slider-handle {
|
| 1585 |
+
background: url("images/scrollbox/sliders.png") 0 0 no-repeat;
|
| 1586 |
+
top: -2px;
|
| 1587 |
+
height: 19px;
|
| 1588 |
+
margin-left: -9px;
|
| 1589 |
+
right: -9px;
|
| 1590 |
+
width: 19px; }
|
| 1591 |
+
.scrollbox.fat .hitbox {
|
| 1592 |
+
height: 19px;
|
| 1593 |
+
top: -6px; }
|
| 1594 |
+
.scrollbox.fat .scale {
|
| 1595 |
+
border: none;
|
| 1596 |
+
height: 7px;
|
| 1597 |
+
-webkit-box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.4);
|
| 1598 |
+
-moz-box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.4);
|
| 1599 |
+
box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.4);
|
| 1600 |
+
background: #71951f;
|
| 1601 |
+
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #afd067), color-stop(100%, #71951f));
|
| 1602 |
+
background-image: -webkit-linear-gradient(top, #afd067, #71951f);
|
| 1603 |
+
background-image: -moz-linear-gradient(top, #afd067, #71951f);
|
| 1604 |
+
background-image: -ms-linear-gradient(top, #afd067, #71951f);
|
| 1605 |
+
background-image: -o-linear-gradient(top, #afd067, #71951f);
|
| 1606 |
+
background-image: linear-gradient(top, #afd067, #71951f);
|
| 1607 |
+
-pie-background: linear-gradient(#afd067, #71951f);
|
| 1608 |
+
behavior: url("javascripts/vendor/PIE.htc"); }
|
| 1609 |
+
.scrollbox.fat .ui-slider-handle {
|
| 1610 |
+
background: url("images/scrollbox/sliders.png") 0 0 no-repeat;
|
| 1611 |
+
top: -2px;
|
| 1612 |
+
height: 19px;
|
| 1613 |
+
margin-left: -9px;
|
| 1614 |
+
right: -9px;
|
| 1615 |
+
width: 19px; }
|
| 1616 |
+
.scrollbox.range .hitbox {
|
| 1617 |
+
height: 19px;
|
| 1618 |
+
top: -6px; }
|
| 1619 |
+
.scrollbox.range .ui-slider-handle {
|
| 1620 |
+
background: url("images/scrollbox/sliders.png") center -30px no-repeat;
|
| 1621 |
+
top: -2px;
|
| 1622 |
+
height: 19px;
|
| 1623 |
+
margin-left: -9px;
|
| 1624 |
+
right: -9px;
|
| 1625 |
+
width: 19px; }
|
| 1626 |
+
.scrollbox.range .ui-slider-handle:hover, .scrollbox.range .ui-slider-handle:active {
|
| 1627 |
+
background-position: center -61px;
|
| 1628 |
+
-webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
|
| 1629 |
+
-moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
|
| 1630 |
+
box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5); }
|
| 1631 |
+
.scrollbox .scale {
|
| 1632 |
+
background-color: #84aa31;
|
| 1633 |
+
border: 2px solid #212227;
|
| 1634 |
+
border-radius: 10px;
|
| 1635 |
+
height: 3px;
|
| 1636 |
+
position: relative;
|
| 1637 |
+
background: #8db439;
|
| 1638 |
+
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #7ba129), color-stop(100%, #8db439));
|
| 1639 |
+
background-image: -webkit-linear-gradient(top, #7ba129, #8db439);
|
| 1640 |
+
background-image: -moz-linear-gradient(top, #7ba129, #8db439);
|
| 1641 |
+
background-image: -ms-linear-gradient(top, #7ba129, #8db439);
|
| 1642 |
+
background-image: -o-linear-gradient(top, #7ba129, #8db439);
|
| 1643 |
+
background-image: linear-gradient(top, #7ba129, #8db439);
|
| 1644 |
+
-pie-background: linear-gradient(#7ba129, #8db439); }
|
| 1645 |
+
.scrollbox .ui-slider-handle {
|
| 1646 |
+
border-radius: 50%;
|
| 1647 |
+
cursor: pointer;
|
| 1648 |
+
margin-top: 1px;
|
| 1649 |
+
position: absolute;
|
| 1650 |
+
z-index: 3;
|
| 1651 |
+
-webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
|
| 1652 |
+
-moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
|
| 1653 |
+
box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
|
| 1654 |
+
-webkit-user-select: none;
|
| 1655 |
+
-moz-user-select: none;
|
| 1656 |
+
-ms-user-select: none;
|
| 1657 |
+
user-select: none; }
|
| 1658 |
+
.scrollbox .ui-slider-handle:hover {
|
| 1659 |
+
-webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5), inset 0 0 7px rgba(0, 0, 0, 0.5);
|
| 1660 |
+
-moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5), inset 0 0 7px rgba(0, 0, 0, 0.5);
|
| 1661 |
+
box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5), inset 0 0 7px rgba(0, 0, 0, 0.5); }
|
| 1662 |
+
.scrollbox .ui-slider-handle:active {
|
| 1663 |
+
-webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5), inset 0 0 7px rgba(0, 0, 0, 0.8);
|
| 1664 |
+
-moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5), inset 0 0 7px rgba(0, 0, 0, 0.8);
|
| 1665 |
+
box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5), inset 0 0 7px rgba(0, 0, 0, 0.8); }
|
| 1666 |
+
.scrollbox .hitbox {
|
| 1667 |
+
position: absolute;
|
| 1668 |
+
width: 100%;
|
| 1669 |
+
z-index: 2; }
|
| 1670 |
+
|
| 1671 |
+
.site-info {
|
| 1672 |
+
padding: 70px 0 40px;
|
| 1673 |
+
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.06); }
|
| 1674 |
+
.site-info .sitename {
|
| 1675 |
+
font-weight: bold;
|
| 1676 |
+
margin-bottom: 5px;
|
| 1677 |
+
text-transform: uppercase; }
|
| 1678 |
+
.site-info .about {
|
| 1679 |
+
font-family: Georgia, serif;
|
| 1680 |
+
font-style: italic;
|
| 1681 |
+
overflow: hidden;
|
| 1682 |
+
position: relative;
|
| 1683 |
+
text-align: center;
|
| 1684 |
+
width: 311px; }
|
| 1685 |
+
.site-info .version {
|
| 1686 |
+
font-family: Georgia, serif;
|
| 1687 |
+
font-size: 11px;
|
| 1688 |
+
margin-left: 3px;
|
| 1689 |
+
position: relative;
|
| 1690 |
+
top: -5px; }
|
| 1691 |
+
.site-info .legend-center {
|
| 1692 |
+
display: inline-block;
|
| 1693 |
+
padding: 0 5px 2px;
|
| 1694 |
+
vertical-align: middle; }
|
| 1695 |
+
.site-info .legend-left,
|
| 1696 |
+
.site-info .legend-right {
|
| 1697 |
+
border-bottom: 1px solid rgba(255, 255, 255, 0.06);
|
| 1698 |
+
border-top: 1px solid black;
|
| 1699 |
+
display: inline-block;
|
| 1700 |
+
margin: 0 0 0 -999px;
|
| 1701 |
+
vertical-align: middle;
|
| 1702 |
+
width: 999px; }
|
| 1703 |
+
.site-info .legend-right {
|
| 1704 |
+
margin: 0 -999px 0 0; }
|
| 1705 |
+
|
| 1706 |
+
.site-info-credentials {
|
| 1707 |
+
color: #999999;
|
| 1708 |
+
padding-top: 50px;
|
| 1709 |
+
text-align: center; }
|
| 1710 |
+
|
| 1711 |
+
.site-info-links {
|
| 1712 |
+
padding-top: 35px; }
|
| 1713 |
+
|
| 1714 |
+
.slideshow,
|
| 1715 |
+
.slideshow .slideshow-slides-wrapper,
|
| 1716 |
+
.slideshow .each-slide {
|
| 1717 |
+
height: 174px;
|
| 1718 |
+
width: 272px; }
|
| 1719 |
+
|
| 1720 |
+
.slideshow {
|
| 1721 |
+
background: #141517;
|
| 1722 |
+
border-radius: 8px;
|
| 1723 |
+
display: inline-block;
|
| 1724 |
+
margin: 0 20px;
|
| 1725 |
+
padding: 4px;
|
| 1726 |
+
position: relative;
|
| 1727 |
+
-webkit-box-shadow: inset 0 1px 0 black, 0 1px 0 rgba(255, 255, 255, 0.06);
|
| 1728 |
+
-moz-box-shadow: inset 0 1px 0 black, 0 1px 0 rgba(255, 255, 255, 0.06);
|
| 1729 |
+
box-shadow: inset 0 1px 0 black, 0 1px 0 rgba(255, 255, 255, 0.06); }
|
| 1730 |
+
.slideshow .slideshow-slides-wrapper {
|
| 1731 |
+
overflow: hidden;
|
| 1732 |
+
position: relative; }
|
| 1733 |
+
.slideshow .slideshow-slides {
|
| 1734 |
+
position: absolute;
|
| 1735 |
+
-webkit-transition: all 0.2s;
|
| 1736 |
+
-moz-transition: all 0.2s;
|
| 1737 |
+
-ms-transition: all 0.2s;
|
| 1738 |
+
-o-transition: all 0.2s;
|
| 1739 |
+
transition: all 0.2s; }
|
| 1740 |
+
.slideshow .each-slide {
|
| 1741 |
+
background-position: center;
|
| 1742 |
+
background-repeat: no-repeat;
|
| 1743 |
+
border-radius: 5px;
|
| 1744 |
+
float: left;
|
| 1745 |
+
position: relative; }
|
| 1746 |
+
.slideshow .show-slide {
|
| 1747 |
+
background: url("images/slideshow/prev.png") 0 0 no-repeat;
|
| 1748 |
+
cursor: pointer;
|
| 1749 |
+
height: 22px;
|
| 1750 |
+
margin-top: -13px;
|
| 1751 |
+
position: absolute;
|
| 1752 |
+
top: 50%;
|
| 1753 |
+
left: -30px;
|
| 1754 |
+
width: 14px; }
|
| 1755 |
+
.slideshow .show-slide:hover {
|
| 1756 |
+
background-position: 0 bottom; }
|
| 1757 |
+
.slideshow .show-slide.next {
|
| 1758 |
+
background-image: url("images/slideshow/next.png");
|
| 1759 |
+
left: auto;
|
| 1760 |
+
right: -30px; }
|
| 1761 |
+
.slideshow .slide-description {
|
| 1762 |
+
background-color: black;
|
| 1763 |
+
border-radius: 0 0 5px 5px;
|
| 1764 |
+
bottom: 0;
|
| 1765 |
+
color: white;
|
| 1766 |
+
padding: 11px 13px;
|
| 1767 |
+
position: absolute;
|
| 1768 |
+
width: 100%;
|
| 1769 |
+
-webkit-box-sizing: border-box;
|
| 1770 |
+
-moz-box-sizing: border-box;
|
| 1771 |
+
box-sizing: border-box; }
|
| 1772 |
+
|
| 1773 |
+
.starbar {
|
| 1774 |
+
background: #94eaf3 url("images/starbar/background.png") 0 0 repeat-x;
|
| 1775 |
+
border-radius: 8px;
|
| 1776 |
+
display: inline-block;
|
| 1777 |
+
height: 16px;
|
| 1778 |
+
padding: 10px;
|
| 1779 |
+
-webkit-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.3), 0 1px 1px rgba(0, 0, 0, 0.4);
|
| 1780 |
+
-moz-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.3), 0 1px 1px rgba(0, 0, 0, 0.4);
|
| 1781 |
+
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.3), 0 1px 1px rgba(0, 0, 0, 0.4);
|
| 1782 |
+
behavior: url("javascripts/vendor/PIE.htc"); }
|
| 1783 |
+
.starbar .star {
|
| 1784 |
+
background: url("images/starbar/star.png") 0 0 no-repeat;
|
| 1785 |
+
float: left;
|
| 1786 |
+
height: 16px;
|
| 1787 |
+
width: 17px; }
|
| 1788 |
+
.starbar .star.half {
|
| 1789 |
+
background-position: 0 -22px; }
|
| 1790 |
+
.starbar .star.full {
|
| 1791 |
+
background-position: 0 -45px; }
|
| 1792 |
+
.starbar .star.focus {
|
| 1793 |
+
cursor: pointer; }
|
| 1794 |
+
.starbar .starbar-rating {
|
| 1795 |
+
color: #216a72;
|
| 1796 |
+
float: right;
|
| 1797 |
+
font-weight: bold;
|
| 1798 |
+
padding: 2px 5px 0 11px;
|
| 1799 |
+
-webkit-user-select: text;
|
| 1800 |
+
-moz-user-select: text;
|
| 1801 |
+
-ms-user-select: text;
|
| 1802 |
+
user-select: text;
|
| 1803 |
+
line-height: 1.1 \9; }
|
| 1804 |
+
|
| 1805 |
+
.sticker {
|
| 1806 |
+
color: white;
|
| 1807 |
+
position: relative;
|
| 1808 |
+
text-align: center;
|
| 1809 |
+
text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.15); }
|
| 1810 |
+
.sticker.percent {
|
| 1811 |
+
background: url("images/sticker/percent.png") 0 0 no-repeat;
|
| 1812 |
+
font: bold 42px "Helvetica Neue", Arial, sans-serif;
|
| 1813 |
+
height: 100px;
|
| 1814 |
+
letter-spacing: 1px;
|
| 1815 |
+
padding-top: 24px;
|
| 1816 |
+
width: 124px; }
|
| 1817 |
+
.sticker.pack {
|
| 1818 |
+
background: url("images/sticker/pack.png") 0 0 no-repeat;
|
| 1819 |
+
font: bold 38px "Helvetica Neue", Arial, sans-serif;
|
| 1820 |
+
height: 84px;
|
| 1821 |
+
padding-top: 13px;
|
| 1822 |
+
width: 97px; }
|
| 1823 |
+
.sticker.pack .sticker-label {
|
| 1824 |
+
background-color: #18657b;
|
| 1825 |
+
border-radius: 20px;
|
| 1826 |
+
font: bold 9px Arial, sans-serif;
|
| 1827 |
+
display: inline-block;
|
| 1828 |
+
letter-spacing: 1px;
|
| 1829 |
+
padding: 3px 10px;
|
| 1830 |
+
position: relative;
|
| 1831 |
+
text-transform: uppercase;
|
| 1832 |
+
top: -26px;
|
| 1833 |
+
-webkit-box-shadow: 1px 1px 0 rgba(255, 255, 255, 0.1);
|
| 1834 |
+
-moz-box-shadow: 1px 1px 0 rgba(255, 255, 255, 0.1);
|
| 1835 |
+
box-shadow: 1px 1px 0 rgba(255, 255, 255, 0.1);
|
| 1836 |
+
behavior: url("javascripts/vendor/PIE.htc"); }
|
| 1837 |
+
|
| 1838 |
+
.tabbox .ui-tabs-hide {
|
| 1839 |
+
display: none; }
|
| 1840 |
+
|
| 1841 |
+
.tabbox-tabs {
|
| 1842 |
+
color: #a8a8a8;
|
| 1843 |
+
font-size: 13px;
|
| 1844 |
+
overflow: hidden;
|
| 1845 |
+
text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2); }
|
| 1846 |
+
.tabbox-tabs li {
|
| 1847 |
+
border-radius: 10px 10px 0 0;
|
| 1848 |
+
cursor: pointer;
|
| 1849 |
+
float: left;
|
| 1850 |
+
margin-right: 3px;
|
| 1851 |
+
padding: 12px 60px 9px;
|
| 1852 |
+
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
|
| 1853 |
+
-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
|
| 1854 |
+
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
|
| 1855 |
+
background: #4b4d51;
|
| 1856 |
+
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #5b5d62), color-stop(100%, #4b4d51));
|
| 1857 |
+
background-image: -webkit-linear-gradient(top, #5b5d62, #4b4d51);
|
| 1858 |
+
background-image: -moz-linear-gradient(top, #5b5d62, #4b4d51);
|
| 1859 |
+
background-image: -ms-linear-gradient(top, #5b5d62, #4b4d51);
|
| 1860 |
+
background-image: -o-linear-gradient(top, #5b5d62, #4b4d51);
|
| 1861 |
+
background-image: linear-gradient(top, #5b5d62, #4b4d51);
|
| 1862 |
+
-pie-background: linear-gradient(#5b5d62, #4b4d51);
|
| 1863 |
+
-webkit-user-select: none;
|
| 1864 |
+
-moz-user-select: none;
|
| 1865 |
+
-ms-user-select: none;
|
| 1866 |
+
user-select: none;
|
| 1867 |
+
behavior: url("javascripts/vendor/PIE.htc"); }
|
| 1868 |
+
.tabbox-tabs li:hover {
|
| 1869 |
+
background: #595a5f;
|
| 1870 |
+
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #64656b), color-stop(100%, #595a5f));
|
| 1871 |
+
background-image: -webkit-linear-gradient(top, #64656b, #595a5f);
|
| 1872 |
+
background-image: -moz-linear-gradient(top, #64656b, #595a5f);
|
| 1873 |
+
background-image: -ms-linear-gradient(top, #64656b, #595a5f);
|
| 1874 |
+
background-image: -o-linear-gradient(top, #64656b, #595a5f);
|
| 1875 |
+
background-image: linear-gradient(top, #64656b, #595a5f);
|
| 1876 |
+
-pie-background: linear-gradient(#64656b, #595a5f); }
|
| 1877 |
+
.tabbox-tabs li:active {
|
| 1878 |
+
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), inset 0 1px 5px rgba(0, 0, 0, 0.4);
|
| 1879 |
+
-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), inset 0 1px 5px rgba(0, 0, 0, 0.4);
|
| 1880 |
+
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), inset 0 1px 5px rgba(0, 0, 0, 0.4);
|
| 1881 |
+
background: #4b4d51;
|
| 1882 |
+
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #5b5d62), color-stop(100%, #4b4d51));
|
| 1883 |
+
background-image: -webkit-linear-gradient(top, #5b5d62, #4b4d51);
|
| 1884 |
+
background-image: -moz-linear-gradient(top, #5b5d62, #4b4d51);
|
| 1885 |
+
background-image: -ms-linear-gradient(top, #5b5d62, #4b4d51);
|
| 1886 |
+
background-image: -o-linear-gradient(top, #5b5d62, #4b4d51);
|
| 1887 |
+
background-image: linear-gradient(top, #5b5d62, #4b4d51);
|
| 1888 |
+
-pie-background: linear-gradient(#5b5d62, #4b4d51); }
|
| 1889 |
+
.tabbox-tabs li.active {
|
| 1890 |
+
color: #404040;
|
| 1891 |
+
padding-bottom: 12px;
|
| 1892 |
+
text-shadow: 0 1px 0 white;
|
| 1893 |
+
-webkit-box-shadow: inset 0 1px white;
|
| 1894 |
+
-moz-box-shadow: inset 0 1px white;
|
| 1895 |
+
box-shadow: inset 0 1px white;
|
| 1896 |
+
background: #e5e5e5;
|
| 1897 |
+
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e7e7e7), color-stop(100%, #e5e5e5));
|
| 1898 |
+
background-image: -webkit-linear-gradient(top, #e7e7e7, #e5e5e5);
|
| 1899 |
+
background-image: -moz-linear-gradient(top, #e7e7e7, #e5e5e5);
|
| 1900 |
+
background-image: -ms-linear-gradient(top, #e7e7e7, #e5e5e5);
|
| 1901 |
+
background-image: -o-linear-gradient(top, #e7e7e7, #e5e5e5);
|
| 1902 |
+
background-image: linear-gradient(top, #e7e7e7, #e5e5e5);
|
| 1903 |
+
-pie-background: linear-gradient(#e7e7e7, #e5e5e5); }
|
| 1904 |
+
|
| 1905 |
+
.tabbox-stuff {
|
| 1906 |
+
background-color: #e5e5e5;
|
| 1907 |
+
border-radius: 0 10px 10px;
|
| 1908 |
+
padding: 14px;
|
| 1909 |
+
position: relative;
|
| 1910 |
+
behavior: url("javascripts/vendor/PIE.htc"); }
|
| 1911 |
+
|
| 1912 |
+
.tabbox-navigation {
|
| 1913 |
+
float: left;
|
| 1914 |
+
position: relative;
|
| 1915 |
+
width: 93px;
|
| 1916 |
+
z-index: 2; }
|
| 1917 |
+
.tabbox-navigation li {
|
| 1918 |
+
background-position: center center;
|
| 1919 |
+
background-repeat: no-repeat;
|
| 1920 |
+
cursor: pointer;
|
| 1921 |
+
height: 64px;
|
| 1922 |
+
position: relative;
|
| 1923 |
+
-webkit-user-select: none;
|
| 1924 |
+
-moz-user-select: none;
|
| 1925 |
+
-ms-user-select: none;
|
| 1926 |
+
user-select: none; }
|
| 1927 |
+
.tabbox-navigation li:hover {
|
| 1928 |
+
background-color: #f0f0f0;
|
| 1929 |
+
-webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.2);
|
| 1930 |
+
-moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.2);
|
| 1931 |
+
box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.2); }
|
| 1932 |
+
.tabbox-navigation li:active {
|
| 1933 |
+
background-color: #dddddd; }
|
| 1934 |
+
.tabbox-navigation li.ui-state-active {
|
| 1935 |
+
background-color: white;
|
| 1936 |
+
-webkit-box-shadow: 8px 3px 5px -3px rgba(0, 0, 0, 0.4);
|
| 1937 |
+
-moz-box-shadow: 8px 3px 5px -3px rgba(0, 0, 0, 0.4);
|
| 1938 |
+
box-shadow: 8px 3px 5px -3px rgba(0, 0, 0, 0.4); }
|
| 1939 |
+
.tabbox-navigation li.archive {
|
| 1940 |
+
background-image: url("images/tabbox/navigation-archive.png"); }
|
| 1941 |
+
.tabbox-navigation li.messages {
|
| 1942 |
+
background-image: url("images/tabbox/navigation-messages.png"); }
|
| 1943 |
+
.tabbox-navigation li.cloud {
|
| 1944 |
+
background-image: url("images/tabbox/navigation-cloud.png"); }
|
| 1945 |
+
.tabbox-navigation li > a {
|
| 1946 |
+
display: block;
|
| 1947 |
+
height: 100%;
|
| 1948 |
+
position: absolute;
|
| 1949 |
+
width: 100%; }
|
| 1950 |
+
|
| 1951 |
+
.tabbox-content {
|
| 1952 |
+
background-color: white;
|
| 1953 |
+
min-height: 144px;
|
| 1954 |
+
padding: 24px 29px;
|
| 1955 |
+
position: relative;
|
| 1956 |
+
z-index: 3;
|
| 1957 |
+
-webkit-box-shadow: 3px 3px 5px -3px rgba(0, 0, 0, 0.4);
|
| 1958 |
+
-moz-box-shadow: 3px 3px 5px -3px rgba(0, 0, 0, 0.4);
|
| 1959 |
+
box-shadow: 3px 3px 5px -3px rgba(0, 0, 0, 0.4);
|
| 1960 |
+
-webkit-user-select: text;
|
| 1961 |
+
-moz-user-select: text;
|
| 1962 |
+
-ms-user-select: text;
|
| 1963 |
+
user-select: text; }
|
| 1964 |
+
.tabbox-content .heading {
|
| 1965 |
+
border-bottom: 1px solid #e9e9e9;
|
| 1966 |
+
color: #686868;
|
| 1967 |
+
margin-bottom: 17px;
|
| 1968 |
+
padding-bottom: 15px;
|
| 1969 |
+
position: relative; }
|
| 1970 |
+
.tabbox-content .heading-col {
|
| 1971 |
+
display: inline-block;
|
| 1972 |
+
margin-right: 15px;
|
| 1973 |
+
vertical-align: baseline; }
|
| 1974 |
+
.tabbox-content .status-message {
|
| 1975 |
+
color: #999999;
|
| 1976 |
+
font: italic 11px Georgia, serif;
|
| 1977 |
+
padding-left: 10px; }
|
| 1978 |
+
.tabbox-content .status-message.positive {
|
| 1979 |
+
color: #9cc346; }
|
| 1980 |
+
.tabbox-content .status-message.negative {
|
| 1981 |
+
color: #c34646; }
|
| 1982 |
+
.tabbox-content .preloader {
|
| 1983 |
+
background: url("images/tabbox/preloader.gif") 0 0 no-repeat;
|
| 1984 |
+
height: 16px;
|
| 1985 |
+
margin-top: -13px;
|
| 1986 |
+
position: absolute;
|
| 1987 |
+
right: 0;
|
| 1988 |
+
top: 50%;
|
| 1989 |
+
width: 16px; }
|
| 1990 |
+
|
| 1991 |
+
.user-slug .slug-avatar {
|
| 1992 |
+
border: 4px solid #141517;
|
| 1993 |
+
border-radius: 2px;
|
| 1994 |
+
float: left;
|
| 1995 |
+
height: 29px;
|
| 1996 |
+
margin-right: 16px;
|
| 1997 |
+
-webkit-box-shadow: inset 0 1px 0 #0a0a0b, 0 1px 0 rgba(255, 255, 255, 0.06);
|
| 1998 |
+
-moz-box-shadow: inset 0 1px 0 #0a0a0b, 0 1px 0 rgba(255, 255, 255, 0.06);
|
| 1999 |
+
box-shadow: inset 0 1px 0 #0a0a0b, 0 1px 0 rgba(255, 255, 255, 0.06);
|
| 2000 |
+
-webkit-user-select: text;
|
| 2001 |
+
-moz-user-select: text;
|
| 2002 |
+
-ms-user-select: text;
|
| 2003 |
+
user-select: text; }
|
| 2004 |
+
.user-slug .slug-name {
|
| 2005 |
+
color: white;
|
| 2006 |
+
font-size: 12px;
|
| 2007 |
+
margin: 4px 0 3px; }
|
| 2008 |
+
.user-slug .slug-status {
|
| 2009 |
+
font: italic 11px Georgia, serif;
|
| 2010 |
+
padding-left: 16px;
|
| 2011 |
+
position: relative; }
|
| 2012 |
+
.user-slug .slug-status:before {
|
| 2013 |
+
border-radius: 50%;
|
| 2014 |
+
content: "";
|
| 2015 |
+
height: 4px;
|
| 2016 |
+
left: 3px;
|
| 2017 |
+
position: absolute;
|
| 2018 |
+
top: 4px;
|
| 2019 |
+
width: 4px; }
|
| 2020 |
+
.user-slug .slug-status.online {
|
| 2021 |
+
color: #96bd40; }
|
| 2022 |
+
.user-slug .slug-status.online:before {
|
| 2023 |
+
background-color: #98bf43; }
|
| 2024 |
+
.user-slug .slug-status.away {
|
| 2025 |
+
color: #999999; }
|
| 2026 |
+
.user-slug .slug-status.away:before {
|
| 2027 |
+
background-color: #999999; }
|
| 2028 |
+
|
| 2029 |
+
|
| 2030 |
+
|
| 2031 |
+
|
| 2032 |
+
|
admin/css/gutenberg_block.css
CHANGED
|
@@ -1,4 +1,4 @@
|
|
| 1 |
-
/* Editor style */
|
| 2 |
-
.wp-block-ftg-gallery {
|
| 3 |
-
|
| 4 |
}
|
| 1 |
+
/* Editor style */
|
| 2 |
+
.wp-block-ftg-gallery {
|
| 3 |
+
|
| 4 |
}
|
admin/css/materialize.css
CHANGED
|
@@ -1,8706 +1,8706 @@
|
|
| 1 |
-
/*!
|
| 2 |
-
* Materialize v1.0.0 (http://materializecss.com)
|
| 3 |
-
* Copyright 2014-2017 Materialize
|
| 4 |
-
* MIT License (https://raw.githubusercontent.com/Dogfalo/materialize/master/LICENSE)
|
| 5 |
-
*/
|
| 6 |
-
.materialize-red {
|
| 7 |
-
background-color: #e51c23 !important;
|
| 8 |
-
}
|
| 9 |
-
|
| 10 |
-
.materialize-red-text {
|
| 11 |
-
color: #e51c23 !important;
|
| 12 |
-
}
|
| 13 |
-
|
| 14 |
-
.materialize-red.lighten-5 {
|
| 15 |
-
background-color: #fdeaeb !important;
|
| 16 |
-
}
|
| 17 |
-
|
| 18 |
-
.materialize-red-text.text-lighten-5 {
|
| 19 |
-
color: #fdeaeb !important;
|
| 20 |
-
}
|
| 21 |
-
|
| 22 |
-
.materialize-red.lighten-4 {
|
| 23 |
-
background-color: #f8c1c3 !important;
|
| 24 |
-
}
|
| 25 |
-
|
| 26 |
-
.materialize-red-text.text-lighten-4 {
|
| 27 |
-
color: #f8c1c3 !important;
|
| 28 |
-
}
|
| 29 |
-
|
| 30 |
-
.materialize-red.lighten-3 {
|
| 31 |
-
background-color: #f3989b !important;
|
| 32 |
-
}
|
| 33 |
-
|
| 34 |
-
.materialize-red-text.text-lighten-3 {
|
| 35 |
-
color: #f3989b !important;
|
| 36 |
-
}
|
| 37 |
-
|
| 38 |
-
.materialize-red.lighten-2 {
|
| 39 |
-
background-color: #ee6e73 !important;
|
| 40 |
-
}
|
| 41 |
-
|
| 42 |
-
.materialize-red-text.text-lighten-2 {
|
| 43 |
-
color: #ee6e73 !important;
|
| 44 |
-
}
|
| 45 |
-
|
| 46 |
-
.materialize-red.lighten-1 {
|
| 47 |
-
background-color: #ea454b !important;
|
| 48 |
-
}
|
| 49 |
-
|
| 50 |
-
.materialize-red-text.text-lighten-1 {
|
| 51 |
-
color: #ea454b !important;
|
| 52 |
-
}
|
| 53 |
-
|
| 54 |
-
.materialize-red.darken-1 {
|
| 55 |
-
background-color: #d0181e !important;
|
| 56 |
-
}
|
| 57 |
-
|
| 58 |
-
.materialize-red-text.text-darken-1 {
|
| 59 |
-
color: #d0181e !important;
|
| 60 |
-
}
|
| 61 |
-
|
| 62 |
-
.materialize-red.darken-2 {
|
| 63 |
-
background-color: #b9151b !important;
|
| 64 |
-
}
|
| 65 |
-
|
| 66 |
-
.materialize-red-text.text-darken-2 {
|
| 67 |
-
color: #b9151b !important;
|
| 68 |
-
}
|
| 69 |
-
|
| 70 |
-
.materialize-red.darken-3 {
|
| 71 |
-
background-color: #a21318 !important;
|
| 72 |
-
}
|
| 73 |
-
|
| 74 |
-
.materialize-red-text.text-darken-3 {
|
| 75 |
-
color: #a21318 !important;
|
| 76 |
-
}
|
| 77 |
-
|
| 78 |
-
.materialize-red.darken-4 {
|
| 79 |
-
background-color: #8b1014 !important;
|
| 80 |
-
}
|
| 81 |
-
|
| 82 |
-
.materialize-red-text.text-darken-4 {
|
| 83 |
-
color: #8b1014 !important;
|
| 84 |
-
}
|
| 85 |
-
|
| 86 |
-
.red {
|
| 87 |
-
background-color: #F44336 !important;
|
| 88 |
-
}
|
| 89 |
-
|
| 90 |
-
.red-text {
|
| 91 |
-
color: #F44336 !important;
|
| 92 |
-
}
|
| 93 |
-
|
| 94 |
-
.red.lighten-5 {
|
| 95 |
-
background-color: #FFEBEE !important;
|
| 96 |
-
}
|
| 97 |
-
|
| 98 |
-
.red-text.text-lighten-5 {
|
| 99 |
-
color: #FFEBEE !important;
|
| 100 |
-
}
|
| 101 |
-
|
| 102 |
-
.red.lighten-4 {
|
| 103 |
-
background-color: #FFCDD2 !important;
|
| 104 |
-
}
|
| 105 |
-
|
| 106 |
-
.red-text.text-lighten-4 {
|
| 107 |
-
color: #FFCDD2 !important;
|
| 108 |
-
}
|
| 109 |
-
|
| 110 |
-
.red.lighten-3 {
|
| 111 |
-
background-color: #EF9A9A !important;
|
| 112 |
-
}
|
| 113 |
-
|
| 114 |
-
.red-text.text-lighten-3 {
|
| 115 |
-
color: #EF9A9A !important;
|
| 116 |
-
}
|
| 117 |
-
|
| 118 |
-
.red.lighten-2 {
|
| 119 |
-
background-color: #E57373 !important;
|
| 120 |
-
}
|
| 121 |
-
|
| 122 |
-
.red-text.text-lighten-2 {
|
| 123 |
-
color: #E57373 !important;
|
| 124 |
-
}
|
| 125 |
-
|
| 126 |
-
.red.lighten-1 {
|
| 127 |
-
background-color: #EF5350 !important;
|
| 128 |
-
}
|
| 129 |
-
|
| 130 |
-
.red-text.text-lighten-1 {
|
| 131 |
-
color: #EF5350 !important;
|
| 132 |
-
}
|
| 133 |
-
|
| 134 |
-
.red.darken-1 {
|
| 135 |
-
background-color: #E53935 !important;
|
| 136 |
-
}
|
| 137 |
-
|
| 138 |
-
.red-text.text-darken-1 {
|
| 139 |
-
color: #E53935 !important;
|
| 140 |
-
}
|
| 141 |
-
|
| 142 |
-
.red.darken-2 {
|
| 143 |
-
background-color: #D32F2F !important;
|
| 144 |
-
}
|
| 145 |
-
|
| 146 |
-
.red-text.text-darken-2 {
|
| 147 |
-
color: #D32F2F !important;
|
| 148 |
-
}
|
| 149 |
-
|
| 150 |
-
.red.darken-3 {
|
| 151 |
-
background-color: #C62828 !important;
|
| 152 |
-
}
|
| 153 |
-
|
| 154 |
-
.red-text.text-darken-3 {
|
| 155 |
-
color: #C62828 !important;
|
| 156 |
-
}
|
| 157 |
-
|
| 158 |
-
.red.darken-4 {
|
| 159 |
-
background-color: #B71C1C !important;
|
| 160 |
-
}
|
| 161 |
-
|
| 162 |
-
.red-text.text-darken-4 {
|
| 163 |
-
color: #B71C1C !important;
|
| 164 |
-
}
|
| 165 |
-
|
| 166 |
-
.red.accent-1 {
|
| 167 |
-
background-color: #FF8A80 !important;
|
| 168 |
-
}
|
| 169 |
-
|
| 170 |
-
.red-text.text-accent-1 {
|
| 171 |
-
color: #FF8A80 !important;
|
| 172 |
-
}
|
| 173 |
-
|
| 174 |
-
.red.accent-2 {
|
| 175 |
-
background-color: #FF5252 !important;
|
| 176 |
-
}
|
| 177 |
-
|
| 178 |
-
.red-text.text-accent-2 {
|
| 179 |
-
color: #FF5252 !important;
|
| 180 |
-
}
|
| 181 |
-
|
| 182 |
-
.red.accent-3 {
|
| 183 |
-
background-color: #FF1744 !important;
|
| 184 |
-
}
|
| 185 |
-
|
| 186 |
-
.red-text.text-accent-3 {
|
| 187 |
-
color: #FF1744 !important;
|
| 188 |
-
}
|
| 189 |
-
|
| 190 |
-
.red.accent-4 {
|
| 191 |
-
background-color: #D50000 !important;
|
| 192 |
-
}
|
| 193 |
-
|
| 194 |
-
.red-text.text-accent-4 {
|
| 195 |
-
color: #D50000 !important;
|
| 196 |
-
}
|
| 197 |
-
|
| 198 |
-
.pink {
|
| 199 |
-
background-color: #e91e63 !important;
|
| 200 |
-
}
|
| 201 |
-
|
| 202 |
-
.pink-text {
|
| 203 |
-
color: #e91e63 !important;
|
| 204 |
-
}
|
| 205 |
-
|
| 206 |
-
.pink.lighten-5 {
|
| 207 |
-
background-color: #fce4ec !important;
|
| 208 |
-
}
|
| 209 |
-
|
| 210 |
-
.pink-text.text-lighten-5 {
|
| 211 |
-
color: #fce4ec !important;
|
| 212 |
-
}
|
| 213 |
-
|
| 214 |
-
.pink.lighten-4 {
|
| 215 |
-
background-color: #f8bbd0 !important;
|
| 216 |
-
}
|
| 217 |
-
|
| 218 |
-
.pink-text.text-lighten-4 {
|
| 219 |
-
color: #f8bbd0 !important;
|
| 220 |
-
}
|
| 221 |
-
|
| 222 |
-
.pink.lighten-3 {
|
| 223 |
-
background-color: #f48fb1 !important;
|
| 224 |
-
}
|
| 225 |
-
|
| 226 |
-
.pink-text.text-lighten-3 {
|
| 227 |
-
color: #f48fb1 !important;
|
| 228 |
-
}
|
| 229 |
-
|
| 230 |
-
.pink.lighten-2 {
|
| 231 |
-
background-color: #f06292 !important;
|
| 232 |
-
}
|
| 233 |
-
|
| 234 |
-
.pink-text.text-lighten-2 {
|
| 235 |
-
color: #f06292 !important;
|
| 236 |
-
}
|
| 237 |
-
|
| 238 |
-
.pink.lighten-1 {
|
| 239 |
-
background-color: #ec407a !important;
|
| 240 |
-
}
|
| 241 |
-
|
| 242 |
-
.pink-text.text-lighten-1 {
|
| 243 |
-
color: #ec407a !important;
|
| 244 |
-
}
|
| 245 |
-
|
| 246 |
-
.pink.darken-1 {
|
| 247 |
-
background-color: #d81b60 !important;
|
| 248 |
-
}
|
| 249 |
-
|
| 250 |
-
.pink-text.text-darken-1 {
|
| 251 |
-
color: #d81b60 !important;
|
| 252 |
-
}
|
| 253 |
-
|
| 254 |
-
.pink.darken-2 {
|
| 255 |
-
background-color: #c2185b !important;
|
| 256 |
-
}
|
| 257 |
-
|
| 258 |
-
.pink-text.text-darken-2 {
|
| 259 |
-
color: #c2185b !important;
|
| 260 |
-
}
|
| 261 |
-
|
| 262 |
-
.pink.darken-3 {
|
| 263 |
-
background-color: #ad1457 !important;
|
| 264 |
-
}
|
| 265 |
-
|
| 266 |
-
.pink-text.text-darken-3 {
|
| 267 |
-
color: #ad1457 !important;
|
| 268 |
-
}
|
| 269 |
-
|
| 270 |
-
.pink.darken-4 {
|
| 271 |
-
background-color: #880e4f !important;
|
| 272 |
-
}
|
| 273 |
-
|
| 274 |
-
.pink-text.text-darken-4 {
|
| 275 |
-
color: #880e4f !important;
|
| 276 |
-
}
|
| 277 |
-
|
| 278 |
-
.pink.accent-1 {
|
| 279 |
-
background-color: #ff80ab !important;
|
| 280 |
-
}
|
| 281 |
-
|
| 282 |
-
.pink-text.text-accent-1 {
|
| 283 |
-
color: #ff80ab !important;
|
| 284 |
-
}
|
| 285 |
-
|
| 286 |
-
.pink.accent-2 {
|
| 287 |
-
background-color: #ff4081 !important;
|
| 288 |
-
}
|
| 289 |
-
|
| 290 |
-
.pink-text.text-accent-2 {
|
| 291 |
-
color: #ff4081 !important;
|
| 292 |
-
}
|
| 293 |
-
|
| 294 |
-
.pink.accent-3 {
|
| 295 |
-
background-color: #f50057 !important;
|
| 296 |
-
}
|
| 297 |
-
|
| 298 |
-
.pink-text.text-accent-3 {
|
| 299 |
-
color: #f50057 !important;
|
| 300 |
-
}
|
| 301 |
-
|
| 302 |
-
.pink.accent-4 {
|
| 303 |
-
background-color: #c51162 !important;
|
| 304 |
-
}
|
| 305 |
-
|
| 306 |
-
.pink-text.text-accent-4 {
|
| 307 |
-
color: #c51162 !important;
|
| 308 |
-
}
|
| 309 |
-
|
| 310 |
-
.purple {
|
| 311 |
-
background-color: #9c27b0 !important;
|
| 312 |
-
}
|
| 313 |
-
|
| 314 |
-
.purple-text {
|
| 315 |
-
color: #9c27b0 !important;
|
| 316 |
-
}
|
| 317 |
-
|
| 318 |
-
.purple.lighten-5 {
|
| 319 |
-
background-color: #f3e5f5 !important;
|
| 320 |
-
}
|
| 321 |
-
|
| 322 |
-
.purple-text.text-lighten-5 {
|
| 323 |
-
color: #f3e5f5 !important;
|
| 324 |
-
}
|
| 325 |
-
|
| 326 |
-
.purple.lighten-4 {
|
| 327 |
-
background-color: #e1bee7 !important;
|
| 328 |
-
}
|
| 329 |
-
|
| 330 |
-
.purple-text.text-lighten-4 {
|
| 331 |
-
color: #e1bee7 !important;
|
| 332 |
-
}
|
| 333 |
-
|
| 334 |
-
.purple.lighten-3 {
|
| 335 |
-
background-color: #ce93d8 !important;
|
| 336 |
-
}
|
| 337 |
-
|
| 338 |
-
.purple-text.text-lighten-3 {
|
| 339 |
-
color: #ce93d8 !important;
|
| 340 |
-
}
|
| 341 |
-
|
| 342 |
-
.purple.lighten-2 {
|
| 343 |
-
background-color: #ba68c8 !important;
|
| 344 |
-
}
|
| 345 |
-
|
| 346 |
-
.purple-text.text-lighten-2 {
|
| 347 |
-
color: #ba68c8 !important;
|
| 348 |
-
}
|
| 349 |
-
|
| 350 |
-
.purple.lighten-1 {
|
| 351 |
-
background-color: #ab47bc !important;
|
| 352 |
-
}
|
| 353 |
-
|
| 354 |
-
.purple-text.text-lighten-1 {
|
| 355 |
-
color: #ab47bc !important;
|
| 356 |
-
}
|
| 357 |
-
|
| 358 |
-
.purple.darken-1 {
|
| 359 |
-
background-color: #8e24aa !important;
|
| 360 |
-
}
|
| 361 |
-
|
| 362 |
-
.purple-text.text-darken-1 {
|
| 363 |
-
color: #8e24aa !important;
|
| 364 |
-
}
|
| 365 |
-
|
| 366 |
-
.purple.darken-2 {
|
| 367 |
-
background-color: #7b1fa2 !important;
|
| 368 |
-
}
|
| 369 |
-
|
| 370 |
-
.purple-text.text-darken-2 {
|
| 371 |
-
color: #7b1fa2 !important;
|
| 372 |
-
}
|
| 373 |
-
|
| 374 |
-
.purple.darken-3 {
|
| 375 |
-
background-color: #6a1b9a !important;
|
| 376 |
-
}
|
| 377 |
-
|
| 378 |
-
.purple-text.text-darken-3 {
|
| 379 |
-
color: #6a1b9a !important;
|
| 380 |
-
}
|
| 381 |
-
|
| 382 |
-
.purple.darken-4 {
|
| 383 |
-
background-color: #4a148c !important;
|
| 384 |
-
}
|
| 385 |
-
|
| 386 |
-
.purple-text.text-darken-4 {
|
| 387 |
-
color: #4a148c !important;
|
| 388 |
-
}
|
| 389 |
-
|
| 390 |
-
.purple.accent-1 {
|
| 391 |
-
background-color: #ea80fc !important;
|
| 392 |
-
}
|
| 393 |
-
|
| 394 |
-
.purple-text.text-accent-1 {
|
| 395 |
-
color: #ea80fc !important;
|
| 396 |
-
}
|
| 397 |
-
|
| 398 |
-
.purple.accent-2 {
|
| 399 |
-
background-color: #e040fb !important;
|
| 400 |
-
}
|
| 401 |
-
|
| 402 |
-
.purple-text.text-accent-2 {
|
| 403 |
-
color: #e040fb !important;
|
| 404 |
-
}
|
| 405 |
-
|
| 406 |
-
.purple.accent-3 {
|
| 407 |
-
background-color: #d500f9 !important;
|
| 408 |
-
}
|
| 409 |
-
|
| 410 |
-
.purple-text.text-accent-3 {
|
| 411 |
-
color: #d500f9 !important;
|
| 412 |
-
}
|
| 413 |
-
|
| 414 |
-
.purple.accent-4 {
|
| 415 |
-
background-color: #aa00ff !important;
|
| 416 |
-
}
|
| 417 |
-
|
| 418 |
-
.purple-text.text-accent-4 {
|
| 419 |
-
color: #aa00ff !important;
|
| 420 |
-
}
|
| 421 |
-
|
| 422 |
-
.deep-purple {
|
| 423 |
-
background-color: #673ab7 !important;
|
| 424 |
-
}
|
| 425 |
-
|
| 426 |
-
.deep-purple-text {
|
| 427 |
-
color: #673ab7 !important;
|
| 428 |
-
}
|
| 429 |
-
|
| 430 |
-
.deep-purple.lighten-5 {
|
| 431 |
-
background-color: #ede7f6 !important;
|
| 432 |
-
}
|
| 433 |
-
|
| 434 |
-
.deep-purple-text.text-lighten-5 {
|
| 435 |
-
color: #ede7f6 !important;
|
| 436 |
-
}
|
| 437 |
-
|
| 438 |
-
.deep-purple.lighten-4 {
|
| 439 |
-
background-color: #d1c4e9 !important;
|
| 440 |
-
}
|
| 441 |
-
|
| 442 |
-
.deep-purple-text.text-lighten-4 {
|
| 443 |
-
color: #d1c4e9 !important;
|
| 444 |
-
}
|
| 445 |
-
|
| 446 |
-
.deep-purple.lighten-3 {
|
| 447 |
-
background-color: #b39ddb !important;
|
| 448 |
-
}
|
| 449 |
-
|
| 450 |
-
.deep-purple-text.text-lighten-3 {
|
| 451 |
-
color: #b39ddb !important;
|
| 452 |
-
}
|
| 453 |
-
|
| 454 |
-
.deep-purple.lighten-2 {
|
| 455 |
-
background-color: #9575cd !important;
|
| 456 |
-
}
|
| 457 |
-
|
| 458 |
-
.deep-purple-text.text-lighten-2 {
|
| 459 |
-
color: #9575cd !important;
|
| 460 |
-
}
|
| 461 |
-
|
| 462 |
-
.deep-purple.lighten-1 {
|
| 463 |
-
background-color: #7e57c2 !important;
|
| 464 |
-
}
|
| 465 |
-
|
| 466 |
-
.deep-purple-text.text-lighten-1 {
|
| 467 |
-
color: #7e57c2 !important;
|
| 468 |
-
}
|
| 469 |
-
|
| 470 |
-
.deep-purple.darken-1 {
|
| 471 |
-
background-color: #5e35b1 !important;
|
| 472 |
-
}
|
| 473 |
-
|
| 474 |
-
.deep-purple-text.text-darken-1 {
|
| 475 |
-
color: #5e35b1 !important;
|
| 476 |
-
}
|
| 477 |
-
|
| 478 |
-
.deep-purple.darken-2 {
|
| 479 |
-
background-color: #512da8 !important;
|
| 480 |
-
}
|
| 481 |
-
|
| 482 |
-
.deep-purple-text.text-darken-2 {
|
| 483 |
-
color: #512da8 !important;
|
| 484 |
-
}
|
| 485 |
-
|
| 486 |
-
.deep-purple.darken-3 {
|
| 487 |
-
background-color: #4527a0 !important;
|
| 488 |
-
}
|
| 489 |
-
|
| 490 |
-
.deep-purple-text.text-darken-3 {
|
| 491 |
-
color: #4527a0 !important;
|
| 492 |
-
}
|
| 493 |
-
|
| 494 |
-
.deep-purple.darken-4 {
|
| 495 |
-
background-color: #311b92 !important;
|
| 496 |
-
}
|
| 497 |
-
|
| 498 |
-
.deep-purple-text.text-darken-4 {
|
| 499 |
-
color: #311b92 !important;
|
| 500 |
-
}
|
| 501 |
-
|
| 502 |
-
.deep-purple.accent-1 {
|
| 503 |
-
background-color: #b388ff !important;
|
| 504 |
-
}
|
| 505 |
-
|
| 506 |
-
.deep-purple-text.text-accent-1 {
|
| 507 |
-
color: #b388ff !important;
|
| 508 |
-
}
|
| 509 |
-
|
| 510 |
-
.deep-purple.accent-2 {
|
| 511 |
-
background-color: #7c4dff !important;
|
| 512 |
-
}
|
| 513 |
-
|
| 514 |
-
.deep-purple-text.text-accent-2 {
|
| 515 |
-
color: #7c4dff !important;
|
| 516 |
-
}
|
| 517 |
-
|
| 518 |
-
.deep-purple.accent-3 {
|
| 519 |
-
background-color: #651fff !important;
|
| 520 |
-
}
|
| 521 |
-
|
| 522 |
-
.deep-purple-text.text-accent-3 {
|
| 523 |
-
color: #651fff !important;
|
| 524 |
-
}
|
| 525 |
-
|
| 526 |
-
.deep-purple.accent-4 {
|
| 527 |
-
background-color: #6200ea !important;
|
| 528 |
-
}
|
| 529 |
-
|
| 530 |
-
.deep-purple-text.text-accent-4 {
|
| 531 |
-
color: #6200ea !important;
|
| 532 |
-
}
|
| 533 |
-
|
| 534 |
-
.indigo {
|
| 535 |
-
background-color: #3f51b5 !important;
|
| 536 |
-
}
|
| 537 |
-
|
| 538 |
-
.indigo-text {
|
| 539 |
-
color: #3f51b5 !important;
|
| 540 |
-
}
|
| 541 |
-
|
| 542 |
-
.indigo.lighten-5 {
|
| 543 |
-
background-color: #e8eaf6 !important;
|
| 544 |
-
}
|
| 545 |
-
|
| 546 |
-
.indigo-text.text-lighten-5 {
|
| 547 |
-
color: #e8eaf6 !important;
|
| 548 |
-
}
|
| 549 |
-
|
| 550 |
-
.indigo.lighten-4 {
|
| 551 |
-
background-color: #c5cae9 !important;
|
| 552 |
-
}
|
| 553 |
-
|
| 554 |
-
.indigo-text.text-lighten-4 {
|
| 555 |
-
color: #c5cae9 !important;
|
| 556 |
-
}
|
| 557 |
-
|
| 558 |
-
.indigo.lighten-3 {
|
| 559 |
-
background-color: #9fa8da !important;
|
| 560 |
-
}
|
| 561 |
-
|
| 562 |
-
.indigo-text.text-lighten-3 {
|
| 563 |
-
color: #9fa8da !important;
|
| 564 |
-
}
|
| 565 |
-
|
| 566 |
-
.indigo.lighten-2 {
|
| 567 |
-
background-color: #7986cb !important;
|
| 568 |
-
}
|
| 569 |
-
|
| 570 |
-
.indigo-text.text-lighten-2 {
|
| 571 |
-
color: #7986cb !important;
|
| 572 |
-
}
|
| 573 |
-
|
| 574 |
-
.indigo.lighten-1 {
|
| 575 |
-
background-color: #5c6bc0 !important;
|
| 576 |
-
}
|
| 577 |
-
|
| 578 |
-
.indigo-text.text-lighten-1 {
|
| 579 |
-
color: #5c6bc0 !important;
|
| 580 |
-
}
|
| 581 |
-
|
| 582 |
-
.indigo.darken-1 {
|
| 583 |
-
background-color: #3949ab !important;
|
| 584 |
-
}
|
| 585 |
-
|
| 586 |
-
.indigo-text.text-darken-1 {
|
| 587 |
-
color: #3949ab !important;
|
| 588 |
-
}
|
| 589 |
-
|
| 590 |
-
.indigo.darken-2 {
|
| 591 |
-
background-color: #303f9f !important;
|
| 592 |
-
}
|
| 593 |
-
|
| 594 |
-
.indigo-text.text-darken-2 {
|
| 595 |
-
color: #303f9f !important;
|
| 596 |
-
}
|
| 597 |
-
|
| 598 |
-
.indigo.darken-3 {
|
| 599 |
-
background-color: #283593 !important;
|
| 600 |
-
}
|
| 601 |
-
|
| 602 |
-
.indigo-text.text-darken-3 {
|
| 603 |
-
color: #283593 !important;
|
| 604 |
-
}
|
| 605 |
-
|
| 606 |
-
.indigo.darken-4 {
|
| 607 |
-
background-color: #1a237e !important;
|
| 608 |
-
}
|
| 609 |
-
|
| 610 |
-
.indigo-text.text-darken-4 {
|
| 611 |
-
color: #1a237e !important;
|
| 612 |
-
}
|
| 613 |
-
|
| 614 |
-
.indigo.accent-1 {
|
| 615 |
-
background-color: #8c9eff !important;
|
| 616 |
-
}
|
| 617 |
-
|
| 618 |
-
.indigo-text.text-accent-1 {
|
| 619 |
-
color: #8c9eff !important;
|
| 620 |
-
}
|
| 621 |
-
|
| 622 |
-
.indigo.accent-2 {
|
| 623 |
-
background-color: #536dfe !important;
|
| 624 |
-
}
|
| 625 |
-
|
| 626 |
-
.indigo-text.text-accent-2 {
|
| 627 |
-
color: #536dfe !important;
|
| 628 |
-
}
|
| 629 |
-
|
| 630 |
-
.indigo.accent-3 {
|
| 631 |
-
background-color: #3d5afe !important;
|
| 632 |
-
}
|
| 633 |
-
|
| 634 |
-
.indigo-text.text-accent-3 {
|
| 635 |
-
color: #3d5afe !important;
|
| 636 |
-
}
|
| 637 |
-
|
| 638 |
-
.indigo.accent-4 {
|
| 639 |
-
background-color: #304ffe !important;
|
| 640 |
-
}
|
| 641 |
-
|
| 642 |
-
.indigo-text.text-accent-4 {
|
| 643 |
-
color: #304ffe !important;
|
| 644 |
-
}
|
| 645 |
-
|
| 646 |
-
.blue {
|
| 647 |
-
background-color: #2196F3 !important;
|
| 648 |
-
}
|
| 649 |
-
|
| 650 |
-
.blue-text {
|
| 651 |
-
color: #2196F3 !important;
|
| 652 |
-
}
|
| 653 |
-
|
| 654 |
-
.blue.lighten-5 {
|
| 655 |
-
background-color: #E3F2FD !important;
|
| 656 |
-
}
|
| 657 |
-
|
| 658 |
-
.blue-text.text-lighten-5 {
|
| 659 |
-
color: #E3F2FD !important;
|
| 660 |
-
}
|
| 661 |
-
|
| 662 |
-
.blue.lighten-4 {
|
| 663 |
-
background-color: #BBDEFB !important;
|
| 664 |
-
}
|
| 665 |
-
|
| 666 |
-
.blue-text.text-lighten-4 {
|
| 667 |
-
color: #BBDEFB !important;
|
| 668 |
-
}
|
| 669 |
-
|
| 670 |
-
.blue.lighten-3 {
|
| 671 |
-
background-color: #90CAF9 !important;
|
| 672 |
-
}
|
| 673 |
-
|
| 674 |
-
.blue-text.text-lighten-3 {
|
| 675 |
-
color: #90CAF9 !important;
|
| 676 |
-
}
|
| 677 |
-
|
| 678 |
-
.blue.lighten-2 {
|
| 679 |
-
background-color: #64B5F6 !important;
|
| 680 |
-
}
|
| 681 |
-
|
| 682 |
-
.blue-text.text-lighten-2 {
|
| 683 |
-
color: #64B5F6 !important;
|
| 684 |
-
}
|
| 685 |
-
|
| 686 |
-
.blue.lighten-1 {
|
| 687 |
-
background-color: #42A5F5 !important;
|
| 688 |
-
}
|
| 689 |
-
|
| 690 |
-
.blue-text.text-lighten-1 {
|
| 691 |
-
color: #42A5F5 !important;
|
| 692 |
-
}
|
| 693 |
-
|
| 694 |
-
.blue.darken-1 {
|
| 695 |
-
background-color: #1E88E5 !important;
|
| 696 |
-
}
|
| 697 |
-
|
| 698 |
-
.blue-text.text-darken-1 {
|
| 699 |
-
color: #1E88E5 !important;
|
| 700 |
-
}
|
| 701 |
-
|
| 702 |
-
.blue.darken-2 {
|
| 703 |
-
background-color: #1976D2 !important;
|
| 704 |
-
}
|
| 705 |
-
|
| 706 |
-
.blue-text.text-darken-2 {
|
| 707 |
-
color: #1976D2 !important;
|
| 708 |
-
}
|
| 709 |
-
|
| 710 |
-
.blue.darken-3 {
|
| 711 |
-
background-color: #1565C0 !important;
|
| 712 |
-
}
|
| 713 |
-
|
| 714 |
-
.blue-text.text-darken-3 {
|
| 715 |
-
color: #1565C0 !important;
|
| 716 |
-
}
|
| 717 |
-
|
| 718 |
-
.blue.darken-4 {
|
| 719 |
-
background-color: #0D47A1 !important;
|
| 720 |
-
}
|
| 721 |
-
|
| 722 |
-
.blue-text.text-darken-4 {
|
| 723 |
-
color: #0D47A1 !important;
|
| 724 |
-
}
|
| 725 |
-
|
| 726 |
-
.blue.accent-1 {
|
| 727 |
-
background-color: #82B1FF !important;
|
| 728 |
-
}
|
| 729 |
-
|
| 730 |
-
.blue-text.text-accent-1 {
|
| 731 |
-
color: #82B1FF !important;
|
| 732 |
-
}
|
| 733 |
-
|
| 734 |
-
.blue.accent-2 {
|
| 735 |
-
background-color: #448AFF !important;
|
| 736 |
-
}
|
| 737 |
-
|
| 738 |
-
.blue-text.text-accent-2 {
|
| 739 |
-
color: #448AFF !important;
|
| 740 |
-
}
|
| 741 |
-
|
| 742 |
-
.blue.accent-3 {
|
| 743 |
-
background-color: #2979FF !important;
|
| 744 |
-
}
|
| 745 |
-
|
| 746 |
-
.blue-text.text-accent-3 {
|
| 747 |
-
color: #2979FF !important;
|
| 748 |
-
}
|
| 749 |
-
|
| 750 |
-
.blue.accent-4 {
|
| 751 |
-
background-color: #2962FF !important;
|
| 752 |
-
}
|
| 753 |
-
|
| 754 |
-
.blue-text.text-accent-4 {
|
| 755 |
-
color: #2962FF !important;
|
| 756 |
-
}
|
| 757 |
-
|
| 758 |
-
.light-blue {
|
| 759 |
-
background-color: #03a9f4 !important;
|
| 760 |
-
}
|
| 761 |
-
|
| 762 |
-
.light-blue-text {
|
| 763 |
-
color: #03a9f4 !important;
|
| 764 |
-
}
|
| 765 |
-
|
| 766 |
-
.light-blue.lighten-5 {
|
| 767 |
-
background-color: #e1f5fe !important;
|
| 768 |
-
}
|
| 769 |
-
|
| 770 |
-
.light-blue-text.text-lighten-5 {
|
| 771 |
-
color: #e1f5fe !important;
|
| 772 |
-
}
|
| 773 |
-
|
| 774 |
-
.light-blue.lighten-4 {
|
| 775 |
-
background-color: #b3e5fc !important;
|
| 776 |
-
}
|
| 777 |
-
|
| 778 |
-
.light-blue-text.text-lighten-4 {
|
| 779 |
-
color: #b3e5fc !important;
|
| 780 |
-
}
|
| 781 |
-
|
| 782 |
-
.light-blue.lighten-3 {
|
| 783 |
-
background-color: #81d4fa !important;
|
| 784 |
-
}
|
| 785 |
-
|
| 786 |
-
.light-blue-text.text-lighten-3 {
|
| 787 |
-
color: #81d4fa !important;
|
| 788 |
-
}
|
| 789 |
-
|
| 790 |
-
.light-blue.lighten-2 {
|
| 791 |
-
background-color: #4fc3f7 !important;
|
| 792 |
-
}
|
| 793 |
-
|
| 794 |
-
.light-blue-text.text-lighten-2 {
|
| 795 |
-
color: #4fc3f7 !important;
|
| 796 |
-
}
|
| 797 |
-
|
| 798 |
-
.light-blue.lighten-1 {
|
| 799 |
-
background-color: #29b6f6 !important;
|
| 800 |
-
}
|
| 801 |
-
|
| 802 |
-
.light-blue-text.text-lighten-1 {
|
| 803 |
-
color: #29b6f6 !important;
|
| 804 |
-
}
|
| 805 |
-
|
| 806 |
-
.light-blue.darken-1 {
|
| 807 |
-
background-color: #039be5 !important;
|
| 808 |
-
}
|
| 809 |
-
|
| 810 |
-
.light-blue-text.text-darken-1 {
|
| 811 |
-
color: #039be5 !important;
|
| 812 |
-
}
|
| 813 |
-
|
| 814 |
-
.light-blue.darken-2 {
|
| 815 |
-
background-color: #0288d1 !important;
|
| 816 |
-
}
|
| 817 |
-
|
| 818 |
-
.light-blue-text.text-darken-2 {
|
| 819 |
-
color: #0288d1 !important;
|
| 820 |
-
}
|
| 821 |
-
|
| 822 |
-
.light-blue.darken-3 {
|
| 823 |
-
background-color: #0277bd !important;
|
| 824 |
-
}
|
| 825 |
-
|
| 826 |
-
.light-blue-text.text-darken-3 {
|
| 827 |
-
color: #0277bd !important;
|
| 828 |
-
}
|
| 829 |
-
|
| 830 |
-
.light-blue.darken-4 {
|
| 831 |
-
background-color: #01579b !important;
|
| 832 |
-
}
|
| 833 |
-
|
| 834 |
-
.light-blue-text.text-darken-4 {
|
| 835 |
-
color: #01579b !important;
|
| 836 |
-
}
|
| 837 |
-
|
| 838 |
-
.light-blue.accent-1 {
|
| 839 |
-
background-color: #80d8ff !important;
|
| 840 |
-
}
|
| 841 |
-
|
| 842 |
-
.light-blue-text.text-accent-1 {
|
| 843 |
-
color: #80d8ff !important;
|
| 844 |
-
}
|
| 845 |
-
|
| 846 |
-
.light-blue.accent-2 {
|
| 847 |
-
background-color: #40c4ff !important;
|
| 848 |
-
}
|
| 849 |
-
|
| 850 |
-
.light-blue-text.text-accent-2 {
|
| 851 |
-
color: #40c4ff !important;
|
| 852 |
-
}
|
| 853 |
-
|
| 854 |
-
.light-blue.accent-3 {
|
| 855 |
-
background-color: #00b0ff !important;
|
| 856 |
-
}
|
| 857 |
-
|
| 858 |
-
.light-blue-text.text-accent-3 {
|
| 859 |
-
color: #00b0ff !important;
|
| 860 |
-
}
|
| 861 |
-
|
| 862 |
-
.light-blue.accent-4 {
|
| 863 |
-
background-color: #0091ea !important;
|
| 864 |
-
}
|
| 865 |
-
|
| 866 |
-
.light-blue-text.text-accent-4 {
|
| 867 |
-
color: #0091ea !important;
|
| 868 |
-
}
|
| 869 |
-
|
| 870 |
-
.cyan {
|
| 871 |
-
background-color: #00bcd4 !important;
|
| 872 |
-
}
|
| 873 |
-
|
| 874 |
-
.cyan-text {
|
| 875 |
-
color: #00bcd4 !important;
|
| 876 |
-
}
|
| 877 |
-
|
| 878 |
-
.cyan.lighten-5 {
|
| 879 |
-
background-color: #e0f7fa !important;
|
| 880 |
-
}
|
| 881 |
-
|
| 882 |
-
.cyan-text.text-lighten-5 {
|
| 883 |
-
color: #e0f7fa !important;
|
| 884 |
-
}
|
| 885 |
-
|
| 886 |
-
.cyan.lighten-4 {
|
| 887 |
-
background-color: #b2ebf2 !important;
|
| 888 |
-
}
|
| 889 |
-
|
| 890 |
-
.cyan-text.text-lighten-4 {
|
| 891 |
-
color: #b2ebf2 !important;
|
| 892 |
-
}
|
| 893 |
-
|
| 894 |
-
.cyan.lighten-3 {
|
| 895 |
-
background-color: #80deea !important;
|
| 896 |
-
}
|
| 897 |
-
|
| 898 |
-
.cyan-text.text-lighten-3 {
|
| 899 |
-
color: #80deea !important;
|
| 900 |
-
}
|
| 901 |
-
|
| 902 |
-
.cyan.lighten-2 {
|
| 903 |
-
background-color: #4dd0e1 !important;
|
| 904 |
-
}
|
| 905 |
-
|
| 906 |
-
.cyan-text.text-lighten-2 {
|
| 907 |
-
color: #4dd0e1 !important;
|
| 908 |
-
}
|
| 909 |
-
|
| 910 |
-
.cyan.lighten-1 {
|
| 911 |
-
background-color: #26c6da !important;
|
| 912 |
-
}
|
| 913 |
-
|
| 914 |
-
.cyan-text.text-lighten-1 {
|
| 915 |
-
color: #26c6da !important;
|
| 916 |
-
}
|
| 917 |
-
|
| 918 |
-
.cyan.darken-1 {
|
| 919 |
-
background-color: #00acc1 !important;
|
| 920 |
-
}
|
| 921 |
-
|
| 922 |
-
.cyan-text.text-darken-1 {
|
| 923 |
-
color: #00acc1 !important;
|
| 924 |
-
}
|
| 925 |
-
|
| 926 |
-
.cyan.darken-2 {
|
| 927 |
-
background-color: #0097a7 !important;
|
| 928 |
-
}
|
| 929 |
-
|
| 930 |
-
.cyan-text.text-darken-2 {
|
| 931 |
-
color: #0097a7 !important;
|
| 932 |
-
}
|
| 933 |
-
|
| 934 |
-
.cyan.darken-3 {
|
| 935 |
-
background-color: #00838f !important;
|
| 936 |
-
}
|
| 937 |
-
|
| 938 |
-
.cyan-text.text-darken-3 {
|
| 939 |
-
color: #00838f !important;
|
| 940 |
-
}
|
| 941 |
-
|
| 942 |
-
.cyan.darken-4 {
|
| 943 |
-
background-color: #006064 !important;
|
| 944 |
-
}
|
| 945 |
-
|
| 946 |
-
.cyan-text.text-darken-4 {
|
| 947 |
-
color: #006064 !important;
|
| 948 |
-
}
|
| 949 |
-
|
| 950 |
-
.cyan.accent-1 {
|
| 951 |
-
background-color: #84ffff !important;
|
| 952 |
-
}
|
| 953 |
-
|
| 954 |
-
.cyan-text.text-accent-1 {
|
| 955 |
-
color: #84ffff !important;
|
| 956 |
-
}
|
| 957 |
-
|
| 958 |
-
.cyan.accent-2 {
|
| 959 |
-
background-color: #18ffff !important;
|
| 960 |
-
}
|
| 961 |
-
|
| 962 |
-
.cyan-text.text-accent-2 {
|
| 963 |
-
color: #18ffff !important;
|
| 964 |
-
}
|
| 965 |
-
|
| 966 |
-
.cyan.accent-3 {
|
| 967 |
-
background-color: #00e5ff !important;
|
| 968 |
-
}
|
| 969 |
-
|
| 970 |
-
.cyan-text.text-accent-3 {
|
| 971 |
-
color: #00e5ff !important;
|
| 972 |
-
}
|
| 973 |
-
|
| 974 |
-
.cyan.accent-4 {
|
| 975 |
-
background-color: #00b8d4 !important;
|
| 976 |
-
}
|
| 977 |
-
|
| 978 |
-
.cyan-text.text-accent-4 {
|
| 979 |
-
color: #00b8d4 !important;
|
| 980 |
-
}
|
| 981 |
-
|
| 982 |
-
.teal {
|
| 983 |
-
background-color: #009688 !important;
|
| 984 |
-
}
|
| 985 |
-
|
| 986 |
-
.teal-text {
|
| 987 |
-
color: #009688 !important;
|
| 988 |
-
}
|
| 989 |
-
|
| 990 |
-
.teal.lighten-5 {
|
| 991 |
-
background-color: #e0f2f1 !important;
|
| 992 |
-
}
|
| 993 |
-
|
| 994 |
-
.teal-text.text-lighten-5 {
|
| 995 |
-
color: #e0f2f1 !important;
|
| 996 |
-
}
|
| 997 |
-
|
| 998 |
-
.teal.lighten-4 {
|
| 999 |
-
background-color: #b2dfdb !important;
|
| 1000 |
-
}
|
| 1001 |
-
|
| 1002 |
-
.teal-text.text-lighten-4 {
|
| 1003 |
-
color: #b2dfdb !important;
|
| 1004 |
-
}
|
| 1005 |
-
|
| 1006 |
-
.teal.lighten-3 {
|
| 1007 |
-
background-color: #80cbc4 !important;
|
| 1008 |
-
}
|
| 1009 |
-
|
| 1010 |
-
.teal-text.text-lighten-3 {
|
| 1011 |
-
color: #80cbc4 !important;
|
| 1012 |
-
}
|
| 1013 |
-
|
| 1014 |
-
.teal.lighten-2 {
|
| 1015 |
-
background-color: #4db6ac !important;
|
| 1016 |
-
}
|
| 1017 |
-
|
| 1018 |
-
.teal-text.text-lighten-2 {
|
| 1019 |
-
color: #4db6ac !important;
|
| 1020 |
-
}
|
| 1021 |
-
|
| 1022 |
-
.teal.lighten-1 {
|
| 1023 |
-
background-color: #26a69a !important;
|
| 1024 |
-
}
|
| 1025 |
-
|
| 1026 |
-
.teal-text.text-lighten-1 {
|
| 1027 |
-
color: #26a69a !important;
|
| 1028 |
-
}
|
| 1029 |
-
|
| 1030 |
-
.teal.darken-1 {
|
| 1031 |
-
background-color: #00897b !important;
|
| 1032 |
-
}
|
| 1033 |
-
|
| 1034 |
-
.teal-text.text-darken-1 {
|
| 1035 |
-
color: #00897b !important;
|
| 1036 |
-
}
|
| 1037 |
-
|
| 1038 |
-
.teal.darken-2 {
|
| 1039 |
-
background-color: #00796b !important;
|
| 1040 |
-
}
|
| 1041 |
-
|
| 1042 |
-
.teal-text.text-darken-2 {
|
| 1043 |
-
color: #00796b !important;
|
| 1044 |
-
}
|
| 1045 |
-
|
| 1046 |
-
.teal.darken-3 {
|
| 1047 |
-
background-color: #00695c !important;
|
| 1048 |
-
}
|
| 1049 |
-
|
| 1050 |
-
.teal-text.text-darken-3 {
|
| 1051 |
-
color: #00695c !important;
|
| 1052 |
-
}
|
| 1053 |
-
|
| 1054 |
-
.teal.darken-4 {
|
| 1055 |
-
background-color: #004d40 !important;
|
| 1056 |
-
}
|
| 1057 |
-
|
| 1058 |
-
.teal-text.text-darken-4 {
|
| 1059 |
-
color: #004d40 !important;
|
| 1060 |
-
}
|
| 1061 |
-
|
| 1062 |
-
.teal.accent-1 {
|
| 1063 |
-
background-color: #a7ffeb !important;
|
| 1064 |
-
}
|
| 1065 |
-
|
| 1066 |
-
.teal-text.text-accent-1 {
|
| 1067 |
-
color: #a7ffeb !important;
|
| 1068 |
-
}
|
| 1069 |
-
|
| 1070 |
-
.teal.accent-2 {
|
| 1071 |
-
background-color: #64ffda !important;
|
| 1072 |
-
}
|
| 1073 |
-
|
| 1074 |
-
.teal-text.text-accent-2 {
|
| 1075 |
-
color: #64ffda !important;
|
| 1076 |
-
}
|
| 1077 |
-
|
| 1078 |
-
.teal.accent-3 {
|
| 1079 |
-
background-color: #1de9b6 !important;
|
| 1080 |
-
}
|
| 1081 |
-
|
| 1082 |
-
.teal-text.text-accent-3 {
|
| 1083 |
-
color: #1de9b6 !important;
|
| 1084 |
-
}
|
| 1085 |
-
|
| 1086 |
-
.teal.accent-4 {
|
| 1087 |
-
background-color: #00bfa5 !important;
|
| 1088 |
-
}
|
| 1089 |
-
|
| 1090 |
-
.teal-text.text-accent-4 {
|
| 1091 |
-
color: #00bfa5 !important;
|
| 1092 |
-
}
|
| 1093 |
-
|
| 1094 |
-
.green {
|
| 1095 |
-
background-color: #4CAF50 !important;
|
| 1096 |
-
}
|
| 1097 |
-
|
| 1098 |
-
.green-text {
|
| 1099 |
-
color: #4CAF50 !important;
|
| 1100 |
-
}
|
| 1101 |
-
|
| 1102 |
-
.green.lighten-5 {
|
| 1103 |
-
background-color: #E8F5E9 !important;
|
| 1104 |
-
}
|
| 1105 |
-
|
| 1106 |
-
.green-text.text-lighten-5 {
|
| 1107 |
-
color: #E8F5E9 !important;
|
| 1108 |
-
}
|
| 1109 |
-
|
| 1110 |
-
.green.lighten-4 {
|
| 1111 |
-
background-color: #C8E6C9 !important;
|
| 1112 |
-
}
|
| 1113 |
-
|
| 1114 |
-
.green-text.text-lighten-4 {
|
| 1115 |
-
color: #C8E6C9 !important;
|
| 1116 |
-
}
|
| 1117 |
-
|
| 1118 |
-
.green.lighten-3 {
|
| 1119 |
-
background-color: #A5D6A7 !important;
|
| 1120 |
-
}
|
| 1121 |
-
|
| 1122 |
-
.green-text.text-lighten-3 {
|
| 1123 |
-
color: #A5D6A7 !important;
|
| 1124 |
-
}
|
| 1125 |
-
|
| 1126 |
-
.green.lighten-2 {
|
| 1127 |
-
background-color: #81C784 !important;
|
| 1128 |
-
}
|
| 1129 |
-
|
| 1130 |
-
.green-text.text-lighten-2 {
|
| 1131 |
-
color: #81C784 !important;
|
| 1132 |
-
}
|
| 1133 |
-
|
| 1134 |
-
.green.lighten-1 {
|
| 1135 |
-
background-color: #66BB6A !important;
|
| 1136 |
-
}
|
| 1137 |
-
|
| 1138 |
-
.green-text.text-lighten-1 {
|
| 1139 |
-
color: #66BB6A !important;
|
| 1140 |
-
}
|
| 1141 |
-
|
| 1142 |
-
.green.darken-1 {
|
| 1143 |
-
background-color: #43A047 !important;
|
| 1144 |
-
}
|
| 1145 |
-
|
| 1146 |
-
.green-text.text-darken-1 {
|
| 1147 |
-
color: #43A047 !important;
|
| 1148 |
-
}
|
| 1149 |
-
|
| 1150 |
-
.green.darken-2 {
|
| 1151 |
-
background-color: #388E3C !important;
|
| 1152 |
-
}
|
| 1153 |
-
|
| 1154 |
-
.green-text.text-darken-2 {
|
| 1155 |
-
color: #388E3C !important;
|
| 1156 |
-
}
|
| 1157 |
-
|
| 1158 |
-
.green.darken-3 {
|
| 1159 |
-
background-color: #2E7D32 !important;
|
| 1160 |
-
}
|
| 1161 |
-
|
| 1162 |
-
.green-text.text-darken-3 {
|
| 1163 |
-
color: #2E7D32 !important;
|
| 1164 |
-
}
|
| 1165 |
-
|
| 1166 |
-
.green.darken-4 {
|
| 1167 |
-
background-color: #1B5E20 !important;
|
| 1168 |
-
}
|
| 1169 |
-
|
| 1170 |
-
.green-text.text-darken-4 {
|
| 1171 |
-
color: #1B5E20 !important;
|
| 1172 |
-
}
|
| 1173 |
-
|
| 1174 |
-
.green.accent-1 {
|
| 1175 |
-
background-color: #B9F6CA !important;
|
| 1176 |
-
}
|
| 1177 |
-
|
| 1178 |
-
.green-text.text-accent-1 {
|
| 1179 |
-
color: #B9F6CA !important;
|
| 1180 |
-
}
|
| 1181 |
-
|
| 1182 |
-
.green.accent-2 {
|
| 1183 |
-
background-color: #69F0AE !important;
|
| 1184 |
-
}
|
| 1185 |
-
|
| 1186 |
-
.green-text.text-accent-2 {
|
| 1187 |
-
color: #69F0AE !important;
|
| 1188 |
-
}
|
| 1189 |
-
|
| 1190 |
-
.green.accent-3 {
|
| 1191 |
-
background-color: #00E676 !important;
|
| 1192 |
-
}
|
| 1193 |
-
|
| 1194 |
-
.green-text.text-accent-3 {
|
| 1195 |
-
color: #00E676 !important;
|
| 1196 |
-
}
|
| 1197 |
-
|
| 1198 |
-
.green.accent-4 {
|
| 1199 |
-
background-color: #00C853 !important;
|
| 1200 |
-
}
|
| 1201 |
-
|
| 1202 |
-
.green-text.text-accent-4 {
|
| 1203 |
-
color: #00C853 !important;
|
| 1204 |
-
}
|
| 1205 |
-
|
| 1206 |
-
.light-green {
|
| 1207 |
-
background-color: #8bc34a !important;
|
| 1208 |
-
}
|
| 1209 |
-
|
| 1210 |
-
.light-green-text {
|
| 1211 |
-
color: #8bc34a !important;
|
| 1212 |
-
}
|
| 1213 |
-
|
| 1214 |
-
.light-green.lighten-5 {
|
| 1215 |
-
background-color: #f1f8e9 !important;
|
| 1216 |
-
}
|
| 1217 |
-
|
| 1218 |
-
.light-green-text.text-lighten-5 {
|
| 1219 |
-
color: #f1f8e9 !important;
|
| 1220 |
-
}
|
| 1221 |
-
|
| 1222 |
-
.light-green.lighten-4 {
|
| 1223 |
-
background-color: #dcedc8 !important;
|
| 1224 |
-
}
|
| 1225 |
-
|
| 1226 |
-
.light-green-text.text-lighten-4 {
|
| 1227 |
-
color: #dcedc8 !important;
|
| 1228 |
-
}
|
| 1229 |
-
|
| 1230 |
-
.light-green.lighten-3 {
|
| 1231 |
-
background-color: #c5e1a5 !important;
|
| 1232 |
-
}
|
| 1233 |
-
|
| 1234 |
-
.light-green-text.text-lighten-3 {
|
| 1235 |
-
color: #c5e1a5 !important;
|
| 1236 |
-
}
|
| 1237 |
-
|
| 1238 |
-
.light-green.lighten-2 {
|
| 1239 |
-
background-color: #aed581 !important;
|
| 1240 |
-
}
|
| 1241 |
-
|
| 1242 |
-
.light-green-text.text-lighten-2 {
|
| 1243 |
-
color: #aed581 !important;
|
| 1244 |
-
}
|
| 1245 |
-
|
| 1246 |
-
.light-green.lighten-1 {
|
| 1247 |
-
background-color: #9ccc65 !important;
|
| 1248 |
-
}
|
| 1249 |
-
|
| 1250 |
-
.light-green-text.text-lighten-1 {
|
| 1251 |
-
color: #9ccc65 !important;
|
| 1252 |
-
}
|
| 1253 |
-
|
| 1254 |
-
.light-green.darken-1 {
|
| 1255 |
-
background-color: #7cb342 !important;
|
| 1256 |
-
}
|
| 1257 |
-
|
| 1258 |
-
.light-green-text.text-darken-1 {
|
| 1259 |
-
color: #7cb342 !important;
|
| 1260 |
-
}
|
| 1261 |
-
|
| 1262 |
-
.light-green.darken-2 {
|
| 1263 |
-
background-color: #689f38 !important;
|
| 1264 |
-
}
|
| 1265 |
-
|
| 1266 |
-
.light-green-text.text-darken-2 {
|
| 1267 |
-
color: #689f38 !important;
|
| 1268 |
-
}
|
| 1269 |
-
|
| 1270 |
-
.light-green.darken-3 {
|
| 1271 |
-
background-color: #558b2f !important;
|
| 1272 |
-
}
|
| 1273 |
-
|
| 1274 |
-
.light-green-text.text-darken-3 {
|
| 1275 |
-
color: #558b2f !important;
|
| 1276 |
-
}
|
| 1277 |
-
|
| 1278 |
-
.light-green.darken-4 {
|
| 1279 |
-
background-color: #33691e !important;
|
| 1280 |
-
}
|
| 1281 |
-
|
| 1282 |
-
.light-green-text.text-darken-4 {
|
| 1283 |
-
color: #33691e !important;
|
| 1284 |
-
}
|
| 1285 |
-
|
| 1286 |
-
.light-green.accent-1 {
|
| 1287 |
-
background-color: #ccff90 !important;
|
| 1288 |
-
}
|
| 1289 |
-
|
| 1290 |
-
.light-green-text.text-accent-1 {
|
| 1291 |
-
color: #ccff90 !important;
|
| 1292 |
-
}
|
| 1293 |
-
|
| 1294 |
-
.light-green.accent-2 {
|
| 1295 |
-
background-color: #b2ff59 !important;
|
| 1296 |
-
}
|
| 1297 |
-
|
| 1298 |
-
.light-green-text.text-accent-2 {
|
| 1299 |
-
color: #b2ff59 !important;
|
| 1300 |
-
}
|
| 1301 |
-
|
| 1302 |
-
.light-green.accent-3 {
|
| 1303 |
-
background-color: #76ff03 !important;
|
| 1304 |
-
}
|
| 1305 |
-
|
| 1306 |
-
.light-green-text.text-accent-3 {
|
| 1307 |
-
color: #76ff03 !important;
|
| 1308 |
-
}
|
| 1309 |
-
|
| 1310 |
-
.light-green.accent-4 {
|
| 1311 |
-
background-color: #64dd17 !important;
|
| 1312 |
-
}
|
| 1313 |
-
|
| 1314 |
-
.light-green-text.text-accent-4 {
|
| 1315 |
-
color: #64dd17 !important;
|
| 1316 |
-
}
|
| 1317 |
-
|
| 1318 |
-
.lime {
|
| 1319 |
-
background-color: #cddc39 !important;
|
| 1320 |
-
}
|
| 1321 |
-
|
| 1322 |
-
.lime-text {
|
| 1323 |
-
color: #cddc39 !important;
|
| 1324 |
-
}
|
| 1325 |
-
|
| 1326 |
-
.lime.lighten-5 {
|
| 1327 |
-
background-color: #f9fbe7 !important;
|
| 1328 |
-
}
|
| 1329 |
-
|
| 1330 |
-
.lime-text.text-lighten-5 {
|
| 1331 |
-
color: #f9fbe7 !important;
|
| 1332 |
-
}
|
| 1333 |
-
|
| 1334 |
-
.lime.lighten-4 {
|
| 1335 |
-
background-color: #f0f4c3 !important;
|
| 1336 |
-
}
|
| 1337 |
-
|
| 1338 |
-
.lime-text.text-lighten-4 {
|
| 1339 |
-
color: #f0f4c3 !important;
|
| 1340 |
-
}
|
| 1341 |
-
|
| 1342 |
-
.lime.lighten-3 {
|
| 1343 |
-
background-color: #e6ee9c !important;
|
| 1344 |
-
}
|
| 1345 |
-
|
| 1346 |
-
.lime-text.text-lighten-3 {
|
| 1347 |
-
color: #e6ee9c !important;
|
| 1348 |
-
}
|
| 1349 |
-
|
| 1350 |
-
.lime.lighten-2 {
|
| 1351 |
-
background-color: #dce775 !important;
|
| 1352 |
-
}
|
| 1353 |
-
|
| 1354 |
-
.lime-text.text-lighten-2 {
|
| 1355 |
-
color: #dce775 !important;
|
| 1356 |
-
}
|
| 1357 |
-
|
| 1358 |
-
.lime.lighten-1 {
|
| 1359 |
-
background-color: #d4e157 !important;
|
| 1360 |
-
}
|
| 1361 |
-
|
| 1362 |
-
.lime-text.text-lighten-1 {
|
| 1363 |
-
color: #d4e157 !important;
|
| 1364 |
-
}
|
| 1365 |
-
|
| 1366 |
-
.lime.darken-1 {
|
| 1367 |
-
background-color: #c0ca33 !important;
|
| 1368 |
-
}
|
| 1369 |
-
|
| 1370 |
-
.lime-text.text-darken-1 {
|
| 1371 |
-
color: #c0ca33 !important;
|
| 1372 |
-
}
|
| 1373 |
-
|
| 1374 |
-
.lime.darken-2 {
|
| 1375 |
-
background-color: #afb42b !important;
|
| 1376 |
-
}
|
| 1377 |
-
|
| 1378 |
-
.lime-text.text-darken-2 {
|
| 1379 |
-
color: #afb42b !important;
|
| 1380 |
-
}
|
| 1381 |
-
|
| 1382 |
-
.lime.darken-3 {
|
| 1383 |
-
background-color: #9e9d24 !important;
|
| 1384 |
-
}
|
| 1385 |
-
|
| 1386 |
-
.lime-text.text-darken-3 {
|
| 1387 |
-
color: #9e9d24 !important;
|
| 1388 |
-
}
|
| 1389 |
-
|
| 1390 |
-
.lime.darken-4 {
|
| 1391 |
-
background-color: #827717 !important;
|
| 1392 |
-
}
|
| 1393 |
-
|
| 1394 |
-
.lime-text.text-darken-4 {
|
| 1395 |
-
color: #827717 !important;
|
| 1396 |
-
}
|
| 1397 |
-
|
| 1398 |
-
.lime.accent-1 {
|
| 1399 |
-
background-color: #f4ff81 !important;
|
| 1400 |
-
}
|
| 1401 |
-
|
| 1402 |
-
.lime-text.text-accent-1 {
|
| 1403 |
-
color: #f4ff81 !important;
|
| 1404 |
-
}
|
| 1405 |
-
|
| 1406 |
-
.lime.accent-2 {
|
| 1407 |
-
background-color: #eeff41 !important;
|
| 1408 |
-
}
|
| 1409 |
-
|
| 1410 |
-
.lime-text.text-accent-2 {
|
| 1411 |
-
color: #eeff41 !important;
|
| 1412 |
-
}
|
| 1413 |
-
|
| 1414 |
-
.lime.accent-3 {
|
| 1415 |
-
background-color: #c6ff00 !important;
|
| 1416 |
-
}
|
| 1417 |
-
|
| 1418 |
-
.lime-text.text-accent-3 {
|
| 1419 |
-
color: #c6ff00 !important;
|
| 1420 |
-
}
|
| 1421 |
-
|
| 1422 |
-
.lime.accent-4 {
|
| 1423 |
-
background-color: #aeea00 !important;
|
| 1424 |
-
}
|
| 1425 |
-
|
| 1426 |
-
.lime-text.text-accent-4 {
|
| 1427 |
-
color: #aeea00 !important;
|
| 1428 |
-
}
|
| 1429 |
-
|
| 1430 |
-
.yellow {
|
| 1431 |
-
background-color: #ffeb3b !important;
|
| 1432 |
-
}
|
| 1433 |
-
|
| 1434 |
-
.yellow-text {
|
| 1435 |
-
color: #ffeb3b !important;
|
| 1436 |
-
}
|
| 1437 |
-
|
| 1438 |
-
.yellow.lighten-5 {
|
| 1439 |
-
background-color: #fffde7 !important;
|
| 1440 |
-
}
|
| 1441 |
-
|
| 1442 |
-
.yellow-text.text-lighten-5 {
|
| 1443 |
-
color: #fffde7 !important;
|
| 1444 |
-
}
|
| 1445 |
-
|
| 1446 |
-
.yellow.lighten-4 {
|
| 1447 |
-
background-color: #fff9c4 !important;
|
| 1448 |
-
}
|
| 1449 |
-
|
| 1450 |
-
.yellow-text.text-lighten-4 {
|
| 1451 |
-
color: #fff9c4 !important;
|
| 1452 |
-
}
|
| 1453 |
-
|
| 1454 |
-
.yellow.lighten-3 {
|
| 1455 |
-
background-color: #fff59d !important;
|
| 1456 |
-
}
|
| 1457 |
-
|
| 1458 |
-
.yellow-text.text-lighten-3 {
|
| 1459 |
-
color: #fff59d !important;
|
| 1460 |
-
}
|
| 1461 |
-
|
| 1462 |
-
.yellow.lighten-2 {
|
| 1463 |
-
background-color: #fff176 !important;
|
| 1464 |
-
}
|
| 1465 |
-
|
| 1466 |
-
.yellow-text.text-lighten-2 {
|
| 1467 |
-
color: #fff176 !important;
|
| 1468 |
-
}
|
| 1469 |
-
|
| 1470 |
-
.yellow.lighten-1 {
|
| 1471 |
-
background-color: #ffee58 !important;
|
| 1472 |
-
}
|
| 1473 |
-
|
| 1474 |
-
.yellow-text.text-lighten-1 {
|
| 1475 |
-
color: #ffee58 !important;
|
| 1476 |
-
}
|
| 1477 |
-
|
| 1478 |
-
.yellow.darken-1 {
|
| 1479 |
-
background-color: #fdd835 !important;
|
| 1480 |
-
}
|
| 1481 |
-
|
| 1482 |
-
.yellow-text.text-darken-1 {
|
| 1483 |
-
color: #fdd835 !important;
|
| 1484 |
-
}
|
| 1485 |
-
|
| 1486 |
-
.yellow.darken-2 {
|
| 1487 |
-
background-color: #fbc02d !important;
|
| 1488 |
-
}
|
| 1489 |
-
|
| 1490 |
-
.yellow-text.text-darken-2 {
|
| 1491 |
-
color: #fbc02d !important;
|
| 1492 |
-
}
|
| 1493 |
-
|
| 1494 |
-
.yellow.darken-3 {
|
| 1495 |
-
background-color: #f9a825 !important;
|
| 1496 |
-
}
|
| 1497 |
-
|
| 1498 |
-
.yellow-text.text-darken-3 {
|
| 1499 |
-
color: #f9a825 !important;
|
| 1500 |
-
}
|
| 1501 |
-
|
| 1502 |
-
.yellow.darken-4 {
|
| 1503 |
-
background-color: #f57f17 !important;
|
| 1504 |
-
}
|
| 1505 |
-
|
| 1506 |
-
.yellow-text.text-darken-4 {
|
| 1507 |
-
color: #f57f17 !important;
|
| 1508 |
-
}
|
| 1509 |
-
|
| 1510 |
-
.yellow.accent-1 {
|
| 1511 |
-
background-color: #ffff8d !important;
|
| 1512 |
-
}
|
| 1513 |
-
|
| 1514 |
-
.yellow-text.text-accent-1 {
|
| 1515 |
-
color: #ffff8d !important;
|
| 1516 |
-
}
|
| 1517 |
-
|
| 1518 |
-
.yellow.accent-2 {
|
| 1519 |
-
background-color: #ffff00 !important;
|
| 1520 |
-
}
|
| 1521 |
-
|
| 1522 |
-
.yellow-text.text-accent-2 {
|
| 1523 |
-
color: #ffff00 !important;
|
| 1524 |
-
}
|
| 1525 |
-
|
| 1526 |
-
.yellow.accent-3 {
|
| 1527 |
-
background-color: #ffea00 !important;
|
| 1528 |
-
}
|
| 1529 |
-
|
| 1530 |
-
.yellow-text.text-accent-3 {
|
| 1531 |
-
color: #ffea00 !important;
|
| 1532 |
-
}
|
| 1533 |
-
|
| 1534 |
-
.yellow.accent-4 {
|
| 1535 |
-
background-color: #ffd600 !important;
|
| 1536 |
-
}
|
| 1537 |
-
|
| 1538 |
-
.yellow-text.text-accent-4 {
|
| 1539 |
-
color: #ffd600 !important;
|
| 1540 |
-
}
|
| 1541 |
-
|
| 1542 |
-
.amber {
|
| 1543 |
-
background-color: #ffc107 !important;
|
| 1544 |
-
}
|
| 1545 |
-
|
| 1546 |
-
.amber-text {
|
| 1547 |
-
color: #ffc107 !important;
|
| 1548 |
-
}
|
| 1549 |
-
|
| 1550 |
-
.amber.lighten-5 {
|
| 1551 |
-
background-color: #fff8e1 !important;
|
| 1552 |
-
}
|
| 1553 |
-
|
| 1554 |
-
.amber-text.text-lighten-5 {
|
| 1555 |
-
color: #fff8e1 !important;
|
| 1556 |
-
}
|
| 1557 |
-
|
| 1558 |
-
.amber.lighten-4 {
|
| 1559 |
-
background-color: #ffecb3 !important;
|
| 1560 |
-
}
|
| 1561 |
-
|
| 1562 |
-
.amber-text.text-lighten-4 {
|
| 1563 |
-
color: #ffecb3 !important;
|
| 1564 |
-
}
|
| 1565 |
-
|
| 1566 |
-
.amber.lighten-3 {
|
| 1567 |
-
background-color: #ffe082 !important;
|
| 1568 |
-
}
|
| 1569 |
-
|
| 1570 |
-
.amber-text.text-lighten-3 {
|
| 1571 |
-
color: #ffe082 !important;
|
| 1572 |
-
}
|
| 1573 |
-
|
| 1574 |
-
.amber.lighten-2 {
|
| 1575 |
-
background-color: #ffd54f !important;
|
| 1576 |
-
}
|
| 1577 |
-
|
| 1578 |
-
.amber-text.text-lighten-2 {
|
| 1579 |
-
color: #ffd54f !important;
|
| 1580 |
-
}
|
| 1581 |
-
|
| 1582 |
-
.amber.lighten-1 {
|
| 1583 |
-
background-color: #ffca28 !important;
|
| 1584 |
-
}
|
| 1585 |
-
|
| 1586 |
-
.amber-text.text-lighten-1 {
|
| 1587 |
-
color: #ffca28 !important;
|
| 1588 |
-
}
|
| 1589 |
-
|
| 1590 |
-
.amber.darken-1 {
|
| 1591 |
-
background-color: #ffb300 !important;
|
| 1592 |
-
}
|
| 1593 |
-
|
| 1594 |
-
.amber-text.text-darken-1 {
|
| 1595 |
-
color: #ffb300 !important;
|
| 1596 |
-
}
|
| 1597 |
-
|
| 1598 |
-
.amber.darken-2 {
|
| 1599 |
-
background-color: #ffa000 !important;
|
| 1600 |
-
}
|
| 1601 |
-
|
| 1602 |
-
.amber-text.text-darken-2 {
|
| 1603 |
-
color: #ffa000 !important;
|
| 1604 |
-
}
|
| 1605 |
-
|
| 1606 |
-
.amber.darken-3 {
|
| 1607 |
-
background-color: #ff8f00 !important;
|
| 1608 |
-
}
|
| 1609 |
-
|
| 1610 |
-
.amber-text.text-darken-3 {
|
| 1611 |
-
color: #ff8f00 !important;
|
| 1612 |
-
}
|
| 1613 |
-
|
| 1614 |
-
.amber.darken-4 {
|
| 1615 |
-
background-color: #ff6f00 !important;
|
| 1616 |
-
}
|
| 1617 |
-
|
| 1618 |
-
.amber-text.text-darken-4 {
|
| 1619 |
-
color: #ff6f00 !important;
|
| 1620 |
-
}
|
| 1621 |
-
|
| 1622 |
-
.amber.accent-1 {
|
| 1623 |
-
background-color: #ffe57f !important;
|
| 1624 |
-
}
|
| 1625 |
-
|
| 1626 |
-
.amber-text.text-accent-1 {
|
| 1627 |
-
color: #ffe57f !important;
|
| 1628 |
-
}
|
| 1629 |
-
|
| 1630 |
-
.amber.accent-2 {
|
| 1631 |
-
background-color: #ffd740 !important;
|
| 1632 |
-
}
|
| 1633 |
-
|
| 1634 |
-
.amber-text.text-accent-2 {
|
| 1635 |
-
color: #ffd740 !important;
|
| 1636 |
-
}
|
| 1637 |
-
|
| 1638 |
-
.amber.accent-3 {
|
| 1639 |
-
background-color: #ffc400 !important;
|
| 1640 |
-
}
|
| 1641 |
-
|
| 1642 |
-
.amber-text.text-accent-3 {
|
| 1643 |
-
color: #ffc400 !important;
|
| 1644 |
-
}
|
| 1645 |
-
|
| 1646 |
-
.amber.accent-4 {
|
| 1647 |
-
background-color: #ffab00 !important;
|
| 1648 |
-
}
|
| 1649 |
-
|
| 1650 |
-
.amber-text.text-accent-4 {
|
| 1651 |
-
color: #ffab00 !important;
|
| 1652 |
-
}
|
| 1653 |
-
|
| 1654 |
-
.orange {
|
| 1655 |
-
background-color: #ff9800 !important;
|
| 1656 |
-
}
|
| 1657 |
-
|
| 1658 |
-
.orange-text {
|
| 1659 |
-
color: #ff9800 !important;
|
| 1660 |
-
}
|
| 1661 |
-
|
| 1662 |
-
.orange.lighten-5 {
|
| 1663 |
-
background-color: #fff3e0 !important;
|
| 1664 |
-
}
|
| 1665 |
-
|
| 1666 |
-
.orange-text.text-lighten-5 {
|
| 1667 |
-
color: #fff3e0 !important;
|
| 1668 |
-
}
|
| 1669 |
-
|
| 1670 |
-
.orange.lighten-4 {
|
| 1671 |
-
background-color: #ffe0b2 !important;
|
| 1672 |
-
}
|
| 1673 |
-
|
| 1674 |
-
.orange-text.text-lighten-4 {
|
| 1675 |
-
color: #ffe0b2 !important;
|
| 1676 |
-
}
|
| 1677 |
-
|
| 1678 |
-
.orange.lighten-3 {
|
| 1679 |
-
background-color: #ffcc80 !important;
|
| 1680 |
-
}
|
| 1681 |
-
|
| 1682 |
-
.orange-text.text-lighten-3 {
|
| 1683 |
-
color: #ffcc80 !important;
|
| 1684 |
-
}
|
| 1685 |
-
|
| 1686 |
-
.orange.lighten-2 {
|
| 1687 |
-
background-color: #ffb74d !important;
|
| 1688 |
-
}
|
| 1689 |
-
|
| 1690 |
-
.orange-text.text-lighten-2 {
|
| 1691 |
-
color: #ffb74d !important;
|
| 1692 |
-
}
|
| 1693 |
-
|
| 1694 |
-
.orange.lighten-1 {
|
| 1695 |
-
background-color: #ffa726 !important;
|
| 1696 |
-
}
|
| 1697 |
-
|
| 1698 |
-
.orange-text.text-lighten-1 {
|
| 1699 |
-
color: #ffa726 !important;
|
| 1700 |
-
}
|
| 1701 |
-
|
| 1702 |
-
.orange.darken-1 {
|
| 1703 |
-
background-color: #fb8c00 !important;
|
| 1704 |
-
}
|
| 1705 |
-
|
| 1706 |
-
.orange-text.text-darken-1 {
|
| 1707 |
-
color: #fb8c00 !important;
|
| 1708 |
-
}
|
| 1709 |
-
|
| 1710 |
-
.orange.darken-2 {
|
| 1711 |
-
background-color: #f57c00 !important;
|
| 1712 |
-
}
|
| 1713 |
-
|
| 1714 |
-
.orange-text.text-darken-2 {
|
| 1715 |
-
color: #f57c00 !important;
|
| 1716 |
-
}
|
| 1717 |
-
|
| 1718 |
-
.orange.darken-3 {
|
| 1719 |
-
background-color: #ef6c00 !important;
|
| 1720 |
-
}
|
| 1721 |
-
|
| 1722 |
-
.orange-text.text-darken-3 {
|
| 1723 |
-
color: #ef6c00 !important;
|
| 1724 |
-
}
|
| 1725 |
-
|
| 1726 |
-
.orange.darken-4 {
|
| 1727 |
-
background-color: #e65100 !important;
|
| 1728 |
-
}
|
| 1729 |
-
|
| 1730 |
-
.orange-text.text-darken-4 {
|
| 1731 |
-
color: #e65100 !important;
|
| 1732 |
-
}
|
| 1733 |
-
|
| 1734 |
-
.orange.accent-1 {
|
| 1735 |
-
background-color: #ffd180 !important;
|
| 1736 |
-
}
|
| 1737 |
-
|
| 1738 |
-
.orange-text.text-accent-1 {
|
| 1739 |
-
color: #ffd180 !important;
|
| 1740 |
-
}
|
| 1741 |
-
|
| 1742 |
-
.orange.accent-2 {
|
| 1743 |
-
background-color: #ffab40 !important;
|
| 1744 |
-
}
|
| 1745 |
-
|
| 1746 |
-
.orange-text.text-accent-2 {
|
| 1747 |
-
color: #ffab40 !important;
|
| 1748 |
-
}
|
| 1749 |
-
|
| 1750 |
-
.orange.accent-3 {
|
| 1751 |
-
background-color: #ff9100 !important;
|
| 1752 |
-
}
|
| 1753 |
-
|
| 1754 |
-
.orange-text.text-accent-3 {
|
| 1755 |
-
color: #ff9100 !important;
|
| 1756 |
-
}
|
| 1757 |
-
|
| 1758 |
-
.orange.accent-4 {
|
| 1759 |
-
background-color: #ff6d00 !important;
|
| 1760 |
-
}
|
| 1761 |
-
|
| 1762 |
-
.orange-text.text-accent-4 {
|
| 1763 |
-
color: #ff6d00 !important;
|
| 1764 |
-
}
|
| 1765 |
-
|
| 1766 |
-
.deep-orange {
|
| 1767 |
-
background-color: #ff5722 !important;
|
| 1768 |
-
}
|
| 1769 |
-
|
| 1770 |
-
.deep-orange-text {
|
| 1771 |
-
color: #ff5722 !important;
|
| 1772 |
-
}
|
| 1773 |
-
|
| 1774 |
-
.deep-orange.lighten-5 {
|
| 1775 |
-
background-color: #fbe9e7 !important;
|
| 1776 |
-
}
|
| 1777 |
-
|
| 1778 |
-
.deep-orange-text.text-lighten-5 {
|
| 1779 |
-
color: #fbe9e7 !important;
|
| 1780 |
-
}
|
| 1781 |
-
|
| 1782 |
-
.deep-orange.lighten-4 {
|
| 1783 |
-
background-color: #ffccbc !important;
|
| 1784 |
-
}
|
| 1785 |
-
|
| 1786 |
-
.deep-orange-text.text-lighten-4 {
|
| 1787 |
-
color: #ffccbc !important;
|
| 1788 |
-
}
|
| 1789 |
-
|
| 1790 |
-
.deep-orange.lighten-3 {
|
| 1791 |
-
background-color: #ffab91 !important;
|
| 1792 |
-
}
|
| 1793 |
-
|
| 1794 |
-
.deep-orange-text.text-lighten-3 {
|
| 1795 |
-
color: #ffab91 !important;
|
| 1796 |
-
}
|
| 1797 |
-
|
| 1798 |
-
.deep-orange.lighten-2 {
|
| 1799 |
-
background-color: #ff8a65 !important;
|
| 1800 |
-
}
|
| 1801 |
-
|
| 1802 |
-
.deep-orange-text.text-lighten-2 {
|
| 1803 |
-
color: #ff8a65 !important;
|
| 1804 |
-
}
|
| 1805 |
-
|
| 1806 |
-
.deep-orange.lighten-1 {
|
| 1807 |
-
background-color: #ff7043 !important;
|
| 1808 |
-
}
|
| 1809 |
-
|
| 1810 |
-
.deep-orange-text.text-lighten-1 {
|
| 1811 |
-
color: #ff7043 !important;
|
| 1812 |
-
}
|
| 1813 |
-
|
| 1814 |
-
.deep-orange.darken-1 {
|
| 1815 |
-
background-color: #f4511e !important;
|
| 1816 |
-
}
|
| 1817 |
-
|
| 1818 |
-
.deep-orange-text.text-darken-1 {
|
| 1819 |
-
color: #f4511e !important;
|
| 1820 |
-
}
|
| 1821 |
-
|
| 1822 |
-
.deep-orange.darken-2 {
|
| 1823 |
-
background-color: #e64a19 !important;
|
| 1824 |
-
}
|
| 1825 |
-
|
| 1826 |
-
.deep-orange-text.text-darken-2 {
|
| 1827 |
-
color: #e64a19 !important;
|
| 1828 |
-
}
|
| 1829 |
-
|
| 1830 |
-
.deep-orange.darken-3 {
|
| 1831 |
-
background-color: #d84315 !important;
|
| 1832 |
-
}
|
| 1833 |
-
|
| 1834 |
-
.deep-orange-text.text-darken-3 {
|
| 1835 |
-
color: #d84315 !important;
|
| 1836 |
-
}
|
| 1837 |
-
|
| 1838 |
-
.deep-orange.darken-4 {
|
| 1839 |
-
background-color: #bf360c !important;
|
| 1840 |
-
}
|
| 1841 |
-
|
| 1842 |
-
.deep-orange-text.text-darken-4 {
|
| 1843 |
-
color: #bf360c !important;
|
| 1844 |
-
}
|
| 1845 |
-
|
| 1846 |
-
.deep-orange.accent-1 {
|
| 1847 |
-
background-color: #ff9e80 !important;
|
| 1848 |
-
}
|
| 1849 |
-
|
| 1850 |
-
.deep-orange-text.text-accent-1 {
|
| 1851 |
-
color: #ff9e80 !important;
|
| 1852 |
-
}
|
| 1853 |
-
|
| 1854 |
-
.deep-orange.accent-2 {
|
| 1855 |
-
background-color: #ff6e40 !important;
|
| 1856 |
-
}
|
| 1857 |
-
|
| 1858 |
-
.deep-orange-text.text-accent-2 {
|
| 1859 |
-
color: #ff6e40 !important;
|
| 1860 |
-
}
|
| 1861 |
-
|
| 1862 |
-
.deep-orange.accent-3 {
|
| 1863 |
-
background-color: #ff3d00 !important;
|
| 1864 |
-
}
|
| 1865 |
-
|
| 1866 |
-
.deep-orange-text.text-accent-3 {
|
| 1867 |
-
color: #ff3d00 !important;
|
| 1868 |
-
}
|
| 1869 |
-
|
| 1870 |
-
.deep-orange.accent-4 {
|
| 1871 |
-
background-color: #dd2c00 !important;
|
| 1872 |
-
}
|
| 1873 |
-
|
| 1874 |
-
.deep-orange-text.text-accent-4 {
|
| 1875 |
-
color: #dd2c00 !important;
|
| 1876 |
-
}
|
| 1877 |
-
|
| 1878 |
-
.brown {
|
| 1879 |
-
background-color: #795548 !important;
|
| 1880 |
-
}
|
| 1881 |
-
|
| 1882 |
-
.brown-text {
|
| 1883 |
-
color: #795548 !important;
|
| 1884 |
-
}
|
| 1885 |
-
|
| 1886 |
-
.brown.lighten-5 {
|
| 1887 |
-
background-color: #efebe9 !important;
|
| 1888 |
-
}
|
| 1889 |
-
|
| 1890 |
-
.brown-text.text-lighten-5 {
|
| 1891 |
-
color: #efebe9 !important;
|
| 1892 |
-
}
|
| 1893 |
-
|
| 1894 |
-
.brown.lighten-4 {
|
| 1895 |
-
background-color: #d7ccc8 !important;
|
| 1896 |
-
}
|
| 1897 |
-
|
| 1898 |
-
.brown-text.text-lighten-4 {
|
| 1899 |
-
color: #d7ccc8 !important;
|
| 1900 |
-
}
|
| 1901 |
-
|
| 1902 |
-
.brown.lighten-3 {
|
| 1903 |
-
background-color: #bcaaa4 !important;
|
| 1904 |
-
}
|
| 1905 |
-
|
| 1906 |
-
.brown-text.text-lighten-3 {
|
| 1907 |
-
color: #bcaaa4 !important;
|
| 1908 |
-
}
|
| 1909 |
-
|
| 1910 |
-
.brown.lighten-2 {
|
| 1911 |
-
background-color: #a1887f !important;
|
| 1912 |
-
}
|
| 1913 |
-
|
| 1914 |
-
.brown-text.text-lighten-2 {
|
| 1915 |
-
color: #a1887f !important;
|
| 1916 |
-
}
|
| 1917 |
-
|
| 1918 |
-
.brown.lighten-1 {
|
| 1919 |
-
background-color: #8d6e63 !important;
|
| 1920 |
-
}
|
| 1921 |
-
|
| 1922 |
-
.brown-text.text-lighten-1 {
|
| 1923 |
-
color: #8d6e63 !important;
|
| 1924 |
-
}
|
| 1925 |
-
|
| 1926 |
-
.brown.darken-1 {
|
| 1927 |
-
background-color: #6d4c41 !important;
|
| 1928 |
-
}
|
| 1929 |
-
|
| 1930 |
-
.brown-text.text-darken-1 {
|
| 1931 |
-
color: #6d4c41 !important;
|
| 1932 |
-
}
|
| 1933 |
-
|
| 1934 |
-
.brown.darken-2 {
|
| 1935 |
-
background-color: #5d4037 !important;
|
| 1936 |
-
}
|
| 1937 |
-
|
| 1938 |
-
.brown-text.text-darken-2 {
|
| 1939 |
-
color: #5d4037 !important;
|
| 1940 |
-
}
|
| 1941 |
-
|
| 1942 |
-
.brown.darken-3 {
|
| 1943 |
-
background-color: #4e342e !important;
|
| 1944 |
-
}
|
| 1945 |
-
|
| 1946 |
-
.brown-text.text-darken-3 {
|
| 1947 |
-
color: #4e342e !important;
|
| 1948 |
-
}
|
| 1949 |
-
|
| 1950 |
-
.brown.darken-4 {
|
| 1951 |
-
background-color: #3e2723 !important;
|
| 1952 |
-
}
|
| 1953 |
-
|
| 1954 |
-
.brown-text.text-darken-4 {
|
| 1955 |
-
color: #3e2723 !important;
|
| 1956 |
-
}
|
| 1957 |
-
|
| 1958 |
-
.blue-grey {
|
| 1959 |
-
background-color: #607d8b !important;
|
| 1960 |
-
}
|
| 1961 |
-
|
| 1962 |
-
.blue-grey-text {
|
| 1963 |
-
color: #607d8b !important;
|
| 1964 |
-
}
|
| 1965 |
-
|
| 1966 |
-
.blue-grey.lighten-5 {
|
| 1967 |
-
background-color: #eceff1 !important;
|
| 1968 |
-
}
|
| 1969 |
-
|
| 1970 |
-
.blue-grey-text.text-lighten-5 {
|
| 1971 |
-
color: #eceff1 !important;
|
| 1972 |
-
}
|
| 1973 |
-
|
| 1974 |
-
.blue-grey.lighten-4 {
|
| 1975 |
-
background-color: #cfd8dc !important;
|
| 1976 |
-
}
|
| 1977 |
-
|
| 1978 |
-
.blue-grey-text.text-lighten-4 {
|
| 1979 |
-
color: #cfd8dc !important;
|
| 1980 |
-
}
|
| 1981 |
-
|
| 1982 |
-
.blue-grey.lighten-3 {
|
| 1983 |
-
background-color: #b0bec5 !important;
|
| 1984 |
-
}
|
| 1985 |
-
|
| 1986 |
-
.blue-grey-text.text-lighten-3 {
|
| 1987 |
-
color: #b0bec5 !important;
|
| 1988 |
-
}
|
| 1989 |
-
|
| 1990 |
-
.blue-grey.lighten-2 {
|
| 1991 |
-
background-color: #90a4ae !important;
|
| 1992 |
-
}
|
| 1993 |
-
|
| 1994 |
-
.blue-grey-text.text-lighten-2 {
|
| 1995 |
-
color: #90a4ae !important;
|
| 1996 |
-
}
|
| 1997 |
-
|
| 1998 |
-
.blue-grey.lighten-1 {
|
| 1999 |
-
background-color: #78909c !important;
|
| 2000 |
-
}
|
| 2001 |
-
|
| 2002 |
-
.blue-grey-text.text-lighten-1 {
|
| 2003 |
-
color: #78909c !important;
|
| 2004 |
-
}
|
| 2005 |
-
|
| 2006 |
-
.blue-grey.darken-1 {
|
| 2007 |
-
background-color: #546e7a !important;
|
| 2008 |
-
}
|
| 2009 |
-
|
| 2010 |
-
.blue-grey-text.text-darken-1 {
|
| 2011 |
-
color: #546e7a !important;
|
| 2012 |
-
}
|
| 2013 |
-
|
| 2014 |
-
.blue-grey.darken-2 {
|
| 2015 |
-
background-color: #455a64 !important;
|
| 2016 |
-
}
|
| 2017 |
-
|
| 2018 |
-
.blue-grey-text.text-darken-2 {
|
| 2019 |
-
color: #455a64 !important;
|
| 2020 |
-
}
|
| 2021 |
-
|
| 2022 |
-
.blue-grey.darken-3 {
|
| 2023 |
-
background-color: #37474f !important;
|
| 2024 |
-
}
|
| 2025 |
-
|
| 2026 |
-
.blue-grey-text.text-darken-3 {
|
| 2027 |
-
color: #37474f !important;
|
| 2028 |
-
}
|
| 2029 |
-
|
| 2030 |
-
.blue-grey.darken-4 {
|
| 2031 |
-
background-color: #263238 !important;
|
| 2032 |
-
}
|
| 2033 |
-
|
| 2034 |
-
.blue-grey-text.text-darken-4 {
|
| 2035 |
-
color: #263238 !important;
|
| 2036 |
-
}
|
| 2037 |
-
|
| 2038 |
-
.grey {
|
| 2039 |
-
background-color: #9e9e9e !important;
|
| 2040 |
-
}
|
| 2041 |
-
|
| 2042 |
-
.grey-text {
|
| 2043 |
-
color: #9e9e9e !important;
|
| 2044 |
-
}
|
| 2045 |
-
|
| 2046 |
-
.grey.lighten-5 {
|
| 2047 |
-
background-color: #fafafa !important;
|
| 2048 |
-
}
|
| 2049 |
-
|
| 2050 |
-
.grey-text.text-lighten-5 {
|
| 2051 |
-
color: #fafafa !important;
|
| 2052 |
-
}
|
| 2053 |
-
|
| 2054 |
-
.grey.lighten-4 {
|
| 2055 |
-
background-color: #f5f5f5 !important;
|
| 2056 |
-
}
|
| 2057 |
-
|
| 2058 |
-
.grey-text.text-lighten-4 {
|
| 2059 |
-
color: #f5f5f5 !important;
|
| 2060 |
-
}
|
| 2061 |
-
|
| 2062 |
-
.grey.lighten-3 {
|
| 2063 |
-
background-color: #eeeeee !important;
|
| 2064 |
-
}
|
| 2065 |
-
|
| 2066 |
-
.grey-text.text-lighten-3 {
|
| 2067 |
-
color: #eeeeee !important;
|
| 2068 |
-
}
|
| 2069 |
-
|
| 2070 |
-
.grey.lighten-2 {
|
| 2071 |
-
background-color: #e0e0e0 !important;
|
| 2072 |
-
}
|
| 2073 |
-
|
| 2074 |
-
.grey-text.text-lighten-2 {
|
| 2075 |
-
color: #e0e0e0 !important;
|
| 2076 |
-
}
|
| 2077 |
-
|
| 2078 |
-
.grey.lighten-1 {
|
| 2079 |
-
background-color: #bdbdbd !important;
|
| 2080 |
-
}
|
| 2081 |
-
|
| 2082 |
-
.grey-text.text-lighten-1 {
|
| 2083 |
-
color: #bdbdbd !important;
|
| 2084 |
-
}
|
| 2085 |
-
|
| 2086 |
-
.grey.darken-1 {
|
| 2087 |
-
background-color: #757575 !important;
|
| 2088 |
-
}
|
| 2089 |
-
|
| 2090 |
-
.grey-text.text-darken-1 {
|
| 2091 |
-
color: #757575 !important;
|
| 2092 |
-
}
|
| 2093 |
-
|
| 2094 |
-
.grey.darken-2 {
|
| 2095 |
-
background-color: #616161 !important;
|
| 2096 |
-
}
|
| 2097 |
-
|
| 2098 |
-
.grey-text.text-darken-2 {
|
| 2099 |
-
color: #616161 !important;
|
| 2100 |
-
}
|
| 2101 |
-
|
| 2102 |
-
.grey.darken-3 {
|
| 2103 |
-
background-color: #424242 !important;
|
| 2104 |
-
}
|
| 2105 |
-
|
| 2106 |
-
.grey-text.text-darken-3 {
|
| 2107 |
-
color: #424242 !important;
|
| 2108 |
-
}
|
| 2109 |
-
|
| 2110 |
-
.grey.darken-4 {
|
| 2111 |
-
background-color: #212121 !important;
|
| 2112 |
-
}
|
| 2113 |
-
|
| 2114 |
-
.grey-text.text-darken-4 {
|
| 2115 |
-
color: #212121 !important;
|
| 2116 |
-
}
|
| 2117 |
-
|
| 2118 |
-
.black {
|
| 2119 |
-
background-color: #000000 !important;
|
| 2120 |
-
}
|
| 2121 |
-
|
| 2122 |
-
.black-text {
|
| 2123 |
-
color: #000000 !important;
|
| 2124 |
-
}
|
| 2125 |
-
|
| 2126 |
-
.white {
|
| 2127 |
-
background-color: #FFFFFF !important;
|
| 2128 |
-
}
|
| 2129 |
-
|
| 2130 |
-
.white-text {
|
| 2131 |
-
color: #FFFFFF !important;
|
| 2132 |
-
}
|
| 2133 |
-
|
| 2134 |
-
.transparent {
|
| 2135 |
-
background-color: transparent !important;
|
| 2136 |
-
}
|
| 2137 |
-
|
| 2138 |
-
.transparent-text {
|
| 2139 |
-
color: transparent !important;
|
| 2140 |
-
}
|
| 2141 |
-
|
| 2142 |
-
/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */
|
| 2143 |
-
/* Document
|
| 2144 |
-
========================================================================== */
|
| 2145 |
-
/**
|
| 2146 |
-
* 1. Correct the line height in all browsers.
|
| 2147 |
-
* 2. Prevent adjustments of font size after orientation changes in
|
| 2148 |
-
* IE on Windows Phone and in iOS.
|
| 2149 |
-
*/
|
| 2150 |
-
html {
|
| 2151 |
-
line-height: 1.15;
|
| 2152 |
-
/* 1 */
|
| 2153 |
-
-ms-text-size-adjust: 100%;
|
| 2154 |
-
/* 2 */
|
| 2155 |
-
-webkit-text-size-adjust: 100%;
|
| 2156 |
-
/* 2 */
|
| 2157 |
-
}
|
| 2158 |
-
|
| 2159 |
-
/* Sections
|
| 2160 |
-
========================================================================== */
|
| 2161 |
-
/**
|
| 2162 |
-
* Remove the margin in all browsers (opinionated).
|
| 2163 |
-
*/
|
| 2164 |
-
body {
|
| 2165 |
-
margin: 0;
|
| 2166 |
-
}
|
| 2167 |
-
|
| 2168 |
-
/**
|
| 2169 |
-
* Add the correct display in IE 9-.
|
| 2170 |
-
*/
|
| 2171 |
-
article,
|
| 2172 |
-
aside,
|
| 2173 |
-
footer,
|
| 2174 |
-
header,
|
| 2175 |
-
nav,
|
| 2176 |
-
section {
|
| 2177 |
-
display: block;
|
| 2178 |
-
}
|
| 2179 |
-
|
| 2180 |
-
/**
|
| 2181 |
-
* Correct the font size and margin on `h1` elements within `section` and
|
| 2182 |
-
* `article` contexts in Chrome, Firefox, and Safari.
|
| 2183 |
-
*/
|
| 2184 |
-
h1 {
|
| 2185 |
-
font-size: 2em;
|
| 2186 |
-
margin: 0.67em 0;
|
| 2187 |
-
}
|
| 2188 |
-
|
| 2189 |
-
/* Grouping content
|
| 2190 |
-
========================================================================== */
|
| 2191 |
-
/**
|
| 2192 |
-
* Add the correct display in IE 9-.
|
| 2193 |
-
* 1. Add the correct display in IE.
|
| 2194 |
-
*/
|
| 2195 |
-
figcaption,
|
| 2196 |
-
figure,
|
| 2197 |
-
main {
|
| 2198 |
-
/* 1 */
|
| 2199 |
-
display: block;
|
| 2200 |
-
}
|
| 2201 |
-
|
| 2202 |
-
/**
|
| 2203 |
-
* Add the correct margin in IE 8.
|
| 2204 |
-
*/
|
| 2205 |
-
figure {
|
| 2206 |
-
margin: 1em 40px;
|
| 2207 |
-
}
|
| 2208 |
-
|
| 2209 |
-
/**
|
| 2210 |
-
* 1. Add the correct box sizing in Firefox.
|
| 2211 |
-
* 2. Show the overflow in Edge and IE.
|
| 2212 |
-
*/
|
| 2213 |
-
hr {
|
| 2214 |
-
-webkit-box-sizing: content-box;
|
| 2215 |
-
box-sizing: content-box;
|
| 2216 |
-
/* 1 */
|
| 2217 |
-
height: 0;
|
| 2218 |
-
/* 1 */
|
| 2219 |
-
overflow: visible;
|
| 2220 |
-
/* 2 */
|
| 2221 |
-
}
|
| 2222 |
-
|
| 2223 |
-
/**
|
| 2224 |
-
* 1. Correct the inheritance and scaling of font size in all browsers.
|
| 2225 |
-
* 2. Correct the odd `em` font sizing in all browsers.
|
| 2226 |
-
*/
|
| 2227 |
-
pre {
|
| 2228 |
-
font-family: monospace, monospace;
|
| 2229 |
-
/* 1 */
|
| 2230 |
-
font-size: 1em;
|
| 2231 |
-
/* 2 */
|
| 2232 |
-
}
|
| 2233 |
-
|
| 2234 |
-
/* Text-level semantics
|
| 2235 |
-
========================================================================== */
|
| 2236 |
-
/**
|
| 2237 |
-
* 1. Remove the gray background on active links in IE 10.
|
| 2238 |
-
* 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
|
| 2239 |
-
*/
|
| 2240 |
-
a {
|
| 2241 |
-
background-color: transparent;
|
| 2242 |
-
/* 1 */
|
| 2243 |
-
-webkit-text-decoration-skip: objects;
|
| 2244 |
-
/* 2 */
|
| 2245 |
-
}
|
| 2246 |
-
|
| 2247 |
-
/**
|
| 2248 |
-
* 1. Remove the bottom border in Chrome 57- and Firefox 39-.
|
| 2249 |
-
* 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
|
| 2250 |
-
*/
|
| 2251 |
-
abbr[title] {
|
| 2252 |
-
border-bottom: none;
|
| 2253 |
-
/* 1 */
|
| 2254 |
-
text-decoration: underline;
|
| 2255 |
-
/* 2 */
|
| 2256 |
-
-webkit-text-decoration: underline dotted;
|
| 2257 |
-
-moz-text-decoration: underline dotted;
|
| 2258 |
-
text-decoration: underline dotted;
|
| 2259 |
-
/* 2 */
|
| 2260 |
-
}
|
| 2261 |
-
|
| 2262 |
-
/**
|
| 2263 |
-
* Prevent the duplicate application of `bolder` by the next rule in Safari 6.
|
| 2264 |
-
*/
|
| 2265 |
-
b,
|
| 2266 |
-
strong {
|
| 2267 |
-
font-weight: inherit;
|
| 2268 |
-
}
|
| 2269 |
-
|
| 2270 |
-
/**
|
| 2271 |
-
* Add the correct font weight in Chrome, Edge, and Safari.
|
| 2272 |
-
*/
|
| 2273 |
-
b,
|
| 2274 |
-
strong {
|
| 2275 |
-
font-weight: bolder;
|
| 2276 |
-
}
|
| 2277 |
-
|
| 2278 |
-
/**
|
| 2279 |
-
* 1. Correct the inheritance and scaling of font size in all browsers.
|
| 2280 |
-
* 2. Correct the odd `em` font sizing in all browsers.
|
| 2281 |
-
*/
|
| 2282 |
-
code,
|
| 2283 |
-
kbd,
|
| 2284 |
-
samp {
|
| 2285 |
-
font-family: monospace, monospace;
|
| 2286 |
-
/* 1 */
|
| 2287 |
-
font-size: 1em;
|
| 2288 |
-
/* 2 */
|
| 2289 |
-
}
|
| 2290 |
-
|
| 2291 |
-
/**
|
| 2292 |
-
* Add the correct font style in Android 4.3-.
|
| 2293 |
-
*/
|
| 2294 |
-
dfn {
|
| 2295 |
-
font-style: italic;
|
| 2296 |
-
}
|
| 2297 |
-
|
| 2298 |
-
/**
|
| 2299 |
-
* Add the correct background and color in IE 9-.
|
| 2300 |
-
*/
|
| 2301 |
-
mark {
|
| 2302 |
-
background-color: #ff0;
|
| 2303 |
-
color: #000;
|
| 2304 |
-
}
|
| 2305 |
-
|
| 2306 |
-
/**
|
| 2307 |
-
* Add the correct font size in all browsers.
|
| 2308 |
-
*/
|
| 2309 |
-
small {
|
| 2310 |
-
font-size: 80%;
|
| 2311 |
-
}
|
| 2312 |
-
|
| 2313 |
-
/**
|
| 2314 |
-
* Prevent `sub` and `sup` elements from affecting the line height in
|
| 2315 |
-
* all browsers.
|
| 2316 |
-
*/
|
| 2317 |
-
sub,
|
| 2318 |
-
sup {
|
| 2319 |
-
font-size: 75%;
|
| 2320 |
-
line-height: 0;
|
| 2321 |
-
position: relative;
|
| 2322 |
-
vertical-align: baseline;
|
| 2323 |
-
}
|
| 2324 |
-
|
| 2325 |
-
sub {
|
| 2326 |
-
bottom: -0.25em;
|
| 2327 |
-
}
|
| 2328 |
-
|
| 2329 |
-
sup {
|
| 2330 |
-
top: -0.5em;
|
| 2331 |
-
}
|
| 2332 |
-
|
| 2333 |
-
/* Embedded content
|
| 2334 |
-
========================================================================== */
|
| 2335 |
-
/**
|
| 2336 |
-
* Add the correct display in IE 9-.
|
| 2337 |
-
*/
|
| 2338 |
-
audio,
|
| 2339 |
-
video {
|
| 2340 |
-
display: inline-block;
|
| 2341 |
-
}
|
| 2342 |
-
|
| 2343 |
-
/**
|
| 2344 |
-
* Add the correct display in iOS 4-7.
|
| 2345 |
-
*/
|
| 2346 |
-
audio:not([controls]) {
|
| 2347 |
-
display: none;
|
| 2348 |
-
height: 0;
|
| 2349 |
-
}
|
| 2350 |
-
|
| 2351 |
-
/**
|
| 2352 |
-
* Remove the border on images inside links in IE 10-.
|
| 2353 |
-
*/
|
| 2354 |
-
img {
|
| 2355 |
-
border-style: none;
|
| 2356 |
-
}
|
| 2357 |
-
|
| 2358 |
-
/**
|
| 2359 |
-
* Hide the overflow in IE.
|
| 2360 |
-
*/
|
| 2361 |
-
svg:not(:root) {
|
| 2362 |
-
overflow: hidden;
|
| 2363 |
-
}
|
| 2364 |
-
|
| 2365 |
-
/* Forms
|
| 2366 |
-
========================================================================== */
|
| 2367 |
-
/**
|
| 2368 |
-
* 1. Change the font styles in all browsers (opinionated).
|
| 2369 |
-
* 2. Remove the margin in Firefox and Safari.
|
| 2370 |
-
*/
|
| 2371 |
-
button,
|
| 2372 |
-
input,
|
| 2373 |
-
optgroup,
|
| 2374 |
-
select,
|
| 2375 |
-
textarea {
|
| 2376 |
-
font-family: sans-serif;
|
| 2377 |
-
/* 1 */
|
| 2378 |
-
font-size: 100%;
|
| 2379 |
-
/* 1 */
|
| 2380 |
-
line-height: 1.15;
|
| 2381 |
-
/* 1 */
|
| 2382 |
-
margin: 0;
|
| 2383 |
-
/* 2 */
|
| 2384 |
-
}
|
| 2385 |
-
|
| 2386 |
-
/**
|
| 2387 |
-
* Show the overflow in IE.
|
| 2388 |
-
* 1. Show the overflow in Edge.
|
| 2389 |
-
*/
|
| 2390 |
-
button,
|
| 2391 |
-
input {
|
| 2392 |
-
/* 1 */
|
| 2393 |
-
overflow: visible;
|
| 2394 |
-
}
|
| 2395 |
-
|
| 2396 |
-
/**
|
| 2397 |
-
* Remove the inheritance of text transform in Edge, Firefox, and IE.
|
| 2398 |
-
* 1. Remove the inheritance of text transform in Firefox.
|
| 2399 |
-
*/
|
| 2400 |
-
button,
|
| 2401 |
-
select {
|
| 2402 |
-
/* 1 */
|
| 2403 |
-
text-transform: none;
|
| 2404 |
-
}
|
| 2405 |
-
|
| 2406 |
-
/**
|
| 2407 |
-
* 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
|
| 2408 |
-
* controls in Android 4.
|
| 2409 |
-
* 2. Correct the inability to style clickable types in iOS and Safari.
|
| 2410 |
-
*/
|
| 2411 |
-
button,
|
| 2412 |
-
html [type="button"],
|
| 2413 |
-
[type="reset"],
|
| 2414 |
-
[type="submit"] {
|
| 2415 |
-
-webkit-appearance: button;
|
| 2416 |
-
/* 2 */
|
| 2417 |
-
}
|
| 2418 |
-
|
| 2419 |
-
/**
|
| 2420 |
-
* Remove the inner border and padding in Firefox.
|
| 2421 |
-
*/
|
| 2422 |
-
button::-moz-focus-inner,
|
| 2423 |
-
[type="button"]::-moz-focus-inner,
|
| 2424 |
-
[type="reset"]::-moz-focus-inner,
|
| 2425 |
-
[type="submit"]::-moz-focus-inner {
|
| 2426 |
-
border-style: none;
|
| 2427 |
-
padding: 0;
|
| 2428 |
-
}
|
| 2429 |
-
|
| 2430 |
-
/**
|
| 2431 |
-
* Restore the focus styles unset by the previous rule.
|
| 2432 |
-
*/
|
| 2433 |
-
button:-moz-focusring,
|
| 2434 |
-
[type="button"]:-moz-focusring,
|
| 2435 |
-
[type="reset"]:-moz-focusring,
|
| 2436 |
-
[type="submit"]:-moz-focusring {
|
| 2437 |
-
outline: 1px dotted ButtonText;
|
| 2438 |
-
}
|
| 2439 |
-
|
| 2440 |
-
/**
|
| 2441 |
-
* Correct the padding in Firefox.
|
| 2442 |
-
*/
|
| 2443 |
-
fieldset {
|
| 2444 |
-
padding: 0.35em 0.75em 0.625em;
|
| 2445 |
-
}
|
| 2446 |
-
|
| 2447 |
-
/**
|
| 2448 |
-
* 1. Correct the text wrapping in Edge and IE.
|
| 2449 |
-
* 2. Correct the color inheritance from `fieldset` elements in IE.
|
| 2450 |
-
* 3. Remove the padding so developers are not caught out when they zero out
|
| 2451 |
-
* `fieldset` elements in all browsers.
|
| 2452 |
-
*/
|
| 2453 |
-
legend {
|
| 2454 |
-
-webkit-box-sizing: border-box;
|
| 2455 |
-
box-sizing: border-box;
|
| 2456 |
-
/* 1 */
|
| 2457 |
-
color: inherit;
|
| 2458 |
-
/* 2 */
|
| 2459 |
-
display: table;
|
| 2460 |
-
/* 1 */
|
| 2461 |
-
max-width: 100%;
|
| 2462 |
-
/* 1 */
|
| 2463 |
-
padding: 0;
|
| 2464 |
-
/* 3 */
|
| 2465 |
-
white-space: normal;
|
| 2466 |
-
/* 1 */
|
| 2467 |
-
}
|
| 2468 |
-
|
| 2469 |
-
/**
|
| 2470 |
-
* 1. Add the correct display in IE 9-.
|
| 2471 |
-
* 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
|
| 2472 |
-
*/
|
| 2473 |
-
progress {
|
| 2474 |
-
display: inline-block;
|
| 2475 |
-
/* 1 */
|
| 2476 |
-
vertical-align: baseline;
|
| 2477 |
-
/* 2 */
|
| 2478 |
-
}
|
| 2479 |
-
|
| 2480 |
-
/**
|
| 2481 |
-
* Remove the default vertical scrollbar in IE.
|
| 2482 |
-
*/
|
| 2483 |
-
textarea {
|
| 2484 |
-
overflow: auto;
|
| 2485 |
-
}
|
| 2486 |
-
|
| 2487 |
-
/**
|
| 2488 |
-
* 1. Add the correct box sizing in IE 10-.
|
| 2489 |
-
* 2. Remove the padding in IE 10-.
|
| 2490 |
-
*/
|
| 2491 |
-
[type="checkbox"],
|
| 2492 |
-
[type="radio"] {
|
| 2493 |
-
-webkit-box-sizing: border-box;
|
| 2494 |
-
box-sizing: border-box;
|
| 2495 |
-
/* 1 */
|
| 2496 |
-
padding: 0;
|
| 2497 |
-
/* 2 */
|
| 2498 |
-
}
|
| 2499 |
-
|
| 2500 |
-
/**
|
| 2501 |
-
* Correct the cursor style of increment and decrement buttons in Chrome.
|
| 2502 |
-
*/
|
| 2503 |
-
[type="number"]::-webkit-inner-spin-button,
|
| 2504 |
-
[type="number"]::-webkit-outer-spin-button {
|
| 2505 |
-
height: auto;
|
| 2506 |
-
}
|
| 2507 |
-
|
| 2508 |
-
/**
|
| 2509 |
-
* 1. Correct the odd appearance in Chrome and Safari.
|
| 2510 |
-
* 2. Correct the outline style in Safari.
|
| 2511 |
-
*/
|
| 2512 |
-
[type="search"] {
|
| 2513 |
-
-webkit-appearance: textfield;
|
| 2514 |
-
/* 1 */
|
| 2515 |
-
outline-offset: -2px;
|
| 2516 |
-
/* 2 */
|
| 2517 |
-
}
|
| 2518 |
-
|
| 2519 |
-
/**
|
| 2520 |
-
* Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
|
| 2521 |
-
*/
|
| 2522 |
-
[type="search"]::-webkit-search-cancel-button,
|
| 2523 |
-
[type="search"]::-webkit-search-decoration {
|
| 2524 |
-
-webkit-appearance: none;
|
| 2525 |
-
}
|
| 2526 |
-
|
| 2527 |
-
/**
|
| 2528 |
-
* 1. Correct the inability to style clickable types in iOS and Safari.
|
| 2529 |
-
* 2. Change font properties to `inherit` in Safari.
|
| 2530 |
-
*/
|
| 2531 |
-
::-webkit-file-upload-button {
|
| 2532 |
-
-webkit-appearance: button;
|
| 2533 |
-
/* 1 */
|
| 2534 |
-
font: inherit;
|
| 2535 |
-
/* 2 */
|
| 2536 |
-
}
|
| 2537 |
-
|
| 2538 |
-
/* Interactive
|
| 2539 |
-
========================================================================== */
|
| 2540 |
-
/*
|
| 2541 |
-
* Add the correct display in IE 9-.
|
| 2542 |
-
* 1. Add the correct display in Edge, IE, and Firefox.
|
| 2543 |
-
*/
|
| 2544 |
-
details,
|
| 2545 |
-
menu {
|
| 2546 |
-
display: block;
|
| 2547 |
-
}
|
| 2548 |
-
|
| 2549 |
-
/*
|
| 2550 |
-
* Add the correct display in all browsers.
|
| 2551 |
-
*/
|
| 2552 |
-
summary {
|
| 2553 |
-
display: list-item;
|
| 2554 |
-
}
|
| 2555 |
-
|
| 2556 |
-
/* Scripting
|
| 2557 |
-
========================================================================== */
|
| 2558 |
-
/**
|
| 2559 |
-
* Add the correct display in IE 9-.
|
| 2560 |
-
*/
|
| 2561 |
-
canvas {
|
| 2562 |
-
display: inline-block;
|
| 2563 |
-
}
|
| 2564 |
-
|
| 2565 |
-
/**
|
| 2566 |
-
* Add the correct display in IE.
|
| 2567 |
-
*/
|
| 2568 |
-
template {
|
| 2569 |
-
display: none;
|
| 2570 |
-
}
|
| 2571 |
-
|
| 2572 |
-
/* Hidden
|
| 2573 |
-
========================================================================== */
|
| 2574 |
-
/**
|
| 2575 |
-
* Add the correct display in IE 10-.
|
| 2576 |
-
*/
|
| 2577 |
-
[hidden] {
|
| 2578 |
-
display: none;
|
| 2579 |
-
}
|
| 2580 |
-
|
| 2581 |
-
html {
|
| 2582 |
-
-webkit-box-sizing: border-box;
|
| 2583 |
-
box-sizing: border-box;
|
| 2584 |
-
}
|
| 2585 |
-
|
| 2586 |
-
*, *:before, *:after {
|
| 2587 |
-
-webkit-box-sizing: inherit;
|
| 2588 |
-
box-sizing: inherit;
|
| 2589 |
-
}
|
| 2590 |
-
|
| 2591 |
-
button,
|
| 2592 |
-
input,
|
| 2593 |
-
optgroup,
|
| 2594 |
-
select,
|
| 2595 |
-
textarea {
|
| 2596 |
-
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
|
| 2597 |
-
}
|
| 2598 |
-
|
| 2599 |
-
ul:not(.browser-default) {
|
| 2600 |
-
padding-left: 0;
|
| 2601 |
-
list-style-type: none;
|
| 2602 |
-
}
|
| 2603 |
-
|
| 2604 |
-
ul:not(.browser-default) > li {
|
| 2605 |
-
list-style-type: none;
|
| 2606 |
-
}
|
| 2607 |
-
|
| 2608 |
-
a {
|
| 2609 |
-
color: #039be5;
|
| 2610 |
-
text-decoration: none;
|
| 2611 |
-
-webkit-tap-highlight-color: transparent;
|
| 2612 |
-
}
|
| 2613 |
-
|
| 2614 |
-
.valign-wrapper {
|
| 2615 |
-
display: -webkit-box;
|
| 2616 |
-
display: -webkit-flex;
|
| 2617 |
-
display: -ms-flexbox;
|
| 2618 |
-
display: flex;
|
| 2619 |
-
-webkit-box-align: center;
|
| 2620 |
-
-webkit-align-items: center;
|
| 2621 |
-
-ms-flex-align: center;
|
| 2622 |
-
align-items: center;
|
| 2623 |
-
}
|
| 2624 |
-
|
| 2625 |
-
.clearfix {
|
| 2626 |
-
clear: both;
|
| 2627 |
-
}
|
| 2628 |
-
|
| 2629 |
-
.z-depth-0 {
|
| 2630 |
-
-webkit-box-shadow: none !important;
|
| 2631 |
-
box-shadow: none !important;
|
| 2632 |
-
}
|
| 2633 |
-
|
| 2634 |
-
/* 2dp elevation modified*/
|
| 2635 |
-
.z-depth-1, nav, .card-panel, .card, .toast, .btn, .btn-large, .btn-small, .btn-floating, .dropdown-content, .collapsible, .sidenav {
|
| 2636 |
-
-webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
|
| 2637 |
-
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
|
| 2638 |
-
}
|
| 2639 |
-
|
| 2640 |
-
.z-depth-1-half, .btn:hover, .btn-large:hover, .btn-small:hover, .btn-floating:hover {
|
| 2641 |
-
-webkit-box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 7px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -1px rgba(0, 0, 0, 0.2);
|
| 2642 |
-
box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 7px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -1px rgba(0, 0, 0, 0.2);
|
| 2643 |
-
}
|
| 2644 |
-
|
| 2645 |
-
/* 6dp elevation modified*/
|
| 2646 |
-
.z-depth-2 {
|
| 2647 |
-
-webkit-box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.3);
|
| 2648 |
-
box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.3);
|
| 2649 |
-
}
|
| 2650 |
-
|
| 2651 |
-
/* 12dp elevation modified*/
|
| 2652 |
-
.z-depth-3 {
|
| 2653 |
-
-webkit-box-shadow: 0 8px 17px 2px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.2);
|
| 2654 |
-
box-shadow: 0 8px 17px 2px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.2);
|
| 2655 |
-
}
|
| 2656 |
-
|
| 2657 |
-
/* 16dp elevation */
|
| 2658 |
-
.z-depth-4 {
|
| 2659 |
-
-webkit-box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12), 0 8px 10px -7px rgba(0, 0, 0, 0.2);
|
| 2660 |
-
box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12), 0 8px 10px -7px rgba(0, 0, 0, 0.2);
|
| 2661 |
-
}
|
| 2662 |
-
|
| 2663 |
-
/* 24dp elevation */
|
| 2664 |
-
.z-depth-5, .modal {
|
| 2665 |
-
-webkit-box-shadow: 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12), 0 11px 15px -7px rgba(0, 0, 0, 0.2);
|
| 2666 |
-
box-shadow: 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12), 0 11px 15px -7px rgba(0, 0, 0, 0.2);
|
| 2667 |
-
}
|
| 2668 |
-
|
| 2669 |
-
.hoverable {
|
| 2670 |
-
-webkit-transition: -webkit-box-shadow .25s;
|
| 2671 |
-
transition: -webkit-box-shadow .25s;
|
| 2672 |
-
transition: box-shadow .25s;
|
| 2673 |
-
transition: box-shadow .25s, -webkit-box-shadow .25s;
|
| 2674 |
-
}
|
| 2675 |
-
|
| 2676 |
-
.hoverable:hover {
|
| 2677 |
-
-webkit-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
|
| 2678 |
-
box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
|
| 2679 |
-
}
|
| 2680 |
-
|
| 2681 |
-
.divider {
|
| 2682 |
-
height: 1px;
|
| 2683 |
-
overflow: hidden;
|
| 2684 |
-
background-color: #e0e0e0;
|
| 2685 |
-
}
|
| 2686 |
-
|
| 2687 |
-
blockquote {
|
| 2688 |
-
margin: 20px 0;
|
| 2689 |
-
padding-left: 1.5rem;
|
| 2690 |
-
border-left: 5px solid #ee6e73;
|
| 2691 |
-
}
|
| 2692 |
-
|
| 2693 |
-
i {
|
| 2694 |
-
line-height: inherit;
|
| 2695 |
-
}
|
| 2696 |
-
|
| 2697 |
-
i.left {
|
| 2698 |
-
float: left;
|
| 2699 |
-
margin-right: 15px;
|
| 2700 |
-
}
|
| 2701 |
-
|
| 2702 |
-
i.right {
|
| 2703 |
-
float: right;
|
| 2704 |
-
margin-left: 15px;
|
| 2705 |
-
}
|
| 2706 |
-
|
| 2707 |
-
i.tiny {
|
| 2708 |
-
font-size: 1rem;
|
| 2709 |
-
}
|
| 2710 |
-
|
| 2711 |
-
i.small {
|
| 2712 |
-
font-size: 2rem;
|
| 2713 |
-
}
|
| 2714 |
-
|
| 2715 |
-
i.medium {
|
| 2716 |
-
font-size: 4rem;
|
| 2717 |
-
}
|
| 2718 |
-
|
| 2719 |
-
i.large {
|
| 2720 |
-
font-size: 6rem;
|
| 2721 |
-
}
|
| 2722 |
-
|
| 2723 |
-
img.responsive-img,
|
| 2724 |
-
video.responsive-video {
|
| 2725 |
-
max-width: 100%;
|
| 2726 |
-
height: auto;
|
| 2727 |
-
}
|
| 2728 |
-
|
| 2729 |
-
.pagination li {
|
| 2730 |
-
display: inline-block;
|
| 2731 |
-
border-radius: 2px;
|
| 2732 |
-
text-align: center;
|
| 2733 |
-
vertical-align: top;
|
| 2734 |
-
height: 30px;
|
| 2735 |
-
}
|
| 2736 |
-
|
| 2737 |
-
.pagination li a {
|
| 2738 |
-
color: #444;
|
| 2739 |
-
display: inline-block;
|
| 2740 |
-
font-size: 1.2rem;
|
| 2741 |
-
padding: 0 10px;
|
| 2742 |
-
line-height: 30px;
|
| 2743 |
-
}
|
| 2744 |
-
|
| 2745 |
-
.pagination li.active a {
|
| 2746 |
-
color: #fff;
|
| 2747 |
-
}
|
| 2748 |
-
|
| 2749 |
-
.pagination li.active {
|
| 2750 |
-
background-color: #ee6e73;
|
| 2751 |
-
}
|
| 2752 |
-
|
| 2753 |
-
.pagination li.disabled a {
|
| 2754 |
-
cursor: default;
|
| 2755 |
-
color: #999;
|
| 2756 |
-
}
|
| 2757 |
-
|
| 2758 |
-
.pagination li i {
|
| 2759 |
-
font-size: 2rem;
|
| 2760 |
-
}
|
| 2761 |
-
|
| 2762 |
-
.pagination li.pages ul li {
|
| 2763 |
-
display: inline-block;
|
| 2764 |
-
float: none;
|
| 2765 |
-
}
|
| 2766 |
-
|
| 2767 |
-
@media only screen and (max-width: 992px) {
|
| 2768 |
-
.pagination {
|
| 2769 |
-
width: 100%;
|
| 2770 |
-
}
|
| 2771 |
-
.pagination li.prev,
|
| 2772 |
-
.pagination li.next {
|
| 2773 |
-
width: 10%;
|
| 2774 |
-
}
|
| 2775 |
-
.pagination li.pages {
|
| 2776 |
-
width: 80%;
|
| 2777 |
-
overflow: hidden;
|
| 2778 |
-
white-space: nowrap;
|
| 2779 |
-
}
|
| 2780 |
-
}
|
| 2781 |
-
|
| 2782 |
-
.breadcrumb {
|
| 2783 |
-
font-size: 18px;
|
| 2784 |
-
color: rgba(255, 255, 255, 0.7);
|
| 2785 |
-
}
|
| 2786 |
-
|
| 2787 |
-
.breadcrumb i,
|
| 2788 |
-
.breadcrumb [class^="mdi-"], .breadcrumb [class*="mdi-"],
|
| 2789 |
-
.breadcrumb i.material-icons {
|
| 2790 |
-
display: inline-block;
|
| 2791 |
-
float: left;
|
| 2792 |
-
font-size: 24px;
|
| 2793 |
-
}
|
| 2794 |
-
|
| 2795 |
-
.breadcrumb:before {
|
| 2796 |
-
content: '\E5CC';
|
| 2797 |
-
color: rgba(255, 255, 255, 0.7);
|
| 2798 |
-
vertical-align: top;
|
| 2799 |
-
display: inline-block;
|
| 2800 |
-
font-family: 'Material Icons';
|
| 2801 |
-
font-weight: normal;
|
| 2802 |
-
font-style: normal;
|
| 2803 |
-
font-size: 25px;
|
| 2804 |
-
margin: 0 10px 0 8px;
|
| 2805 |
-
-webkit-font-smoothing: antialiased;
|
| 2806 |
-
}
|
| 2807 |
-
|
| 2808 |
-
.breadcrumb:first-child:before {
|
| 2809 |
-
display: none;
|
| 2810 |
-
}
|
| 2811 |
-
|
| 2812 |
-
.breadcrumb:last-child {
|
| 2813 |
-
color: #fff;
|
| 2814 |
-
}
|
| 2815 |
-
|
| 2816 |
-
.parallax-container {
|
| 2817 |
-
position: relative;
|
| 2818 |
-
overflow: hidden;
|
| 2819 |
-
height: 500px;
|
| 2820 |
-
}
|
| 2821 |
-
|
| 2822 |
-
.parallax-container .parallax {
|
| 2823 |
-
position: absolute;
|
| 2824 |
-
top: 0;
|
| 2825 |
-
left: 0;
|
| 2826 |
-
right: 0;
|
| 2827 |
-
bottom: 0;
|
| 2828 |
-
z-index: -1;
|
| 2829 |
-
}
|
| 2830 |
-
|
| 2831 |
-
.parallax-container .parallax img {
|
| 2832 |
-
opacity: 0;
|
| 2833 |
-
position: absolute;
|
| 2834 |
-
left: 50%;
|
| 2835 |
-
bottom: 0;
|
| 2836 |
-
min-width: 100%;
|
| 2837 |
-
min-height: 100%;
|
| 2838 |
-
-webkit-transform: translate3d(0, 0, 0);
|
| 2839 |
-
transform: translate3d(0, 0, 0);
|
| 2840 |
-
-webkit-transform: translateX(-50%);
|
| 2841 |
-
transform: translateX(-50%);
|
| 2842 |
-
}
|
| 2843 |
-
|
| 2844 |
-
.pin-top, .pin-bottom {
|
| 2845 |
-
position: relative;
|
| 2846 |
-
}
|
| 2847 |
-
|
| 2848 |
-
.pinned {
|
| 2849 |
-
position: fixed !important;
|
| 2850 |
-
}
|
| 2851 |
-
|
| 2852 |
-
/*********************
|
| 2853 |
-
Transition Classes
|
| 2854 |
-
**********************/
|
| 2855 |
-
ul.staggered-list li {
|
| 2856 |
-
opacity: 0;
|
| 2857 |
-
}
|
| 2858 |
-
|
| 2859 |
-
.fade-in {
|
| 2860 |
-
opacity: 0;
|
| 2861 |
-
-webkit-transform-origin: 0 50%;
|
| 2862 |
-
transform-origin: 0 50%;
|
| 2863 |
-
}
|
| 2864 |
-
|
| 2865 |
-
/*********************
|
| 2866 |
-
Media Query Classes
|
| 2867 |
-
**********************/
|
| 2868 |
-
@media only screen and (max-width: 600px) {
|
| 2869 |
-
.hide-on-small-only, .hide-on-small-and-down {
|
| 2870 |
-
display: none !important;
|
| 2871 |
-
}
|
| 2872 |
-
}
|
| 2873 |
-
|
| 2874 |
-
@media only screen and (max-width: 992px) {
|
| 2875 |
-
.hide-on-med-and-down {
|
| 2876 |
-
display: none !important;
|
| 2877 |
-
}
|
| 2878 |
-
}
|
| 2879 |
-
|
| 2880 |
-
@media only screen and (min-width: 601px) {
|
| 2881 |
-
.hide-on-med-and-up {
|
| 2882 |
-
display: none !important;
|
| 2883 |
-
}
|
| 2884 |
-
}
|
| 2885 |
-
|
| 2886 |
-
@media only screen and (min-width: 600px) and (max-width: 992px) {
|
| 2887 |
-
.hide-on-med-only {
|
| 2888 |
-
display: none !important;
|
| 2889 |
-
}
|
| 2890 |
-
}
|
| 2891 |
-
|
| 2892 |
-
@media only screen and (min-width: 993px) {
|
| 2893 |
-
.hide-on-large-only {
|
| 2894 |
-
display: none !important;
|
| 2895 |
-
}
|
| 2896 |
-
}
|
| 2897 |
-
|
| 2898 |
-
@media only screen and (min-width: 1201px) {
|
| 2899 |
-
.hide-on-extra-large-only {
|
| 2900 |
-
display: none !important;
|
| 2901 |
-
}
|
| 2902 |
-
}
|
| 2903 |
-
|
| 2904 |
-
@media only screen and (min-width: 1201px) {
|
| 2905 |
-
.show-on-extra-large {
|
| 2906 |
-
display: block !important;
|
| 2907 |
-
}
|
| 2908 |
-
}
|
| 2909 |
-
|
| 2910 |
-
@media only screen and (min-width: 993px) {
|
| 2911 |
-
.show-on-large {
|
| 2912 |
-
display: block !important;
|
| 2913 |
-
}
|
| 2914 |
-
}
|
| 2915 |
-
|
| 2916 |
-
@media only screen and (min-width: 600px) and (max-width: 992px) {
|
| 2917 |
-
.show-on-medium {
|
| 2918 |
-
display: block !important;
|
| 2919 |
-
}
|
| 2920 |
-
}
|
| 2921 |
-
|
| 2922 |
-
@media only screen and (max-width: 600px) {
|
| 2923 |
-
.show-on-small {
|
| 2924 |
-
display: block !important;
|
| 2925 |
-
}
|
| 2926 |
-
}
|
| 2927 |
-
|
| 2928 |
-
@media only screen and (min-width: 601px) {
|
| 2929 |
-
.show-on-medium-and-up {
|
| 2930 |
-
display: block !important;
|
| 2931 |
-
}
|
| 2932 |
-
}
|
| 2933 |
-
|
| 2934 |
-
@media only screen and (max-width: 992px) {
|
| 2935 |
-
.show-on-medium-and-down {
|
| 2936 |
-
display: block !important;
|
| 2937 |
-
}
|
| 2938 |
-
}
|
| 2939 |
-
|
| 2940 |
-
@media only screen and (max-width: 600px) {
|
| 2941 |
-
.center-on-small-only {
|
| 2942 |
-
text-align: center;
|
| 2943 |
-
}
|
| 2944 |
-
}
|
| 2945 |
-
|
| 2946 |
-
.page-footer {
|
| 2947 |
-
padding-top: 20px;
|
| 2948 |
-
color: #fff;
|
| 2949 |
-
background-color: #ee6e73;
|
| 2950 |
-
}
|
| 2951 |
-
|
| 2952 |
-
.page-footer .footer-copyright {
|
| 2953 |
-
overflow: hidden;
|
| 2954 |
-
min-height: 50px;
|
| 2955 |
-
display: -webkit-box;
|
| 2956 |
-
display: -webkit-flex;
|
| 2957 |
-
display: -ms-flexbox;
|
| 2958 |
-
display: flex;
|
| 2959 |
-
-webkit-box-align: center;
|
| 2960 |
-
-webkit-align-items: center;
|
| 2961 |
-
-ms-flex-align: center;
|
| 2962 |
-
align-items: center;
|
| 2963 |
-
-webkit-box-pack: justify;
|
| 2964 |
-
-webkit-justify-content: space-between;
|
| 2965 |
-
-ms-flex-pack: justify;
|
| 2966 |
-
justify-content: space-between;
|
| 2967 |
-
padding: 10px 0px;
|
| 2968 |
-
color: rgba(255, 255, 255, 0.8);
|
| 2969 |
-
background-color: rgba(51, 51, 51, 0.08);
|
| 2970 |
-
}
|
| 2971 |
-
|
| 2972 |
-
table, th, td {
|
| 2973 |
-
border: none;
|
| 2974 |
-
}
|
| 2975 |
-
|
| 2976 |
-
table {
|
| 2977 |
-
width: 100%;
|
| 2978 |
-
display: table;
|
| 2979 |
-
border-collapse: collapse;
|
| 2980 |
-
border-spacing: 0;
|
| 2981 |
-
}
|
| 2982 |
-
|
| 2983 |
-
table.striped tr {
|
| 2984 |
-
border-bottom: none;
|
| 2985 |
-
}
|
| 2986 |
-
|
| 2987 |
-
table.striped > tbody > tr:nth-child(odd) {
|
| 2988 |
-
background-color: rgba(242, 242, 242, 0.5);
|
| 2989 |
-
}
|
| 2990 |
-
|
| 2991 |
-
table.striped > tbody > tr > td {
|
| 2992 |
-
border-radius: 0;
|
| 2993 |
-
}
|
| 2994 |
-
|
| 2995 |
-
table.highlight > tbody > tr {
|
| 2996 |
-
-webkit-transition: background-color .25s ease;
|
| 2997 |
-
transition: background-color .25s ease;
|
| 2998 |
-
}
|
| 2999 |
-
|
| 3000 |
-
table.highlight > tbody > tr:hover {
|
| 3001 |
-
background-color: rgba(242, 242, 242, 0.5);
|
| 3002 |
-
}
|
| 3003 |
-
|
| 3004 |
-
table.centered thead tr th, table.centered tbody tr td {
|
| 3005 |
-
text-align: center;
|
| 3006 |
-
}
|
| 3007 |
-
|
| 3008 |
-
tr {
|
| 3009 |
-
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
|
| 3010 |
-
}
|
| 3011 |
-
|
| 3012 |
-
td, th {
|
| 3013 |
-
padding: 15px 5px;
|
| 3014 |
-
display: table-cell;
|
| 3015 |
-
text-align: left;
|
| 3016 |
-
vertical-align: middle;
|
| 3017 |
-
border-radius: 2px;
|
| 3018 |
-
}
|
| 3019 |
-
|
| 3020 |
-
@media only screen and (max-width: 992px) {
|
| 3021 |
-
table.responsive-table {
|
| 3022 |
-
width: 100%;
|
| 3023 |
-
border-collapse: collapse;
|
| 3024 |
-
border-spacing: 0;
|
| 3025 |
-
display: block;
|
| 3026 |
-
position: relative;
|
| 3027 |
-
/* sort out borders */
|
| 3028 |
-
}
|
| 3029 |
-
table.responsive-table td:empty:before {
|
| 3030 |
-
content: '\00a0';
|
| 3031 |
-
}
|
| 3032 |
-
table.responsive-table th,
|
| 3033 |
-
table.responsive-table td {
|
| 3034 |
-
margin: 0;
|
| 3035 |
-
vertical-align: top;
|
| 3036 |
-
}
|
| 3037 |
-
table.responsive-table th {
|
| 3038 |
-
text-align: left;
|
| 3039 |
-
}
|
| 3040 |
-
table.responsive-table thead {
|
| 3041 |
-
display: block;
|
| 3042 |
-
float: left;
|
| 3043 |
-
}
|
| 3044 |
-
table.responsive-table thead tr {
|
| 3045 |
-
display: block;
|
| 3046 |
-
padding: 0 10px 0 0;
|
| 3047 |
-
}
|
| 3048 |
-
table.responsive-table thead tr th::before {
|
| 3049 |
-
content: "\00a0";
|
| 3050 |
-
}
|
| 3051 |
-
table.responsive-table tbody {
|
| 3052 |
-
display: block;
|
| 3053 |
-
width: auto;
|
| 3054 |
-
position: relative;
|
| 3055 |
-
overflow-x: auto;
|
| 3056 |
-
white-space: nowrap;
|
| 3057 |
-
}
|
| 3058 |
-
table.responsive-table tbody tr {
|
| 3059 |
-
display: inline-block;
|
| 3060 |
-
vertical-align: top;
|
| 3061 |
-
}
|
| 3062 |
-
table.responsive-table th {
|
| 3063 |
-
display: block;
|
| 3064 |
-
text-align: right;
|
| 3065 |
-
}
|
| 3066 |
-
table.responsive-table td {
|
| 3067 |
-
display: block;
|
| 3068 |
-
min-height: 1.25em;
|
| 3069 |
-
text-align: left;
|
| 3070 |
-
}
|
| 3071 |
-
table.responsive-table tr {
|
| 3072 |
-
border-bottom: none;
|
| 3073 |
-
padding: 0 10px;
|
| 3074 |
-
}
|
| 3075 |
-
table.responsive-table thead {
|
| 3076 |
-
border: 0;
|
| 3077 |
-
border-right: 1px solid rgba(0, 0, 0, 0.12);
|
| 3078 |
-
}
|
| 3079 |
-
}
|
| 3080 |
-
|
| 3081 |
-
.collection {
|
| 3082 |
-
margin: 0.5rem 0 1rem 0;
|
| 3083 |
-
border: 1px solid #e0e0e0;
|
| 3084 |
-
border-radius: 2px;
|
| 3085 |
-
overflow: hidden;
|
| 3086 |
-
position: relative;
|
| 3087 |
-
}
|
| 3088 |
-
|
| 3089 |
-
.collection .collection-item {
|
| 3090 |
-
background-color: #fff;
|
| 3091 |
-
line-height: 1.5rem;
|
| 3092 |
-
padding: 10px 20px;
|
| 3093 |
-
margin: 0;
|
| 3094 |
-
border-bottom: 1px solid #e0e0e0;
|
| 3095 |
-
}
|
| 3096 |
-
|
| 3097 |
-
.collection .collection-item.avatar {
|
| 3098 |
-
min-height: 84px;
|
| 3099 |
-
padding-left: 72px;
|
| 3100 |
-
position: relative;
|
| 3101 |
-
}
|
| 3102 |
-
|
| 3103 |
-
.collection .collection-item.avatar:not(.circle-clipper) > .circle,
|
| 3104 |
-
.collection .collection-item.avatar :not(.circle-clipper) > .circle {
|
| 3105 |
-
position: absolute;
|
| 3106 |
-
width: 42px;
|
| 3107 |
-
height: 42px;
|
| 3108 |
-
overflow: hidden;
|
| 3109 |
-
left: 15px;
|
| 3110 |
-
display: inline-block;
|
| 3111 |
-
vertical-align: middle;
|
| 3112 |
-
}
|
| 3113 |
-
|
| 3114 |
-
.collection .collection-item.avatar i.circle {
|
| 3115 |
-
font-size: 18px;
|
| 3116 |
-
line-height: 42px;
|
| 3117 |
-
color: #fff;
|
| 3118 |
-
background-color: #999;
|
| 3119 |
-
text-align: center;
|
| 3120 |
-
}
|
| 3121 |
-
|
| 3122 |
-
.collection .collection-item.avatar .title {
|
| 3123 |
-
font-size: 16px;
|
| 3124 |
-
}
|
| 3125 |
-
|
| 3126 |
-
.collection .collection-item.avatar p {
|
| 3127 |
-
margin: 0;
|
| 3128 |
-
}
|
| 3129 |
-
|
| 3130 |
-
.collection .collection-item.avatar .secondary-content {
|
| 3131 |
-
position: absolute;
|
| 3132 |
-
top: 16px;
|
| 3133 |
-
right: 16px;
|
| 3134 |
-
}
|
| 3135 |
-
|
| 3136 |
-
.collection .collection-item:last-child {
|
| 3137 |
-
border-bottom: none;
|
| 3138 |
-
}
|
| 3139 |
-
|
| 3140 |
-
.collection .collection-item.active {
|
| 3141 |
-
background-color: #26a69a;
|
| 3142 |
-
color: #eafaf9;
|
| 3143 |
-
}
|
| 3144 |
-
|
| 3145 |
-
.collection .collection-item.active .secondary-content {
|
| 3146 |
-
color: #fff;
|
| 3147 |
-
}
|
| 3148 |
-
|
| 3149 |
-
.collection a.collection-item {
|
| 3150 |
-
display: block;
|
| 3151 |
-
-webkit-transition: .25s;
|
| 3152 |
-
transition: .25s;
|
| 3153 |
-
color: #26a69a;
|
| 3154 |
-
}
|
| 3155 |
-
|
| 3156 |
-
.collection a.collection-item:not(.active):hover {
|
| 3157 |
-
background-color: #ddd;
|
| 3158 |
-
}
|
| 3159 |
-
|
| 3160 |
-
.collection.with-header .collection-header {
|
| 3161 |
-
background-color: #fff;
|
| 3162 |
-
border-bottom: 1px solid #e0e0e0;
|
| 3163 |
-
padding: 10px 20px;
|
| 3164 |
-
}
|
| 3165 |
-
|
| 3166 |
-
.collection.with-header .collection-item {
|
| 3167 |
-
padding-left: 30px;
|
| 3168 |
-
}
|
| 3169 |
-
|
| 3170 |
-
.collection.with-header .collection-item.avatar {
|
| 3171 |
-
padding-left: 72px;
|
| 3172 |
-
}
|
| 3173 |
-
|
| 3174 |
-
.secondary-content {
|
| 3175 |
-
float: right;
|
| 3176 |
-
color: #26a69a;
|
| 3177 |
-
}
|
| 3178 |
-
|
| 3179 |
-
.collapsible .collection {
|
| 3180 |
-
margin: 0;
|
| 3181 |
-
border: none;
|
| 3182 |
-
}
|
| 3183 |
-
|
| 3184 |
-
.video-container {
|
| 3185 |
-
position: relative;
|
| 3186 |
-
padding-bottom: 56.25%;
|
| 3187 |
-
height: 0;
|
| 3188 |
-
overflow: hidden;
|
| 3189 |
-
}
|
| 3190 |
-
|
| 3191 |
-
.video-container iframe, .video-container object, .video-container embed {
|
| 3192 |
-
position: absolute;
|
| 3193 |
-
top: 0;
|
| 3194 |
-
left: 0;
|
| 3195 |
-
width: 100%;
|
| 3196 |
-
height: 100%;
|
| 3197 |
-
}
|
| 3198 |
-
|
| 3199 |
-
.progress {
|
| 3200 |
-
position: relative;
|
| 3201 |
-
height: 4px;
|
| 3202 |
-
display: block;
|
| 3203 |
-
width: 100%;
|
| 3204 |
-
background-color: #acece6;
|
| 3205 |
-
border-radius: 2px;
|
| 3206 |
-
margin: 0.5rem 0 1rem 0;
|
| 3207 |
-
overflow: hidden;
|
| 3208 |
-
}
|
| 3209 |
-
|
| 3210 |
-
.progress .determinate {
|
| 3211 |
-
position: absolute;
|
| 3212 |
-
top: 0;
|
| 3213 |
-
left: 0;
|
| 3214 |
-
bottom: 0;
|
| 3215 |
-
background-color: #26a69a;
|
| 3216 |
-
-webkit-transition: width .3s linear;
|
| 3217 |
-
transition: width .3s linear;
|
| 3218 |
-
}
|
| 3219 |
-
|
| 3220 |
-
.progress .indeterminate {
|
| 3221 |
-
background-color: #26a69a;
|
| 3222 |
-
}
|
| 3223 |
-
|
| 3224 |
-
.progress .indeterminate:before {
|
| 3225 |
-
content: '';
|
| 3226 |
-
position: absolute;
|
| 3227 |
-
background-color: inherit;
|
| 3228 |
-
top: 0;
|
| 3229 |
-
left: 0;
|
| 3230 |
-
bottom: 0;
|
| 3231 |
-
will-change: left, right;
|
| 3232 |
-
-webkit-animation: indeterminate 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
|
| 3233 |
-
animation: indeterminate 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
|
| 3234 |
-
}
|
| 3235 |
-
|
| 3236 |
-
.progress .indeterminate:after {
|
| 3237 |
-
content: '';
|
| 3238 |
-
position: absolute;
|
| 3239 |
-
background-color: inherit;
|
| 3240 |
-
top: 0;
|
| 3241 |
-
left: 0;
|
| 3242 |
-
bottom: 0;
|
| 3243 |
-
will-change: left, right;
|
| 3244 |
-
-webkit-animation: indeterminate-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
|
| 3245 |
-
animation: indeterminate-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
|
| 3246 |
-
-webkit-animation-delay: 1.15s;
|
| 3247 |
-
animation-delay: 1.15s;
|
| 3248 |
-
}
|
| 3249 |
-
|
| 3250 |
-
@-webkit-keyframes indeterminate {
|
| 3251 |
-
0% {
|
| 3252 |
-
left: -35%;
|
| 3253 |
-
right: 100%;
|
| 3254 |
-
}
|
| 3255 |
-
60% {
|
| 3256 |
-
left: 100%;
|
| 3257 |
-
right: -90%;
|
| 3258 |
-
}
|
| 3259 |
-
100% {
|
| 3260 |
-
left: 100%;
|
| 3261 |
-
right: -90%;
|
| 3262 |
-
}
|
| 3263 |
-
}
|
| 3264 |
-
|
| 3265 |
-
@keyframes indeterminate {
|
| 3266 |
-
0% {
|
| 3267 |
-
left: -35%;
|
| 3268 |
-
right: 100%;
|
| 3269 |
-
}
|
| 3270 |
-
60% {
|
| 3271 |
-
left: 100%;
|
| 3272 |
-
right: -90%;
|
| 3273 |
-
}
|
| 3274 |
-
100% {
|
| 3275 |
-
left: 100%;
|
| 3276 |
-
right: -90%;
|
| 3277 |
-
}
|
| 3278 |
-
}
|
| 3279 |
-
|
| 3280 |
-
@-webkit-keyframes indeterminate-short {
|
| 3281 |
-
0% {
|
| 3282 |
-
left: -200%;
|
| 3283 |
-
right: 100%;
|
| 3284 |
-
}
|
| 3285 |
-
60% {
|
| 3286 |
-
left: 107%;
|
| 3287 |
-
right: -8%;
|
| 3288 |
-
}
|
| 3289 |
-
100% {
|
| 3290 |
-
left: 107%;
|
| 3291 |
-
right: -8%;
|
| 3292 |
-
}
|
| 3293 |
-
}
|
| 3294 |
-
|
| 3295 |
-
@keyframes indeterminate-short {
|
| 3296 |
-
0% {
|
| 3297 |
-
left: -200%;
|
| 3298 |
-
right: 100%;
|
| 3299 |
-
}
|
| 3300 |
-
60% {
|
| 3301 |
-
left: 107%;
|
| 3302 |
-
right: -8%;
|
| 3303 |
-
}
|
| 3304 |
-
100% {
|
| 3305 |
-
left: 107%;
|
| 3306 |
-
right: -8%;
|
| 3307 |
-
}
|
| 3308 |
-
}
|
| 3309 |
-
|
| 3310 |
-
/*******************
|
| 3311 |
-
Utility Classes
|
| 3312 |
-
*******************/
|
| 3313 |
-
.hide {
|
| 3314 |
-
display: none !important;
|
| 3315 |
-
}
|
| 3316 |
-
|
| 3317 |
-
.left-align {
|
| 3318 |
-
text-align: left;
|
| 3319 |
-
}
|
| 3320 |
-
|
| 3321 |
-
.right-align {
|
| 3322 |
-
text-align: right;
|
| 3323 |
-
}
|
| 3324 |
-
|
| 3325 |
-
.center, .center-align {
|
| 3326 |
-
text-align: center;
|
| 3327 |
-
}
|
| 3328 |
-
|
| 3329 |
-
.left {
|
| 3330 |
-
float: left !important;
|
| 3331 |
-
}
|
| 3332 |
-
|
| 3333 |
-
.right {
|
| 3334 |
-
float: right !important;
|
| 3335 |
-
}
|
| 3336 |
-
|
| 3337 |
-
.no-select, input[type=range],
|
| 3338 |
-
input[type=range] + .thumb {
|
| 3339 |
-
-webkit-user-select: none;
|
| 3340 |
-
-moz-user-select: none;
|
| 3341 |
-
-ms-user-select: none;
|
| 3342 |
-
user-select: none;
|
| 3343 |
-
}
|
| 3344 |
-
|
| 3345 |
-
.circle {
|
| 3346 |
-
border-radius: 50%;
|
| 3347 |
-
}
|
| 3348 |
-
|
| 3349 |
-
.center-block {
|
| 3350 |
-
display: block;
|
| 3351 |
-
margin-left: auto;
|
| 3352 |
-
margin-right: auto;
|
| 3353 |
-
}
|
| 3354 |
-
|
| 3355 |
-
.truncate {
|
| 3356 |
-
display: block;
|
| 3357 |
-
white-space: nowrap;
|
| 3358 |
-
overflow: hidden;
|
| 3359 |
-
text-overflow: ellipsis;
|
| 3360 |
-
}
|
| 3361 |
-
|
| 3362 |
-
.no-padding {
|
| 3363 |
-
padding: 0 !important;
|
| 3364 |
-
}
|
| 3365 |
-
|
| 3366 |
-
span.badge {
|
| 3367 |
-
min-width: 3rem;
|
| 3368 |
-
padding: 0 6px;
|
| 3369 |
-
margin-left: 14px;
|
| 3370 |
-
text-align: center;
|
| 3371 |
-
font-size: 1rem;
|
| 3372 |
-
line-height: 22px;
|
| 3373 |
-
height: 22px;
|
| 3374 |
-
color: #757575;
|
| 3375 |
-
float: right;
|
| 3376 |
-
-webkit-box-sizing: border-box;
|
| 3377 |
-
box-sizing: border-box;
|
| 3378 |
-
}
|
| 3379 |
-
|
| 3380 |
-
span.badge.new {
|
| 3381 |
-
font-weight: 300;
|
| 3382 |
-
font-size: 0.8rem;
|
| 3383 |
-
color: #fff;
|
| 3384 |
-
background-color: #26a69a;
|
| 3385 |
-
border-radius: 2px;
|
| 3386 |
-
}
|
| 3387 |
-
|
| 3388 |
-
span.badge.new:after {
|
| 3389 |
-
content: " new";
|
| 3390 |
-
}
|
| 3391 |
-
|
| 3392 |
-
span.badge[data-badge-caption]::after {
|
| 3393 |
-
content: " " attr(data-badge-caption);
|
| 3394 |
-
}
|
| 3395 |
-
|
| 3396 |
-
nav ul a span.badge {
|
| 3397 |
-
display: inline-block;
|
| 3398 |
-
float: none;
|
| 3399 |
-
margin-left: 4px;
|
| 3400 |
-
line-height: 22px;
|
| 3401 |
-
height: 22px;
|
| 3402 |
-
-webkit-font-smoothing: auto;
|
| 3403 |
-
}
|
| 3404 |
-
|
| 3405 |
-
.collection-item span.badge {
|
| 3406 |
-
margin-top: calc(0.75rem - 11px);
|
| 3407 |
-
}
|
| 3408 |
-
|
| 3409 |
-
.collapsible span.badge {
|
| 3410 |
-
margin-left: auto;
|
| 3411 |
-
}
|
| 3412 |
-
|
| 3413 |
-
.sidenav span.badge {
|
| 3414 |
-
margin-top: calc(24px - 11px);
|
| 3415 |
-
}
|
| 3416 |
-
|
| 3417 |
-
table span.badge {
|
| 3418 |
-
display: inline-block;
|
| 3419 |
-
float: none;
|
| 3420 |
-
margin-left: auto;
|
| 3421 |
-
}
|
| 3422 |
-
|
| 3423 |
-
/* This is needed for some mobile phones to display the Google Icon font properly */
|
| 3424 |
-
.material-icons {
|
| 3425 |
-
text-rendering: optimizeLegibility;
|
| 3426 |
-
-webkit-font-feature-settings: 'liga';
|
| 3427 |
-
-moz-font-feature-settings: 'liga';
|
| 3428 |
-
font-feature-settings: 'liga';
|
| 3429 |
-
}
|
| 3430 |
-
|
| 3431 |
-
.container {
|
| 3432 |
-
margin: 0 auto;
|
| 3433 |
-
max-width: 1280px;
|
| 3434 |
-
width: 90%;
|
| 3435 |
-
}
|
| 3436 |
-
|
| 3437 |
-
@media only screen and (min-width: 601px) {
|
| 3438 |
-
.container {
|
| 3439 |
-
width: 85%;
|
| 3440 |
-
}
|
| 3441 |
-
}
|
| 3442 |
-
|
| 3443 |
-
@media only screen and (min-width: 993px) {
|
| 3444 |
-
.container {
|
| 3445 |
-
width: 70%;
|
| 3446 |
-
}
|
| 3447 |
-
}
|
| 3448 |
-
|
| 3449 |
-
.col .row {
|
| 3450 |
-
margin-left: -0.75rem;
|
| 3451 |
-
margin-right: -0.75rem;
|
| 3452 |
-
}
|
| 3453 |
-
|
| 3454 |
-
.section {
|
| 3455 |
-
padding-top: 1rem;
|
| 3456 |
-
padding-bottom: 1rem;
|
| 3457 |
-
}
|
| 3458 |
-
|
| 3459 |
-
.section.no-pad {
|
| 3460 |
-
padding: 0;
|
| 3461 |
-
}
|
| 3462 |
-
|
| 3463 |
-
.section.no-pad-bot {
|
| 3464 |
-
padding-bottom: 0;
|
| 3465 |
-
}
|
| 3466 |
-
|
| 3467 |
-
.section.no-pad-top {
|
| 3468 |
-
padding-top: 0;
|
| 3469 |
-
}
|
| 3470 |
-
|
| 3471 |
-
.row {
|
| 3472 |
-
margin-left: auto;
|
| 3473 |
-
margin-right: auto;
|
| 3474 |
-
margin-bottom: 20px;
|
| 3475 |
-
}
|
| 3476 |
-
|
| 3477 |
-
.row:after {
|
| 3478 |
-
content: "";
|
| 3479 |
-
display: table;
|
| 3480 |
-
clear: both;
|
| 3481 |
-
}
|
| 3482 |
-
|
| 3483 |
-
.row .col {
|
| 3484 |
-
float: left;
|
| 3485 |
-
-webkit-box-sizing: border-box;
|
| 3486 |
-
box-sizing: border-box;
|
| 3487 |
-
padding: 0 0.75rem;
|
| 3488 |
-
min-height: 1px;
|
| 3489 |
-
}
|
| 3490 |
-
|
| 3491 |
-
.row .col[class*="push-"], .row .col[class*="pull-"] {
|
| 3492 |
-
position: relative;
|
| 3493 |
-
}
|
| 3494 |
-
|
| 3495 |
-
.row .col.s1 {
|
| 3496 |
-
width: 8.3333333333%;
|
| 3497 |
-
margin-left: auto;
|
| 3498 |
-
left: auto;
|
| 3499 |
-
right: auto;
|
| 3500 |
-
}
|
| 3501 |
-
|
| 3502 |
-
.row .col.s2 {
|
| 3503 |
-
width: 16.6666666667%;
|
| 3504 |
-
margin-left: auto;
|
| 3505 |
-
left: auto;
|
| 3506 |
-
right: auto;
|
| 3507 |
-
}
|
| 3508 |
-
|
| 3509 |
-
.row .col.s3 {
|
| 3510 |
-
width: 25%;
|
| 3511 |
-
margin-left: auto;
|
| 3512 |
-
left: auto;
|
| 3513 |
-
right: auto;
|
| 3514 |
-
}
|
| 3515 |
-
|
| 3516 |
-
.row .col.s4 {
|
| 3517 |
-
width: 33.3333333333%;
|
| 3518 |
-
margin-left: auto;
|
| 3519 |
-
left: auto;
|
| 3520 |
-
right: auto;
|
| 3521 |
-
}
|
| 3522 |
-
|
| 3523 |
-
.row .col.s5 {
|
| 3524 |
-
width: 41.6666666667%;
|
| 3525 |
-
margin-left: auto;
|
| 3526 |
-
left: auto;
|
| 3527 |
-
right: auto;
|
| 3528 |
-
}
|
| 3529 |
-
|
| 3530 |
-
.row .col.s6 {
|
| 3531 |
-
width: 50%;
|
| 3532 |
-
margin-left: auto;
|
| 3533 |
-
left: auto;
|
| 3534 |
-
right: auto;
|
| 3535 |
-
}
|
| 3536 |
-
|
| 3537 |
-
.row .col.s7 {
|
| 3538 |
-
width: 58.3333333333%;
|
| 3539 |
-
margin-left: auto;
|
| 3540 |
-
left: auto;
|
| 3541 |
-
right: auto;
|
| 3542 |
-
}
|
| 3543 |
-
|
| 3544 |
-
.row .col.s8 {
|
| 3545 |
-
width: 66.6666666667%;
|
| 3546 |
-
margin-left: auto;
|
| 3547 |
-
left: auto;
|
| 3548 |
-
right: auto;
|
| 3549 |
-
}
|
| 3550 |
-
|
| 3551 |
-
.row .col.s9 {
|
| 3552 |
-
width: 75%;
|
| 3553 |
-
margin-left: auto;
|
| 3554 |
-
left: auto;
|
| 3555 |
-
right: auto;
|
| 3556 |
-
}
|
| 3557 |
-
|
| 3558 |
-
.row .col.s10 {
|
| 3559 |
-
width: 83.3333333333%;
|
| 3560 |
-
margin-left: auto;
|
| 3561 |
-
left: auto;
|
| 3562 |
-
right: auto;
|
| 3563 |
-
}
|
| 3564 |
-
|
| 3565 |
-
.row .col.s11 {
|
| 3566 |
-
width: 91.6666666667%;
|
| 3567 |
-
margin-left: auto;
|
| 3568 |
-
left: auto;
|
| 3569 |
-
right: auto;
|
| 3570 |
-
}
|
| 3571 |
-
|
| 3572 |
-
.row .col.s12 {
|
| 3573 |
-
width: 100%;
|
| 3574 |
-
margin-left: auto;
|
| 3575 |
-
left: auto;
|
| 3576 |
-
right: auto;
|
| 3577 |
-
}
|
| 3578 |
-
|
| 3579 |
-
.row .col.offset-s1 {
|
| 3580 |
-
margin-left: 8.3333333333%;
|
| 3581 |
-
}
|
| 3582 |
-
|
| 3583 |
-
.row .col.pull-s1 {
|
| 3584 |
-
right: 8.3333333333%;
|
| 3585 |
-
}
|
| 3586 |
-
|
| 3587 |
-
.row .col.push-s1 {
|
| 3588 |
-
left: 8.3333333333%;
|
| 3589 |
-
}
|
| 3590 |
-
|
| 3591 |
-
.row .col.offset-s2 {
|
| 3592 |
-
margin-left: 16.6666666667%;
|
| 3593 |
-
}
|
| 3594 |
-
|
| 3595 |
-
.row .col.pull-s2 {
|
| 3596 |
-
right: 16.6666666667%;
|
| 3597 |
-
}
|
| 3598 |
-
|
| 3599 |
-
.row .col.push-s2 {
|
| 3600 |
-
left: 16.6666666667%;
|
| 3601 |
-
}
|
| 3602 |
-
|
| 3603 |
-
.row .col.offset-s3 {
|
| 3604 |
-
margin-left: 25%;
|
| 3605 |
-
}
|
| 3606 |
-
|
| 3607 |
-
.row .col.pull-s3 {
|
| 3608 |
-
right: 25%;
|
| 3609 |
-
}
|
| 3610 |
-
|
| 3611 |
-
.row .col.push-s3 {
|
| 3612 |
-
left: 25%;
|
| 3613 |
-
}
|
| 3614 |
-
|
| 3615 |
-
.row .col.offset-s4 {
|
| 3616 |
-
margin-left: 33.3333333333%;
|
| 3617 |
-
}
|
| 3618 |
-
|
| 3619 |
-
.row .col.pull-s4 {
|
| 3620 |
-
right: 33.3333333333%;
|
| 3621 |
-
}
|
| 3622 |
-
|
| 3623 |
-
.row .col.push-s4 {
|
| 3624 |
-
left: 33.3333333333%;
|
| 3625 |
-
}
|
| 3626 |
-
|
| 3627 |
-
.row .col.offset-s5 {
|
| 3628 |
-
margin-left: 41.6666666667%;
|
| 3629 |
-
}
|
| 3630 |
-
|
| 3631 |
-
.row .col.pull-s5 {
|
| 3632 |
-
right: 41.6666666667%;
|
| 3633 |
-
}
|
| 3634 |
-
|
| 3635 |
-
.row .col.push-s5 {
|
| 3636 |
-
left: 41.6666666667%;
|
| 3637 |
-
}
|
| 3638 |
-
|
| 3639 |
-
.row .col.offset-s6 {
|
| 3640 |
-
margin-left: 50%;
|
| 3641 |
-
}
|
| 3642 |
-
|
| 3643 |
-
.row .col.pull-s6 {
|
| 3644 |
-
right: 50%;
|
| 3645 |
-
}
|
| 3646 |
-
|
| 3647 |
-
.row .col.push-s6 {
|
| 3648 |
-
left: 50%;
|
| 3649 |
-
}
|
| 3650 |
-
|
| 3651 |
-
.row .col.offset-s7 {
|
| 3652 |
-
margin-left: 58.3333333333%;
|
| 3653 |
-
}
|
| 3654 |
-
|
| 3655 |
-
.row .col.pull-s7 {
|
| 3656 |
-
right: 58.3333333333%;
|
| 3657 |
-
}
|
| 3658 |
-
|
| 3659 |
-
.row .col.push-s7 {
|
| 3660 |
-
left: 58.3333333333%;
|
| 3661 |
-
}
|
| 3662 |
-
|
| 3663 |
-
.row .col.offset-s8 {
|
| 3664 |
-
margin-left: 66.6666666667%;
|
| 3665 |
-
}
|
| 3666 |
-
|
| 3667 |
-
.row .col.pull-s8 {
|
| 3668 |
-
right: 66.6666666667%;
|
| 3669 |
-
}
|
| 3670 |
-
|
| 3671 |
-
.row .col.push-s8 {
|
| 3672 |
-
left: 66.6666666667%;
|
| 3673 |
-
}
|
| 3674 |
-
|
| 3675 |
-
.row .col.offset-s9 {
|
| 3676 |
-
margin-left: 75%;
|
| 3677 |
-
}
|
| 3678 |
-
|
| 3679 |
-
.row .col.pull-s9 {
|
| 3680 |
-
right: 75%;
|
| 3681 |
-
}
|
| 3682 |
-
|
| 3683 |
-
.row .col.push-s9 {
|
| 3684 |
-
left: 75%;
|
| 3685 |
-
}
|
| 3686 |
-
|
| 3687 |
-
.row .col.offset-s10 {
|
| 3688 |
-
margin-left: 83.3333333333%;
|
| 3689 |
-
}
|
| 3690 |
-
|
| 3691 |
-
.row .col.pull-s10 {
|
| 3692 |
-
right: 83.3333333333%;
|
| 3693 |
-
}
|
| 3694 |
-
|
| 3695 |
-
.row .col.push-s10 {
|
| 3696 |
-
left: 83.3333333333%;
|
| 3697 |
-
}
|
| 3698 |
-
|
| 3699 |
-
.row .col.offset-s11 {
|
| 3700 |
-
margin-left: 91.6666666667%;
|
| 3701 |
-
}
|
| 3702 |
-
|
| 3703 |
-
.row .col.pull-s11 {
|
| 3704 |
-
right: 91.6666666667%;
|
| 3705 |
-
}
|
| 3706 |
-
|
| 3707 |
-
.row .col.push-s11 {
|
| 3708 |
-
left: 91.6666666667%;
|
| 3709 |
-
}
|
| 3710 |
-
|
| 3711 |
-
.row .col.offset-s12 {
|
| 3712 |
-
margin-left: 100%;
|
| 3713 |
-
}
|
| 3714 |
-
|
| 3715 |
-
.row .col.pull-s12 {
|
| 3716 |
-
right: 100%;
|
| 3717 |
-
}
|
| 3718 |
-
|
| 3719 |
-
.row .col.push-s12 {
|
| 3720 |
-
left: 100%;
|
| 3721 |
-
}
|
| 3722 |
-
|
| 3723 |
-
@media only screen and (min-width: 601px) {
|
| 3724 |
-
.row .col.m1 {
|
| 3725 |
-
width: 8.3333333333%;
|
| 3726 |
-
margin-left: auto;
|
| 3727 |
-
left: auto;
|
| 3728 |
-
right: auto;
|
| 3729 |
-
}
|
| 3730 |
-
.row .col.m2 {
|
| 3731 |
-
width: 16.6666666667%;
|
| 3732 |
-
margin-left: auto;
|
| 3733 |
-
left: auto;
|
| 3734 |
-
right: auto;
|
| 3735 |
-
}
|
| 3736 |
-
.row .col.m3 {
|
| 3737 |
-
width: 25%;
|
| 3738 |
-
margin-left: auto;
|
| 3739 |
-
left: auto;
|
| 3740 |
-
right: auto;
|
| 3741 |
-
}
|
| 3742 |
-
.row .col.m4 {
|
| 3743 |
-
width: 33.3333333333%;
|
| 3744 |
-
margin-left: auto;
|
| 3745 |
-
left: auto;
|
| 3746 |
-
right: auto;
|
| 3747 |
-
}
|
| 3748 |
-
.row .col.m5 {
|
| 3749 |
-
width: 41.6666666667%;
|
| 3750 |
-
margin-left: auto;
|
| 3751 |
-
left: auto;
|
| 3752 |
-
right: auto;
|
| 3753 |
-
}
|
| 3754 |
-
.row .col.m6 {
|
| 3755 |
-
width: 50%;
|
| 3756 |
-
margin-left: auto;
|
| 3757 |
-
left: auto;
|
| 3758 |
-
right: auto;
|
| 3759 |
-
}
|
| 3760 |
-
.row .col.m7 {
|
| 3761 |
-
width: 58.3333333333%;
|
| 3762 |
-
margin-left: auto;
|
| 3763 |
-
left: auto;
|
| 3764 |
-
right: auto;
|
| 3765 |
-
}
|
| 3766 |
-
.row .col.m8 {
|
| 3767 |
-
width: 66.6666666667%;
|
| 3768 |
-
margin-left: auto;
|
| 3769 |
-
left: auto;
|
| 3770 |
-
right: auto;
|
| 3771 |
-
}
|
| 3772 |
-
.row .col.m9 {
|
| 3773 |
-
width: 75%;
|
| 3774 |
-
margin-left: auto;
|
| 3775 |
-
left: auto;
|
| 3776 |
-
right: auto;
|
| 3777 |
-
}
|
| 3778 |
-
.row .col.m10 {
|
| 3779 |
-
width: 83.3333333333%;
|
| 3780 |
-
margin-left: auto;
|
| 3781 |
-
left: auto;
|
| 3782 |
-
right: auto;
|
| 3783 |
-
}
|
| 3784 |
-
.row .col.m11 {
|
| 3785 |
-
width: 91.6666666667%;
|
| 3786 |
-
margin-left: auto;
|
| 3787 |
-
left: auto;
|
| 3788 |
-
right: auto;
|
| 3789 |
-
}
|
| 3790 |
-
.row .col.m12 {
|
| 3791 |
-
width: 100%;
|
| 3792 |
-
margin-left: auto;
|
| 3793 |
-
left: auto;
|
| 3794 |
-
right: auto;
|
| 3795 |
-
}
|
| 3796 |
-
.row .col.offset-m1 {
|
| 3797 |
-
margin-left: 8.3333333333%;
|
| 3798 |
-
}
|
| 3799 |
-
.row .col.pull-m1 {
|
| 3800 |
-
right: 8.3333333333%;
|
| 3801 |
-
}
|
| 3802 |
-
.row .col.push-m1 {
|
| 3803 |
-
left: 8.3333333333%;
|
| 3804 |
-
}
|
| 3805 |
-
.row .col.offset-m2 {
|
| 3806 |
-
margin-left: 16.6666666667%;
|
| 3807 |
-
}
|
| 3808 |
-
.row .col.pull-m2 {
|
| 3809 |
-
right: 16.6666666667%;
|
| 3810 |
-
}
|
| 3811 |
-
.row .col.push-m2 {
|
| 3812 |
-
left: 16.6666666667%;
|
| 3813 |
-
}
|
| 3814 |
-
.row .col.offset-m3 {
|
| 3815 |
-
margin-left: 25%;
|
| 3816 |
-
}
|
| 3817 |
-
.row .col.pull-m3 {
|
| 3818 |
-
right: 25%;
|
| 3819 |
-
}
|
| 3820 |
-
.row .col.push-m3 {
|
| 3821 |
-
left: 25%;
|
| 3822 |
-
}
|
| 3823 |
-
.row .col.offset-m4 {
|
| 3824 |
-
margin-left: 33.3333333333%;
|
| 3825 |
-
}
|
| 3826 |
-
.row .col.pull-m4 {
|
| 3827 |
-
right: 33.3333333333%;
|
| 3828 |
-
}
|
| 3829 |
-
.row .col.push-m4 {
|
| 3830 |
-
left: 33.3333333333%;
|
| 3831 |
-
}
|
| 3832 |
-
.row .col.offset-m5 {
|
| 3833 |
-
margin-left: 41.6666666667%;
|
| 3834 |
-
}
|
| 3835 |
-
.row .col.pull-m5 {
|
| 3836 |
-
right: 41.6666666667%;
|
| 3837 |
-
}
|
| 3838 |
-
.row .col.push-m5 {
|
| 3839 |
-
left: 41.6666666667%;
|
| 3840 |
-
}
|
| 3841 |
-
.row .col.offset-m6 {
|
| 3842 |
-
margin-left: 50%;
|
| 3843 |
-
}
|
| 3844 |
-
.row .col.pull-m6 {
|
| 3845 |
-
right: 50%;
|
| 3846 |
-
}
|
| 3847 |
-
.row .col.push-m6 {
|
| 3848 |
-
left: 50%;
|
| 3849 |
-
}
|
| 3850 |
-
.row .col.offset-m7 {
|
| 3851 |
-
margin-left: 58.3333333333%;
|
| 3852 |
-
}
|
| 3853 |
-
.row .col.pull-m7 {
|
| 3854 |
-
right: 58.3333333333%;
|
| 3855 |
-
}
|
| 3856 |
-
.row .col.push-m7 {
|
| 3857 |
-
left: 58.3333333333%;
|
| 3858 |
-
}
|
| 3859 |
-
.row .col.offset-m8 {
|
| 3860 |
-
margin-left: 66.6666666667%;
|
| 3861 |
-
}
|
| 3862 |
-
.row .col.pull-m8 {
|
| 3863 |
-
right: 66.6666666667%;
|
| 3864 |
-
}
|
| 3865 |
-
.row .col.push-m8 {
|
| 3866 |
-
left: 66.6666666667%;
|
| 3867 |
-
}
|
| 3868 |
-
.row .col.offset-m9 {
|
| 3869 |
-
margin-left: 75%;
|
| 3870 |
-
}
|
| 3871 |
-
.row .col.pull-m9 {
|
| 3872 |
-
right: 75%;
|
| 3873 |
-
}
|
| 3874 |
-
.row .col.push-m9 {
|
| 3875 |
-
left: 75%;
|
| 3876 |
-
}
|
| 3877 |
-
.row .col.offset-m10 {
|
| 3878 |
-
margin-left: 83.3333333333%;
|
| 3879 |
-
}
|
| 3880 |
-
.row .col.pull-m10 {
|
| 3881 |
-
right: 83.3333333333%;
|
| 3882 |
-
}
|
| 3883 |
-
.row .col.push-m10 {
|
| 3884 |
-
left: 83.3333333333%;
|
| 3885 |
-
}
|
| 3886 |
-
.row .col.offset-m11 {
|
| 3887 |
-
margin-left: 91.6666666667%;
|
| 3888 |
-
}
|
| 3889 |
-
.row .col.pull-m11 {
|
| 3890 |
-
right: 91.6666666667%;
|
| 3891 |
-
}
|
| 3892 |
-
.row .col.push-m11 {
|
| 3893 |
-
left: 91.6666666667%;
|
| 3894 |
-
}
|
| 3895 |
-
.row .col.offset-m12 {
|
| 3896 |
-
margin-left: 100%;
|
| 3897 |
-
}
|
| 3898 |
-
.row .col.pull-m12 {
|
| 3899 |
-
right: 100%;
|
| 3900 |
-
}
|
| 3901 |
-
.row .col.push-m12 {
|
| 3902 |
-
left: 100%;
|
| 3903 |
-
}
|
| 3904 |
-
}
|
| 3905 |
-
|
| 3906 |
-
@media only screen and (min-width: 993px) {
|
| 3907 |
-
.row .col.l1 {
|
| 3908 |
-
width: 8.3333333333%;
|
| 3909 |
-
margin-left: auto;
|
| 3910 |
-
left: auto;
|
| 3911 |
-
right: auto;
|
| 3912 |
-
}
|
| 3913 |
-
.row .col.l2 {
|
| 3914 |
-
width: 16.6666666667%;
|
| 3915 |
-
margin-left: auto;
|
| 3916 |
-
left: auto;
|
| 3917 |
-
right: auto;
|
| 3918 |
-
}
|
| 3919 |
-
.row .col.l3 {
|
| 3920 |
-
width: 25%;
|
| 3921 |
-
margin-left: auto;
|
| 3922 |
-
left: auto;
|
| 3923 |
-
right: auto;
|
| 3924 |
-
}
|
| 3925 |
-
.row .col.l4 {
|
| 3926 |
-
width: 33.3333333333%;
|
| 3927 |
-
margin-left: auto;
|
| 3928 |
-
left: auto;
|
| 3929 |
-
right: auto;
|
| 3930 |
-
}
|
| 3931 |
-
.row .col.l5 {
|
| 3932 |
-
width: 41.6666666667%;
|
| 3933 |
-
margin-left: auto;
|
| 3934 |
-
left: auto;
|
| 3935 |
-
right: auto;
|
| 3936 |
-
}
|
| 3937 |
-
.row .col.l6 {
|
| 3938 |
-
width: 50%;
|
| 3939 |
-
margin-left: auto;
|
| 3940 |
-
left: auto;
|
| 3941 |
-
right: auto;
|
| 3942 |
-
}
|
| 3943 |
-
.row .col.l7 {
|
| 3944 |
-
width: 58.3333333333%;
|
| 3945 |
-
margin-left: auto;
|
| 3946 |
-
left: auto;
|
| 3947 |
-
right: auto;
|
| 3948 |
-
}
|
| 3949 |
-
.row .col.l8 {
|
| 3950 |
-
width: 66.6666666667%;
|
| 3951 |
-
margin-left: auto;
|
| 3952 |
-
left: auto;
|
| 3953 |
-
right: auto;
|
| 3954 |
-
}
|
| 3955 |
-
.row .col.l9 {
|
| 3956 |
-
width: 75%;
|
| 3957 |
-
margin-left: auto;
|
| 3958 |
-
left: auto;
|
| 3959 |
-
right: auto;
|
| 3960 |
-
}
|
| 3961 |
-
.row .col.l10 {
|
| 3962 |
-
width: 83.3333333333%;
|
| 3963 |
-
margin-left: auto;
|
| 3964 |
-
left: auto;
|
| 3965 |
-
right: auto;
|
| 3966 |
-
}
|
| 3967 |
-
.row .col.l11 {
|
| 3968 |
-
width: 91.6666666667%;
|
| 3969 |
-
margin-left: auto;
|
| 3970 |
-
left: auto;
|
| 3971 |
-
right: auto;
|
| 3972 |
-
}
|
| 3973 |
-
.row .col.l12 {
|
| 3974 |
-
width: 100%;
|
| 3975 |
-
margin-left: auto;
|
| 3976 |
-
left: auto;
|
| 3977 |
-
right: auto;
|
| 3978 |
-
}
|
| 3979 |
-
.row .col.offset-l1 {
|
| 3980 |
-
margin-left: 8.3333333333%;
|
| 3981 |
-
}
|
| 3982 |
-
.row .col.pull-l1 {
|
| 3983 |
-
right: 8.3333333333%;
|
| 3984 |
-
}
|
| 3985 |
-
.row .col.push-l1 {
|
| 3986 |
-
left: 8.3333333333%;
|
| 3987 |
-
}
|
| 3988 |
-
.row .col.offset-l2 {
|
| 3989 |
-
margin-left: 16.6666666667%;
|
| 3990 |
-
}
|
| 3991 |
-
.row .col.pull-l2 {
|
| 3992 |
-
right: 16.6666666667%;
|
| 3993 |
-
}
|
| 3994 |
-
.row .col.push-l2 {
|
| 3995 |
-
left: 16.6666666667%;
|
| 3996 |
-
}
|
| 3997 |
-
.row .col.offset-l3 {
|
| 3998 |
-
margin-left: 25%;
|
| 3999 |
-
}
|
| 4000 |
-
.row .col.pull-l3 {
|
| 4001 |
-
right: 25%;
|
| 4002 |
-
}
|
| 4003 |
-
.row .col.push-l3 {
|
| 4004 |
-
left: 25%;
|
| 4005 |
-
}
|
| 4006 |
-
.row .col.offset-l4 {
|
| 4007 |
-
margin-left: 33.3333333333%;
|
| 4008 |
-
}
|
| 4009 |
-
.row .col.pull-l4 {
|
| 4010 |
-
right: 33.3333333333%;
|
| 4011 |
-
}
|
| 4012 |
-
.row .col.push-l4 {
|
| 4013 |
-
left: 33.3333333333%;
|
| 4014 |
-
}
|
| 4015 |
-
.row .col.offset-l5 {
|
| 4016 |
-
margin-left: 41.6666666667%;
|
| 4017 |
-
}
|
| 4018 |
-
.row .col.pull-l5 {
|
| 4019 |
-
right: 41.6666666667%;
|
| 4020 |
-
}
|
| 4021 |
-
.row .col.push-l5 {
|
| 4022 |
-
left: 41.6666666667%;
|
| 4023 |
-
}
|
| 4024 |
-
.row .col.offset-l6 {
|
| 4025 |
-
margin-left: 50%;
|
| 4026 |
-
}
|
| 4027 |
-
.row .col.pull-l6 {
|
| 4028 |
-
right: 50%;
|
| 4029 |
-
}
|
| 4030 |
-
.row .col.push-l6 {
|
| 4031 |
-
left: 50%;
|
| 4032 |
-
}
|
| 4033 |
-
.row .col.offset-l7 {
|
| 4034 |
-
margin-left: 58.3333333333%;
|
| 4035 |
-
}
|
| 4036 |
-
.row .col.pull-l7 {
|
| 4037 |
-
right: 58.3333333333%;
|
| 4038 |
-
}
|
| 4039 |
-
.row .col.push-l7 {
|
| 4040 |
-
left: 58.3333333333%;
|
| 4041 |
-
}
|
| 4042 |
-
.row .col.offset-l8 {
|
| 4043 |
-
margin-left: 66.6666666667%;
|
| 4044 |
-
}
|
| 4045 |
-
.row .col.pull-l8 {
|
| 4046 |
-
right: 66.6666666667%;
|
| 4047 |
-
}
|
| 4048 |
-
.row .col.push-l8 {
|
| 4049 |
-
left: 66.6666666667%;
|
| 4050 |
-
}
|
| 4051 |
-
.row .col.offset-l9 {
|
| 4052 |
-
margin-left: 75%;
|
| 4053 |
-
}
|
| 4054 |
-
.row .col.pull-l9 {
|
| 4055 |
-
right: 75%;
|
| 4056 |
-
}
|
| 4057 |
-
.row .col.push-l9 {
|
| 4058 |
-
left: 75%;
|
| 4059 |
-
}
|
| 4060 |
-
.row .col.offset-l10 {
|
| 4061 |
-
margin-left: 83.3333333333%;
|
| 4062 |
-
}
|
| 4063 |
-
.row .col.pull-l10 {
|
| 4064 |
-
right: 83.3333333333%;
|
| 4065 |
-
}
|
| 4066 |
-
.row .col.push-l10 {
|
| 4067 |
-
left: 83.3333333333%;
|
| 4068 |
-
}
|
| 4069 |
-
.row .col.offset-l11 {
|
| 4070 |
-
margin-left: 91.6666666667%;
|
| 4071 |
-
}
|
| 4072 |
-
.row .col.pull-l11 {
|
| 4073 |
-
right: 91.6666666667%;
|
| 4074 |
-
}
|
| 4075 |
-
.row .col.push-l11 {
|
| 4076 |
-
left: 91.6666666667%;
|
| 4077 |
-
}
|
| 4078 |
-
.row .col.offset-l12 {
|
| 4079 |
-
margin-left: 100%;
|
| 4080 |
-
}
|
| 4081 |
-
.row .col.pull-l12 {
|
| 4082 |
-
right: 100%;
|
| 4083 |
-
}
|
| 4084 |
-
.row .col.push-l12 {
|
| 4085 |
-
left: 100%;
|
| 4086 |
-
}
|
| 4087 |
-
}
|
| 4088 |
-
|
| 4089 |
-
@media only screen and (min-width: 1201px) {
|
| 4090 |
-
.row .col.xl1 {
|
| 4091 |
-
width: 8.3333333333%;
|
| 4092 |
-
margin-left: auto;
|
| 4093 |
-
left: auto;
|
| 4094 |
-
right: auto;
|
| 4095 |
-
}
|
| 4096 |
-
.row .col.xl2 {
|
| 4097 |
-
width: 16.6666666667%;
|
| 4098 |
-
margin-left: auto;
|
| 4099 |
-
left: auto;
|
| 4100 |
-
right: auto;
|
| 4101 |
-
}
|
| 4102 |
-
.row .col.xl3 {
|
| 4103 |
-
width: 25%;
|
| 4104 |
-
margin-left: auto;
|
| 4105 |
-
left: auto;
|
| 4106 |
-
right: auto;
|
| 4107 |
-
}
|
| 4108 |
-
.row .col.xl4 {
|
| 4109 |
-
width: 33.3333333333%;
|
| 4110 |
-
margin-left: auto;
|
| 4111 |
-
left: auto;
|
| 4112 |
-
right: auto;
|
| 4113 |
-
}
|
| 4114 |
-
.row .col.xl5 {
|
| 4115 |
-
width: 41.6666666667%;
|
| 4116 |
-
margin-left: auto;
|
| 4117 |
-
left: auto;
|
| 4118 |
-
right: auto;
|
| 4119 |
-
}
|
| 4120 |
-
.row .col.xl6 {
|
| 4121 |
-
width: 50%;
|
| 4122 |
-
margin-left: auto;
|
| 4123 |
-
left: auto;
|
| 4124 |
-
right: auto;
|
| 4125 |
-
}
|
| 4126 |
-
.row .col.xl7 {
|
| 4127 |
-
width: 58.3333333333%;
|
| 4128 |
-
margin-left: auto;
|
| 4129 |
-
left: auto;
|
| 4130 |
-
right: auto;
|
| 4131 |
-
}
|
| 4132 |
-
.row .col.xl8 {
|
| 4133 |
-
width: 66.6666666667%;
|
| 4134 |
-
margin-left: auto;
|
| 4135 |
-
left: auto;
|
| 4136 |
-
right: auto;
|
| 4137 |
-
}
|
| 4138 |
-
.row .col.xl9 {
|
| 4139 |
-
width: 75%;
|
| 4140 |
-
margin-left: auto;
|
| 4141 |
-
left: auto;
|
| 4142 |
-
right: auto;
|
| 4143 |
-
}
|
| 4144 |
-
.row .col.xl10 {
|
| 4145 |
-
width: 83.3333333333%;
|
| 4146 |
-
margin-left: auto;
|
| 4147 |
-
left: auto;
|
| 4148 |
-
right: auto;
|
| 4149 |
-
}
|
| 4150 |
-
.row .col.xl11 {
|
| 4151 |
-
width: 91.6666666667%;
|
| 4152 |
-
margin-left: auto;
|
| 4153 |
-
left: auto;
|
| 4154 |
-
right: auto;
|
| 4155 |
-
}
|
| 4156 |
-
.row .col.xl12 {
|
| 4157 |
-
width: 100%;
|
| 4158 |
-
margin-left: auto;
|
| 4159 |
-
left: auto;
|
| 4160 |
-
right: auto;
|
| 4161 |
-
}
|
| 4162 |
-
.row .col.offset-xl1 {
|
| 4163 |
-
margin-left: 8.3333333333%;
|
| 4164 |
-
}
|
| 4165 |
-
.row .col.pull-xl1 {
|
| 4166 |
-
right: 8.3333333333%;
|
| 4167 |
-
}
|
| 4168 |
-
.row .col.push-xl1 {
|
| 4169 |
-
left: 8.3333333333%;
|
| 4170 |
-
}
|
| 4171 |
-
.row .col.offset-xl2 {
|
| 4172 |
-
margin-left: 16.6666666667%;
|
| 4173 |
-
}
|
| 4174 |
-
.row .col.pull-xl2 {
|
| 4175 |
-
right: 16.6666666667%;
|
| 4176 |
-
}
|
| 4177 |
-
.row .col.push-xl2 {
|
| 4178 |
-
left: 16.6666666667%;
|
| 4179 |
-
}
|
| 4180 |
-
.row .col.offset-xl3 {
|
| 4181 |
-
margin-left: 25%;
|
| 4182 |
-
}
|
| 4183 |
-
.row .col.pull-xl3 {
|
| 4184 |
-
right: 25%;
|
| 4185 |
-
}
|
| 4186 |
-
.row .col.push-xl3 {
|
| 4187 |
-
left: 25%;
|
| 4188 |
-
}
|
| 4189 |
-
.row .col.offset-xl4 {
|
| 4190 |
-
margin-left: 33.3333333333%;
|
| 4191 |
-
}
|
| 4192 |
-
.row .col.pull-xl4 {
|
| 4193 |
-
right: 33.3333333333%;
|
| 4194 |
-
}
|
| 4195 |
-
.row .col.push-xl4 {
|
| 4196 |
-
left: 33.3333333333%;
|
| 4197 |
-
}
|
| 4198 |
-
.row .col.offset-xl5 {
|
| 4199 |
-
margin-left: 41.6666666667%;
|
| 4200 |
-
}
|
| 4201 |
-
.row .col.pull-xl5 {
|
| 4202 |
-
right: 41.6666666667%;
|
| 4203 |
-
}
|
| 4204 |
-
.row .col.push-xl5 {
|
| 4205 |
-
left: 41.6666666667%;
|
| 4206 |
-
}
|
| 4207 |
-
.row .col.offset-xl6 {
|
| 4208 |
-
margin-left: 50%;
|
| 4209 |
-
}
|
| 4210 |
-
.row .col.pull-xl6 {
|
| 4211 |
-
right: 50%;
|
| 4212 |
-
}
|
| 4213 |
-
.row .col.push-xl6 {
|
| 4214 |
-
left: 50%;
|
| 4215 |
-
}
|
| 4216 |
-
.row .col.offset-xl7 {
|
| 4217 |
-
margin-left: 58.3333333333%;
|
| 4218 |
-
}
|
| 4219 |
-
.row .col.pull-xl7 {
|
| 4220 |
-
right: 58.3333333333%;
|
| 4221 |
-
}
|
| 4222 |
-
.row .col.push-xl7 {
|
| 4223 |
-
left: 58.3333333333%;
|
| 4224 |
-
}
|
| 4225 |
-
.row .col.offset-xl8 {
|
| 4226 |
-
margin-left: 66.6666666667%;
|
| 4227 |
-
}
|
| 4228 |
-
.row .col.pull-xl8 {
|
| 4229 |
-
right: 66.6666666667%;
|
| 4230 |
-
}
|
| 4231 |
-
.row .col.push-xl8 {
|
| 4232 |
-
left: 66.6666666667%;
|
| 4233 |
-
}
|
| 4234 |
-
.row .col.offset-xl9 {
|
| 4235 |
-
margin-left: 75%;
|
| 4236 |
-
}
|
| 4237 |
-
.row .col.pull-xl9 {
|
| 4238 |
-
right: 75%;
|
| 4239 |
-
}
|
| 4240 |
-
.row .col.push-xl9 {
|
| 4241 |
-
left: 75%;
|
| 4242 |
-
}
|
| 4243 |
-
.row .col.offset-xl10 {
|
| 4244 |
-
margin-left: 83.3333333333%;
|
| 4245 |
-
}
|
| 4246 |
-
.row .col.pull-xl10 {
|
| 4247 |
-
right: 83.3333333333%;
|
| 4248 |
-
}
|
| 4249 |
-
.row .col.push-xl10 {
|
| 4250 |
-
left: 83.3333333333%;
|
| 4251 |
-
}
|
| 4252 |
-
.row .col.offset-xl11 {
|
| 4253 |
-
margin-left: 91.6666666667%;
|
| 4254 |
-
}
|
| 4255 |
-
.row .col.pull-xl11 {
|
| 4256 |
-
right: 91.6666666667%;
|
| 4257 |
-
}
|
| 4258 |
-
.row .col.push-xl11 {
|
| 4259 |
-
left: 91.6666666667%;
|
| 4260 |
-
}
|
| 4261 |
-
.row .col.offset-xl12 {
|
| 4262 |
-
margin-left: 100%;
|
| 4263 |
-
}
|
| 4264 |
-
.row .col.pull-xl12 {
|
| 4265 |
-
right: 100%;
|
| 4266 |
-
}
|
| 4267 |
-
.row .col.push-xl12 {
|
| 4268 |
-
left: 100%;
|
| 4269 |
-
}
|
| 4270 |
-
}
|
| 4271 |
-
|
| 4272 |
-
nav {
|
| 4273 |
-
color: #fff;
|
| 4274 |
-
background-color: #ee6e73;
|
| 4275 |
-
width: 100%;
|
| 4276 |
-
height: 56px;
|
| 4277 |
-
line-height: 56px;
|
| 4278 |
-
}
|
| 4279 |
-
|
| 4280 |
-
nav.nav-extended {
|
| 4281 |
-
height: auto;
|
| 4282 |
-
}
|
| 4283 |
-
|
| 4284 |
-
nav.nav-extended .nav-wrapper {
|
| 4285 |
-
min-height: 56px;
|
| 4286 |
-
height: auto;
|
| 4287 |
-
}
|
| 4288 |
-
|
| 4289 |
-
nav.nav-extended .nav-content {
|
| 4290 |
-
position: relative;
|
| 4291 |
-
line-height: normal;
|
| 4292 |
-
}
|
| 4293 |
-
|
| 4294 |
-
nav a {
|
| 4295 |
-
color: #fff;
|
| 4296 |
-
}
|
| 4297 |
-
|
| 4298 |
-
nav i,
|
| 4299 |
-
nav [class^="mdi-"], nav [class*="mdi-"],
|
| 4300 |
-
nav i.material-icons {
|
| 4301 |
-
display: block;
|
| 4302 |
-
font-size: 24px;
|
| 4303 |
-
height: 56px;
|
| 4304 |
-
line-height: 56px;
|
| 4305 |
-
}
|
| 4306 |
-
|
| 4307 |
-
nav .nav-wrapper {
|
| 4308 |
-
position: relative;
|
| 4309 |
-
height: 100%;
|
| 4310 |
-
}
|
| 4311 |
-
|
| 4312 |
-
@media only screen and (min-width: 993px) {
|
| 4313 |
-
nav a.sidenav-trigger {
|
| 4314 |
-
display: none;
|
| 4315 |
-
}
|
| 4316 |
-
}
|
| 4317 |
-
|
| 4318 |
-
nav .sidenav-trigger {
|
| 4319 |
-
float: left;
|
| 4320 |
-
position: relative;
|
| 4321 |
-
z-index: 1;
|
| 4322 |
-
height: 56px;
|
| 4323 |
-
margin: 0 18px;
|
| 4324 |
-
}
|
| 4325 |
-
|
| 4326 |
-
nav .sidenav-trigger i {
|
| 4327 |
-
height: 56px;
|
| 4328 |
-
line-height: 56px;
|
| 4329 |
-
}
|
| 4330 |
-
|
| 4331 |
-
nav .brand-logo {
|
| 4332 |
-
position: absolute;
|
| 4333 |
-
color: #fff;
|
| 4334 |
-
display: inline-block;
|
| 4335 |
-
font-size: 2.1rem;
|
| 4336 |
-
padding: 0;
|
| 4337 |
-
}
|
| 4338 |
-
|
| 4339 |
-
nav .brand-logo.center {
|
| 4340 |
-
left: 50%;
|
| 4341 |
-
-webkit-transform: translateX(-50%);
|
| 4342 |
-
transform: translateX(-50%);
|
| 4343 |
-
}
|
| 4344 |
-
|
| 4345 |
-
@media only screen and (max-width: 992px) {
|
| 4346 |
-
nav .brand-logo {
|
| 4347 |
-
left: 50%;
|
| 4348 |
-
-webkit-transform: translateX(-50%);
|
| 4349 |
-
transform: translateX(-50%);
|
| 4350 |
-
}
|
| 4351 |
-
nav .brand-logo.left, nav .brand-logo.right {
|
| 4352 |
-
padding: 0;
|
| 4353 |
-
-webkit-transform: none;
|
| 4354 |
-
transform: none;
|
| 4355 |
-
}
|
| 4356 |
-
nav .brand-logo.left {
|
| 4357 |
-
left: 0.5rem;
|
| 4358 |
-
}
|
| 4359 |
-
nav .brand-logo.right {
|
| 4360 |
-
right: 0.5rem;
|
| 4361 |
-
left: auto;
|
| 4362 |
-
}
|
| 4363 |
-
}
|
| 4364 |
-
|
| 4365 |
-
nav .brand-logo.right {
|
| 4366 |
-
right: 0.5rem;
|
| 4367 |
-
padding: 0;
|
| 4368 |
-
}
|
| 4369 |
-
|
| 4370 |
-
nav .brand-logo i,
|
| 4371 |
-
nav .brand-logo [class^="mdi-"], nav .brand-logo [class*="mdi-"],
|
| 4372 |
-
nav .brand-logo i.material-icons {
|
| 4373 |
-
float: left;
|
| 4374 |
-
margin-right: 15px;
|
| 4375 |
-
}
|
| 4376 |
-
|
| 4377 |
-
nav .nav-title {
|
| 4378 |
-
display: inline-block;
|
| 4379 |
-
font-size: 32px;
|
| 4380 |
-
padding: 28px 0;
|
| 4381 |
-
}
|
| 4382 |
-
|
| 4383 |
-
nav ul {
|
| 4384 |
-
margin: 0;
|
| 4385 |
-
}
|
| 4386 |
-
|
| 4387 |
-
nav ul li {
|
| 4388 |
-
-webkit-transition: background-color .3s;
|
| 4389 |
-
transition: background-color .3s;
|
| 4390 |
-
float: left;
|
| 4391 |
-
padding: 0;
|
| 4392 |
-
}
|
| 4393 |
-
|
| 4394 |
-
nav ul li.active {
|
| 4395 |
-
background-color: rgba(0, 0, 0, 0.1);
|
| 4396 |
-
}
|
| 4397 |
-
|
| 4398 |
-
nav ul a {
|
| 4399 |
-
-webkit-transition: background-color .3s;
|
| 4400 |
-
transition: background-color .3s;
|
| 4401 |
-
font-size: 1rem;
|
| 4402 |
-
color: #fff;
|
| 4403 |
-
display: block;
|
| 4404 |
-
padding: 0 15px;
|
| 4405 |
-
cursor: pointer;
|
| 4406 |
-
}
|
| 4407 |
-
|
| 4408 |
-
nav ul a.btn, nav ul a.btn-large, nav ul a.btn-small, nav ul a.btn-large, nav ul a.btn-flat, nav ul a.btn-floating {
|
| 4409 |
-
margin-top: -2px;
|
| 4410 |
-
margin-left: 15px;
|
| 4411 |
-
margin-right: 15px;
|
| 4412 |
-
}
|
| 4413 |
-
|
| 4414 |
-
nav ul a.btn > .material-icons, nav ul a.btn-large > .material-icons, nav ul a.btn-small > .material-icons, nav ul a.btn-large > .material-icons, nav ul a.btn-flat > .material-icons, nav ul a.btn-floating > .material-icons {
|
| 4415 |
-
height: inherit;
|
| 4416 |
-
line-height: inherit;
|
| 4417 |
-
}
|
| 4418 |
-
|
| 4419 |
-
nav ul a:hover {
|
| 4420 |
-
background-color: rgba(0, 0, 0, 0.1);
|
| 4421 |
-
}
|
| 4422 |
-
|
| 4423 |
-
nav ul.left {
|
| 4424 |
-
float: left;
|
| 4425 |
-
}
|
| 4426 |
-
|
| 4427 |
-
nav form {
|
| 4428 |
-
height: 100%;
|
| 4429 |
-
}
|
| 4430 |
-
|
| 4431 |
-
nav .input-field {
|
| 4432 |
-
margin: 0;
|
| 4433 |
-
height: 100%;
|
| 4434 |
-
}
|
| 4435 |
-
|
| 4436 |
-
nav .input-field input {
|
| 4437 |
-
height: 100%;
|
| 4438 |
-
font-size: 1.2rem;
|
| 4439 |
-
border: none;
|
| 4440 |
-
padding-left: 2rem;
|
| 4441 |
-
}
|
| 4442 |
-
|
| 4443 |
-
nav .input-field input:focus, nav .input-field input[type=text]:valid, nav .input-field input[type=password]:valid, nav .input-field input[type=email]:valid, nav .input-field input[type=url]:valid, nav .input-field input[type=date]:valid {
|
| 4444 |
-
border: none;
|
| 4445 |
-
-webkit-box-shadow: none;
|
| 4446 |
-
box-shadow: none;
|
| 4447 |
-
}
|
| 4448 |
-
|
| 4449 |
-
nav .input-field label {
|
| 4450 |
-
top: 0;
|
| 4451 |
-
left: 0;
|
| 4452 |
-
}
|
| 4453 |
-
|
| 4454 |
-
nav .input-field label i {
|
| 4455 |
-
color: rgba(255, 255, 255, 0.7);
|
| 4456 |
-
-webkit-transition: color .3s;
|
| 4457 |
-
transition: color .3s;
|
| 4458 |
-
}
|
| 4459 |
-
|
| 4460 |
-
nav .input-field label.active i {
|
| 4461 |
-
color: #fff;
|
| 4462 |
-
}
|
| 4463 |
-
|
| 4464 |
-
.navbar-fixed {
|
| 4465 |
-
position: relative;
|
| 4466 |
-
height: 56px;
|
| 4467 |
-
z-index: 997;
|
| 4468 |
-
}
|
| 4469 |
-
|
| 4470 |
-
.navbar-fixed nav {
|
| 4471 |
-
position: fixed;
|
| 4472 |
-
}
|
| 4473 |
-
|
| 4474 |
-
@media only screen and (min-width: 601px) {
|
| 4475 |
-
nav.nav-extended .nav-wrapper {
|
| 4476 |
-
min-height: 64px;
|
| 4477 |
-
}
|
| 4478 |
-
nav, nav .nav-wrapper i, nav a.sidenav-trigger, nav a.sidenav-trigger i {
|
| 4479 |
-
height: 64px;
|
| 4480 |
-
line-height: 64px;
|
| 4481 |
-
}
|
| 4482 |
-
.navbar-fixed {
|
| 4483 |
-
height: 64px;
|
| 4484 |
-
}
|
| 4485 |
-
}
|
| 4486 |
-
|
| 4487 |
-
a {
|
| 4488 |
-
text-decoration: none;
|
| 4489 |
-
}
|
| 4490 |
-
|
| 4491 |
-
html {
|
| 4492 |
-
line-height: 1.5;
|
| 4493 |
-
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
|
| 4494 |
-
font-weight: normal;
|
| 4495 |
-
color: rgba(0, 0, 0, 0.87);
|
| 4496 |
-
}
|
| 4497 |
-
|
| 4498 |
-
@media only screen and (min-width: 0) {
|
| 4499 |
-
html {
|
| 4500 |
-
font-size: 14px;
|
| 4501 |
-
}
|
| 4502 |
-
}
|
| 4503 |
-
|
| 4504 |
-
@media only screen and (min-width: 992px) {
|
| 4505 |
-
html {
|
| 4506 |
-
font-size: 14.5px;
|
| 4507 |
-
}
|
| 4508 |
-
}
|
| 4509 |
-
|
| 4510 |
-
@media only screen and (min-width: 1200px) {
|
| 4511 |
-
html {
|
| 4512 |
-
font-size: 15px;
|
| 4513 |
-
}
|
| 4514 |
-
}
|
| 4515 |
-
|
| 4516 |
-
h1, h2, h3, h4, h5, h6 {
|
| 4517 |
-
font-weight: 400;
|
| 4518 |
-
line-height: 1.3;
|
| 4519 |
-
}
|
| 4520 |
-
|
| 4521 |
-
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
|
| 4522 |
-
font-weight: inherit;
|
| 4523 |
-
}
|
| 4524 |
-
|
| 4525 |
-
h1 {
|
| 4526 |
-
font-size: 4.2rem;
|
| 4527 |
-
line-height: 110%;
|
| 4528 |
-
margin: 2.8rem 0 1.68rem 0;
|
| 4529 |
-
}
|
| 4530 |
-
|
| 4531 |
-
h2 {
|
| 4532 |
-
font-size: 3.56rem;
|
| 4533 |
-
line-height: 110%;
|
| 4534 |
-
margin: 2.3733333333rem 0 1.424rem 0;
|
| 4535 |
-
}
|
| 4536 |
-
|
| 4537 |
-
h3 {
|
| 4538 |
-
font-size: 2.92rem;
|
| 4539 |
-
line-height: 110%;
|
| 4540 |
-
margin: 1.9466666667rem 0 1.168rem 0;
|
| 4541 |
-
}
|
| 4542 |
-
|
| 4543 |
-
h4 {
|
| 4544 |
-
font-size: 2.28rem;
|
| 4545 |
-
line-height: 110%;
|
| 4546 |
-
margin: 1.52rem 0 0.912rem 0;
|
| 4547 |
-
}
|
| 4548 |
-
|
| 4549 |
-
h5 {
|
| 4550 |
-
font-size: 1.64rem;
|
| 4551 |
-
line-height: 110%;
|
| 4552 |
-
margin: 1.0933333333rem 0 0.656rem 0;
|
| 4553 |
-
}
|
| 4554 |
-
|
| 4555 |
-
h6 {
|
| 4556 |
-
font-size: 1.15rem;
|
| 4557 |
-
line-height: 110%;
|
| 4558 |
-
margin: 0.7666666667rem 0 0.46rem 0;
|
| 4559 |
-
}
|
| 4560 |
-
|
| 4561 |
-
em {
|
| 4562 |
-
font-style: italic;
|
| 4563 |
-
}
|
| 4564 |
-
|
| 4565 |
-
strong {
|
| 4566 |
-
font-weight: 500;
|
| 4567 |
-
}
|
| 4568 |
-
|
| 4569 |
-
small {
|
| 4570 |
-
font-size: 75%;
|
| 4571 |
-
}
|
| 4572 |
-
|
| 4573 |
-
.light {
|
| 4574 |
-
font-weight: 300;
|
| 4575 |
-
}
|
| 4576 |
-
|
| 4577 |
-
.thin {
|
| 4578 |
-
font-weight: 200;
|
| 4579 |
-
}
|
| 4580 |
-
|
| 4581 |
-
@media only screen and (min-width: 360px) {
|
| 4582 |
-
.flow-text {
|
| 4583 |
-
font-size: 1.2rem;
|
| 4584 |
-
}
|
| 4585 |
-
}
|
| 4586 |
-
|
| 4587 |
-
@media only screen and (min-width: 390px) {
|
| 4588 |
-
.flow-text {
|
| 4589 |
-
font-size: 1.224rem;
|
| 4590 |
-
}
|
| 4591 |
-
}
|
| 4592 |
-
|
| 4593 |
-
@media only screen and (min-width: 420px) {
|
| 4594 |
-
.flow-text {
|
| 4595 |
-
font-size: 1.248rem;
|
| 4596 |
-
}
|
| 4597 |
-
}
|
| 4598 |
-
|
| 4599 |
-
@media only screen and (min-width: 450px) {
|
| 4600 |
-
.flow-text {
|
| 4601 |
-
font-size: 1.272rem;
|
| 4602 |
-
}
|
| 4603 |
-
}
|
| 4604 |
-
|
| 4605 |
-
@media only screen and (min-width: 480px) {
|
| 4606 |
-
.flow-text {
|
| 4607 |
-
font-size: 1.296rem;
|
| 4608 |
-
}
|
| 4609 |
-
}
|
| 4610 |
-
|
| 4611 |
-
@media only screen and (min-width: 510px) {
|
| 4612 |
-
.flow-text {
|
| 4613 |
-
font-size: 1.32rem;
|
| 4614 |
-
}
|
| 4615 |
-
}
|
| 4616 |
-
|
| 4617 |
-
@media only screen and (min-width: 540px) {
|
| 4618 |
-
.flow-text {
|
| 4619 |
-
font-size: 1.344rem;
|
| 4620 |
-
}
|
| 4621 |
-
}
|
| 4622 |
-
|
| 4623 |
-
@media only screen and (min-width: 570px) {
|
| 4624 |
-
.flow-text {
|
| 4625 |
-
font-size: 1.368rem;
|
| 4626 |
-
}
|
| 4627 |
-
}
|
| 4628 |
-
|
| 4629 |
-
@media only screen and (min-width: 600px) {
|
| 4630 |
-
.flow-text {
|
| 4631 |
-
font-size: 1.392rem;
|
| 4632 |
-
}
|
| 4633 |
-
}
|
| 4634 |
-
|
| 4635 |
-
@media only screen and (min-width: 630px) {
|
| 4636 |
-
.flow-text {
|
| 4637 |
-
font-size: 1.416rem;
|
| 4638 |
-
}
|
| 4639 |
-
}
|
| 4640 |
-
|
| 4641 |
-
@media only screen and (min-width: 660px) {
|
| 4642 |
-
.flow-text {
|
| 4643 |
-
font-size: 1.44rem;
|
| 4644 |
-
}
|
| 4645 |
-
}
|
| 4646 |
-
|
| 4647 |
-
@media only screen and (min-width: 690px) {
|
| 4648 |
-
.flow-text {
|
| 4649 |
-
font-size: 1.464rem;
|
| 4650 |
-
}
|
| 4651 |
-
}
|
| 4652 |
-
|
| 4653 |
-
@media only screen and (min-width: 720px) {
|
| 4654 |
-
.flow-text {
|
| 4655 |
-
font-size: 1.488rem;
|
| 4656 |
-
}
|
| 4657 |
-
}
|
| 4658 |
-
|
| 4659 |
-
@media only screen and (min-width: 750px) {
|
| 4660 |
-
.flow-text {
|
| 4661 |
-
font-size: 1.512rem;
|
| 4662 |
-
}
|
| 4663 |
-
}
|
| 4664 |
-
|
| 4665 |
-
@media only screen and (min-width: 780px) {
|
| 4666 |
-
.flow-text {
|
| 4667 |
-
font-size: 1.536rem;
|
| 4668 |
-
}
|
| 4669 |
-
}
|
| 4670 |
-
|
| 4671 |
-
@media only screen and (min-width: 810px) {
|
| 4672 |
-
.flow-text {
|
| 4673 |
-
font-size: 1.56rem;
|
| 4674 |
-
}
|
| 4675 |
-
}
|
| 4676 |
-
|
| 4677 |
-
@media only screen and (min-width: 840px) {
|
| 4678 |
-
.flow-text {
|
| 4679 |
-
font-size: 1.584rem;
|
| 4680 |
-
}
|
| 4681 |
-
}
|
| 4682 |
-
|
| 4683 |
-
@media only screen and (min-width: 870px) {
|
| 4684 |
-
.flow-text {
|
| 4685 |
-
font-size: 1.608rem;
|
| 4686 |
-
}
|
| 4687 |
-
}
|
| 4688 |
-
|
| 4689 |
-
@media only screen and (min-width: 900px) {
|
| 4690 |
-
.flow-text {
|
| 4691 |
-
font-size: 1.632rem;
|
| 4692 |
-
}
|
| 4693 |
-
}
|
| 4694 |
-
|
| 4695 |
-
@media only screen and (min-width: 930px) {
|
| 4696 |
-
.flow-text {
|
| 4697 |
-
font-size: 1.656rem;
|
| 4698 |
-
}
|
| 4699 |
-
}
|
| 4700 |
-
|
| 4701 |
-
@media only screen and (min-width: 960px) {
|
| 4702 |
-
.flow-text {
|
| 4703 |
-
font-size: 1.68rem;
|
| 4704 |
-
}
|
| 4705 |
-
}
|
| 4706 |
-
|
| 4707 |
-
@media only screen and (max-width: 360px) {
|
| 4708 |
-
.flow-text {
|
| 4709 |
-
font-size: 1.2rem;
|
| 4710 |
-
}
|
| 4711 |
-
}
|
| 4712 |
-
|
| 4713 |
-
.scale-transition {
|
| 4714 |
-
-webkit-transition: -webkit-transform 0.3s cubic-bezier(0.53, 0.01, 0.36, 1.63) !important;
|
| 4715 |
-
transition: -webkit-transform 0.3s cubic-bezier(0.53, 0.01, 0.36, 1.63) !important;
|
| 4716 |
-
transition: transform 0.3s cubic-bezier(0.53, 0.01, 0.36, 1.63) !important;
|
| 4717 |
-
transition: transform 0.3s cubic-bezier(0.53, 0.01, 0.36, 1.63), -webkit-transform 0.3s cubic-bezier(0.53, 0.01, 0.36, 1.63) !important;
|
| 4718 |
-
}
|
| 4719 |
-
|
| 4720 |
-
.scale-transition.scale-out {
|
| 4721 |
-
-webkit-transform: scale(0);
|
| 4722 |
-
transform: scale(0);
|
| 4723 |
-
-webkit-transition: -webkit-transform .2s !important;
|
| 4724 |
-
transition: -webkit-transform .2s !important;
|
| 4725 |
-
transition: transform .2s !important;
|
| 4726 |
-
transition: transform .2s, -webkit-transform .2s !important;
|
| 4727 |
-
}
|
| 4728 |
-
|
| 4729 |
-
.scale-transition.scale-in {
|
| 4730 |
-
-webkit-transform: scale(1);
|
| 4731 |
-
transform: scale(1);
|
| 4732 |
-
}
|
| 4733 |
-
|
| 4734 |
-
.card-panel {
|
| 4735 |
-
-webkit-transition: -webkit-box-shadow .25s;
|
| 4736 |
-
transition: -webkit-box-shadow .25s;
|
| 4737 |
-
transition: box-shadow .25s;
|
| 4738 |
-
transition: box-shadow .25s, -webkit-box-shadow .25s;
|
| 4739 |
-
padding: 24px;
|
| 4740 |
-
margin: 0.5rem 0 1rem 0;
|
| 4741 |
-
border-radius: 2px;
|
| 4742 |
-
background-color: #fff;
|
| 4743 |
-
}
|
| 4744 |
-
|
| 4745 |
-
.card {
|
| 4746 |
-
position: relative;
|
| 4747 |
-
margin: 0.5rem 0 1rem 0;
|
| 4748 |
-
background-color: #fff;
|
| 4749 |
-
-webkit-transition: -webkit-box-shadow .25s;
|
| 4750 |
-
transition: -webkit-box-shadow .25s;
|
| 4751 |
-
transition: box-shadow .25s;
|
| 4752 |
-
transition: box-shadow .25s, -webkit-box-shadow .25s;
|
| 4753 |
-
border-radius: 2px;
|
| 4754 |
-
}
|
| 4755 |
-
|
| 4756 |
-
.card .card-title {
|
| 4757 |
-
font-size: 24px;
|
| 4758 |
-
font-weight: 300;
|
| 4759 |
-
}
|
| 4760 |
-
|
| 4761 |
-
.card .card-title.activator {
|
| 4762 |
-
cursor: pointer;
|
| 4763 |
-
}
|
| 4764 |
-
|
| 4765 |
-
.card.small, .card.medium, .card.large {
|
| 4766 |
-
position: relative;
|
| 4767 |
-
}
|
| 4768 |
-
|
| 4769 |
-
.card.small .card-image, .card.medium .card-image, .card.large .card-image {
|
| 4770 |
-
max-height: 60%;
|
| 4771 |
-
overflow: hidden;
|
| 4772 |
-
}
|
| 4773 |
-
|
| 4774 |
-
.card.small .card-image + .card-content, .card.medium .card-image + .card-content, .card.large .card-image + .card-content {
|
| 4775 |
-
max-height: 40%;
|
| 4776 |
-
}
|
| 4777 |
-
|
| 4778 |
-
.card.small .card-content, .card.medium .card-content, .card.large .card-content {
|
| 4779 |
-
max-height: 100%;
|
| 4780 |
-
overflow: hidden;
|
| 4781 |
-
}
|
| 4782 |
-
|
| 4783 |
-
.card.small .card-action, .card.medium .card-action, .card.large .card-action {
|
| 4784 |
-
position: absolute;
|
| 4785 |
-
bottom: 0;
|
| 4786 |
-
left: 0;
|
| 4787 |
-
right: 0;
|
| 4788 |
-
}
|
| 4789 |
-
|
| 4790 |
-
.card.small {
|
| 4791 |
-
height: 300px;
|
| 4792 |
-
}
|
| 4793 |
-
|
| 4794 |
-
.card.medium {
|
| 4795 |
-
height: 400px;
|
| 4796 |
-
}
|
| 4797 |
-
|
| 4798 |
-
.card.large {
|
| 4799 |
-
height: 500px;
|
| 4800 |
-
}
|
| 4801 |
-
|
| 4802 |
-
.card.horizontal {
|
| 4803 |
-
display: -webkit-box;
|
| 4804 |
-
display: -webkit-flex;
|
| 4805 |
-
display: -ms-flexbox;
|
| 4806 |
-
display: flex;
|
| 4807 |
-
}
|
| 4808 |
-
|
| 4809 |
-
.card.horizontal.small .card-image, .card.horizontal.medium .card-image, .card.horizontal.large .card-image {
|
| 4810 |
-
height: 100%;
|
| 4811 |
-
max-height: none;
|
| 4812 |
-
overflow: visible;
|
| 4813 |
-
}
|
| 4814 |
-
|
| 4815 |
-
.card.horizontal.small .card-image img, .card.horizontal.medium .card-image img, .card.horizontal.large .card-image img {
|
| 4816 |
-
height: 100%;
|
| 4817 |
-
}
|
| 4818 |
-
|
| 4819 |
-
.card.horizontal .card-image {
|
| 4820 |
-
max-width: 50%;
|
| 4821 |
-
}
|
| 4822 |
-
|
| 4823 |
-
.card.horizontal .card-image img {
|
| 4824 |
-
border-radius: 2px 0 0 2px;
|
| 4825 |
-
max-width: 100%;
|
| 4826 |
-
width: auto;
|
| 4827 |
-
}
|
| 4828 |
-
|
| 4829 |
-
.card.horizontal .card-stacked {
|
| 4830 |
-
display: -webkit-box;
|
| 4831 |
-
display: -webkit-flex;
|
| 4832 |
-
display: -ms-flexbox;
|
| 4833 |
-
display: flex;
|
| 4834 |
-
-webkit-box-orient: vertical;
|
| 4835 |
-
-webkit-box-direction: normal;
|
| 4836 |
-
-webkit-flex-direction: column;
|
| 4837 |
-
-ms-flex-direction: column;
|
| 4838 |
-
flex-direction: column;
|
| 4839 |
-
-webkit-box-flex: 1;
|
| 4840 |
-
-webkit-flex: 1;
|
| 4841 |
-
-ms-flex: 1;
|
| 4842 |
-
flex: 1;
|
| 4843 |
-
position: relative;
|
| 4844 |
-
}
|
| 4845 |
-
|
| 4846 |
-
.card.horizontal .card-stacked .card-content {
|
| 4847 |
-
-webkit-box-flex: 1;
|
| 4848 |
-
-webkit-flex-grow: 1;
|
| 4849 |
-
-ms-flex-positive: 1;
|
| 4850 |
-
flex-grow: 1;
|
| 4851 |
-
}
|
| 4852 |
-
|
| 4853 |
-
.card.sticky-action .card-action {
|
| 4854 |
-
z-index: 2;
|
| 4855 |
-
}
|
| 4856 |
-
|
| 4857 |
-
.card.sticky-action .card-reveal {
|
| 4858 |
-
z-index: 1;
|
| 4859 |
-
padding-bottom: 64px;
|
| 4860 |
-
}
|
| 4861 |
-
|
| 4862 |
-
.card .card-image {
|
| 4863 |
-
position: relative;
|
| 4864 |
-
}
|
| 4865 |
-
|
| 4866 |
-
.card .card-image img {
|
| 4867 |
-
display: block;
|
| 4868 |
-
border-radius: 2px 2px 0 0;
|
| 4869 |
-
position: relative;
|
| 4870 |
-
left: 0;
|
| 4871 |
-
right: 0;
|
| 4872 |
-
top: 0;
|
| 4873 |
-
bottom: 0;
|
| 4874 |
-
width: 100%;
|
| 4875 |
-
}
|
| 4876 |
-
|
| 4877 |
-
.card .card-image .card-title {
|
| 4878 |
-
color: #fff;
|
| 4879 |
-
position: absolute;
|
| 4880 |
-
bottom: 0;
|
| 4881 |
-
left: 0;
|
| 4882 |
-
max-width: 100%;
|
| 4883 |
-
padding: 24px;
|
| 4884 |
-
}
|
| 4885 |
-
|
| 4886 |
-
.card .card-content {
|
| 4887 |
-
padding: 24px;
|
| 4888 |
-
border-radius: 0 0 2px 2px;
|
| 4889 |
-
}
|
| 4890 |
-
|
| 4891 |
-
.card .card-content p {
|
| 4892 |
-
margin: 0;
|
| 4893 |
-
}
|
| 4894 |
-
|
| 4895 |
-
.card .card-content .card-title {
|
| 4896 |
-
display: block;
|
| 4897 |
-
line-height: 32px;
|
| 4898 |
-
margin-bottom: 8px;
|
| 4899 |
-
}
|
| 4900 |
-
|
| 4901 |
-
.card .card-content .card-title i {
|
| 4902 |
-
line-height: 32px;
|
| 4903 |
-
}
|
| 4904 |
-
|
| 4905 |
-
.card .card-action {
|
| 4906 |
-
background-color: inherit;
|
| 4907 |
-
border-top: 1px solid rgba(160, 160, 160, 0.2);
|
| 4908 |
-
position: relative;
|
| 4909 |
-
padding: 16px 24px;
|
| 4910 |
-
}
|
| 4911 |
-
|
| 4912 |
-
.card .card-action:last-child {
|
| 4913 |
-
border-radius: 0 0 2px 2px;
|
| 4914 |
-
}
|
| 4915 |
-
|
| 4916 |
-
.card .card-action a:not(.btn):not(.btn-large):not(.btn-small):not(.btn-large):not(.btn-floating) {
|
| 4917 |
-
color: #ffab40;
|
| 4918 |
-
margin-right: 24px;
|
| 4919 |
-
-webkit-transition: color .3s ease;
|
| 4920 |
-
transition: color .3s ease;
|
| 4921 |
-
text-transform: uppercase;
|
| 4922 |
-
}
|
| 4923 |
-
|
| 4924 |
-
.card .card-action a:not(.btn):not(.btn-large):not(.btn-small):not(.btn-large):not(.btn-floating):hover {
|
| 4925 |
-
color: #ffd8a6;
|
| 4926 |
-
}
|
| 4927 |
-
|
| 4928 |
-
.card .card-reveal {
|
| 4929 |
-
padding: 24px;
|
| 4930 |
-
position: absolute;
|
| 4931 |
-
background-color: #fff;
|
| 4932 |
-
width: 100%;
|
| 4933 |
-
overflow-y: auto;
|
| 4934 |
-
left: 0;
|
| 4935 |
-
top: 100%;
|
| 4936 |
-
height: 100%;
|
| 4937 |
-
z-index: 3;
|
| 4938 |
-
display: none;
|
| 4939 |
-
}
|
| 4940 |
-
|
| 4941 |
-
.card .card-reveal .card-title {
|
| 4942 |
-
cursor: pointer;
|
| 4943 |
-
display: block;
|
| 4944 |
-
}
|
| 4945 |
-
|
| 4946 |
-
#toast-container {
|
| 4947 |
-
display: block;
|
| 4948 |
-
position: fixed;
|
| 4949 |
-
z-index: 10000;
|
| 4950 |
-
}
|
| 4951 |
-
|
| 4952 |
-
@media only screen and (max-width: 600px) {
|
| 4953 |
-
#toast-container {
|
| 4954 |
-
min-width: 100%;
|
| 4955 |
-
bottom: 0%;
|
| 4956 |
-
}
|
| 4957 |
-
}
|
| 4958 |
-
|
| 4959 |
-
@media only screen and (min-width: 601px) and (max-width: 992px) {
|
| 4960 |
-
#toast-container {
|
| 4961 |
-
left: 5%;
|
| 4962 |
-
bottom: 7%;
|
| 4963 |
-
max-width: 90%;
|
| 4964 |
-
}
|
| 4965 |
-
}
|
| 4966 |
-
|
| 4967 |
-
@media only screen and (min-width: 993px) {
|
| 4968 |
-
#toast-container {
|
| 4969 |
-
top: 10%;
|
| 4970 |
-
right: 7%;
|
| 4971 |
-
max-width: 86%;
|
| 4972 |
-
}
|
| 4973 |
-
}
|
| 4974 |
-
|
| 4975 |
-
.toast {
|
| 4976 |
-
border-radius: 2px;
|
| 4977 |
-
top: 35px;
|
| 4978 |
-
width: auto;
|
| 4979 |
-
margin-top: 10px;
|
| 4980 |
-
position: relative;
|
| 4981 |
-
max-width: 100%;
|
| 4982 |
-
height: auto;
|
| 4983 |
-
min-height: 48px;
|
| 4984 |
-
line-height: 1.5em;
|
| 4985 |
-
background-color: #323232;
|
| 4986 |
-
padding: 10px 25px;
|
| 4987 |
-
font-size: 1.1rem;
|
| 4988 |
-
font-weight: 300;
|
| 4989 |
-
color: #fff;
|
| 4990 |
-
display: -webkit-box;
|
| 4991 |
-
display: -webkit-flex;
|
| 4992 |
-
display: -ms-flexbox;
|
| 4993 |
-
display: flex;
|
| 4994 |
-
-webkit-box-align: center;
|
| 4995 |
-
-webkit-align-items: center;
|
| 4996 |
-
-ms-flex-align: center;
|
| 4997 |
-
align-items: center;
|
| 4998 |
-
-webkit-box-pack: justify;
|
| 4999 |
-
-webkit-justify-content: space-between;
|
| 5000 |
-
-ms-flex-pack: justify;
|
| 5001 |
-
justify-content: space-between;
|
| 5002 |
-
cursor: default;
|
| 5003 |
-
}
|
| 5004 |
-
|
| 5005 |
-
.toast .toast-action {
|
| 5006 |
-
color: #eeff41;
|
| 5007 |
-
font-weight: 500;
|
| 5008 |
-
margin-right: -25px;
|
| 5009 |
-
margin-left: 3rem;
|
| 5010 |
-
}
|
| 5011 |
-
|
| 5012 |
-
.toast.rounded {
|
| 5013 |
-
border-radius: 24px;
|
| 5014 |
-
}
|
| 5015 |
-
|
| 5016 |
-
@media only screen and (max-width: 600px) {
|
| 5017 |
-
.toast {
|
| 5018 |
-
width: 100%;
|
| 5019 |
-
border-radius: 0;
|
| 5020 |
-
}
|
| 5021 |
-
}
|
| 5022 |
-
|
| 5023 |
-
.tabs {
|
| 5024 |
-
position: relative;
|
| 5025 |
-
overflow-x: auto;
|
| 5026 |
-
overflow-y: hidden;
|
| 5027 |
-
height: 48px;
|
| 5028 |
-
width: 100%;
|
| 5029 |
-
background-color: #fff;
|
| 5030 |
-
margin: 0 auto;
|
| 5031 |
-
white-space: nowrap;
|
| 5032 |
-
}
|
| 5033 |
-
|
| 5034 |
-
.tabs.tabs-transparent {
|
| 5035 |
-
background-color: transparent;
|
| 5036 |
-
}
|
| 5037 |
-
|
| 5038 |
-
.tabs.tabs-transparent .tab a,
|
| 5039 |
-
.tabs.tabs-transparent .tab.disabled a,
|
| 5040 |
-
.tabs.tabs-transparent .tab.disabled a:hover {
|
| 5041 |
-
color: rgba(255, 255, 255, 0.7);
|
| 5042 |
-
}
|
| 5043 |
-
|
| 5044 |
-
.tabs.tabs-transparent .tab a:hover,
|
| 5045 |
-
.tabs.tabs-transparent .tab a.active {
|
| 5046 |
-
color: #fff;
|
| 5047 |
-
}
|
| 5048 |
-
|
| 5049 |
-
.tabs.tabs-transparent .indicator {
|
| 5050 |
-
background-color: #fff;
|
| 5051 |
-
}
|
| 5052 |
-
|
| 5053 |
-
.tabs.tabs-fixed-width {
|
| 5054 |
-
display: -webkit-box;
|
| 5055 |
-
display: -webkit-flex;
|
| 5056 |
-
display: -ms-flexbox;
|
| 5057 |
-
display: flex;
|
| 5058 |
-
}
|
| 5059 |
-
|
| 5060 |
-
.tabs.tabs-fixed-width .tab {
|
| 5061 |
-
-webkit-box-flex: 1;
|
| 5062 |
-
-webkit-flex-grow: 1;
|
| 5063 |
-
-ms-flex-positive: 1;
|
| 5064 |
-
flex-grow: 1;
|
| 5065 |
-
}
|
| 5066 |
-
|
| 5067 |
-
.tabs .tab {
|
| 5068 |
-
display: inline-block;
|
| 5069 |
-
text-align: center;
|
| 5070 |
-
line-height: 48px;
|
| 5071 |
-
height: 48px;
|
| 5072 |
-
padding: 0;
|
| 5073 |
-
margin: 0;
|
| 5074 |
-
text-transform: uppercase;
|
| 5075 |
-
}
|
| 5076 |
-
|
| 5077 |
-
.tabs .tab a {
|
| 5078 |
-
color: rgba(238, 110, 115, 0.7);
|
| 5079 |
-
display: block;
|
| 5080 |
-
width: 100%;
|
| 5081 |
-
height: 100%;
|
| 5082 |
-
padding: 0 24px;
|
| 5083 |
-
font-size: 14px;
|
| 5084 |
-
text-overflow: ellipsis;
|
| 5085 |
-
overflow: hidden;
|
| 5086 |
-
-webkit-transition: color .28s ease, background-color .28s ease;
|
| 5087 |
-
transition: color .28s ease, background-color .28s ease;
|
| 5088 |
-
}
|
| 5089 |
-
|
| 5090 |
-
.tabs .tab a:focus, .tabs .tab a:focus.active {
|
| 5091 |
-
background-color: rgba(246, 178, 181, 0.2);
|
| 5092 |
-
outline: none;
|
| 5093 |
-
}
|
| 5094 |
-
|
| 5095 |
-
.tabs .tab a:hover, .tabs .tab a.active {
|
| 5096 |
-
background-color: transparent;
|
| 5097 |
-
color: #ee6e73;
|
| 5098 |
-
}
|
| 5099 |
-
|
| 5100 |
-
.tabs .tab.disabled a,
|
| 5101 |
-
.tabs .tab.disabled a:hover {
|
| 5102 |
-
color: rgba(238, 110, 115, 0.4);
|
| 5103 |
-
cursor: default;
|
| 5104 |
-
}
|
| 5105 |
-
|
| 5106 |
-
.tabs .indicator {
|
| 5107 |
-
position: absolute;
|
| 5108 |
-
bottom: 0;
|
| 5109 |
-
height: 2px;
|
| 5110 |
-
background-color: #f6b2b5;
|
| 5111 |
-
will-change: left, right;
|
| 5112 |
-
}
|
| 5113 |
-
|
| 5114 |
-
@media only screen and (max-width: 992px) {
|
| 5115 |
-
.tabs {
|
| 5116 |
-
display: -webkit-box;
|
| 5117 |
-
display: -webkit-flex;
|
| 5118 |
-
display: -ms-flexbox;
|
| 5119 |
-
display: flex;
|
| 5120 |
-
}
|
| 5121 |
-
.tabs .tab {
|
| 5122 |
-
-webkit-box-flex: 1;
|
| 5123 |
-
-webkit-flex-grow: 1;
|
| 5124 |
-
-ms-flex-positive: 1;
|
| 5125 |
-
flex-grow: 1;
|
| 5126 |
-
}
|
| 5127 |
-
.tabs .tab a {
|
| 5128 |
-
padding: 0 12px;
|
| 5129 |
-
}
|
| 5130 |
-
}
|
| 5131 |
-
|
| 5132 |
-
.material-tooltip {
|
| 5133 |
-
padding: 10px 8px;
|
| 5134 |
-
font-size: 1rem;
|
| 5135 |
-
z-index: 2000;
|
| 5136 |
-
background-color: transparent;
|
| 5137 |
-
border-radius: 2px;
|
| 5138 |
-
color: #fff;
|
| 5139 |
-
min-height: 36px;
|
| 5140 |
-
line-height: 120%;
|
| 5141 |
-
opacity: 0;
|
| 5142 |
-
position: absolute;
|
| 5143 |
-
text-align: center;
|
| 5144 |
-
max-width: calc(100% - 4px);
|
| 5145 |
-
overflow: hidden;
|
| 5146 |
-
left: 0;
|
| 5147 |
-
top: 0;
|
| 5148 |
-
pointer-events: none;
|
| 5149 |
-
visibility: hidden;
|
| 5150 |
-
background-color: #323232;
|
| 5151 |
-
}
|
| 5152 |
-
|
| 5153 |
-
.backdrop {
|
| 5154 |
-
position: absolute;
|
| 5155 |
-
opacity: 0;
|
| 5156 |
-
height: 7px;
|
| 5157 |
-
width: 14px;
|
| 5158 |
-
border-radius: 0 0 50% 50%;
|
| 5159 |
-
background-color: #323232;
|
| 5160 |
-
z-index: -1;
|
| 5161 |
-
-webkit-transform-origin: 50% 0%;
|
| 5162 |
-
transform-origin: 50% 0%;
|
| 5163 |
-
visibility: hidden;
|
| 5164 |
-
}
|
| 5165 |
-
|
| 5166 |
-
.btn, .btn-large, .btn-small,
|
| 5167 |
-
.btn-flat {
|
| 5168 |
-
border: none;
|
| 5169 |
-
border-radius: 2px;
|
| 5170 |
-
display: inline-block;
|
| 5171 |
-
height: 36px;
|
| 5172 |
-
line-height: 36px;
|
| 5173 |
-
padding: 0 16px;
|
| 5174 |
-
text-transform: uppercase;
|
| 5175 |
-
vertical-align: middle;
|
| 5176 |
-
-webkit-tap-highlight-color: transparent;
|
| 5177 |
-
}
|
| 5178 |
-
|
| 5179 |
-
.btn.disabled, .disabled.btn-large, .disabled.btn-small,
|
| 5180 |
-
.btn-floating.disabled,
|
| 5181 |
-
.btn-large.disabled,
|
| 5182 |
-
.btn-small.disabled,
|
| 5183 |
-
.btn-flat.disabled,
|
| 5184 |
-
.btn:disabled,
|
| 5185 |
-
.btn-large:disabled,
|
| 5186 |
-
.btn-small:disabled,
|
| 5187 |
-
.btn-floating:disabled,
|
| 5188 |
-
.btn-large:disabled,
|
| 5189 |
-
.btn-small:disabled,
|
| 5190 |
-
.btn-flat:disabled,
|
| 5191 |
-
.btn[disabled],
|
| 5192 |
-
.btn-large[disabled],
|
| 5193 |
-
.btn-small[disabled],
|
| 5194 |
-
.btn-floating[disabled],
|
| 5195 |
-
.btn-large[disabled],
|
| 5196 |
-
.btn-small[disabled],
|
| 5197 |
-
.btn-flat[disabled] {
|
| 5198 |
-
pointer-events: none;
|
| 5199 |
-
background-color: #DFDFDF !important;
|
| 5200 |
-
-webkit-box-shadow: none;
|
| 5201 |
-
box-shadow: none;
|
| 5202 |
-
color: #9F9F9F !important;
|
| 5203 |
-
cursor: default;
|
| 5204 |
-
}
|
| 5205 |
-
|
| 5206 |
-
.btn.disabled:hover, .disabled.btn-large:hover, .disabled.btn-small:hover,
|
| 5207 |
-
.btn-floating.disabled:hover,
|
| 5208 |
-
.btn-large.disabled:hover,
|
| 5209 |
-
.btn-small.disabled:hover,
|
| 5210 |
-
.btn-flat.disabled:hover,
|
| 5211 |
-
.btn:disabled:hover,
|
| 5212 |
-
.btn-large:disabled:hover,
|
| 5213 |
-
.btn-small:disabled:hover,
|
| 5214 |
-
.btn-floating:disabled:hover,
|
| 5215 |
-
.btn-large:disabled:hover,
|
| 5216 |
-
.btn-small:disabled:hover,
|
| 5217 |
-
.btn-flat:disabled:hover,
|
| 5218 |
-
.btn[disabled]:hover,
|
| 5219 |
-
.btn-large[disabled]:hover,
|
| 5220 |
-
.btn-small[disabled]:hover,
|
| 5221 |
-
.btn-floating[disabled]:hover,
|
| 5222 |
-
.btn-large[disabled]:hover,
|
| 5223 |
-
.btn-small[disabled]:hover,
|
| 5224 |
-
.btn-flat[disabled]:hover {
|
| 5225 |
-
background-color: #DFDFDF !important;
|
| 5226 |
-
color: #9F9F9F !important;
|
| 5227 |
-
}
|
| 5228 |
-
|
| 5229 |
-
.btn, .btn-large, .btn-small,
|
| 5230 |
-
.btn-floating,
|
| 5231 |
-
.btn-large,
|
| 5232 |
-
.btn-small,
|
| 5233 |
-
.btn-flat {
|
| 5234 |
-
font-size: 14px;
|
| 5235 |
-
outline: 0;
|
| 5236 |
-
}
|
| 5237 |
-
|
| 5238 |
-
.btn i, .btn-large i, .btn-small i,
|
| 5239 |
-
.btn-floating i,
|
| 5240 |
-
.btn-large i,
|
| 5241 |
-
.btn-small i,
|
| 5242 |
-
.btn-flat i {
|
| 5243 |
-
font-size: 1.3rem;
|
| 5244 |
-
line-height: inherit;
|
| 5245 |
-
}
|
| 5246 |
-
|
| 5247 |
-
.btn:focus, .btn-large:focus, .btn-small:focus,
|
| 5248 |
-
.btn-floating:focus {
|
| 5249 |
-
background-color: #1d7d74;
|
| 5250 |
-
}
|
| 5251 |
-
|
| 5252 |
-
.btn, .btn-large, .btn-small {
|
| 5253 |
-
text-decoration: none;
|
| 5254 |
-
color: #fff;
|
| 5255 |
-
background-color: #26a69a;
|
| 5256 |
-
text-align: center;
|
| 5257 |
-
letter-spacing: .5px;
|
| 5258 |
-
-webkit-transition: background-color .2s ease-out;
|
| 5259 |
-
transition: background-color .2s ease-out;
|
| 5260 |
-
cursor: pointer;
|
| 5261 |
-
}
|
| 5262 |
-
|
| 5263 |
-
.btn:hover, .btn-large:hover, .btn-small:hover {
|
| 5264 |
-
background-color: #2bbbad;
|
| 5265 |
-
}
|
| 5266 |
-
|
| 5267 |
-
.btn-floating {
|
| 5268 |
-
display: inline-block;
|
| 5269 |
-
color: #fff;
|
| 5270 |
-
position: relative;
|
| 5271 |
-
overflow: hidden;
|
| 5272 |
-
z-index: 1;
|
| 5273 |
-
width: 40px;
|
| 5274 |
-
height: 40px;
|
| 5275 |
-
line-height: 40px;
|
| 5276 |
-
padding: 0;
|
| 5277 |
-
background-color: #26a69a;
|
| 5278 |
-
border-radius: 50%;
|
| 5279 |
-
-webkit-transition: background-color .3s;
|
| 5280 |
-
transition: background-color .3s;
|
| 5281 |
-
cursor: pointer;
|
| 5282 |
-
vertical-align: middle;
|
| 5283 |
-
}
|
| 5284 |
-
|
| 5285 |
-
.btn-floating:hover {
|
| 5286 |
-
background-color: #26a69a;
|
| 5287 |
-
}
|
| 5288 |
-
|
| 5289 |
-
.btn-floating:before {
|
| 5290 |
-
border-radius: 0;
|
| 5291 |
-
}
|
| 5292 |
-
|
| 5293 |
-
.btn-floating.btn-large {
|
| 5294 |
-
width: 56px;
|
| 5295 |
-
height: 56px;
|
| 5296 |
-
padding: 0;
|
| 5297 |
-
}
|
| 5298 |
-
|
| 5299 |
-
.btn-floating.btn-large.halfway-fab {
|
| 5300 |
-
bottom: -28px;
|
| 5301 |
-
}
|
| 5302 |
-
|
| 5303 |
-
.btn-floating.btn-large i {
|
| 5304 |
-
line-height: 56px;
|
| 5305 |
-
}
|
| 5306 |
-
|
| 5307 |
-
.btn-floating.btn-small {
|
| 5308 |
-
width: 32.4px;
|
| 5309 |
-
height: 32.4px;
|
| 5310 |
-
}
|
| 5311 |
-
|
| 5312 |
-
.btn-floating.btn-small.halfway-fab {
|
| 5313 |
-
bottom: -16.2px;
|
| 5314 |
-
}
|
| 5315 |
-
|
| 5316 |
-
.btn-floating.btn-small i {
|
| 5317 |
-
line-height: 32.4px;
|
| 5318 |
-
}
|
| 5319 |
-
|
| 5320 |
-
.btn-floating.halfway-fab {
|
| 5321 |
-
position: absolute;
|
| 5322 |
-
right: 24px;
|
| 5323 |
-
bottom: -20px;
|
| 5324 |
-
}
|
| 5325 |
-
|
| 5326 |
-
.btn-floating.halfway-fab.left {
|
| 5327 |
-
right: auto;
|
| 5328 |
-
left: 24px;
|
| 5329 |
-
}
|
| 5330 |
-
|
| 5331 |
-
.btn-floating i {
|
| 5332 |
-
width: inherit;
|
| 5333 |
-
display: inline-block;
|
| 5334 |
-
text-align: center;
|
| 5335 |
-
color: #fff;
|
| 5336 |
-
font-size: 1.6rem;
|
| 5337 |
-
line-height: 40px;
|
| 5338 |
-
}
|
| 5339 |
-
|
| 5340 |
-
button.btn-floating {
|
| 5341 |
-
border: none;
|
| 5342 |
-
}
|
| 5343 |
-
|
| 5344 |
-
.fixed-action-btn {
|
| 5345 |
-
position: fixed;
|
| 5346 |
-
right: 23px;
|
| 5347 |
-
bottom: 23px;
|
| 5348 |
-
padding-top: 15px;
|
| 5349 |
-
margin-bottom: 0;
|
| 5350 |
-
z-index: 997;
|
| 5351 |
-
}
|
| 5352 |
-
|
| 5353 |
-
.fixed-action-btn.active ul {
|
| 5354 |
-
visibility: visible;
|
| 5355 |
-
}
|
| 5356 |
-
|
| 5357 |
-
.fixed-action-btn.direction-left, .fixed-action-btn.direction-right {
|
| 5358 |
-
padding: 0 0 0 15px;
|
| 5359 |
-
}
|
| 5360 |
-
|
| 5361 |
-
.fixed-action-btn.direction-left ul, .fixed-action-btn.direction-right ul {
|
| 5362 |
-
text-align: right;
|
| 5363 |
-
right: 64px;
|
| 5364 |
-
top: 50%;
|
| 5365 |
-
-webkit-transform: translateY(-50%);
|
| 5366 |
-
transform: translateY(-50%);
|
| 5367 |
-
height: 100%;
|
| 5368 |
-
left: auto;
|
| 5369 |
-
/*width 100% only goes to width of button container */
|
| 5370 |
-
width: 500px;
|
| 5371 |
-
}
|
| 5372 |
-
|
| 5373 |
-
.fixed-action-btn.direction-left ul li, .fixed-action-btn.direction-right ul li {
|
| 5374 |
-
display: inline-block;
|
| 5375 |
-
margin: 7.5px 15px 0 0;
|
| 5376 |
-
}
|
| 5377 |
-
|
| 5378 |
-
.fixed-action-btn.direction-right {
|
| 5379 |
-
padding: 0 15px 0 0;
|
| 5380 |
-
}
|
| 5381 |
-
|
| 5382 |
-
.fixed-action-btn.direction-right ul {
|
| 5383 |
-
text-align: left;
|
| 5384 |
-
direction: rtl;
|
| 5385 |
-
left: 64px;
|
| 5386 |
-
right: auto;
|
| 5387 |
-
}
|
| 5388 |
-
|
| 5389 |
-
.fixed-action-btn.direction-right ul li {
|
| 5390 |
-
margin: 7.5px 0 0 15px;
|
| 5391 |
-
}
|
| 5392 |
-
|
| 5393 |
-
.fixed-action-btn.direction-bottom {
|
| 5394 |
-
padding: 0 0 15px 0;
|
| 5395 |
-
}
|
| 5396 |
-
|
| 5397 |
-
.fixed-action-btn.direction-bottom ul {
|
| 5398 |
-
top: 64px;
|
| 5399 |
-
bottom: auto;
|
| 5400 |
-
display: -webkit-box;
|
| 5401 |
-
display: -webkit-flex;
|
| 5402 |
-
display: -ms-flexbox;
|
| 5403 |
-
display: flex;
|
| 5404 |
-
-webkit-box-orient: vertical;
|
| 5405 |
-
-webkit-box-direction: reverse;
|
| 5406 |
-
-webkit-flex-direction: column-reverse;
|
| 5407 |
-
-ms-flex-direction: column-reverse;
|
| 5408 |
-
flex-direction: column-reverse;
|
| 5409 |
-
}
|
| 5410 |
-
|
| 5411 |
-
.fixed-action-btn.direction-bottom ul li {
|
| 5412 |
-
margin: 15px 0 0 0;
|
| 5413 |
-
}
|
| 5414 |
-
|
| 5415 |
-
.fixed-action-btn.toolbar {
|
| 5416 |
-
padding: 0;
|
| 5417 |
-
height: 56px;
|
| 5418 |
-
}
|
| 5419 |
-
|
| 5420 |
-
.fixed-action-btn.toolbar.active > a i {
|
| 5421 |
-
opacity: 0;
|
| 5422 |
-
}
|
| 5423 |
-
|
| 5424 |
-
.fixed-action-btn.toolbar ul {
|
| 5425 |
-
display: -webkit-box;
|
| 5426 |
-
display: -webkit-flex;
|
| 5427 |
-
display: -ms-flexbox;
|
| 5428 |
-
display: flex;
|
| 5429 |
-
top: 0;
|
| 5430 |
-
bottom: 0;
|
| 5431 |
-
z-index: 1;
|
| 5432 |
-
}
|
| 5433 |
-
|
| 5434 |
-
.fixed-action-btn.toolbar ul li {
|
| 5435 |
-
-webkit-box-flex: 1;
|
| 5436 |
-
-webkit-flex: 1;
|
| 5437 |
-
-ms-flex: 1;
|
| 5438 |
-
flex: 1;
|
| 5439 |
-
display: inline-block;
|
| 5440 |
-
margin: 0;
|
| 5441 |
-
height: 100%;
|
| 5442 |
-
-webkit-transition: none;
|
| 5443 |
-
transition: none;
|
| 5444 |
-
}
|
| 5445 |
-
|
| 5446 |
-
.fixed-action-btn.toolbar ul li a {
|
| 5447 |
-
display: block;
|
| 5448 |
-
overflow: hidden;
|
| 5449 |
-
position: relative;
|
| 5450 |
-
width: 100%;
|
| 5451 |
-
height: 100%;
|
| 5452 |
-
background-color: transparent;
|
| 5453 |
-
-webkit-box-shadow: none;
|
| 5454 |
-
box-shadow: none;
|
| 5455 |
-
color: #fff;
|
| 5456 |
-
line-height: 56px;
|
| 5457 |
-
z-index: 1;
|
| 5458 |
-
}
|
| 5459 |
-
|
| 5460 |
-
.fixed-action-btn.toolbar ul li a i {
|
| 5461 |
-
line-height: inherit;
|
| 5462 |
-
}
|
| 5463 |
-
|
| 5464 |
-
.fixed-action-btn ul {
|
| 5465 |
-
left: 0;
|
| 5466 |
-
right: 0;
|
| 5467 |
-
text-align: center;
|
| 5468 |
-
position: absolute;
|
| 5469 |
-
bottom: 64px;
|
| 5470 |
-
margin: 0;
|
| 5471 |
-
visibility: hidden;
|
| 5472 |
-
}
|
| 5473 |
-
|
| 5474 |
-
.fixed-action-btn ul li {
|
| 5475 |
-
margin-bottom: 15px;
|
| 5476 |
-
}
|
| 5477 |
-
|
| 5478 |
-
.fixed-action-btn ul a.btn-floating {
|
| 5479 |
-
opacity: 0;
|
| 5480 |
-
}
|
| 5481 |
-
|
| 5482 |
-
.fixed-action-btn .fab-backdrop {
|
| 5483 |
-
position: absolute;
|
| 5484 |
-
top: 0;
|
| 5485 |
-
left: 0;
|
| 5486 |
-
z-index: -1;
|
| 5487 |
-
width: 40px;
|
| 5488 |
-
height: 40px;
|
| 5489 |
-
background-color: #26a69a;
|
| 5490 |
-
border-radius: 50%;
|
| 5491 |
-
-webkit-transform: scale(0);
|
| 5492 |
-
transform: scale(0);
|
| 5493 |
-
}
|
| 5494 |
-
|
| 5495 |
-
.btn-flat {
|
| 5496 |
-
-webkit-box-shadow: none;
|
| 5497 |
-
box-shadow: none;
|
| 5498 |
-
background-color: transparent;
|
| 5499 |
-
color: #343434;
|
| 5500 |
-
cursor: pointer;
|
| 5501 |
-
-webkit-transition: background-color .2s;
|
| 5502 |
-
transition: background-color .2s;
|
| 5503 |
-
}
|
| 5504 |
-
|
| 5505 |
-
.btn-flat:focus, .btn-flat:hover {
|
| 5506 |
-
-webkit-box-shadow: none;
|
| 5507 |
-
box-shadow: none;
|
| 5508 |
-
}
|
| 5509 |
-
|
| 5510 |
-
.btn-flat:focus {
|
| 5511 |
-
background-color: rgba(0, 0, 0, 0.1);
|
| 5512 |
-
}
|
| 5513 |
-
|
| 5514 |
-
.btn-flat.disabled, .btn-flat.btn-flat[disabled] {
|
| 5515 |
-
background-color: transparent !important;
|
| 5516 |
-
color: #b3b2b2 !important;
|
| 5517 |
-
cursor: default;
|
| 5518 |
-
}
|
| 5519 |
-
|
| 5520 |
-
.btn-large {
|
| 5521 |
-
height: 54px;
|
| 5522 |
-
line-height: 54px;
|
| 5523 |
-
font-size: 15px;
|
| 5524 |
-
padding: 0 28px;
|
| 5525 |
-
}
|
| 5526 |
-
|
| 5527 |
-
.btn-large i {
|
| 5528 |
-
font-size: 1.6rem;
|
| 5529 |
-
}
|
| 5530 |
-
|
| 5531 |
-
.btn-small {
|
| 5532 |
-
height: 32.4px;
|
| 5533 |
-
line-height: 32.4px;
|
| 5534 |
-
font-size: 13px;
|
| 5535 |
-
}
|
| 5536 |
-
|
| 5537 |
-
.btn-small i {
|
| 5538 |
-
font-size: 1.2rem;
|
| 5539 |
-
}
|
| 5540 |
-
|
| 5541 |
-
.btn-block {
|
| 5542 |
-
display: block;
|
| 5543 |
-
}
|
| 5544 |
-
|
| 5545 |
-
.dropdown-content {
|
| 5546 |
-
background-color: #fff;
|
| 5547 |
-
margin: 0;
|
| 5548 |
-
display: none;
|
| 5549 |
-
min-width: 100px;
|
| 5550 |
-
overflow-y: auto;
|
| 5551 |
-
opacity: 0;
|
| 5552 |
-
position: absolute;
|
| 5553 |
-
left: 0;
|
| 5554 |
-
top: 0;
|
| 5555 |
-
z-index: 9999;
|
| 5556 |
-
-webkit-transform-origin: 0 0;
|
| 5557 |
-
transform-origin: 0 0;
|
| 5558 |
-
}
|
| 5559 |
-
|
| 5560 |
-
.dropdown-content:focus {
|
| 5561 |
-
outline: 0;
|
| 5562 |
-
}
|
| 5563 |
-
|
| 5564 |
-
.dropdown-content li {
|
| 5565 |
-
clear: both;
|
| 5566 |
-
color: rgba(0, 0, 0, 0.87);
|
| 5567 |
-
cursor: pointer;
|
| 5568 |
-
min-height: 50px;
|
| 5569 |
-
line-height: 1.5rem;
|
| 5570 |
-
width: 100%;
|
| 5571 |
-
text-align: left;
|
| 5572 |
-
}
|
| 5573 |
-
|
| 5574 |
-
.dropdown-content li:hover, .dropdown-content li.active {
|
| 5575 |
-
background-color: #eee;
|
| 5576 |
-
}
|
| 5577 |
-
|
| 5578 |
-
.dropdown-content li:focus {
|
| 5579 |
-
outline: none;
|
| 5580 |
-
}
|
| 5581 |
-
|
| 5582 |
-
.dropdown-content li.divider {
|
| 5583 |
-
min-height: 0;
|
| 5584 |
-
height: 1px;
|
| 5585 |
-
}
|
| 5586 |
-
|
| 5587 |
-
.dropdown-content li > a, .dropdown-content li > span {
|
| 5588 |
-
font-size: 16px;
|
| 5589 |
-
color: #26a69a;
|
| 5590 |
-
display: block;
|
| 5591 |
-
line-height: 22px;
|
| 5592 |
-
padding: 14px 16px;
|
| 5593 |
-
}
|
| 5594 |
-
|
| 5595 |
-
.dropdown-content li > span > label {
|
| 5596 |
-
top: 1px;
|
| 5597 |
-
left: 0;
|
| 5598 |
-
height: 18px;
|
| 5599 |
-
}
|
| 5600 |
-
|
| 5601 |
-
.dropdown-content li > a > i {
|
| 5602 |
-
height: inherit;
|
| 5603 |
-
line-height: inherit;
|
| 5604 |
-
float: left;
|
| 5605 |
-
margin: 0 24px 0 0;
|
| 5606 |
-
width: 24px;
|
| 5607 |
-
}
|
| 5608 |
-
|
| 5609 |
-
body.keyboard-focused .dropdown-content li:focus {
|
| 5610 |
-
background-color: #dadada;
|
| 5611 |
-
}
|
| 5612 |
-
|
| 5613 |
-
.input-field.col .dropdown-content [type="checkbox"] + label {
|
| 5614 |
-
top: 1px;
|
| 5615 |
-
left: 0;
|
| 5616 |
-
height: 18px;
|
| 5617 |
-
-webkit-transform: none;
|
| 5618 |
-
transform: none;
|
| 5619 |
-
}
|
| 5620 |
-
|
| 5621 |
-
.dropdown-trigger {
|
| 5622 |
-
cursor: pointer;
|
| 5623 |
-
}
|
| 5624 |
-
|
| 5625 |
-
/*!
|
| 5626 |
-
* Waves v0.6.0
|
| 5627 |
-
* http://fian.my.id/Waves
|
| 5628 |
-
*
|
| 5629 |
-
* Copyright 2014 Alfiana E. Sibuea and other contributors
|
| 5630 |
-
* Released under the MIT license
|
| 5631 |
-
* https://github.com/fians/Waves/blob/master/LICENSE
|
| 5632 |
-
*/
|
| 5633 |
-
.waves-effect {
|
| 5634 |
-
position: relative;
|
| 5635 |
-
cursor: pointer;
|
| 5636 |
-
display: inline-block;
|
| 5637 |
-
overflow: hidden;
|
| 5638 |
-
-webkit-user-select: none;
|
| 5639 |
-
-moz-user-select: none;
|
| 5640 |
-
-ms-user-select: none;
|
| 5641 |
-
user-select: none;
|
| 5642 |
-
-webkit-tap-highlight-color: transparent;
|
| 5643 |
-
vertical-align: middle;
|
| 5644 |
-
z-index: 1;
|
| 5645 |
-
-webkit-transition: .3s ease-out;
|
| 5646 |
-
transition: .3s ease-out;
|
| 5647 |
-
}
|
| 5648 |
-
|
| 5649 |
-
.waves-effect .waves-ripple {
|
| 5650 |
-
position: absolute;
|
| 5651 |
-
border-radius: 50%;
|
| 5652 |
-
width: 20px;
|
| 5653 |
-
height: 20px;
|
| 5654 |
-
margin-top: -10px;
|
| 5655 |
-
margin-left: -10px;
|
| 5656 |
-
opacity: 0;
|
| 5657 |
-
background: rgba(0, 0, 0, 0.2);
|
| 5658 |
-
-webkit-transition: all 0.7s ease-out;
|
| 5659 |
-
transition: all 0.7s ease-out;
|
| 5660 |
-
-webkit-transition-property: opacity, -webkit-transform;
|
| 5661 |
-
transition-property: opacity, -webkit-transform;
|
| 5662 |
-
transition-property: transform, opacity;
|
| 5663 |
-
transition-property: transform, opacity, -webkit-transform;
|
| 5664 |
-
-webkit-transform: scale(0);
|
| 5665 |
-
transform: scale(0);
|
| 5666 |
-
pointer-events: none;
|
| 5667 |
-
}
|
| 5668 |
-
|
| 5669 |
-
.waves-effect.waves-light .waves-ripple {
|
| 5670 |
-
background-color: rgba(255, 255, 255, 0.45);
|
| 5671 |
-
}
|
| 5672 |
-
|
| 5673 |
-
.waves-effect.waves-red .waves-ripple {
|
| 5674 |
-
background-color: rgba(244, 67, 54, 0.7);
|
| 5675 |
-
}
|
| 5676 |
-
|
| 5677 |
-
.waves-effect.waves-yellow .waves-ripple {
|
| 5678 |
-
background-color: rgba(255, 235, 59, 0.7);
|
| 5679 |
-
}
|
| 5680 |
-
|
| 5681 |
-
.waves-effect.waves-orange .waves-ripple {
|
| 5682 |
-
background-color: rgba(255, 152, 0, 0.7);
|
| 5683 |
-
}
|
| 5684 |
-
|
| 5685 |
-
.waves-effect.waves-purple .waves-ripple {
|
| 5686 |
-
background-color: rgba(156, 39, 176, 0.7);
|
| 5687 |
-
}
|
| 5688 |
-
|
| 5689 |
-
.waves-effect.waves-green .waves-ripple {
|
| 5690 |
-
background-color: rgba(76, 175, 80, 0.7);
|
| 5691 |
-
}
|
| 5692 |
-
|
| 5693 |
-
.waves-effect.waves-teal .waves-ripple {
|
| 5694 |
-
background-color: rgba(0, 150, 136, 0.7);
|
| 5695 |
-
}
|
| 5696 |
-
|
| 5697 |
-
.waves-effect input[type="button"], .waves-effect input[type="reset"], .waves-effect input[type="submit"] {
|
| 5698 |
-
border: 0;
|
| 5699 |
-
font-style: normal;
|
| 5700 |
-
font-size: inherit;
|
| 5701 |
-
text-transform: inherit;
|
| 5702 |
-
background: none;
|
| 5703 |
-
}
|
| 5704 |
-
|
| 5705 |
-
.waves-effect img {
|
| 5706 |
-
position: relative;
|
| 5707 |
-
z-index: -1;
|
| 5708 |
-
}
|
| 5709 |
-
|
| 5710 |
-
.waves-notransition {
|
| 5711 |
-
-webkit-transition: none !important;
|
| 5712 |
-
transition: none !important;
|
| 5713 |
-
}
|
| 5714 |
-
|
| 5715 |
-
.waves-circle {
|
| 5716 |
-
-webkit-transform: translateZ(0);
|
| 5717 |
-
transform: translateZ(0);
|
| 5718 |
-
-webkit-mask-image: -webkit-radial-gradient(circle, white 100%, black 100%);
|
| 5719 |
-
}
|
| 5720 |
-
|
| 5721 |
-
.waves-input-wrapper {
|
| 5722 |
-
border-radius: 0.2em;
|
| 5723 |
-
vertical-align: bottom;
|
| 5724 |
-
}
|
| 5725 |
-
|
| 5726 |
-
.waves-input-wrapper .waves-button-input {
|
| 5727 |
-
position: relative;
|
| 5728 |
-
top: 0;
|
| 5729 |
-
left: 0;
|
| 5730 |
-
z-index: 1;
|
| 5731 |
-
}
|
| 5732 |
-
|
| 5733 |
-
.waves-circle {
|
| 5734 |
-
text-align: center;
|
| 5735 |
-
width: 2.5em;
|
| 5736 |
-
height: 2.5em;
|
| 5737 |
-
line-height: 2.5em;
|
| 5738 |
-
border-radius: 50%;
|
| 5739 |
-
-webkit-mask-image: none;
|
| 5740 |
-
}
|
| 5741 |
-
|
| 5742 |
-
.waves-block {
|
| 5743 |
-
display: block;
|
| 5744 |
-
}
|
| 5745 |
-
|
| 5746 |
-
/* Firefox Bug: link not triggered */
|
| 5747 |
-
.waves-effect .waves-ripple {
|
| 5748 |
-
z-index: -1;
|
| 5749 |
-
}
|
| 5750 |
-
|
| 5751 |
-
.modal {
|
| 5752 |
-
display: none;
|
| 5753 |
-
position: fixed;
|
| 5754 |
-
left: 0;
|
| 5755 |
-
right: 0;
|
| 5756 |
-
background-color: #fafafa;
|
| 5757 |
-
padding: 0;
|
| 5758 |
-
max-height: 70%;
|
| 5759 |
-
width: 55%;
|
| 5760 |
-
margin: auto;
|
| 5761 |
-
overflow-y: auto;
|
| 5762 |
-
border-radius: 2px;
|
| 5763 |
-
will-change: top, opacity;
|
| 5764 |
-
}
|
| 5765 |
-
|
| 5766 |
-
.modal:focus {
|
| 5767 |
-
outline: none;
|
| 5768 |
-
}
|
| 5769 |
-
|
| 5770 |
-
@media only screen and (max-width: 992px) {
|
| 5771 |
-
.modal {
|
| 5772 |
-
width: 80%;
|
| 5773 |
-
}
|
| 5774 |
-
}
|
| 5775 |
-
|
| 5776 |
-
.modal h1, .modal h2, .modal h3, .modal h4 {
|
| 5777 |
-
margin-top: 0;
|
| 5778 |
-
}
|
| 5779 |
-
|
| 5780 |
-
.modal .modal-content {
|
| 5781 |
-
padding: 24px;
|
| 5782 |
-
}
|
| 5783 |
-
|
| 5784 |
-
.modal .modal-close {
|
| 5785 |
-
cursor: pointer;
|
| 5786 |
-
}
|
| 5787 |
-
|
| 5788 |
-
.modal .modal-footer {
|
| 5789 |
-
border-radius: 0 0 2px 2px;
|
| 5790 |
-
background-color: #fafafa;
|
| 5791 |
-
padding: 4px 6px;
|
| 5792 |
-
height: 56px;
|
| 5793 |
-
width: 100%;
|
| 5794 |
-
text-align: right;
|
| 5795 |
-
}
|
| 5796 |
-
|
| 5797 |
-
.modal .modal-footer .btn, .modal .modal-footer .btn-large, .modal .modal-footer .btn-small, .modal .modal-footer .btn-flat {
|
| 5798 |
-
margin: 6px 0;
|
| 5799 |
-
}
|
| 5800 |
-
|
| 5801 |
-
.modal-overlay {
|
| 5802 |
-
position: fixed;
|
| 5803 |
-
z-index: 999;
|
| 5804 |
-
top: -25%;
|
| 5805 |
-
left: 0;
|
| 5806 |
-
bottom: 0;
|
| 5807 |
-
right: 0;
|
| 5808 |
-
height: 125%;
|
| 5809 |
-
width: 100%;
|
| 5810 |
-
background: #000;
|
| 5811 |
-
display: none;
|
| 5812 |
-
will-change: opacity;
|
| 5813 |
-
}
|
| 5814 |
-
|
| 5815 |
-
.modal.modal-fixed-footer {
|
| 5816 |
-
padding: 0;
|
| 5817 |
-
height: 70%;
|
| 5818 |
-
}
|
| 5819 |
-
|
| 5820 |
-
.modal.modal-fixed-footer .modal-content {
|
| 5821 |
-
position: absolute;
|
| 5822 |
-
height: calc(100% - 56px);
|
| 5823 |
-
max-height: 100%;
|
| 5824 |
-
width: 100%;
|
| 5825 |
-
overflow-y: auto;
|
| 5826 |
-
}
|
| 5827 |
-
|
| 5828 |
-
.modal.modal-fixed-footer .modal-footer {
|
| 5829 |
-
border-top: 1px solid rgba(0, 0, 0, 0.1);
|
| 5830 |
-
position: absolute;
|
| 5831 |
-
bottom: 0;
|
| 5832 |
-
}
|
| 5833 |
-
|
| 5834 |
-
.modal.bottom-sheet {
|
| 5835 |
-
top: auto;
|
| 5836 |
-
bottom: -100%;
|
| 5837 |
-
margin: 0;
|
| 5838 |
-
width: 100%;
|
| 5839 |
-
max-height: 45%;
|
| 5840 |
-
border-radius: 0;
|
| 5841 |
-
will-change: bottom, opacity;
|
| 5842 |
-
}
|
| 5843 |
-
|
| 5844 |
-
.collapsible {
|
| 5845 |
-
border-top: 1px solid #ddd;
|
| 5846 |
-
border-right: 1px solid #ddd;
|
| 5847 |
-
border-left: 1px solid #ddd;
|
| 5848 |
-
margin: 0.5rem 0 1rem 0;
|
| 5849 |
-
}
|
| 5850 |
-
|
| 5851 |
-
.collapsible-header {
|
| 5852 |
-
display: -webkit-box;
|
| 5853 |
-
display: -webkit-flex;
|
| 5854 |
-
display: -ms-flexbox;
|
| 5855 |
-
display: flex;
|
| 5856 |
-
cursor: pointer;
|
| 5857 |
-
-webkit-tap-highlight-color: transparent;
|
| 5858 |
-
line-height: 1.5;
|
| 5859 |
-
padding: 1rem;
|
| 5860 |
-
background-color: #fff;
|
| 5861 |
-
border-bottom: 1px solid #ddd;
|
| 5862 |
-
}
|
| 5863 |
-
|
| 5864 |
-
.collapsible-header:focus {
|
| 5865 |
-
outline: 0;
|
| 5866 |
-
}
|
| 5867 |
-
|
| 5868 |
-
.collapsible-header i {
|
| 5869 |
-
width: 2rem;
|
| 5870 |
-
font-size: 1.6rem;
|
| 5871 |
-
display: inline-block;
|
| 5872 |
-
text-align: center;
|
| 5873 |
-
margin-right: 1rem;
|
| 5874 |
-
}
|
| 5875 |
-
|
| 5876 |
-
.keyboard-focused .collapsible-header:focus {
|
| 5877 |
-
background-color: #eee;
|
| 5878 |
-
}
|
| 5879 |
-
|
| 5880 |
-
.collapsible-body {
|
| 5881 |
-
display: none;
|
| 5882 |
-
border-bottom: 1px solid #ddd;
|
| 5883 |
-
-webkit-box-sizing: border-box;
|
| 5884 |
-
box-sizing: border-box;
|
| 5885 |
-
padding: 2rem;
|
| 5886 |
-
}
|
| 5887 |
-
|
| 5888 |
-
.sidenav .collapsible,
|
| 5889 |
-
.sidenav.fixed .collapsible {
|
| 5890 |
-
border: none;
|
| 5891 |
-
-webkit-box-shadow: none;
|
| 5892 |
-
box-shadow: none;
|
| 5893 |
-
}
|
| 5894 |
-
|
| 5895 |
-
.sidenav .collapsible li,
|
| 5896 |
-
.sidenav.fixed .collapsible li {
|
| 5897 |
-
padding: 0;
|
| 5898 |
-
}
|
| 5899 |
-
|
| 5900 |
-
.sidenav .collapsible-header,
|
| 5901 |
-
.sidenav.fixed .collapsible-header {
|
| 5902 |
-
background-color: transparent;
|
| 5903 |
-
border: none;
|
| 5904 |
-
line-height: inherit;
|
| 5905 |
-
height: inherit;
|
| 5906 |
-
padding: 0 16px;
|
| 5907 |
-
}
|
| 5908 |
-
|
| 5909 |
-
.sidenav .collapsible-header:hover,
|
| 5910 |
-
.sidenav.fixed .collapsible-header:hover {
|
| 5911 |
-
background-color: rgba(0, 0, 0, 0.05);
|
| 5912 |
-
}
|
| 5913 |
-
|
| 5914 |
-
.sidenav .collapsible-header i,
|
| 5915 |
-
.sidenav.fixed .collapsible-header i {
|
| 5916 |
-
line-height: inherit;
|
| 5917 |
-
}
|
| 5918 |
-
|
| 5919 |
-
.sidenav .collapsible-body,
|
| 5920 |
-
.sidenav.fixed .collapsible-body {
|
| 5921 |
-
border: 0;
|
| 5922 |
-
background-color: #fff;
|
| 5923 |
-
}
|
| 5924 |
-
|
| 5925 |
-
.sidenav .collapsible-body li a,
|
| 5926 |
-
.sidenav.fixed .collapsible-body li a {
|
| 5927 |
-
padding: 0 23.5px 0 31px;
|
| 5928 |
-
}
|
| 5929 |
-
|
| 5930 |
-
.collapsible.popout {
|
| 5931 |
-
border: none;
|
| 5932 |
-
-webkit-box-shadow: none;
|
| 5933 |
-
box-shadow: none;
|
| 5934 |
-
}
|
| 5935 |
-
|
| 5936 |
-
.collapsible.popout > li {
|
| 5937 |
-
-webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
|
| 5938 |
-
box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
|
| 5939 |
-
margin: 0 24px;
|
| 5940 |
-
-webkit-transition: margin 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94);
|
| 5941 |
-
transition: margin 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94);
|
| 5942 |
-
}
|
| 5943 |
-
|
| 5944 |
-
.collapsible.popout > li.active {
|
| 5945 |
-
-webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
|
| 5946 |
-
box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
|
| 5947 |
-
margin: 16px 0;
|
| 5948 |
-
}
|
| 5949 |
-
|
| 5950 |
-
.chip {
|
| 5951 |
-
display: inline-block;
|
| 5952 |
-
height: 32px;
|
| 5953 |
-
font-size: 13px;
|
| 5954 |
-
font-weight: 500;
|
| 5955 |
-
color: rgba(0, 0, 0, 0.6);
|
| 5956 |
-
line-height: 32px;
|
| 5957 |
-
padding: 0 12px;
|
| 5958 |
-
border-radius: 16px;
|
| 5959 |
-
background-color: #e4e4e4;
|
| 5960 |
-
margin-bottom: 5px;
|
| 5961 |
-
margin-right: 5px;
|
| 5962 |
-
}
|
| 5963 |
-
|
| 5964 |
-
.chip:focus {
|
| 5965 |
-
outline: none;
|
| 5966 |
-
background-color: #26a69a;
|
| 5967 |
-
color: #fff;
|
| 5968 |
-
}
|
| 5969 |
-
|
| 5970 |
-
.chip > img {
|
| 5971 |
-
float: left;
|
| 5972 |
-
margin: 0 8px 0 -12px;
|
| 5973 |
-
height: 32px;
|
| 5974 |
-
width: 32px;
|
| 5975 |
-
border-radius: 50%;
|
| 5976 |
-
}
|
| 5977 |
-
|
| 5978 |
-
.chip .close {
|
| 5979 |
-
cursor: pointer;
|
| 5980 |
-
float: right;
|
| 5981 |
-
font-size: 16px;
|
| 5982 |
-
line-height: 32px;
|
| 5983 |
-
padding-left: 8px;
|
| 5984 |
-
}
|
| 5985 |
-
|
| 5986 |
-
.chips {
|
| 5987 |
-
border: none;
|
| 5988 |
-
border-bottom: 1px solid #9e9e9e;
|
| 5989 |
-
-webkit-box-shadow: none;
|
| 5990 |
-
box-shadow: none;
|
| 5991 |
-
margin: 0 0 8px 0;
|
| 5992 |
-
min-height: 45px;
|
| 5993 |
-
outline: none;
|
| 5994 |
-
-webkit-transition: all .3s;
|
| 5995 |
-
transition: all .3s;
|
| 5996 |
-
}
|
| 5997 |
-
|
| 5998 |
-
.chips.focus {
|
| 5999 |
-
border-bottom: 1px solid #26a69a;
|
| 6000 |
-
-webkit-box-shadow: 0 1px 0 0 #26a69a;
|
| 6001 |
-
box-shadow: 0 1px 0 0 #26a69a;
|
| 6002 |
-
}
|
| 6003 |
-
|
| 6004 |
-
.chips:hover {
|
| 6005 |
-
cursor: text;
|
| 6006 |
-
}
|
| 6007 |
-
|
| 6008 |
-
.chips .input {
|
| 6009 |
-
background: none;
|
| 6010 |
-
border: 0;
|
| 6011 |
-
color: rgba(0, 0, 0, 0.6);
|
| 6012 |
-
display: inline-block;
|
| 6013 |
-
font-size: 16px;
|
| 6014 |
-
height: 3rem;
|
| 6015 |
-
line-height: 32px;
|
| 6016 |
-
outline: 0;
|
| 6017 |
-
margin: 0;
|
| 6018 |
-
padding: 0 !important;
|
| 6019 |
-
width: 120px !important;
|
| 6020 |
-
}
|
| 6021 |
-
|
| 6022 |
-
.chips .input:focus {
|
| 6023 |
-
border: 0 !important;
|
| 6024 |
-
-webkit-box-shadow: none !important;
|
| 6025 |
-
box-shadow: none !important;
|
| 6026 |
-
}
|
| 6027 |
-
|
| 6028 |
-
.chips .autocomplete-content {
|
| 6029 |
-
margin-top: 0;
|
| 6030 |
-
margin-bottom: 0;
|
| 6031 |
-
}
|
| 6032 |
-
|
| 6033 |
-
.prefix ~ .chips {
|
| 6034 |
-
margin-left: 3rem;
|
| 6035 |
-
width: 92%;
|
| 6036 |
-
width: calc(100% - 3rem);
|
| 6037 |
-
}
|
| 6038 |
-
|
| 6039 |
-
.chips:empty ~ label {
|
| 6040 |
-
font-size: 0.8rem;
|
| 6041 |
-
-webkit-transform: translateY(-140%);
|
| 6042 |
-
transform: translateY(-140%);
|
| 6043 |
-
}
|
| 6044 |
-
|
| 6045 |
-
.materialboxed {
|
| 6046 |
-
display: block;
|
| 6047 |
-
cursor: -webkit-zoom-in;
|
| 6048 |
-
cursor: zoom-in;
|
| 6049 |
-
position: relative;
|
| 6050 |
-
-webkit-transition: opacity .4s;
|
| 6051 |
-
transition: opacity .4s;
|
| 6052 |
-
-webkit-backface-visibility: hidden;
|
| 6053 |
-
}
|
| 6054 |
-
|
| 6055 |
-
.materialboxed:hover:not(.active) {
|
| 6056 |
-
opacity: .8;
|
| 6057 |
-
}
|
| 6058 |
-
|
| 6059 |
-
.materialboxed.active {
|
| 6060 |
-
cursor: -webkit-zoom-out;
|
| 6061 |
-
cursor: zoom-out;
|
| 6062 |
-
}
|
| 6063 |
-
|
| 6064 |
-
#materialbox-overlay {
|
| 6065 |
-
position: fixed;
|
| 6066 |
-
top: 0;
|
| 6067 |
-
right: 0;
|
| 6068 |
-
bottom: 0;
|
| 6069 |
-
left: 0;
|
| 6070 |
-
background-color: #292929;
|
| 6071 |
-
z-index: 1000;
|
| 6072 |
-
will-change: opacity;
|
| 6073 |
-
}
|
| 6074 |
-
|
| 6075 |
-
.materialbox-caption {
|
| 6076 |
-
position: fixed;
|
| 6077 |
-
display: none;
|
| 6078 |
-
color: #fff;
|
| 6079 |
-
line-height: 50px;
|
| 6080 |
-
bottom: 0;
|
| 6081 |
-
left: 0;
|
| 6082 |
-
width: 100%;
|
| 6083 |
-
text-align: center;
|
| 6084 |
-
padding: 0% 15%;
|
| 6085 |
-
height: 50px;
|
| 6086 |
-
z-index: 1000;
|
| 6087 |
-
-webkit-font-smoothing: antialiased;
|
| 6088 |
-
}
|
| 6089 |
-
|
| 6090 |
-
select:focus {
|
| 6091 |
-
outline: 1px solid #c9f3ef;
|
| 6092 |
-
}
|
| 6093 |
-
|
| 6094 |
-
button:focus {
|
| 6095 |
-
outline: none;
|
| 6096 |
-
background-color: #2ab7a9;
|
| 6097 |
-
}
|
| 6098 |
-
|
| 6099 |
-
label {
|
| 6100 |
-
font-size: 0.8rem;
|
| 6101 |
-
color: #9e9e9e;
|
| 6102 |
-
}
|
| 6103 |
-
|
| 6104 |
-
/* Text Inputs + Textarea
|
| 6105 |
-
========================================================================== */
|
| 6106 |
-
/* Style Placeholders */
|
| 6107 |
-
::-webkit-input-placeholder {
|
| 6108 |
-
color: #d1d1d1;
|
| 6109 |
-
}
|
| 6110 |
-
::-moz-placeholder {
|
| 6111 |
-
color: #d1d1d1;
|
| 6112 |
-
}
|
| 6113 |
-
:-ms-input-placeholder {
|
| 6114 |
-
color: #d1d1d1;
|
| 6115 |
-
}
|
| 6116 |
-
::-ms-input-placeholder {
|
| 6117 |
-
color: #d1d1d1;
|
| 6118 |
-
}
|
| 6119 |
-
::placeholder {
|
| 6120 |
-
color: #d1d1d1;
|
| 6121 |
-
}
|
| 6122 |
-
|
| 6123 |
-
|
| 6124 |
-
.input-field {
|
| 6125 |
-
position: relative;
|
| 6126 |
-
margin-top: 1rem;
|
| 6127 |
-
margin-bottom: 1rem;
|
| 6128 |
-
}
|
| 6129 |
-
|
| 6130 |
-
.input-field.inline {
|
| 6131 |
-
display: inline-block;
|
| 6132 |
-
vertical-align: middle;
|
| 6133 |
-
margin-left: 5px;
|
| 6134 |
-
}
|
| 6135 |
-
|
| 6136 |
-
.input-field.inline input,
|
| 6137 |
-
.input-field.inline .select-dropdown {
|
| 6138 |
-
margin-bottom: 1rem;
|
| 6139 |
-
}
|
| 6140 |
-
|
| 6141 |
-
.input-field.col label {
|
| 6142 |
-
left: 0.75rem;
|
| 6143 |
-
}
|
| 6144 |
-
|
| 6145 |
-
.input-field.col .prefix ~ label,
|
| 6146 |
-
.input-field.col .prefix ~ .validate ~ label {
|
| 6147 |
-
width: calc(100% - 3rem - 1.5rem);
|
| 6148 |
-
}
|
| 6149 |
-
|
| 6150 |
-
.input-field > label {
|
| 6151 |
-
color: #9e9e9e;
|
| 6152 |
-
position: absolute;
|
| 6153 |
-
top: 0;
|
| 6154 |
-
left: 0;
|
| 6155 |
-
font-size: 1rem;
|
| 6156 |
-
cursor: text;
|
| 6157 |
-
-webkit-transition: color .2s ease-out, -webkit-transform .2s ease-out;
|
| 6158 |
-
transition: color .2s ease-out, -webkit-transform .2s ease-out;
|
| 6159 |
-
transition: transform .2s ease-out, color .2s ease-out;
|
| 6160 |
-
transition: transform .2s ease-out, color .2s ease-out, -webkit-transform .2s ease-out;
|
| 6161 |
-
-webkit-transform-origin: 0% 100%;
|
| 6162 |
-
transform-origin: 0% 100%;
|
| 6163 |
-
text-align: initial;
|
| 6164 |
-
-webkit-transform: translateY(12px);
|
| 6165 |
-
transform: translateY(12px);
|
| 6166 |
-
}
|
| 6167 |
-
|
| 6168 |
-
.input-field > label:not(.label-icon).active {
|
| 6169 |
-
-webkit-transform: translateY(-14px) scale(0.8);
|
| 6170 |
-
transform: translateY(-14px) scale(0.8);
|
| 6171 |
-
-webkit-transform-origin: 0 0;
|
| 6172 |
-
transform-origin: 0 0;
|
| 6173 |
-
}
|
| 6174 |
-
|
| 6175 |
-
.input-field > input[type]:-webkit-autofill:not(.browser-default):not([type="search"]) + label,
|
| 6176 |
-
.input-field > input[type=date]:not(.browser-default) + label,
|
| 6177 |
-
.input-field > input[type=time]:not(.browser-default) + label {
|
| 6178 |
-
-webkit-transform: translateY(-14px) scale(0.8);
|
| 6179 |
-
transform: translateY(-14px) scale(0.8);
|
| 6180 |
-
-webkit-transform-origin: 0 0;
|
| 6181 |
-
transform-origin: 0 0;
|
| 6182 |
-
}
|
| 6183 |
-
|
| 6184 |
-
.input-field .helper-text {
|
| 6185 |
-
position: relative;
|
| 6186 |
-
min-height: 18px;
|
| 6187 |
-
display: block;
|
| 6188 |
-
font-size: 12px;
|
| 6189 |
-
color: rgba(0, 0, 0, 0.54);
|
| 6190 |
-
}
|
| 6191 |
-
|
| 6192 |
-
.input-field .helper-text::after {
|
| 6193 |
-
opacity: 1;
|
| 6194 |
-
position: absolute;
|
| 6195 |
-
top: 0;
|
| 6196 |
-
left: 0;
|
| 6197 |
-
}
|
| 6198 |
-
|
| 6199 |
-
.input-field .prefix {
|
| 6200 |
-
position: absolute;
|
| 6201 |
-
width: 3rem;
|
| 6202 |
-
font-size: 2rem;
|
| 6203 |
-
-webkit-transition: color .2s;
|
| 6204 |
-
transition: color .2s;
|
| 6205 |
-
top: 0.5rem;
|
| 6206 |
-
}
|
| 6207 |
-
|
| 6208 |
-
.input-field .prefix.active {
|
| 6209 |
-
color: #26a69a;
|
| 6210 |
-
}
|
| 6211 |
-
|
| 6212 |
-
.input-field .prefix ~ input,
|
| 6213 |
-
.input-field .prefix ~ textarea,
|
| 6214 |
-
.input-field .prefix ~ label,
|
| 6215 |
-
.input-field .prefix ~ .validate ~ label,
|
| 6216 |
-
.input-field .prefix ~ .helper-text,
|
| 6217 |
-
.input-field .prefix ~ .autocomplete-content {
|
| 6218 |
-
margin-left: 3rem;
|
| 6219 |
-
width: 92%;
|
| 6220 |
-
width: calc(100% - 3rem);
|
| 6221 |
-
}
|
| 6222 |
-
|
| 6223 |
-
.input-field .prefix ~ label {
|
| 6224 |
-
margin-left: 3rem;
|
| 6225 |
-
}
|
| 6226 |
-
|
| 6227 |
-
@media only screen and (max-width: 992px) {
|
| 6228 |
-
.input-field .prefix ~ input {
|
| 6229 |
-
width: 86%;
|
| 6230 |
-
width: calc(100% - 3rem);
|
| 6231 |
-
}
|
| 6232 |
-
}
|
| 6233 |
-
|
| 6234 |
-
@media only screen and (max-width: 600px) {
|
| 6235 |
-
.input-field .prefix ~ input {
|
| 6236 |
-
width: 80%;
|
| 6237 |
-
width: calc(100% - 3rem);
|
| 6238 |
-
}
|
| 6239 |
-
}
|
| 6240 |
-
|
| 6241 |
-
/* Search Field */
|
| 6242 |
-
.input-field input[type=search] {
|
| 6243 |
-
display: block;
|
| 6244 |
-
line-height: inherit;
|
| 6245 |
-
-webkit-transition: .3s background-color;
|
| 6246 |
-
transition: .3s background-color;
|
| 6247 |
-
}
|
| 6248 |
-
|
| 6249 |
-
.nav-wrapper .input-field input[type=search] {
|
| 6250 |
-
height: inherit;
|
| 6251 |
-
padding-left: 4rem;
|
| 6252 |
-
width: calc(100% - 4rem);
|
| 6253 |
-
border: 0;
|
| 6254 |
-
-webkit-box-shadow: none;
|
| 6255 |
-
box-shadow: none;
|
| 6256 |
-
}
|
| 6257 |
-
|
| 6258 |
-
.input-field input[type=search]:focus:not(.browser-default) {
|
| 6259 |
-
background-color: #fff;
|
| 6260 |
-
border: 0;
|
| 6261 |
-
-webkit-box-shadow: none;
|
| 6262 |
-
box-shadow: none;
|
| 6263 |
-
color: #444;
|
| 6264 |
-
}
|
| 6265 |
-
|
| 6266 |
-
.input-field input[type=search]:focus:not(.browser-default) + label i,
|
| 6267 |
-
.input-field input[type=search]:focus:not(.browser-default) ~ .mdi-navigation-close,
|
| 6268 |
-
.input-field input[type=search]:focus:not(.browser-default) ~ .material-icons {
|
| 6269 |
-
color: #444;
|
| 6270 |
-
}
|
| 6271 |
-
|
| 6272 |
-
.input-field input[type=search] + .label-icon {
|
| 6273 |
-
-webkit-transform: none;
|
| 6274 |
-
transform: none;
|
| 6275 |
-
left: 1rem;
|
| 6276 |
-
}
|
| 6277 |
-
|
| 6278 |
-
.input-field input[type=search] ~ .mdi-navigation-close,
|
| 6279 |
-
.input-field input[type=search] ~ .material-icons {
|
| 6280 |
-
position: absolute;
|
| 6281 |
-
top: 0;
|
| 6282 |
-
right: 1rem;
|
| 6283 |
-
color: transparent;
|
| 6284 |
-
cursor: pointer;
|
| 6285 |
-
font-size: 2rem;
|
| 6286 |
-
-webkit-transition: .3s color;
|
| 6287 |
-
transition: .3s color;
|
| 6288 |
-
}
|
| 6289 |
-
|
| 6290 |
-
/* Textarea */
|
| 6291 |
-
textarea {
|
| 6292 |
-
width: 100%;
|
| 6293 |
-
height: 3rem;
|
| 6294 |
-
background-color: transparent;
|
| 6295 |
-
}
|
| 6296 |
-
|
| 6297 |
-
textarea.materialize-textarea {
|
| 6298 |
-
line-height: normal;
|
| 6299 |
-
overflow-y: hidden;
|
| 6300 |
-
/* prevents scroll bar flash */
|
| 6301 |
-
padding: .8rem 0 .8rem 0;
|
| 6302 |
-
/* prevents text jump on Enter keypress */
|
| 6303 |
-
resize: none;
|
| 6304 |
-
min-height: 3rem;
|
| 6305 |
-
-webkit-box-sizing: border-box;
|
| 6306 |
-
box-sizing: border-box;
|
| 6307 |
-
}
|
| 6308 |
-
|
| 6309 |
-
.hiddendiv {
|
| 6310 |
-
visibility: hidden;
|
| 6311 |
-
white-space: pre-wrap;
|
| 6312 |
-
word-wrap: break-word;
|
| 6313 |
-
overflow-wrap: break-word;
|
| 6314 |
-
/* future version of deprecated 'word-wrap' */
|
| 6315 |
-
padding-top: 1.2rem;
|
| 6316 |
-
/* prevents text jump on Enter keypress */
|
| 6317 |
-
position: absolute;
|
| 6318 |
-
top: 0;
|
| 6319 |
-
z-index: -1;
|
| 6320 |
-
}
|
| 6321 |
-
|
| 6322 |
-
/* Autocomplete */
|
| 6323 |
-
.autocomplete-content li .highlight {
|
| 6324 |
-
color: #444;
|
| 6325 |
-
}
|
| 6326 |
-
|
| 6327 |
-
.autocomplete-content li img {
|
| 6328 |
-
height: 40px;
|
| 6329 |
-
width: 40px;
|
| 6330 |
-
margin: 5px 15px;
|
| 6331 |
-
}
|
| 6332 |
-
|
| 6333 |
-
/* Character Counter */
|
| 6334 |
-
.character-counter {
|
| 6335 |
-
min-height: 18px;
|
| 6336 |
-
}
|
| 6337 |
-
|
| 6338 |
-
/* Radio Buttons
|
| 6339 |
-
========================================================================== */
|
| 6340 |
-
[type="radio"]:not(:checked),
|
| 6341 |
-
[type="radio"]:checked {
|
| 6342 |
-
position: absolute;
|
| 6343 |
-
opacity: 0;
|
| 6344 |
-
pointer-events: none;
|
| 6345 |
-
}
|
| 6346 |
-
|
| 6347 |
-
[type="radio"]:not(:checked) + span,
|
| 6348 |
-
[type="radio"]:checked + span {
|
| 6349 |
-
position: relative;
|
| 6350 |
-
padding-left: 35px;
|
| 6351 |
-
cursor: pointer;
|
| 6352 |
-
display: inline-block;
|
| 6353 |
-
height: 25px;
|
| 6354 |
-
line-height: 25px;
|
| 6355 |
-
font-size: 1rem;
|
| 6356 |
-
-webkit-transition: .28s ease;
|
| 6357 |
-
transition: .28s ease;
|
| 6358 |
-
-webkit-user-select: none;
|
| 6359 |
-
-moz-user-select: none;
|
| 6360 |
-
-ms-user-select: none;
|
| 6361 |
-
user-select: none;
|
| 6362 |
-
}
|
| 6363 |
-
|
| 6364 |
-
[type="radio"] + span:before,
|
| 6365 |
-
[type="radio"] + span:after {
|
| 6366 |
-
content: '';
|
| 6367 |
-
position: absolute;
|
| 6368 |
-
left: 0;
|
| 6369 |
-
top: 0;
|
| 6370 |
-
margin: 4px;
|
| 6371 |
-
width: 16px;
|
| 6372 |
-
height: 16px;
|
| 6373 |
-
z-index: 0;
|
| 6374 |
-
-webkit-transition: .28s ease;
|
| 6375 |
-
transition: .28s ease;
|
| 6376 |
-
}
|
| 6377 |
-
|
| 6378 |
-
/* Unchecked styles */
|
| 6379 |
-
[type="radio"]:not(:checked) + span:before,
|
| 6380 |
-
[type="radio"]:not(:checked) + span:after,
|
| 6381 |
-
[type="radio"]:checked + span:before,
|
| 6382 |
-
[type="radio"]:checked + span:after,
|
| 6383 |
-
[type="radio"].with-gap:checked + span:before,
|
| 6384 |
-
[type="radio"].with-gap:checked + span:after {
|
| 6385 |
-
border-radius: 50%;
|
| 6386 |
-
}
|
| 6387 |
-
|
| 6388 |
-
[type="radio"]:not(:checked) + span:before,
|
| 6389 |
-
[type="radio"]:not(:checked) + span:after {
|
| 6390 |
-
border: 2px solid #5a5a5a;
|
| 6391 |
-
}
|
| 6392 |
-
|
| 6393 |
-
[type="radio"]:not(:checked) + span:after {
|
| 6394 |
-
-webkit-transform: scale(0);
|
| 6395 |
-
transform: scale(0);
|
| 6396 |
-
}
|
| 6397 |
-
|
| 6398 |
-
/* Checked styles */
|
| 6399 |
-
[type="radio"]:checked + span:before {
|
| 6400 |
-
border: 2px solid transparent;
|
| 6401 |
-
}
|
| 6402 |
-
|
| 6403 |
-
[type="radio"]:checked + span:after,
|
| 6404 |
-
[type="radio"].with-gap:checked + span:before,
|
| 6405 |
-
[type="radio"].with-gap:checked + span:after {
|
| 6406 |
-
border: 2px solid #26a69a;
|
| 6407 |
-
}
|
| 6408 |
-
|
| 6409 |
-
[type="radio"]:checked + span:after,
|
| 6410 |
-
[type="radio"].with-gap:checked + span:after {
|
| 6411 |
-
background-color: #26a69a;
|
| 6412 |
-
}
|
| 6413 |
-
|
| 6414 |
-
[type="radio"]:checked + span:after {
|
| 6415 |
-
-webkit-transform: scale(1.02);
|
| 6416 |
-
transform: scale(1.02);
|
| 6417 |
-
}
|
| 6418 |
-
|
| 6419 |
-
/* Radio With gap */
|
| 6420 |
-
[type="radio"].with-gap:checked + span:after {
|
| 6421 |
-
-webkit-transform: scale(0.5);
|
| 6422 |
-
transform: scale(0.5);
|
| 6423 |
-
}
|
| 6424 |
-
|
| 6425 |
-
/* Focused styles */
|
| 6426 |
-
[type="radio"].tabbed:focus + span:before {
|
| 6427 |
-
-webkit-box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.1);
|
| 6428 |
-
box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.1);
|
| 6429 |
-
}
|
| 6430 |
-
|
| 6431 |
-
/* Disabled Radio With gap */
|
| 6432 |
-
[type="radio"].with-gap:disabled:checked + span:before {
|
| 6433 |
-
border: 2px solid rgba(0, 0, 0, 0.42);
|
| 6434 |
-
}
|
| 6435 |
-
|
| 6436 |
-
[type="radio"].with-gap:disabled:checked + span:after {
|
| 6437 |
-
border: none;
|
| 6438 |
-
background-color: rgba(0, 0, 0, 0.42);
|
| 6439 |
-
}
|
| 6440 |
-
|
| 6441 |
-
/* Disabled style */
|
| 6442 |
-
[type="radio"]:disabled:not(:checked) + span:before,
|
| 6443 |
-
[type="radio"]:disabled:checked + span:before {
|
| 6444 |
-
background-color: transparent;
|
| 6445 |
-
border-color: rgba(0, 0, 0, 0.42);
|
| 6446 |
-
}
|
| 6447 |
-
|
| 6448 |
-
[type="radio"]:disabled + span {
|
| 6449 |
-
color: rgba(0, 0, 0, 0.42);
|
| 6450 |
-
}
|
| 6451 |
-
|
| 6452 |
-
[type="radio"]:disabled:not(:checked) + span:before {
|
| 6453 |
-
border-color: rgba(0, 0, 0, 0.42);
|
| 6454 |
-
}
|
| 6455 |
-
|
| 6456 |
-
[type="radio"]:disabled:checked + span:after {
|
| 6457 |
-
background-color: rgba(0, 0, 0, 0.42);
|
| 6458 |
-
border-color: #949494;
|
| 6459 |
-
}
|
| 6460 |
-
|
| 6461 |
-
/* Checkboxes
|
| 6462 |
-
========================================================================== */
|
| 6463 |
-
/* Remove default checkbox */
|
| 6464 |
-
[type="checkbox"]:not(:checked),
|
| 6465 |
-
[type="checkbox"]:checked {
|
| 6466 |
-
position: absolute;
|
| 6467 |
-
opacity: 0;
|
| 6468 |
-
pointer-events: none;
|
| 6469 |
-
}
|
| 6470 |
-
|
| 6471 |
-
[type="checkbox"] {
|
| 6472 |
-
/* checkbox aspect */
|
| 6473 |
-
}
|
| 6474 |
-
|
| 6475 |
-
[type="checkbox"] + span:not(.lever) {
|
| 6476 |
-
position: relative;
|
| 6477 |
-
padding-left: 35px;
|
| 6478 |
-
cursor: pointer;
|
| 6479 |
-
display: inline-block;
|
| 6480 |
-
height: 25px;
|
| 6481 |
-
line-height: 25px;
|
| 6482 |
-
font-size: 1rem;
|
| 6483 |
-
-webkit-user-select: none;
|
| 6484 |
-
-moz-user-select: none;
|
| 6485 |
-
-ms-user-select: none;
|
| 6486 |
-
user-select: none;
|
| 6487 |
-
}
|
| 6488 |
-
|
| 6489 |
-
[type="checkbox"] + span:not(.lever):before,
|
| 6490 |
-
[type="checkbox"]:not(.filled-in) + span:not(.lever):after {
|
| 6491 |
-
content: '';
|
| 6492 |
-
position: absolute;
|
| 6493 |
-
top: 0;
|
| 6494 |
-
left: 0;
|
| 6495 |
-
width: 18px;
|
| 6496 |
-
height: 18px;
|
| 6497 |
-
z-index: 0;
|
| 6498 |
-
border: 2px solid #5a5a5a;
|
| 6499 |
-
border-radius: 1px;
|
| 6500 |
-
margin-top: 3px;
|
| 6501 |
-
-webkit-transition: .2s;
|
| 6502 |
-
transition: .2s;
|
| 6503 |
-
}
|
| 6504 |
-
|
| 6505 |
-
[type="checkbox"]:not(.filled-in) + span:not(.lever):after {
|
| 6506 |
-
border: 0;
|
| 6507 |
-
-webkit-transform: scale(0);
|
| 6508 |
-
transform: scale(0);
|
| 6509 |
-
}
|
| 6510 |
-
|
| 6511 |
-
[type="checkbox"]:not(:checked):disabled + span:not(.lever):before {
|
| 6512 |
-
border: none;
|
| 6513 |
-
background-color: rgba(0, 0, 0, 0.42);
|
| 6514 |
-
}
|
| 6515 |
-
|
| 6516 |
-
[type="checkbox"].tabbed:focus + span:not(.lever):after {
|
| 6517 |
-
-webkit-transform: scale(1);
|
| 6518 |
-
transform: scale(1);
|
| 6519 |
-
border: 0;
|
| 6520 |
-
border-radius: 50%;
|
| 6521 |
-
-webkit-box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.1);
|
| 6522 |
-
box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.1);
|
| 6523 |
-
background-color: rgba(0, 0, 0, 0.1);
|
| 6524 |
-
}
|
| 6525 |
-
|
| 6526 |
-
[type="checkbox"]:checked + span:not(.lever):before {
|
| 6527 |
-
top: -4px;
|
| 6528 |
-
left: -5px;
|
| 6529 |
-
width: 12px;
|
| 6530 |
-
height: 22px;
|
| 6531 |
-
border-top: 2px solid transparent;
|
| 6532 |
-
border-left: 2px solid transparent;
|
| 6533 |
-
border-right: 2px solid #26a69a;
|
| 6534 |
-
border-bottom: 2px solid #26a69a;
|
| 6535 |
-
-webkit-transform: rotate(40deg);
|
| 6536 |
-
transform: rotate(40deg);
|
| 6537 |
-
-webkit-backface-visibility: hidden;
|
| 6538 |
-
backface-visibility: hidden;
|
| 6539 |
-
-webkit-transform-origin: 100% 100%;
|
| 6540 |
-
transform-origin: 100% 100%;
|
| 6541 |
-
}
|
| 6542 |
-
|
| 6543 |
-
[type="checkbox"]:checked:disabled + span:before {
|
| 6544 |
-
border-right: 2px solid rgba(0, 0, 0, 0.42);
|
| 6545 |
-
border-bottom: 2px solid rgba(0, 0, 0, 0.42);
|
| 6546 |
-
}
|
| 6547 |
-
|
| 6548 |
-
/* Indeterminate checkbox */
|
| 6549 |
-
[type="checkbox"]:indeterminate + span:not(.lever):before {
|
| 6550 |
-
top: -11px;
|
| 6551 |
-
left: -12px;
|
| 6552 |
-
width: 10px;
|
| 6553 |
-
height: 22px;
|
| 6554 |
-
border-top: none;
|
| 6555 |
-
border-left: none;
|
| 6556 |
-
border-right: 2px solid #26a69a;
|
| 6557 |
-
border-bottom: none;
|
| 6558 |
-
-webkit-transform: rotate(90deg);
|
| 6559 |
-
transform: rotate(90deg);
|
| 6560 |
-
-webkit-backface-visibility: hidden;
|
| 6561 |
-
backface-visibility: hidden;
|
| 6562 |
-
-webkit-transform-origin: 100% 100%;
|
| 6563 |
-
transform-origin: 100% 100%;
|
| 6564 |
-
}
|
| 6565 |
-
|
| 6566 |
-
[type="checkbox"]:indeterminate:disabled + span:not(.lever):before {
|
| 6567 |
-
border-right: 2px solid rgba(0, 0, 0, 0.42);
|
| 6568 |
-
background-color: transparent;
|
| 6569 |
-
}
|
| 6570 |
-
|
| 6571 |
-
[type="checkbox"].filled-in + span:not(.lever):after {
|
| 6572 |
-
border-radius: 2px;
|
| 6573 |
-
}
|
| 6574 |
-
|
| 6575 |
-
[type="checkbox"].filled-in + span:not(.lever):before,
|
| 6576 |
-
[type="checkbox"].filled-in + span:not(.lever):after {
|
| 6577 |
-
content: '';
|
| 6578 |
-
left: 0;
|
| 6579 |
-
position: absolute;
|
| 6580 |
-
/* .1s delay is for check animation */
|
| 6581 |
-
-webkit-transition: border .25s, background-color .25s, width .20s .1s, height .20s .1s, top .20s .1s, left .20s .1s;
|
| 6582 |
-
transition: border .25s, background-color .25s, width .20s .1s, height .20s .1s, top .20s .1s, left .20s .1s;
|
| 6583 |
-
z-index: 1;
|
| 6584 |
-
}
|
| 6585 |
-
|
| 6586 |
-
[type="checkbox"].filled-in:not(:checked) + span:not(.lever):before {
|
| 6587 |
-
width: 0;
|
| 6588 |
-
height: 0;
|
| 6589 |
-
border: 3px solid transparent;
|
| 6590 |
-
left: 6px;
|
| 6591 |
-
top: 10px;
|
| 6592 |
-
-webkit-transform: rotateZ(37deg);
|
| 6593 |
-
transform: rotateZ(37deg);
|
| 6594 |
-
-webkit-transform-origin: 100% 100%;
|
| 6595 |
-
transform-origin: 100% 100%;
|
| 6596 |
-
}
|
| 6597 |
-
|
| 6598 |
-
[type="checkbox"].filled-in:not(:checked) + span:not(.lever):after {
|
| 6599 |
-
height: 20px;
|
| 6600 |
-
width: 20px;
|
| 6601 |
-
background-color: transparent;
|
| 6602 |
-
border: 2px solid #5a5a5a;
|
| 6603 |
-
top: 0px;
|
| 6604 |
-
z-index: 0;
|
| 6605 |
-
}
|
| 6606 |
-
|
| 6607 |
-
[type="checkbox"].filled-in:checked + span:not(.lever):before {
|
| 6608 |
-
top: 0;
|
| 6609 |
-
left: 1px;
|
| 6610 |
-
width: 8px;
|
| 6611 |
-
height: 13px;
|
| 6612 |
-
border-top: 2px solid transparent;
|
| 6613 |
-
border-left: 2px solid transparent;
|
| 6614 |
-
border-right: 2px solid #fff;
|
| 6615 |
-
border-bottom: 2px solid #fff;
|
| 6616 |
-
-webkit-transform: rotateZ(37deg);
|
| 6617 |
-
transform: rotateZ(37deg);
|
| 6618 |
-
-webkit-transform-origin: 100% 100%;
|
| 6619 |
-
transform-origin: 100% 100%;
|
| 6620 |
-
}
|
| 6621 |
-
|
| 6622 |
-
[type="checkbox"].filled-in:checked + span:not(.lever):after {
|
| 6623 |
-
top: 0;
|
| 6624 |
-
width: 20px;
|
| 6625 |
-
height: 20px;
|
| 6626 |
-
border: 2px solid #26a69a;
|
| 6627 |
-
background-color: #26a69a;
|
| 6628 |
-
z-index: 0;
|
| 6629 |
-
}
|
| 6630 |
-
|
| 6631 |
-
[type="checkbox"].filled-in.tabbed:focus + span:not(.lever):after {
|
| 6632 |
-
border-radius: 2px;
|
| 6633 |
-
border-color: #5a5a5a;
|
| 6634 |
-
background-color: rgba(0, 0, 0, 0.1);
|
| 6635 |
-
}
|
| 6636 |
-
|
| 6637 |
-
[type="checkbox"].filled-in.tabbed:checked:focus + span:not(.lever):after {
|
| 6638 |
-
border-radius: 2px;
|
| 6639 |
-
background-color: #26a69a;
|
| 6640 |
-
border-color: #26a69a;
|
| 6641 |
-
}
|
| 6642 |
-
|
| 6643 |
-
[type="checkbox"].filled-in:disabled:not(:checked) + span:not(.lever):before {
|
| 6644 |
-
background-color: transparent;
|
| 6645 |
-
border: 2px solid transparent;
|
| 6646 |
-
}
|
| 6647 |
-
|
| 6648 |
-
[type="checkbox"].filled-in:disabled:not(:checked) + span:not(.lever):after {
|
| 6649 |
-
border-color: transparent;
|
| 6650 |
-
background-color: #949494;
|
| 6651 |
-
}
|
| 6652 |
-
|
| 6653 |
-
[type="checkbox"].filled-in:disabled:checked + span:not(.lever):before {
|
| 6654 |
-
background-color: transparent;
|
| 6655 |
-
}
|
| 6656 |
-
|
| 6657 |
-
[type="checkbox"].filled-in:disabled:checked + span:not(.lever):after {
|
| 6658 |
-
background-color: #949494;
|
| 6659 |
-
border-color: #949494;
|
| 6660 |
-
}
|
| 6661 |
-
|
| 6662 |
-
/* Switch
|
| 6663 |
-
========================================================================== */
|
| 6664 |
-
.switch,
|
| 6665 |
-
.switch * {
|
| 6666 |
-
-webkit-tap-highlight-color: transparent;
|
| 6667 |
-
-webkit-user-select: none;
|
| 6668 |
-
-moz-user-select: none;
|
| 6669 |
-
-ms-user-select: none;
|
| 6670 |
-
user-select: none;
|
| 6671 |
-
}
|
| 6672 |
-
|
| 6673 |
-
.switch label {
|
| 6674 |
-
cursor: pointer;
|
| 6675 |
-
}
|
| 6676 |
-
|
| 6677 |
-
.switch label input[type=checkbox] {
|
| 6678 |
-
opacity: 0;
|
| 6679 |
-
width: 0;
|
| 6680 |
-
height: 0;
|
| 6681 |
-
}
|
| 6682 |
-
|
| 6683 |
-
.switch label input[type=checkbox]:checked + .lever {
|
| 6684 |
-
background-color: #84c7c1;
|
| 6685 |
-
}
|
| 6686 |
-
|
| 6687 |
-
.switch label input[type=checkbox]:checked + .lever:before, .switch label input[type=checkbox]:checked + .lever:after {
|
| 6688 |
-
left: 18px;
|
| 6689 |
-
}
|
| 6690 |
-
|
| 6691 |
-
.switch label input[type=checkbox]:checked + .lever:after {
|
| 6692 |
-
background-color: #26a69a;
|
| 6693 |
-
}
|
| 6694 |
-
|
| 6695 |
-
.switch label .lever {
|
| 6696 |
-
content: "";
|
| 6697 |
-
display: inline-block;
|
| 6698 |
-
position: relative;
|
| 6699 |
-
width: 36px;
|
| 6700 |
-
height: 14px;
|
| 6701 |
-
background-color: rgba(0, 0, 0, 0.38);
|
| 6702 |
-
border-radius: 15px;
|
| 6703 |
-
margin-right: 10px;
|
| 6704 |
-
-webkit-transition: background 0.3s ease;
|
| 6705 |
-
transition: background 0.3s ease;
|
| 6706 |
-
vertical-align: middle;
|
| 6707 |
-
margin: 0 16px;
|
| 6708 |
-
}
|
| 6709 |
-
|
| 6710 |
-
.switch label .lever:before, .switch label .lever:after {
|
| 6711 |
-
content: "";
|
| 6712 |
-
position: absolute;
|
| 6713 |
-
display: inline-block;
|
| 6714 |
-
width: 20px;
|
| 6715 |
-
height: 20px;
|
| 6716 |
-
border-radius: 50%;
|
| 6717 |
-
left: 0;
|
| 6718 |
-
top: -3px;
|
| 6719 |
-
-webkit-transition: left 0.3s ease, background .3s ease, -webkit-box-shadow 0.1s ease, -webkit-transform .1s ease;
|
| 6720 |
-
transition: left 0.3s ease, background .3s ease, -webkit-box-shadow 0.1s ease, -webkit-transform .1s ease;
|
| 6721 |
-
transition: left 0.3s ease, background .3s ease, box-shadow 0.1s ease, transform .1s ease;
|
| 6722 |
-
transition: left 0.3s ease, background .3s ease, box-shadow 0.1s ease, transform .1s ease, -webkit-box-shadow 0.1s ease, -webkit-transform .1s ease;
|
| 6723 |
-
}
|
| 6724 |
-
|
| 6725 |
-
.switch label .lever:before {
|
| 6726 |
-
background-color: rgba(38, 166, 154, 0.15);
|
| 6727 |
-
}
|
| 6728 |
-
|
| 6729 |
-
.switch label .lever:after {
|
| 6730 |
-
background-color: #F1F1F1;
|
| 6731 |
-
-webkit-box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
|
| 6732 |
-
box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
|
| 6733 |
-
}
|
| 6734 |
-
|
| 6735 |
-
input[type=checkbox]:checked:not(:disabled) ~ .lever:active::before,
|
| 6736 |
-
input[type=checkbox]:checked:not(:disabled).tabbed:focus ~ .lever::before {
|
| 6737 |
-
-webkit-transform: scale(2.4);
|
| 6738 |
-
transform: scale(2.4);
|
| 6739 |
-
background-color: rgba(38, 166, 154, 0.15);
|
| 6740 |
-
}
|
| 6741 |
-
|
| 6742 |
-
input[type=checkbox]:not(:disabled) ~ .lever:active:before,
|
| 6743 |
-
input[type=checkbox]:not(:disabled).tabbed:focus ~ .lever::before {
|
| 6744 |
-
-webkit-transform: scale(2.4);
|
| 6745 |
-
transform: scale(2.4);
|
| 6746 |
-
background-color: rgba(0, 0, 0, 0.08);
|
| 6747 |
-
}
|
| 6748 |
-
|
| 6749 |
-
.switch input[type=checkbox][disabled] + .lever {
|
| 6750 |
-
cursor: default;
|
| 6751 |
-
background-color: rgba(0, 0, 0, 0.12);
|
| 6752 |
-
}
|
| 6753 |
-
|
| 6754 |
-
.switch label input[type=checkbox][disabled] + .lever:after,
|
| 6755 |
-
.switch label input[type=checkbox][disabled]:checked + .lever:after {
|
| 6756 |
-
background-color: #949494;
|
| 6757 |
-
}
|
| 6758 |
-
|
| 6759 |
-
/* Select Field
|
| 6760 |
-
========================================================================== */
|
| 6761 |
-
select {
|
| 6762 |
-
display: none;
|
| 6763 |
-
}
|
| 6764 |
-
|
| 6765 |
-
select.browser-default {
|
| 6766 |
-
display: block;
|
| 6767 |
-
}
|
| 6768 |
-
|
| 6769 |
-
select {
|
| 6770 |
-
background-color: rgba(255, 255, 255, 0.9);
|
| 6771 |
-
width: 100%;
|
| 6772 |
-
padding: 5px;
|
| 6773 |
-
border: 1px solid #f2f2f2;
|
| 6774 |
-
border-radius: 2px;
|
| 6775 |
-
height: 3rem;
|
| 6776 |
-
}
|
| 6777 |
-
|
| 6778 |
-
.select-label {
|
| 6779 |
-
position: absolute;
|
| 6780 |
-
}
|
| 6781 |
-
|
| 6782 |
-
.select-wrapper {
|
| 6783 |
-
position: relative;
|
| 6784 |
-
}
|
| 6785 |
-
|
| 6786 |
-
.select-wrapper.valid + label,
|
| 6787 |
-
.select-wrapper.invalid + label {
|
| 6788 |
-
width: 100%;
|
| 6789 |
-
pointer-events: none;
|
| 6790 |
-
}
|
| 6791 |
-
|
| 6792 |
-
.select-wrapper input.select-dropdown {
|
| 6793 |
-
position: relative;
|
| 6794 |
-
cursor: pointer;
|
| 6795 |
-
background-color: transparent;
|
| 6796 |
-
border: none;
|
| 6797 |
-
border-bottom: 1px solid #9e9e9e;
|
| 6798 |
-
outline: none;
|
| 6799 |
-
height: 3rem;
|
| 6800 |
-
line-height: 3rem;
|
| 6801 |
-
width: 100%;
|
| 6802 |
-
font-size: 16px;
|
| 6803 |
-
margin: 0 0 8px 0;
|
| 6804 |
-
padding: 0;
|
| 6805 |
-
display: block;
|
| 6806 |
-
-webkit-user-select: none;
|
| 6807 |
-
-moz-user-select: none;
|
| 6808 |
-
-ms-user-select: none;
|
| 6809 |
-
user-select: none;
|
| 6810 |
-
z-index: 1;
|
| 6811 |
-
}
|
| 6812 |
-
|
| 6813 |
-
.select-wrapper input.select-dropdown:focus {
|
| 6814 |
-
border-bottom: 1px solid #26a69a;
|
| 6815 |
-
}
|
| 6816 |
-
|
| 6817 |
-
.select-wrapper .caret {
|
| 6818 |
-
position: absolute;
|
| 6819 |
-
right: 0;
|
| 6820 |
-
top: 0;
|
| 6821 |
-
bottom: 0;
|
| 6822 |
-
margin: auto 0;
|
| 6823 |
-
z-index: 0;
|
| 6824 |
-
fill: rgba(0, 0, 0, 0.87);
|
| 6825 |
-
}
|
| 6826 |
-
|
| 6827 |
-
.select-wrapper + label {
|
| 6828 |
-
position: absolute;
|
| 6829 |
-
top: -26px;
|
| 6830 |
-
font-size: 0.8rem;
|
| 6831 |
-
}
|
| 6832 |
-
|
| 6833 |
-
select:disabled {
|
| 6834 |
-
color: rgba(0, 0, 0, 0.42);
|
| 6835 |
-
}
|
| 6836 |
-
|
| 6837 |
-
.select-wrapper.disabled + label {
|
| 6838 |
-
color: rgba(0, 0, 0, 0.42);
|
| 6839 |
-
}
|
| 6840 |
-
|
| 6841 |
-
.select-wrapper.disabled .caret {
|
| 6842 |
-
fill: rgba(0, 0, 0, 0.42);
|
| 6843 |
-
}
|
| 6844 |
-
|
| 6845 |
-
.select-wrapper input.select-dropdown:disabled {
|
| 6846 |
-
color: rgba(0, 0, 0, 0.42);
|
| 6847 |
-
cursor: default;
|
| 6848 |
-
-webkit-user-select: none;
|
| 6849 |
-
-moz-user-select: none;
|
| 6850 |
-
-ms-user-select: none;
|
| 6851 |
-
user-select: none;
|
| 6852 |
-
}
|
| 6853 |
-
|
| 6854 |
-
.select-wrapper i {
|
| 6855 |
-
color: rgba(0, 0, 0, 0.3);
|
| 6856 |
-
}
|
| 6857 |
-
|
| 6858 |
-
.select-dropdown li.disabled,
|
| 6859 |
-
.select-dropdown li.disabled > span,
|
| 6860 |
-
.select-dropdown li.optgroup {
|
| 6861 |
-
color: rgba(0, 0, 0, 0.3);
|
| 6862 |
-
background-color: transparent;
|
| 6863 |
-
}
|
| 6864 |
-
|
| 6865 |
-
body.keyboard-focused .select-dropdown.dropdown-content li:focus {
|
| 6866 |
-
background-color: rgba(0, 0, 0, 0.08);
|
| 6867 |
-
}
|
| 6868 |
-
|
| 6869 |
-
.select-dropdown.dropdown-content li:hover {
|
| 6870 |
-
background-color: rgba(0, 0, 0, 0.08);
|
| 6871 |
-
}
|
| 6872 |
-
|
| 6873 |
-
.select-dropdown.dropdown-content li.selected {
|
| 6874 |
-
background-color: rgba(0, 0, 0, 0.03);
|
| 6875 |
-
}
|
| 6876 |
-
|
| 6877 |
-
.prefix ~ .select-wrapper {
|
| 6878 |
-
margin-left: 3rem;
|
| 6879 |
-
width: 92%;
|
| 6880 |
-
width: calc(100% - 3rem);
|
| 6881 |
-
}
|
| 6882 |
-
|
| 6883 |
-
.prefix ~ label {
|
| 6884 |
-
margin-left: 3rem;
|
| 6885 |
-
}
|
| 6886 |
-
|
| 6887 |
-
.select-dropdown li img {
|
| 6888 |
-
height: 40px;
|
| 6889 |
-
width: 40px;
|
| 6890 |
-
margin: 5px 15px;
|
| 6891 |
-
float: right;
|
| 6892 |
-
}
|
| 6893 |
-
|
| 6894 |
-
.select-dropdown li.optgroup {
|
| 6895 |
-
border-top: 1px solid #eee;
|
| 6896 |
-
}
|
| 6897 |
-
|
| 6898 |
-
.select-dropdown li.optgroup.selected > span {
|
| 6899 |
-
color: rgba(0, 0, 0, 0.7);
|
| 6900 |
-
}
|
| 6901 |
-
|
| 6902 |
-
.select-dropdown li.optgroup > span {
|
| 6903 |
-
color: rgba(0, 0, 0, 0.4);
|
| 6904 |
-
}
|
| 6905 |
-
|
| 6906 |
-
.select-dropdown li.optgroup ~ li.optgroup-option {
|
| 6907 |
-
padding-left: 1rem;
|
| 6908 |
-
}
|
| 6909 |
-
|
| 6910 |
-
/* File Input
|
| 6911 |
-
========================================================================== */
|
| 6912 |
-
.file-field {
|
| 6913 |
-
position: relative;
|
| 6914 |
-
}
|
| 6915 |
-
|
| 6916 |
-
.file-field .file-path-wrapper {
|
| 6917 |
-
overflow: hidden;
|
| 6918 |
-
padding-left: 10px;
|
| 6919 |
-
}
|
| 6920 |
-
|
| 6921 |
-
.file-field input.file-path {
|
| 6922 |
-
width: 100%;
|
| 6923 |
-
}
|
| 6924 |
-
|
| 6925 |
-
.file-field .btn, .file-field .btn-large, .file-field .btn-small {
|
| 6926 |
-
float: left;
|
| 6927 |
-
height: 3rem;
|
| 6928 |
-
line-height: 3rem;
|
| 6929 |
-
}
|
| 6930 |
-
|
| 6931 |
-
.file-field span {
|
| 6932 |
-
cursor: pointer;
|
| 6933 |
-
}
|
| 6934 |
-
|
| 6935 |
-
.file-field input[type=file] {
|
| 6936 |
-
position: absolute;
|
| 6937 |
-
top: 0;
|
| 6938 |
-
right: 0;
|
| 6939 |
-
left: 0;
|
| 6940 |
-
bottom: 0;
|
| 6941 |
-
width: 100%;
|
| 6942 |
-
margin: 0;
|
| 6943 |
-
padding: 0;
|
| 6944 |
-
font-size: 20px;
|
| 6945 |
-
cursor: pointer;
|
| 6946 |
-
opacity: 0;
|
| 6947 |
-
filter: alpha(opacity=0);
|
| 6948 |
-
}
|
| 6949 |
-
|
| 6950 |
-
.file-field input[type=file]::-webkit-file-upload-button {
|
| 6951 |
-
display: none;
|
| 6952 |
-
}
|
| 6953 |
-
|
| 6954 |
-
/* Range
|
| 6955 |
-
========================================================================== */
|
| 6956 |
-
.range-field {
|
| 6957 |
-
position: relative;
|
| 6958 |
-
}
|
| 6959 |
-
|
| 6960 |
-
input[type=range],
|
| 6961 |
-
input[type=range] + .thumb {
|
| 6962 |
-
cursor: pointer;
|
| 6963 |
-
}
|
| 6964 |
-
|
| 6965 |
-
input[type=range] {
|
| 6966 |
-
position: relative;
|
| 6967 |
-
background-color: transparent;
|
| 6968 |
-
border: none;
|
| 6969 |
-
outline: none;
|
| 6970 |
-
width: 100%;
|
| 6971 |
-
margin: 15px 0;
|
| 6972 |
-
padding: 0;
|
| 6973 |
-
}
|
| 6974 |
-
|
| 6975 |
-
input[type=range]:focus {
|
| 6976 |
-
outline: none;
|
| 6977 |
-
}
|
| 6978 |
-
|
| 6979 |
-
input[type=range] + .thumb {
|
| 6980 |
-
position: absolute;
|
| 6981 |
-
top: 10px;
|
| 6982 |
-
left: 0;
|
| 6983 |
-
border: none;
|
| 6984 |
-
height: 0;
|
| 6985 |
-
width: 0;
|
| 6986 |
-
border-radius: 50%;
|
| 6987 |
-
background-color: #26a69a;
|
| 6988 |
-
margin-left: 7px;
|
| 6989 |
-
-webkit-transform-origin: 50% 50%;
|
| 6990 |
-
transform-origin: 50% 50%;
|
| 6991 |
-
-webkit-transform: rotate(-45deg);
|
| 6992 |
-
transform: rotate(-45deg);
|
| 6993 |
-
}
|
| 6994 |
-
|
| 6995 |
-
input[type=range] + .thumb .value {
|
| 6996 |
-
display: block;
|
| 6997 |
-
width: 30px;
|
| 6998 |
-
text-align: center;
|
| 6999 |
-
color: #26a69a;
|
| 7000 |
-
font-size: 0;
|
| 7001 |
-
-webkit-transform: rotate(45deg);
|
| 7002 |
-
transform: rotate(45deg);
|
| 7003 |
-
}
|
| 7004 |
-
|
| 7005 |
-
input[type=range] + .thumb.active {
|
| 7006 |
-
border-radius: 50% 50% 50% 0;
|
| 7007 |
-
}
|
| 7008 |
-
|
| 7009 |
-
input[type=range] + .thumb.active .value {
|
| 7010 |
-
color: #fff;
|
| 7011 |
-
margin-left: -1px;
|
| 7012 |
-
margin-top: 8px;
|
| 7013 |
-
font-size: 10px;
|
| 7014 |
-
}
|
| 7015 |
-
|
| 7016 |
-
input[type=range] {
|
| 7017 |
-
-webkit-appearance: none;
|
| 7018 |
-
}
|
| 7019 |
-
|
| 7020 |
-
input[type=range]::-webkit-slider-runnable-track {
|
| 7021 |
-
height: 3px;
|
| 7022 |
-
background: #c2c0c2;
|
| 7023 |
-
border: none;
|
| 7024 |
-
}
|
| 7025 |
-
|
| 7026 |
-
input[type=range]::-webkit-slider-thumb {
|
| 7027 |
-
border: none;
|
| 7028 |
-
height: 14px;
|
| 7029 |
-
width: 14px;
|
| 7030 |
-
border-radius: 50%;
|
| 7031 |
-
background: #26a69a;
|
| 7032 |
-
-webkit-transition: -webkit-box-shadow .3s;
|
| 7033 |
-
transition: -webkit-box-shadow .3s;
|
| 7034 |
-
transition: box-shadow .3s;
|
| 7035 |
-
transition: box-shadow .3s, -webkit-box-shadow .3s;
|
| 7036 |
-
-webkit-appearance: none;
|
| 7037 |
-
background-color: #26a69a;
|
| 7038 |
-
-webkit-transform-origin: 50% 50%;
|
| 7039 |
-
transform-origin: 50% 50%;
|
| 7040 |
-
margin: -5px 0 0 0;
|
| 7041 |
-
}
|
| 7042 |
-
|
| 7043 |
-
.keyboard-focused input[type=range]:focus:not(.active)::-webkit-slider-thumb {
|
| 7044 |
-
-webkit-box-shadow: 0 0 0 10px rgba(38, 166, 154, 0.26);
|
| 7045 |
-
box-shadow: 0 0 0 10px rgba(38, 166, 154, 0.26);
|
| 7046 |
-
}
|
| 7047 |
-
|
| 7048 |
-
input[type=range] {
|
| 7049 |
-
/* fix for FF unable to apply focus style bug */
|
| 7050 |
-
border: 1px solid white;
|
| 7051 |
-
/*required for proper track sizing in FF*/
|
| 7052 |
-
}
|
| 7053 |
-
|
| 7054 |
-
input[type=range]::-moz-range-track {
|
| 7055 |
-
height: 3px;
|
| 7056 |
-
background: #c2c0c2;
|
| 7057 |
-
border: none;
|
| 7058 |
-
}
|
| 7059 |
-
|
| 7060 |
-
input[type=range]::-moz-focus-inner {
|
| 7061 |
-
border: 0;
|
| 7062 |
-
}
|
| 7063 |
-
|
| 7064 |
-
input[type=range]::-moz-range-thumb {
|
| 7065 |
-
border: none;
|
| 7066 |
-
height: 14px;
|
| 7067 |
-
width: 14px;
|
| 7068 |
-
border-radius: 50%;
|
| 7069 |
-
background: #26a69a;
|
| 7070 |
-
-webkit-transition: -webkit-box-shadow .3s;
|
| 7071 |
-
transition: -webkit-box-shadow .3s;
|
| 7072 |
-
transition: box-shadow .3s;
|
| 7073 |
-
transition: box-shadow .3s, -webkit-box-shadow .3s;
|
| 7074 |
-
margin-top: -5px;
|
| 7075 |
-
}
|
| 7076 |
-
|
| 7077 |
-
input[type=range]:-moz-focusring {
|
| 7078 |
-
outline: 1px solid #fff;
|
| 7079 |
-
outline-offset: -1px;
|
| 7080 |
-
}
|
| 7081 |
-
|
| 7082 |
-
.keyboard-focused input[type=range]:focus:not(.active)::-moz-range-thumb {
|
| 7083 |
-
box-shadow: 0 0 0 10px rgba(38, 166, 154, 0.26);
|
| 7084 |
-
}
|
| 7085 |
-
|
| 7086 |
-
input[type=range]::-ms-track {
|
| 7087 |
-
height: 3px;
|
| 7088 |
-
background: transparent;
|
| 7089 |
-
border-color: transparent;
|
| 7090 |
-
border-width: 6px 0;
|
| 7091 |
-
/*remove default tick marks*/
|
| 7092 |
-
color: transparent;
|
| 7093 |
-
}
|
| 7094 |
-
|
| 7095 |
-
input[type=range]::-ms-fill-lower {
|
| 7096 |
-
background: #777;
|
| 7097 |
-
}
|
| 7098 |
-
|
| 7099 |
-
input[type=range]::-ms-fill-upper {
|
| 7100 |
-
background: #ddd;
|
| 7101 |
-
}
|
| 7102 |
-
|
| 7103 |
-
input[type=range]::-ms-thumb {
|
| 7104 |
-
border: none;
|
| 7105 |
-
height: 14px;
|
| 7106 |
-
width: 14px;
|
| 7107 |
-
border-radius: 50%;
|
| 7108 |
-
background: #26a69a;
|
| 7109 |
-
-webkit-transition: -webkit-box-shadow .3s;
|
| 7110 |
-
transition: -webkit-box-shadow .3s;
|
| 7111 |
-
transition: box-shadow .3s;
|
| 7112 |
-
transition: box-shadow .3s, -webkit-box-shadow .3s;
|
| 7113 |
-
}
|
| 7114 |
-
|
| 7115 |
-
.keyboard-focused input[type=range]:focus:not(.active)::-ms-thumb {
|
| 7116 |
-
box-shadow: 0 0 0 10px rgba(38, 166, 154, 0.26);
|
| 7117 |
-
}
|
| 7118 |
-
|
| 7119 |
-
/***************
|
| 7120 |
-
Nav List
|
| 7121 |
-
***************/
|
| 7122 |
-
.table-of-contents.fixed {
|
| 7123 |
-
position: fixed;
|
| 7124 |
-
}
|
| 7125 |
-
|
| 7126 |
-
.table-of-contents li {
|
| 7127 |
-
padding: 2px 0;
|
| 7128 |
-
}
|
| 7129 |
-
|
| 7130 |
-
.table-of-contents a {
|
| 7131 |
-
display: inline-block;
|
| 7132 |
-
font-weight: 300;
|
| 7133 |
-
color: #757575;
|
| 7134 |
-
padding-left: 16px;
|
| 7135 |
-
height: 1.5rem;
|
| 7136 |
-
line-height: 1.5rem;
|
| 7137 |
-
letter-spacing: .4;
|
| 7138 |
-
display: inline-block;
|
| 7139 |
-
}
|
| 7140 |
-
|
| 7141 |
-
.table-of-contents a:hover {
|
| 7142 |
-
color: #a8a8a8;
|
| 7143 |
-
padding-left: 15px;
|
| 7144 |
-
border-left: 1px solid #ee6e73;
|
| 7145 |
-
}
|
| 7146 |
-
|
| 7147 |
-
.table-of-contents a.active {
|
| 7148 |
-
font-weight: 500;
|
| 7149 |
-
padding-left: 14px;
|
| 7150 |
-
border-left: 2px solid #ee6e73;
|
| 7151 |
-
}
|
| 7152 |
-
|
| 7153 |
-
.sidenav {
|
| 7154 |
-
position: fixed;
|
| 7155 |
-
width: 300px;
|
| 7156 |
-
left: 0;
|
| 7157 |
-
top: 0;
|
| 7158 |
-
margin: 0;
|
| 7159 |
-
-webkit-transform: translateX(-100%);
|
| 7160 |
-
transform: translateX(-100%);
|
| 7161 |
-
height: 100%;
|
| 7162 |
-
height: calc(100% + 60px);
|
| 7163 |
-
height: -moz-calc(100%);
|
| 7164 |
-
padding-bottom: 60px;
|
| 7165 |
-
background-color: #fff;
|
| 7166 |
-
z-index: 999;
|
| 7167 |
-
overflow-y: auto;
|
| 7168 |
-
will-change: transform;
|
| 7169 |
-
-webkit-backface-visibility: hidden;
|
| 7170 |
-
backface-visibility: hidden;
|
| 7171 |
-
-webkit-transform: translateX(-105%);
|
| 7172 |
-
transform: translateX(-105%);
|
| 7173 |
-
}
|
| 7174 |
-
|
| 7175 |
-
.sidenav.right-aligned {
|
| 7176 |
-
right: 0;
|
| 7177 |
-
-webkit-transform: translateX(105%);
|
| 7178 |
-
transform: translateX(105%);
|
| 7179 |
-
left: auto;
|
| 7180 |
-
-webkit-transform: translateX(100%);
|
| 7181 |
-
transform: translateX(100%);
|
| 7182 |
-
}
|
| 7183 |
-
|
| 7184 |
-
.sidenav .collapsible {
|
| 7185 |
-
margin: 0;
|
| 7186 |
-
}
|
| 7187 |
-
|
| 7188 |
-
.sidenav li {
|
| 7189 |
-
float: none;
|
| 7190 |
-
line-height: 48px;
|
| 7191 |
-
}
|
| 7192 |
-
|
| 7193 |
-
.sidenav li.active {
|
| 7194 |
-
background-color: rgba(0, 0, 0, 0.05);
|
| 7195 |
-
}
|
| 7196 |
-
|
| 7197 |
-
.sidenav li > a {
|
| 7198 |
-
color: rgba(0, 0, 0, 0.87);
|
| 7199 |
-
display: block;
|
| 7200 |
-
font-size: 14px;
|
| 7201 |
-
font-weight: 500;
|
| 7202 |
-
height: 48px;
|
| 7203 |
-
line-height: 48px;
|
| 7204 |
-
padding: 0 32px;
|
| 7205 |
-
}
|
| 7206 |
-
|
| 7207 |
-
.sidenav li > a:hover {
|
| 7208 |
-
background-color: rgba(0, 0, 0, 0.05);
|
| 7209 |
-
}
|
| 7210 |
-
|
| 7211 |
-
.sidenav li > a.btn, .sidenav li > a.btn-large, .sidenav li > a.btn-small, .sidenav li > a.btn-large, .sidenav li > a.btn-flat, .sidenav li > a.btn-floating {
|
| 7212 |
-
margin: 10px 15px;
|
| 7213 |
-
}
|
| 7214 |
-
|
| 7215 |
-
.sidenav li > a.btn, .sidenav li > a.btn-large, .sidenav li > a.btn-small, .sidenav li > a.btn-large, .sidenav li > a.btn-floating {
|
| 7216 |
-
color: #fff;
|
| 7217 |
-
}
|
| 7218 |
-
|
| 7219 |
-
.sidenav li > a.btn-flat {
|
| 7220 |
-
color: #343434;
|
| 7221 |
-
}
|
| 7222 |
-
|
| 7223 |
-
.sidenav li > a.btn:hover, .sidenav li > a.btn-large:hover, .sidenav li > a.btn-small:hover, .sidenav li > a.btn-large:hover {
|
| 7224 |
-
background-color: #2bbbad;
|
| 7225 |
-
}
|
| 7226 |
-
|
| 7227 |
-
.sidenav li > a.btn-floating:hover {
|
| 7228 |
-
background-color: #26a69a;
|
| 7229 |
-
}
|
| 7230 |
-
|
| 7231 |
-
.sidenav li > a > i,
|
| 7232 |
-
.sidenav li > a > [class^="mdi-"], .sidenav li > a li > a > [class*="mdi-"],
|
| 7233 |
-
.sidenav li > a > i.material-icons {
|
| 7234 |
-
float: left;
|
| 7235 |
-
height: 48px;
|
| 7236 |
-
line-height: 48px;
|
| 7237 |
-
margin: 0 32px 0 0;
|
| 7238 |
-
width: 24px;
|
| 7239 |
-
color: rgba(0, 0, 0, 0.54);
|
| 7240 |
-
}
|
| 7241 |
-
|
| 7242 |
-
.sidenav .divider {
|
| 7243 |
-
margin: 8px 0 0 0;
|
| 7244 |
-
}
|
| 7245 |
-
|
| 7246 |
-
.sidenav .subheader {
|
| 7247 |
-
cursor: initial;
|
| 7248 |
-
pointer-events: none;
|
| 7249 |
-
color: rgba(0, 0, 0, 0.54);
|
| 7250 |
-
font-size: 14px;
|
| 7251 |
-
font-weight: 500;
|
| 7252 |
-
line-height: 48px;
|
| 7253 |
-
}
|
| 7254 |
-
|
| 7255 |
-
.sidenav .subheader:hover {
|
| 7256 |
-
background-color: transparent;
|
| 7257 |
-
}
|
| 7258 |
-
|
| 7259 |
-
.sidenav .user-view {
|
| 7260 |
-
position: relative;
|
| 7261 |
-
padding: 32px 32px 0;
|
| 7262 |
-
margin-bottom: 8px;
|
| 7263 |
-
}
|
| 7264 |
-
|
| 7265 |
-
.sidenav .user-view > a {
|
| 7266 |
-
height: auto;
|
| 7267 |
-
padding: 0;
|
| 7268 |
-
}
|
| 7269 |
-
|
| 7270 |
-
.sidenav .user-view > a:hover {
|
| 7271 |
-
background-color: transparent;
|
| 7272 |
-
}
|
| 7273 |
-
|
| 7274 |
-
.sidenav .user-view .background {
|
| 7275 |
-
overflow: hidden;
|
| 7276 |
-
position: absolute;
|
| 7277 |
-
top: 0;
|
| 7278 |
-
right: 0;
|
| 7279 |
-
bottom: 0;
|
| 7280 |
-
left: 0;
|
| 7281 |
-
z-index: -1;
|
| 7282 |
-
}
|
| 7283 |
-
|
| 7284 |
-
.sidenav .user-view .circle, .sidenav .user-view .name, .sidenav .user-view .email {
|
| 7285 |
-
display: block;
|
| 7286 |
-
}
|
| 7287 |
-
|
| 7288 |
-
.sidenav .user-view .circle {
|
| 7289 |
-
height: 64px;
|
| 7290 |
-
width: 64px;
|
| 7291 |
-
}
|
| 7292 |
-
|
| 7293 |
-
.sidenav .user-view .name,
|
| 7294 |
-
.sidenav .user-view .email {
|
| 7295 |
-
font-size: 14px;
|
| 7296 |
-
line-height: 24px;
|
| 7297 |
-
}
|
| 7298 |
-
|
| 7299 |
-
.sidenav .user-view .name {
|
| 7300 |
-
margin-top: 16px;
|
| 7301 |
-
font-weight: 500;
|
| 7302 |
-
}
|
| 7303 |
-
|
| 7304 |
-
.sidenav .user-view .email {
|
| 7305 |
-
padding-bottom: 16px;
|
| 7306 |
-
font-weight: 400;
|
| 7307 |
-
}
|
| 7308 |
-
|
| 7309 |
-
.drag-target {
|
| 7310 |
-
height: 100%;
|
| 7311 |
-
width: 10px;
|
| 7312 |
-
position: fixed;
|
| 7313 |
-
top: 0;
|
| 7314 |
-
z-index: 998;
|
| 7315 |
-
}
|
| 7316 |
-
|
| 7317 |
-
.drag-target.right-aligned {
|
| 7318 |
-
right: 0;
|
| 7319 |
-
}
|
| 7320 |
-
|
| 7321 |
-
.sidenav.sidenav-fixed {
|
| 7322 |
-
left: 0;
|
| 7323 |
-
-webkit-transform: translateX(0);
|
| 7324 |
-
transform: translateX(0);
|
| 7325 |
-
position: fixed;
|
| 7326 |
-
}
|
| 7327 |
-
|
| 7328 |
-
.sidenav.sidenav-fixed.right-aligned {
|
| 7329 |
-
right: 0;
|
| 7330 |
-
left: auto;
|
| 7331 |
-
}
|
| 7332 |
-
|
| 7333 |
-
@media only screen and (max-width: 992px) {
|
| 7334 |
-
.sidenav.sidenav-fixed {
|
| 7335 |
-
-webkit-transform: translateX(-105%);
|
| 7336 |
-
transform: translateX(-105%);
|
| 7337 |
-
}
|
| 7338 |
-
.sidenav.sidenav-fixed.right-aligned {
|
| 7339 |
-
-webkit-transform: translateX(105%);
|
| 7340 |
-
transform: translateX(105%);
|
| 7341 |
-
}
|
| 7342 |
-
.sidenav > a {
|
| 7343 |
-
padding: 0 16px;
|
| 7344 |
-
}
|
| 7345 |
-
.sidenav .user-view {
|
| 7346 |
-
padding: 16px 16px 0;
|
| 7347 |
-
}
|
| 7348 |
-
}
|
| 7349 |
-
|
| 7350 |
-
.sidenav .collapsible-body > ul:not(.collapsible) > li.active,
|
| 7351 |
-
.sidenav.sidenav-fixed .collapsible-body > ul:not(.collapsible) > li.active {
|
| 7352 |
-
background-color: #ee6e73;
|
| 7353 |
-
}
|
| 7354 |
-
|
| 7355 |
-
.sidenav .collapsible-body > ul:not(.collapsible) > li.active a,
|
| 7356 |
-
.sidenav.sidenav-fixed .collapsible-body > ul:not(.collapsible) > li.active a {
|
| 7357 |
-
color: #fff;
|
| 7358 |
-
}
|
| 7359 |
-
|
| 7360 |
-
.sidenav .collapsible-body {
|
| 7361 |
-
padding: 0;
|
| 7362 |
-
}
|
| 7363 |
-
|
| 7364 |
-
.sidenav-overlay {
|
| 7365 |
-
position: fixed;
|
| 7366 |
-
top: 0;
|
| 7367 |
-
left: 0;
|
| 7368 |
-
right: 0;
|
| 7369 |
-
opacity: 0;
|
| 7370 |
-
height: 120vh;
|
| 7371 |
-
background-color: rgba(0, 0, 0, 0.5);
|
| 7372 |
-
z-index: 997;
|
| 7373 |
-
display: none;
|
| 7374 |
-
}
|
| 7375 |
-
|
| 7376 |
-
/*
|
| 7377 |
-
@license
|
| 7378 |
-
Copyright (c) 2014 The Polymer Project Authors. All rights reserved.
|
| 7379 |
-
This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
|
| 7380 |
-
The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
|
| 7381 |
-
The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
|
| 7382 |
-
Code distributed by Google as part of the polymer project is also
|
| 7383 |
-
subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
|
| 7384 |
-
*/
|
| 7385 |
-
/**************************/
|
| 7386 |
-
/* STYLES FOR THE SPINNER */
|
| 7387 |
-
/**************************/
|
| 7388 |
-
/*
|
| 7389 |
-
* Constants:
|
| 7390 |
-
* STROKEWIDTH = 3px
|
| 7391 |
-
* ARCSIZE = 270 degrees (amount of circle the arc takes up)
|
| 7392 |
-
* ARCTIME = 1333ms (time it takes to expand and contract arc)
|
| 7393 |
-
* ARCSTARTROT = 216 degrees (how much the start location of the arc
|
| 7394 |
-
* should rotate each time, 216 gives us a
|
| 7395 |
-
* 5 pointed star shape (it's 360/5 * 3).
|
| 7396 |
-
* For a 7 pointed star, we might do
|
| 7397 |
-
* 360/7 * 3 = 154.286)
|
| 7398 |
-
* CONTAINERWIDTH = 28px
|
| 7399 |
-
* SHRINK_TIME = 400ms
|
| 7400 |
-
*/
|
| 7401 |
-
.preloader-wrapper {
|
| 7402 |
-
display: inline-block;
|
| 7403 |
-
position: relative;
|
| 7404 |
-
width: 50px;
|
| 7405 |
-
height: 50px;
|
| 7406 |
-
}
|
| 7407 |
-
|
| 7408 |
-
.preloader-wrapper.small {
|
| 7409 |
-
width: 36px;
|
| 7410 |
-
height: 36px;
|
| 7411 |
-
}
|
| 7412 |
-
|
| 7413 |
-
.preloader-wrapper.big {
|
| 7414 |
-
width: 64px;
|
| 7415 |
-
height: 64px;
|
| 7416 |
-
}
|
| 7417 |
-
|
| 7418 |
-
.preloader-wrapper.active {
|
| 7419 |
-
/* duration: 360 * ARCTIME / (ARCSTARTROT + (360-ARCSIZE)) */
|
| 7420 |
-
-webkit-animation: container-rotate 1568ms linear infinite;
|
| 7421 |
-
animation: container-rotate 1568ms linear infinite;
|
| 7422 |
-
}
|
| 7423 |
-
|
| 7424 |
-
@-webkit-keyframes container-rotate {
|
| 7425 |
-
to {
|
| 7426 |
-
-webkit-transform: rotate(360deg);
|
| 7427 |
-
}
|
| 7428 |
-
}
|
| 7429 |
-
|
| 7430 |
-
@keyframes container-rotate {
|
| 7431 |
-
to {
|
| 7432 |
-
-webkit-transform: rotate(360deg);
|
| 7433 |
-
transform: rotate(360deg);
|
| 7434 |
-
}
|
| 7435 |
-
}
|
| 7436 |
-
|
| 7437 |
-
.spinner-layer {
|
| 7438 |
-
position: absolute;
|
| 7439 |
-
width: 100%;
|
| 7440 |
-
height: 100%;
|
| 7441 |
-
opacity: 0;
|
| 7442 |
-
border-color: #26a69a;
|
| 7443 |
-
}
|
| 7444 |
-
|
| 7445 |
-
.spinner-blue,
|
| 7446 |
-
.spinner-blue-only {
|
| 7447 |
-
border-color: #4285f4;
|
| 7448 |
-
}
|
| 7449 |
-
|
| 7450 |
-
.spinner-red,
|
| 7451 |
-
.spinner-red-only {
|
| 7452 |
-
border-color: #db4437;
|
| 7453 |
-
}
|
| 7454 |
-
|
| 7455 |
-
.spinner-yellow,
|
| 7456 |
-
.spinner-yellow-only {
|
| 7457 |
-
border-color: #f4b400;
|
| 7458 |
-
}
|
| 7459 |
-
|
| 7460 |
-
.spinner-green,
|
| 7461 |
-
.spinner-green-only {
|
| 7462 |
-
border-color: #0f9d58;
|
| 7463 |
-
}
|
| 7464 |
-
|
| 7465 |
-
/**
|
| 7466 |
-
* IMPORTANT NOTE ABOUT CSS ANIMATION PROPERTIES (keanulee):
|
| 7467 |
-
*
|
| 7468 |
-
* iOS Safari (tested on iOS 8.1) does not handle animation-delay very well - it doesn't
|
| 7469 |
-
* guarantee that the animation will start _exactly_ after that value. So we avoid using
|
| 7470 |
-
* animation-delay and instead set custom keyframes for each color (as redundant as it
|
| 7471 |
-
* seems).
|
| 7472 |
-
*
|
| 7473 |
-
* We write out each animation in full (instead of separating animation-name,
|
| 7474 |
-
* animation-duration, etc.) because under the polyfill, Safari does not recognize those
|
| 7475 |
-
* specific properties properly, treats them as -webkit-animation, and overrides the
|
| 7476 |
-
* other animation rules. See https://github.com/Polymer/platform/issues/53.
|
| 7477 |
-
*/
|
| 7478 |
-
.active .spinner-layer.spinner-blue {
|
| 7479 |
-
/* durations: 4 * ARCTIME */
|
| 7480 |
-
-webkit-animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, blue-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
|
| 7481 |
-
animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, blue-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
|
| 7482 |
-
}
|
| 7483 |
-
|
| 7484 |
-
.active .spinner-layer.spinner-red {
|
| 7485 |
-
/* durations: 4 * ARCTIME */
|
| 7486 |
-
-webkit-animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, red-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
|
| 7487 |
-
animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, red-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
|
| 7488 |
-
}
|
| 7489 |
-
|
| 7490 |
-
.active .spinner-layer.spinner-yellow {
|
| 7491 |
-
/* durations: 4 * ARCTIME */
|
| 7492 |
-
-webkit-animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, yellow-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
|
| 7493 |
-
animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, yellow-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
|
| 7494 |
-
}
|
| 7495 |
-
|
| 7496 |
-
.active .spinner-layer.spinner-green {
|
| 7497 |
-
/* durations: 4 * ARCTIME */
|
| 7498 |
-
-webkit-animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, green-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
|
| 7499 |
-
animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, green-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
|
| 7500 |
-
}
|
| 7501 |
-
|
| 7502 |
-
.active .spinner-layer,
|
| 7503 |
-
.active .spinner-layer.spinner-blue-only,
|
| 7504 |
-
.active .spinner-layer.spinner-red-only,
|
| 7505 |
-
.active .spinner-layer.spinner-yellow-only,
|
| 7506 |
-
.active .spinner-layer.spinner-green-only {
|
| 7507 |
-
/* durations: 4 * ARCTIME */
|
| 7508 |
-
opacity: 1;
|
| 7509 |
-
-webkit-animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
|
| 7510 |
-
animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
|
| 7511 |
-
}
|
| 7512 |
-
|
| 7513 |
-
@-webkit-keyframes fill-unfill-rotate {
|
| 7514 |
-
12.5% {
|
| 7515 |
-
-webkit-transform: rotate(135deg);
|
| 7516 |
-
}
|
| 7517 |
-
/* 0.5 * ARCSIZE */
|
| 7518 |
-
25% {
|
| 7519 |
-
-webkit-transform: rotate(270deg);
|
| 7520 |
-
}
|
| 7521 |
-
/* 1 * ARCSIZE */
|
| 7522 |
-
37.5% {
|
| 7523 |
-
-webkit-transform: rotate(405deg);
|
| 7524 |
-
}
|
| 7525 |
-
/* 1.5 * ARCSIZE */
|
| 7526 |
-
50% {
|
| 7527 |
-
-webkit-transform: rotate(540deg);
|
| 7528 |
-
}
|
| 7529 |
-
/* 2 * ARCSIZE */
|
| 7530 |
-
62.5% {
|
| 7531 |
-
-webkit-transform: rotate(675deg);
|
| 7532 |
-
}
|
| 7533 |
-
/* 2.5 * ARCSIZE */
|
| 7534 |
-
75% {
|
| 7535 |
-
-webkit-transform: rotate(810deg);
|
| 7536 |
-
}
|
| 7537 |
-
/* 3 * ARCSIZE */
|
| 7538 |
-
87.5% {
|
| 7539 |
-
-webkit-transform: rotate(945deg);
|
| 7540 |
-
}
|
| 7541 |
-
/* 3.5 * ARCSIZE */
|
| 7542 |
-
to {
|
| 7543 |
-
-webkit-transform: rotate(1080deg);
|
| 7544 |
-
}
|
| 7545 |
-
/* 4 * ARCSIZE */
|
| 7546 |
-
}
|
| 7547 |
-
|
| 7548 |
-
@keyframes fill-unfill-rotate {
|
| 7549 |
-
12.5% {
|
| 7550 |
-
-webkit-transform: rotate(135deg);
|
| 7551 |
-
transform: rotate(135deg);
|
| 7552 |
-
}
|
| 7553 |
-
/* 0.5 * ARCSIZE */
|
| 7554 |
-
25% {
|
| 7555 |
-
-webkit-transform: rotate(270deg);
|
| 7556 |
-
transform: rotate(270deg);
|
| 7557 |
-
}
|
| 7558 |
-
/* 1 * ARCSIZE */
|
| 7559 |
-
37.5% {
|
| 7560 |
-
-webkit-transform: rotate(405deg);
|
| 7561 |
-
transform: rotate(405deg);
|
| 7562 |
-
}
|
| 7563 |
-
/* 1.5 * ARCSIZE */
|
| 7564 |
-
50% {
|
| 7565 |
-
-webkit-transform: rotate(540deg);
|
| 7566 |
-
transform: rotate(540deg);
|
| 7567 |
-
}
|
| 7568 |
-
/* 2 * ARCSIZE */
|
| 7569 |
-
62.5% {
|
| 7570 |
-
-webkit-transform: rotate(675deg);
|
| 7571 |
-
transform: rotate(675deg);
|
| 7572 |
-
}
|
| 7573 |
-
/* 2.5 * ARCSIZE */
|
| 7574 |
-
75% {
|
| 7575 |
-
-webkit-transform: rotate(810deg);
|
| 7576 |
-
transform: rotate(810deg);
|
| 7577 |
-
}
|
| 7578 |
-
/* 3 * ARCSIZE */
|
| 7579 |
-
87.5% {
|
| 7580 |
-
-webkit-transform: rotate(945deg);
|
| 7581 |
-
transform: rotate(945deg);
|
| 7582 |
-
}
|
| 7583 |
-
/* 3.5 * ARCSIZE */
|
| 7584 |
-
to {
|
| 7585 |
-
-webkit-transform: rotate(1080deg);
|
| 7586 |
-
transform: rotate(1080deg);
|
| 7587 |
-
}
|
| 7588 |
-
/* 4 * ARCSIZE */
|
| 7589 |
-
}
|
| 7590 |
-
|
| 7591 |
-
@-webkit-keyframes blue-fade-in-out {
|
| 7592 |
-
from {
|
| 7593 |
-
opacity: 1;
|
| 7594 |
-
}
|
| 7595 |
-
25% {
|
| 7596 |
-
opacity: 1;
|
| 7597 |
-
}
|
| 7598 |
-
26% {
|
| 7599 |
-
opacity: 0;
|
| 7600 |
-
}
|
| 7601 |
-
89% {
|
| 7602 |
-
opacity: 0;
|
| 7603 |
-
}
|
| 7604 |
-
90% {
|
| 7605 |
-
opacity: 1;
|
| 7606 |
-
}
|
| 7607 |
-
100% {
|
| 7608 |
-
opacity: 1;
|
| 7609 |
-
}
|
| 7610 |
-
}
|
| 7611 |
-
|
| 7612 |
-
@keyframes blue-fade-in-out {
|
| 7613 |
-
from {
|
| 7614 |
-
opacity: 1;
|
| 7615 |
-
}
|
| 7616 |
-
25% {
|
| 7617 |
-
opacity: 1;
|
| 7618 |
-
}
|
| 7619 |
-
26% {
|
| 7620 |
-
opacity: 0;
|
| 7621 |
-
}
|
| 7622 |
-
89% {
|
| 7623 |
-
opacity: 0;
|
| 7624 |
-
}
|
| 7625 |
-
90% {
|
| 7626 |
-
opacity: 1;
|
| 7627 |
-
}
|
| 7628 |
-
100% {
|
| 7629 |
-
opacity: 1;
|
| 7630 |
-
}
|
| 7631 |
-
}
|
| 7632 |
-
|
| 7633 |
-
@-webkit-keyframes red-fade-in-out {
|
| 7634 |
-
from {
|
| 7635 |
-
opacity: 0;
|
| 7636 |
-
}
|
| 7637 |
-
15% {
|
| 7638 |
-
opacity: 0;
|
| 7639 |
-
}
|
| 7640 |
-
25% {
|
| 7641 |
-
opacity: 1;
|
| 7642 |
-
}
|
| 7643 |
-
50% {
|
| 7644 |
-
opacity: 1;
|
| 7645 |
-
}
|
| 7646 |
-
51% {
|
| 7647 |
-
opacity: 0;
|
| 7648 |
-
}
|
| 7649 |
-
}
|
| 7650 |
-
|
| 7651 |
-
@keyframes red-fade-in-out {
|
| 7652 |
-
from {
|
| 7653 |
-
opacity: 0;
|
| 7654 |
-
}
|
| 7655 |
-
15% {
|
| 7656 |
-
opacity: 0;
|
| 7657 |
-
}
|
| 7658 |
-
25% {
|
| 7659 |
-
opacity: 1;
|
| 7660 |
-
}
|
| 7661 |
-
50% {
|
| 7662 |
-
opacity: 1;
|
| 7663 |
-
}
|
| 7664 |
-
51% {
|
| 7665 |
-
opacity: 0;
|
| 7666 |
-
}
|
| 7667 |
-
}
|
| 7668 |
-
|
| 7669 |
-
@-webkit-keyframes yellow-fade-in-out {
|
| 7670 |
-
from {
|
| 7671 |
-
opacity: 0;
|
| 7672 |
-
}
|
| 7673 |
-
40% {
|
| 7674 |
-
opacity: 0;
|
| 7675 |
-
}
|
| 7676 |
-
50% {
|
| 7677 |
-
opacity: 1;
|
| 7678 |
-
}
|
| 7679 |
-
75% {
|
| 7680 |
-
opacity: 1;
|
| 7681 |
-
}
|
| 7682 |
-
76% {
|
| 7683 |
-
opacity: 0;
|
| 7684 |
-
}
|
| 7685 |
-
}
|
| 7686 |
-
|
| 7687 |
-
@keyframes yellow-fade-in-out {
|
| 7688 |
-
from {
|
| 7689 |
-
opacity: 0;
|
| 7690 |
-
}
|
| 7691 |
-
40% {
|
| 7692 |
-
opacity: 0;
|
| 7693 |
-
}
|
| 7694 |
-
50% {
|
| 7695 |
-
opacity: 1;
|
| 7696 |
-
}
|
| 7697 |
-
75% {
|
| 7698 |
-
opacity: 1;
|
| 7699 |
-
}
|
| 7700 |
-
76% {
|
| 7701 |
-
opacity: 0;
|
| 7702 |
-
}
|
| 7703 |
-
}
|
| 7704 |
-
|
| 7705 |
-
@-webkit-keyframes green-fade-in-out {
|
| 7706 |
-
from {
|
| 7707 |
-
opacity: 0;
|
| 7708 |
-
}
|
| 7709 |
-
65% {
|
| 7710 |
-
opacity: 0;
|
| 7711 |
-
}
|
| 7712 |
-
75% {
|
| 7713 |
-
opacity: 1;
|
| 7714 |
-
}
|
| 7715 |
-
90% {
|
| 7716 |
-
opacity: 1;
|
| 7717 |
-
}
|
| 7718 |
-
100% {
|
| 7719 |
-
opacity: 0;
|
| 7720 |
-
}
|
| 7721 |
-
}
|
| 7722 |
-
|
| 7723 |
-
@keyframes green-fade-in-out {
|
| 7724 |
-
from {
|
| 7725 |
-
opacity: 0;
|
| 7726 |
-
}
|
| 7727 |
-
65% {
|
| 7728 |
-
opacity: 0;
|
| 7729 |
-
}
|
| 7730 |
-
75% {
|
| 7731 |
-
opacity: 1;
|
| 7732 |
-
}
|
| 7733 |
-
90% {
|
| 7734 |
-
opacity: 1;
|
| 7735 |
-
}
|
| 7736 |
-
100% {
|
| 7737 |
-
opacity: 0;
|
| 7738 |
-
}
|
| 7739 |
-
}
|
| 7740 |
-
|
| 7741 |
-
/**
|
| 7742 |
-
* Patch the gap that appear between the two adjacent div.circle-clipper while the
|
| 7743 |
-
* spinner is rotating (appears on Chrome 38, Safari 7.1, and IE 11).
|
| 7744 |
-
*/
|
| 7745 |
-
.gap-patch {
|
| 7746 |
-
position: absolute;
|
| 7747 |
-
top: 0;
|
| 7748 |
-
left: 45%;
|
| 7749 |
-
width: 10%;
|
| 7750 |
-
height: 100%;
|
| 7751 |
-
overflow: hidden;
|
| 7752 |
-
border-color: inherit;
|
| 7753 |
-
}
|
| 7754 |
-
|
| 7755 |
-
.gap-patch .circle {
|
| 7756 |
-
width: 1000%;
|
| 7757 |
-
left: -450%;
|
| 7758 |
-
}
|
| 7759 |
-
|
| 7760 |
-
.circle-clipper {
|
| 7761 |
-
display: inline-block;
|
| 7762 |
-
position: relative;
|
| 7763 |
-
width: 50%;
|
| 7764 |
-
height: 100%;
|
| 7765 |
-
overflow: hidden;
|
| 7766 |
-
border-color: inherit;
|
| 7767 |
-
}
|
| 7768 |
-
|
| 7769 |
-
.circle-clipper .circle {
|
| 7770 |
-
width: 200%;
|
| 7771 |
-
height: 100%;
|
| 7772 |
-
border-width: 3px;
|
| 7773 |
-
/* STROKEWIDTH */
|
| 7774 |
-
border-style: solid;
|
| 7775 |
-
border-color: inherit;
|
| 7776 |
-
border-bottom-color: transparent !important;
|
| 7777 |
-
border-radius: 50%;
|
| 7778 |
-
-webkit-animation: none;
|
| 7779 |
-
animation: none;
|
| 7780 |
-
position: absolute;
|
| 7781 |
-
top: 0;
|
| 7782 |
-
right: 0;
|
| 7783 |
-
bottom: 0;
|
| 7784 |
-
}
|
| 7785 |
-
|
| 7786 |
-
.circle-clipper.left .circle {
|
| 7787 |
-
left: 0;
|
| 7788 |
-
border-right-color: transparent !important;
|
| 7789 |
-
-webkit-transform: rotate(129deg);
|
| 7790 |
-
transform: rotate(129deg);
|
| 7791 |
-
}
|
| 7792 |
-
|
| 7793 |
-
.circle-clipper.right .circle {
|
| 7794 |
-
left: -100%;
|
| 7795 |
-
border-left-color: transparent !important;
|
| 7796 |
-
-webkit-transform: rotate(-129deg);
|
| 7797 |
-
transform: rotate(-129deg);
|
| 7798 |
-
}
|
| 7799 |
-
|
| 7800 |
-
.active .circle-clipper.left .circle {
|
| 7801 |
-
/* duration: ARCTIME */
|
| 7802 |
-
-webkit-animation: left-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
|
| 7803 |
-
animation: left-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
|
| 7804 |
-
}
|
| 7805 |
-
|
| 7806 |
-
.active .circle-clipper.right .circle {
|
| 7807 |
-
/* duration: ARCTIME */
|
| 7808 |
-
-webkit-animation: right-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
|
| 7809 |
-
animation: right-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
|
| 7810 |
-
}
|
| 7811 |
-
|
| 7812 |
-
@-webkit-keyframes left-spin {
|
| 7813 |
-
from {
|
| 7814 |
-
-webkit-transform: rotate(130deg);
|
| 7815 |
-
}
|
| 7816 |
-
50% {
|
| 7817 |
-
-webkit-transform: rotate(-5deg);
|
| 7818 |
-
}
|
| 7819 |
-
to {
|
| 7820 |
-
-webkit-transform: rotate(130deg);
|
| 7821 |
-
}
|
| 7822 |
-
}
|
| 7823 |
-
|
| 7824 |
-
@keyframes left-spin {
|
| 7825 |
-
from {
|
| 7826 |
-
-webkit-transform: rotate(130deg);
|
| 7827 |
-
transform: rotate(130deg);
|
| 7828 |
-
}
|
| 7829 |
-
50% {
|
| 7830 |
-
-webkit-transform: rotate(-5deg);
|
| 7831 |
-
transform: rotate(-5deg);
|
| 7832 |
-
}
|
| 7833 |
-
to {
|
| 7834 |
-
-webkit-transform: rotate(130deg);
|
| 7835 |
-
transform: rotate(130deg);
|
| 7836 |
-
}
|
| 7837 |
-
}
|
| 7838 |
-
|
| 7839 |
-
@-webkit-keyframes right-spin {
|
| 7840 |
-
from {
|
| 7841 |
-
-webkit-transform: rotate(-130deg);
|
| 7842 |
-
}
|
| 7843 |
-
50% {
|
| 7844 |
-
-webkit-transform: rotate(5deg);
|
| 7845 |
-
}
|
| 7846 |
-
to {
|
| 7847 |
-
-webkit-transform: rotate(-130deg);
|
| 7848 |
-
}
|
| 7849 |
-
}
|
| 7850 |
-
|
| 7851 |
-
@keyframes right-spin {
|
| 7852 |
-
from {
|
| 7853 |
-
-webkit-transform: rotate(-130deg);
|
| 7854 |
-
transform: rotate(-130deg);
|
| 7855 |
-
}
|
| 7856 |
-
50% {
|
| 7857 |
-
-webkit-transform: rotate(5deg);
|
| 7858 |
-
transform: rotate(5deg);
|
| 7859 |
-
}
|
| 7860 |
-
to {
|
| 7861 |
-
-webkit-transform: rotate(-130deg);
|
| 7862 |
-
transform: rotate(-130deg);
|
| 7863 |
-
}
|
| 7864 |
-
}
|
| 7865 |
-
|
| 7866 |
-
#spinnerContainer.cooldown {
|
| 7867 |
-
/* duration: SHRINK_TIME */
|
| 7868 |
-
-webkit-animation: container-rotate 1568ms linear infinite, fade-out 400ms cubic-bezier(0.4, 0, 0.2, 1);
|
| 7869 |
-
animation: container-rotate 1568ms linear infinite, fade-out 400ms cubic-bezier(0.4, 0, 0.2, 1);
|
| 7870 |
-
}
|
| 7871 |
-
|
| 7872 |
-
@-webkit-keyframes fade-out {
|
| 7873 |
-
from {
|
| 7874 |
-
opacity: 1;
|
| 7875 |
-
}
|
| 7876 |
-
to {
|
| 7877 |
-
opacity: 0;
|
| 7878 |
-
}
|
| 7879 |
-
}
|
| 7880 |
-
|
| 7881 |
-
@keyframes fade-out {
|
| 7882 |
-
from {
|
| 7883 |
-
opacity: 1;
|
| 7884 |
-
}
|
| 7885 |
-
to {
|
| 7886 |
-
opacity: 0;
|
| 7887 |
-
}
|
| 7888 |
-
}
|
| 7889 |
-
|
| 7890 |
-
.slider {
|
| 7891 |
-
position: relative;
|
| 7892 |
-
height: 400px;
|
| 7893 |
-
width: 100%;
|
| 7894 |
-
}
|
| 7895 |
-
|
| 7896 |
-
.slider.fullscreen {
|
| 7897 |
-
height: 100%;
|
| 7898 |
-
width: 100%;
|
| 7899 |
-
position: absolute;
|
| 7900 |
-
top: 0;
|
| 7901 |
-
left: 0;
|
| 7902 |
-
right: 0;
|
| 7903 |
-
bottom: 0;
|
| 7904 |
-
}
|
| 7905 |
-
|
| 7906 |
-
.slider.fullscreen ul.slides {
|
| 7907 |
-
height: 100%;
|
| 7908 |
-
}
|
| 7909 |
-
|
| 7910 |
-
.slider.fullscreen ul.indicators {
|
| 7911 |
-
z-index: 2;
|
| 7912 |
-
bottom: 30px;
|
| 7913 |
-
}
|
| 7914 |
-
|
| 7915 |
-
.slider .slides {
|
| 7916 |
-
background-color: #9e9e9e;
|
| 7917 |
-
margin: 0;
|
| 7918 |
-
height: 400px;
|
| 7919 |
-
}
|
| 7920 |
-
|
| 7921 |
-
.slider .slides li {
|
| 7922 |
-
opacity: 0;
|
| 7923 |
-
position: absolute;
|
| 7924 |
-
top: 0;
|
| 7925 |
-
left: 0;
|
| 7926 |
-
z-index: 1;
|
| 7927 |
-
width: 100%;
|
| 7928 |
-
height: inherit;
|
| 7929 |
-
overflow: hidden;
|
| 7930 |
-
}
|
| 7931 |
-
|
| 7932 |
-
.slider .slides li img {
|
| 7933 |
-
height: 100%;
|
| 7934 |
-
width: 100%;
|
| 7935 |
-
background-size: cover;
|
| 7936 |
-
background-position: center;
|
| 7937 |
-
}
|
| 7938 |
-
|
| 7939 |
-
.slider .slides li .caption {
|
| 7940 |
-
color: #fff;
|
| 7941 |
-
position: absolute;
|
| 7942 |
-
top: 15%;
|
| 7943 |
-
left: 15%;
|
| 7944 |
-
width: 70%;
|
| 7945 |
-
opacity: 0;
|
| 7946 |
-
}
|
| 7947 |
-
|
| 7948 |
-
.slider .slides li .caption p {
|
| 7949 |
-
color: #e0e0e0;
|
| 7950 |
-
}
|
| 7951 |
-
|
| 7952 |
-
.slider .slides li.active {
|
| 7953 |
-
z-index: 2;
|
| 7954 |
-
}
|
| 7955 |
-
|
| 7956 |
-
.slider .indicators {
|
| 7957 |
-
position: absolute;
|
| 7958 |
-
text-align: center;
|
| 7959 |
-
left: 0;
|
| 7960 |
-
right: 0;
|
| 7961 |
-
bottom: 0;
|
| 7962 |
-
margin: 0;
|
| 7963 |
-
}
|
| 7964 |
-
|
| 7965 |
-
.slider .indicators .indicator-item {
|
| 7966 |
-
display: inline-block;
|
| 7967 |
-
position: relative;
|
| 7968 |
-
cursor: pointer;
|
| 7969 |
-
height: 16px;
|
| 7970 |
-
width: 16px;
|
| 7971 |
-
margin: 0 12px;
|
| 7972 |
-
background-color: #e0e0e0;
|
| 7973 |
-
-webkit-transition: background-color .3s;
|
| 7974 |
-
transition: background-color .3s;
|
| 7975 |
-
border-radius: 50%;
|
| 7976 |
-
}
|
| 7977 |
-
|
| 7978 |
-
.slider .indicators .indicator-item.active {
|
| 7979 |
-
background-color: #4CAF50;
|
| 7980 |
-
}
|
| 7981 |
-
|
| 7982 |
-
.carousel {
|
| 7983 |
-
overflow: hidden;
|
| 7984 |
-
position: relative;
|
| 7985 |
-
width: 100%;
|
| 7986 |
-
height: 400px;
|
| 7987 |
-
-webkit-perspective: 500px;
|
| 7988 |
-
perspective: 500px;
|
| 7989 |
-
-webkit-transform-style: preserve-3d;
|
| 7990 |
-
transform-style: preserve-3d;
|
| 7991 |
-
-webkit-transform-origin: 0% 50%;
|
| 7992 |
-
transform-origin: 0% 50%;
|
| 7993 |
-
}
|
| 7994 |
-
|
| 7995 |
-
.carousel.carousel-slider {
|
| 7996 |
-
top: 0;
|
| 7997 |
-
left: 0;
|
| 7998 |
-
}
|
| 7999 |
-
|
| 8000 |
-
.carousel.carousel-slider .carousel-fixed-item {
|
| 8001 |
-
position: absolute;
|
| 8002 |
-
left: 0;
|
| 8003 |
-
right: 0;
|
| 8004 |
-
bottom: 20px;
|
| 8005 |
-
z-index: 1;
|
| 8006 |
-
}
|
| 8007 |
-
|
| 8008 |
-
.carousel.carousel-slider .carousel-fixed-item.with-indicators {
|
| 8009 |
-
bottom: 68px;
|
| 8010 |
-
}
|
| 8011 |
-
|
| 8012 |
-
.carousel.carousel-slider .carousel-item {
|
| 8013 |
-
width: 100%;
|
| 8014 |
-
height: 100%;
|
| 8015 |
-
min-height: 400px;
|
| 8016 |
-
position: absolute;
|
| 8017 |
-
top: 0;
|
| 8018 |
-
left: 0;
|
| 8019 |
-
}
|
| 8020 |
-
|
| 8021 |
-
.carousel.carousel-slider .carousel-item h2 {
|
| 8022 |
-
font-size: 24px;
|
| 8023 |
-
font-weight: 500;
|
| 8024 |
-
line-height: 32px;
|
| 8025 |
-
}
|
| 8026 |
-
|
| 8027 |
-
.carousel.carousel-slider .carousel-item p {
|
| 8028 |
-
font-size: 15px;
|
| 8029 |
-
}
|
| 8030 |
-
|
| 8031 |
-
.carousel .carousel-item {
|
| 8032 |
-
visibility: hidden;
|
| 8033 |
-
width: 200px;
|
| 8034 |
-
height: 200px;
|
| 8035 |
-
position: absolute;
|
| 8036 |
-
top: 0;
|
| 8037 |
-
left: 0;
|
| 8038 |
-
}
|
| 8039 |
-
|
| 8040 |
-
.carousel .carousel-item > img {
|
| 8041 |
-
width: 100%;
|
| 8042 |
-
}
|
| 8043 |
-
|
| 8044 |
-
.carousel .indicators {
|
| 8045 |
-
position: absolute;
|
| 8046 |
-
text-align: center;
|
| 8047 |
-
left: 0;
|
| 8048 |
-
right: 0;
|
| 8049 |
-
bottom: 0;
|
| 8050 |
-
margin: 0;
|
| 8051 |
-
}
|
| 8052 |
-
|
| 8053 |
-
.carousel .indicators .indicator-item {
|
| 8054 |
-
display: inline-block;
|
| 8055 |
-
position: relative;
|
| 8056 |
-
cursor: pointer;
|
| 8057 |
-
height: 8px;
|
| 8058 |
-
width: 8px;
|
| 8059 |
-
margin: 24px 4px;
|
| 8060 |
-
background-color: rgba(255, 255, 255, 0.5);
|
| 8061 |
-
-webkit-transition: background-color .3s;
|
| 8062 |
-
transition: background-color .3s;
|
| 8063 |
-
border-radius: 50%;
|
| 8064 |
-
}
|
| 8065 |
-
|
| 8066 |
-
.carousel .indicators .indicator-item.active {
|
| 8067 |
-
background-color: #fff;
|
| 8068 |
-
}
|
| 8069 |
-
|
| 8070 |
-
.carousel.scrolling .carousel-item .materialboxed,
|
| 8071 |
-
.carousel .carousel-item:not(.active) .materialboxed {
|
| 8072 |
-
pointer-events: none;
|
| 8073 |
-
}
|
| 8074 |
-
|
| 8075 |
-
.tap-target-wrapper {
|
| 8076 |
-
width: 800px;
|
| 8077 |
-
height: 800px;
|
| 8078 |
-
position: fixed;
|
| 8079 |
-
z-index: 1000;
|
| 8080 |
-
visibility: hidden;
|
| 8081 |
-
-webkit-transition: visibility 0s .3s;
|
| 8082 |
-
transition: visibility 0s .3s;
|
| 8083 |
-
}
|
| 8084 |
-
|
| 8085 |
-
.tap-target-wrapper.open {
|
| 8086 |
-
visibility: visible;
|
| 8087 |
-
-webkit-transition: visibility 0s;
|
| 8088 |
-
transition: visibility 0s;
|
| 8089 |
-
}
|
| 8090 |
-
|
| 8091 |
-
.tap-target-wrapper.open .tap-target {
|
| 8092 |
-
-webkit-transform: scale(1);
|
| 8093 |
-
transform: scale(1);
|
| 8094 |
-
opacity: .95;
|
| 8095 |
-
-webkit-transition: opacity 0.3s cubic-bezier(0.42, 0, 0.58, 1), -webkit-transform 0.3s cubic-bezier(0.42, 0, 0.58, 1);
|
| 8096 |
-
transition: opacity 0.3s cubic-bezier(0.42, 0, 0.58, 1), -webkit-transform 0.3s cubic-bezier(0.42, 0, 0.58, 1);
|
| 8097 |
-
transition: transform 0.3s cubic-bezier(0.42, 0, 0.58, 1), opacity 0.3s cubic-bezier(0.42, 0, 0.58, 1);
|
| 8098 |
-
transition: transform 0.3s cubic-bezier(0.42, 0, 0.58, 1), opacity 0.3s cubic-bezier(0.42, 0, 0.58, 1), -webkit-transform 0.3s cubic-bezier(0.42, 0, 0.58, 1);
|
| 8099 |
-
}
|
| 8100 |
-
|
| 8101 |
-
.tap-target-wrapper.open .tap-target-wave::before {
|
| 8102 |
-
-webkit-transform: scale(1);
|
| 8103 |
-
transform: scale(1);
|
| 8104 |
-
}
|
| 8105 |
-
|
| 8106 |
-
.tap-target-wrapper.open .tap-target-wave::after {
|
| 8107 |
-
visibility: visible;
|
| 8108 |
-
-webkit-animation: pulse-animation 1s cubic-bezier(0.24, 0, 0.38, 1) infinite;
|
| 8109 |
-
animation: pulse-animation 1s cubic-bezier(0.24, 0, 0.38, 1) infinite;
|
| 8110 |
-
-webkit-transition: opacity .3s,
|
| 8111 |
-
visibility 0s 1s,
|
| 8112 |
-
-webkit-transform .3s;
|
| 8113 |
-
transition: opacity .3s,
|
| 8114 |
-
visibility 0s 1s,
|
| 8115 |
-
-webkit-transform .3s;
|
| 8116 |
-
transition: opacity .3s,
|
| 8117 |
-
transform .3s,
|
| 8118 |
-
visibility 0s 1s;
|
| 8119 |
-
transition: opacity .3s,
|
| 8120 |
-
transform .3s,
|
| 8121 |
-
visibility 0s 1s,
|
| 8122 |
-
-webkit-transform .3s;
|
| 8123 |
-
}
|
| 8124 |
-
|
| 8125 |
-
.tap-target {
|
| 8126 |
-
position: absolute;
|
| 8127 |
-
font-size: 1rem;
|
| 8128 |
-
border-radius: 50%;
|
| 8129 |
-
background-color: #ee6e73;
|
| 8130 |
-
-webkit-box-shadow: 0 20px 20px 0 rgba(0, 0, 0, 0.14), 0 10px 50px 0 rgba(0, 0, 0, 0.12), 0 30px 10px -20px rgba(0, 0, 0, 0.2);
|
| 8131 |
-
box-shadow: 0 20px 20px 0 rgba(0, 0, 0, 0.14), 0 10px 50px 0 rgba(0, 0, 0, 0.12), 0 30px 10px -20px rgba(0, 0, 0, 0.2);
|
| 8132 |
-
width: 100%;
|
| 8133 |
-
height: 100%;
|
| 8134 |
-
opacity: 0;
|
| 8135 |
-
-webkit-transform: scale(0);
|
| 8136 |
-
transform: scale(0);
|
| 8137 |
-
-webkit-transition: opacity 0.3s cubic-bezier(0.42, 0, 0.58, 1), -webkit-transform 0.3s cubic-bezier(0.42, 0, 0.58, 1);
|
| 8138 |
-
transition: opacity 0.3s cubic-bezier(0.42, 0, 0.58, 1), -webkit-transform 0.3s cubic-bezier(0.42, 0, 0.58, 1);
|
| 8139 |
-
transition: transform 0.3s cubic-bezier(0.42, 0, 0.58, 1), opacity 0.3s cubic-bezier(0.42, 0, 0.58, 1);
|
| 8140 |
-
transition: transform 0.3s cubic-bezier(0.42, 0, 0.58, 1), opacity 0.3s cubic-bezier(0.42, 0, 0.58, 1), -webkit-transform 0.3s cubic-bezier(0.42, 0, 0.58, 1);
|
| 8141 |
-
}
|
| 8142 |
-
|
| 8143 |
-
.tap-target-content {
|
| 8144 |
-
position: relative;
|
| 8145 |
-
display: table-cell;
|
| 8146 |
-
}
|
| 8147 |
-
|
| 8148 |
-
.tap-target-wave {
|
| 8149 |
-
position: absolute;
|
| 8150 |
-
border-radius: 50%;
|
| 8151 |
-
z-index: 10001;
|
| 8152 |
-
}
|
| 8153 |
-
|
| 8154 |
-
.tap-target-wave::before, .tap-target-wave::after {
|
| 8155 |
-
content: '';
|
| 8156 |
-
display: block;
|
| 8157 |
-
position: absolute;
|
| 8158 |
-
width: 100%;
|
| 8159 |
-
height: 100%;
|
| 8160 |
-
border-radius: 50%;
|
| 8161 |
-
background-color: #ffffff;
|
| 8162 |
-
}
|
| 8163 |
-
|
| 8164 |
-
.tap-target-wave::before {
|
| 8165 |
-
-webkit-transform: scale(0);
|
| 8166 |
-
transform: scale(0);
|
| 8167 |
-
-webkit-transition: -webkit-transform .3s;
|
| 8168 |
-
transition: -webkit-transform .3s;
|
| 8169 |
-
transition: transform .3s;
|
| 8170 |
-
transition: transform .3s, -webkit-transform .3s;
|
| 8171 |
-
}
|
| 8172 |
-
|
| 8173 |
-
.tap-target-wave::after {
|
| 8174 |
-
visibility: hidden;
|
| 8175 |
-
-webkit-transition: opacity .3s,
|
| 8176 |
-
visibility 0s,
|
| 8177 |
-
-webkit-transform .3s;
|
| 8178 |
-
transition: opacity .3s,
|
| 8179 |
-
visibility 0s,
|
| 8180 |
-
-webkit-transform .3s;
|
| 8181 |
-
transition: opacity .3s,
|
| 8182 |
-
transform .3s,
|
| 8183 |
-
visibility 0s;
|
| 8184 |
-
transition: opacity .3s,
|
| 8185 |
-
transform .3s,
|
| 8186 |
-
visibility 0s,
|
| 8187 |
-
-webkit-transform .3s;
|
| 8188 |
-
z-index: -1;
|
| 8189 |
-
}
|
| 8190 |
-
|
| 8191 |
-
.tap-target-origin {
|
| 8192 |
-
top: 50%;
|
| 8193 |
-
left: 50%;
|
| 8194 |
-
-webkit-transform: translate(-50%, -50%);
|
| 8195 |
-
transform: translate(-50%, -50%);
|
| 8196 |
-
z-index: 10002;
|
| 8197 |
-
position: absolute !important;
|
| 8198 |
-
}
|
| 8199 |
-
|
| 8200 |
-
.tap-target-origin:not(.btn):not(.btn-large):not(.btn-small), .tap-target-origin:not(.btn):not(.btn-large):not(.btn-small):hover {
|
| 8201 |
-
background: none;
|
| 8202 |
-
}
|
| 8203 |
-
|
| 8204 |
-
@media only screen and (max-width: 600px) {
|
| 8205 |
-
.tap-target, .tap-target-wrapper {
|
| 8206 |
-
width: 600px;
|
| 8207 |
-
height: 600px;
|
| 8208 |
-
}
|
| 8209 |
-
}
|
| 8210 |
-
|
| 8211 |
-
.pulse {
|
| 8212 |
-
overflow: visible;
|
| 8213 |
-
position: relative;
|
| 8214 |
-
}
|
| 8215 |
-
|
| 8216 |
-
.pulse::before {
|
| 8217 |
-
content: '';
|
| 8218 |
-
display: block;
|
| 8219 |
-
position: absolute;
|
| 8220 |
-
width: 100%;
|
| 8221 |
-
height: 100%;
|
| 8222 |
-
top: 0;
|
| 8223 |
-
left: 0;
|
| 8224 |
-
background-color: inherit;
|
| 8225 |
-
border-radius: inherit;
|
| 8226 |
-
-webkit-transition: opacity .3s, -webkit-transform .3s;
|
| 8227 |
-
transition: opacity .3s, -webkit-transform .3s;
|
| 8228 |
-
transition: opacity .3s, transform .3s;
|
| 8229 |
-
transition: opacity .3s, transform .3s, -webkit-transform .3s;
|
| 8230 |
-
-webkit-animation: pulse-animation 1s cubic-bezier(0.24, 0, 0.38, 1) infinite;
|
| 8231 |
-
animation: pulse-animation 1s cubic-bezier(0.24, 0, 0.38, 1) infinite;
|
| 8232 |
-
z-index: -1;
|
| 8233 |
-
}
|
| 8234 |
-
|
| 8235 |
-
@-webkit-keyframes pulse-animation {
|
| 8236 |
-
0% {
|
| 8237 |
-
opacity: 1;
|
| 8238 |
-
-webkit-transform: scale(1);
|
| 8239 |
-
transform: scale(1);
|
| 8240 |
-
}
|
| 8241 |
-
50% {
|
| 8242 |
-
opacity: 0;
|
| 8243 |
-
-webkit-transform: scale(1.5);
|
| 8244 |
-
transform: scale(1.5);
|
| 8245 |
-
}
|
| 8246 |
-
100% {
|
| 8247 |
-
opacity: 0;
|
| 8248 |
-
-webkit-transform: scale(1.5);
|
| 8249 |
-
transform: scale(1.5);
|
| 8250 |
-
}
|
| 8251 |
-
}
|
| 8252 |
-
|
| 8253 |
-
@keyframes pulse-animation {
|
| 8254 |
-
0% {
|
| 8255 |
-
opacity: 1;
|
| 8256 |
-
-webkit-transform: scale(1);
|
| 8257 |
-
transform: scale(1);
|
| 8258 |
-
}
|
| 8259 |
-
50% {
|
| 8260 |
-
opacity: 0;
|
| 8261 |
-
-webkit-transform: scale(1.5);
|
| 8262 |
-
transform: scale(1.5);
|
| 8263 |
-
}
|
| 8264 |
-
100% {
|
| 8265 |
-
opacity: 0;
|
| 8266 |
-
-webkit-transform: scale(1.5);
|
| 8267 |
-
transform: scale(1.5);
|
| 8268 |
-
}
|
| 8269 |
-
}
|
| 8270 |
-
|
| 8271 |
-
/* Modal */
|
| 8272 |
-
.datepicker-modal {
|
| 8273 |
-
max-width: 325px;
|
| 8274 |
-
min-width: 300px;
|
| 8275 |
-
max-height: none;
|
| 8276 |
-
}
|
| 8277 |
-
|
| 8278 |
-
.datepicker-container.modal-content {
|
| 8279 |
-
display: -webkit-box;
|
| 8280 |
-
display: -webkit-flex;
|
| 8281 |
-
display: -ms-flexbox;
|
| 8282 |
-
display: flex;
|
| 8283 |
-
-webkit-box-orient: vertical;
|
| 8284 |
-
-webkit-box-direction: normal;
|
| 8285 |
-
-webkit-flex-direction: column;
|
| 8286 |
-
-ms-flex-direction: column;
|
| 8287 |
-
flex-direction: column;
|
| 8288 |
-
padding: 0;
|
| 8289 |
-
}
|
| 8290 |
-
|
| 8291 |
-
.datepicker-controls {
|
| 8292 |
-
display: -webkit-box;
|
| 8293 |
-
display: -webkit-flex;
|
| 8294 |
-
display: -ms-flexbox;
|
| 8295 |
-
display: flex;
|
| 8296 |
-
-webkit-box-pack: justify;
|
| 8297 |
-
-webkit-justify-content: space-between;
|
| 8298 |
-
-ms-flex-pack: justify;
|
| 8299 |
-
justify-content: space-between;
|
| 8300 |
-
width: 280px;
|
| 8301 |
-
margin: 0 auto;
|
| 8302 |
-
}
|
| 8303 |
-
|
| 8304 |
-
.datepicker-controls .selects-container {
|
| 8305 |
-
display: -webkit-box;
|
| 8306 |
-
display: -webkit-flex;
|
| 8307 |
-
display: -ms-flexbox;
|
| 8308 |
-
display: flex;
|
| 8309 |
-
}
|
| 8310 |
-
|
| 8311 |
-
.datepicker-controls .select-wrapper input {
|
| 8312 |
-
border-bottom: none;
|
| 8313 |
-
text-align: center;
|
| 8314 |
-
margin: 0;
|
| 8315 |
-
}
|
| 8316 |
-
|
| 8317 |
-
.datepicker-controls .select-wrapper input:focus {
|
| 8318 |
-
border-bottom: none;
|
| 8319 |
-
}
|
| 8320 |
-
|
| 8321 |
-
.datepicker-controls .select-wrapper .caret {
|
| 8322 |
-
display: none;
|
| 8323 |
-
}
|
| 8324 |
-
|
| 8325 |
-
.datepicker-controls .select-year input {
|
| 8326 |
-
width: 50px;
|
| 8327 |
-
}
|
| 8328 |
-
|
| 8329 |
-
.datepicker-controls .select-month input {
|
| 8330 |
-
width: 70px;
|
| 8331 |
-
}
|
| 8332 |
-
|
| 8333 |
-
.month-prev, .month-next {
|
| 8334 |
-
margin-top: 4px;
|
| 8335 |
-
cursor: pointer;
|
| 8336 |
-
background-color: transparent;
|
| 8337 |
-
border: none;
|
| 8338 |
-
}
|
| 8339 |
-
|
| 8340 |
-
/* Date Display */
|
| 8341 |
-
.datepicker-date-display {
|
| 8342 |
-
-webkit-box-flex: 1;
|
| 8343 |
-
-webkit-flex: 1 auto;
|
| 8344 |
-
-ms-flex: 1 auto;
|
| 8345 |
-
flex: 1 auto;
|
| 8346 |
-
background-color: #26a69a;
|
| 8347 |
-
color: #fff;
|
| 8348 |
-
padding: 20px 22px;
|
| 8349 |
-
font-weight: 500;
|
| 8350 |
-
}
|
| 8351 |
-
|
| 8352 |
-
.datepicker-date-display .year-text {
|
| 8353 |
-
display: block;
|
| 8354 |
-
font-size: 1.5rem;
|
| 8355 |
-
line-height: 25px;
|
| 8356 |
-
color: rgba(255, 255, 255, 0.7);
|
| 8357 |
-
}
|
| 8358 |
-
|
| 8359 |
-
.datepicker-date-display .date-text {
|
| 8360 |
-
display: block;
|
| 8361 |
-
font-size: 2.8rem;
|
| 8362 |
-
line-height: 47px;
|
| 8363 |
-
font-weight: 500;
|
| 8364 |
-
}
|
| 8365 |
-
|
| 8366 |
-
/* Calendar */
|
| 8367 |
-
.datepicker-calendar-container {
|
| 8368 |
-
-webkit-box-flex: 2.5;
|
| 8369 |
-
-webkit-flex: 2.5 auto;
|
| 8370 |
-
-ms-flex: 2.5 auto;
|
| 8371 |
-
flex: 2.5 auto;
|
| 8372 |
-
}
|
| 8373 |
-
|
| 8374 |
-
.datepicker-table {
|
| 8375 |
-
width: 280px;
|
| 8376 |
-
font-size: 1rem;
|
| 8377 |
-
margin: 0 auto;
|
| 8378 |
-
}
|
| 8379 |
-
|
| 8380 |
-
.datepicker-table thead {
|
| 8381 |
-
border-bottom: none;
|
| 8382 |
-
}
|
| 8383 |
-
|
| 8384 |
-
.datepicker-table th {
|
| 8385 |
-
padding: 10px 5px;
|
| 8386 |
-
text-align: center;
|
| 8387 |
-
}
|
| 8388 |
-
|
| 8389 |
-
.datepicker-table tr {
|
| 8390 |
-
border: none;
|
| 8391 |
-
}
|
| 8392 |
-
|
| 8393 |
-
.datepicker-table abbr {
|
| 8394 |
-
text-decoration: none;
|
| 8395 |
-
color: #999;
|
| 8396 |
-
}
|
| 8397 |
-
|
| 8398 |
-
.datepicker-table td {
|
| 8399 |
-
border-radius: 50%;
|
| 8400 |
-
padding: 0;
|
| 8401 |
-
}
|
| 8402 |
-
|
| 8403 |
-
.datepicker-table td.is-today {
|
| 8404 |
-
color: #26a69a;
|
| 8405 |
-
}
|
| 8406 |
-
|
| 8407 |
-
.datepicker-table td.is-selected {
|
| 8408 |
-
background-color: #26a69a;
|
| 8409 |
-
color: #fff;
|
| 8410 |
-
}
|
| 8411 |
-
|
| 8412 |
-
.datepicker-table td.is-outside-current-month, .datepicker-table td.is-disabled {
|
| 8413 |
-
color: rgba(0, 0, 0, 0.3);
|
| 8414 |
-
pointer-events: none;
|
| 8415 |
-
}
|
| 8416 |
-
|
| 8417 |
-
.datepicker-day-button {
|
| 8418 |
-
background-color: transparent;
|
| 8419 |
-
border: none;
|
| 8420 |
-
line-height: 38px;
|
| 8421 |
-
display: block;
|
| 8422 |
-
width: 100%;
|
| 8423 |
-
border-radius: 50%;
|
| 8424 |
-
padding: 0 5px;
|
| 8425 |
-
cursor: pointer;
|
| 8426 |
-
color: inherit;
|
| 8427 |
-
}
|
| 8428 |
-
|
| 8429 |
-
.datepicker-day-button:focus {
|
| 8430 |
-
background-color: rgba(43, 161, 150, 0.25);
|
| 8431 |
-
}
|
| 8432 |
-
|
| 8433 |
-
/* Footer */
|
| 8434 |
-
.datepicker-footer {
|
| 8435 |
-
width: 280px;
|
| 8436 |
-
margin: 0 auto;
|
| 8437 |
-
padding-bottom: 5px;
|
| 8438 |
-
display: -webkit-box;
|
| 8439 |
-
display: -webkit-flex;
|
| 8440 |
-
display: -ms-flexbox;
|
| 8441 |
-
display: flex;
|
| 8442 |
-
-webkit-box-pack: justify;
|
| 8443 |
-
-webkit-justify-content: space-between;
|
| 8444 |
-
-ms-flex-pack: justify;
|
| 8445 |
-
justify-content: space-between;
|
| 8446 |
-
}
|
| 8447 |
-
|
| 8448 |
-
.datepicker-cancel,
|
| 8449 |
-
.datepicker-clear,
|
| 8450 |
-
.datepicker-today,
|
| 8451 |
-
.datepicker-done {
|
| 8452 |
-
color: #26a69a;
|
| 8453 |
-
padding: 0 1rem;
|
| 8454 |
-
}
|
| 8455 |
-
|
| 8456 |
-
.datepicker-clear {
|
| 8457 |
-
color: #F44336;
|
| 8458 |
-
}
|
| 8459 |
-
|
| 8460 |
-
/* Media Queries */
|
| 8461 |
-
@media only screen and (min-width: 601px) {
|
| 8462 |
-
.datepicker-modal {
|
| 8463 |
-
max-width: 625px;
|
| 8464 |
-
}
|
| 8465 |
-
.datepicker-container.modal-content {
|
| 8466 |
-
-webkit-box-orient: horizontal;
|
| 8467 |
-
-webkit-box-direction: normal;
|
| 8468 |
-
-webkit-flex-direction: row;
|
| 8469 |
-
-ms-flex-direction: row;
|
| 8470 |
-
flex-direction: row;
|
| 8471 |
-
}
|
| 8472 |
-
.datepicker-date-display {
|
| 8473 |
-
-webkit-box-flex: 0;
|
| 8474 |
-
-webkit-flex: 0 1 270px;
|
| 8475 |
-
-ms-flex: 0 1 270px;
|
| 8476 |
-
flex: 0 1 270px;
|
| 8477 |
-
}
|
| 8478 |
-
.datepicker-controls,
|
| 8479 |
-
.datepicker-table,
|
| 8480 |
-
.datepicker-footer {
|
| 8481 |
-
width: 320px;
|
| 8482 |
-
}
|
| 8483 |
-
.datepicker-day-button {
|
| 8484 |
-
line-height: 44px;
|
| 8485 |
-
}
|
| 8486 |
-
}
|
| 8487 |
-
|
| 8488 |
-
/* Timepicker Containers */
|
| 8489 |
-
.timepicker-modal {
|
| 8490 |
-
max-width: 325px;
|
| 8491 |
-
max-height: none;
|
| 8492 |
-
}
|
| 8493 |
-
|
| 8494 |
-
.timepicker-container.modal-content {
|
| 8495 |
-
display: -webkit-box;
|
| 8496 |
-
display: -webkit-flex;
|
| 8497 |
-
display: -ms-flexbox;
|
| 8498 |
-
display: flex;
|
| 8499 |
-
-webkit-box-orient: vertical;
|
| 8500 |
-
-webkit-box-direction: normal;
|
| 8501 |
-
-webkit-flex-direction: column;
|
| 8502 |
-
-ms-flex-direction: column;
|
| 8503 |
-
flex-direction: column;
|
| 8504 |
-
padding: 0;
|
| 8505 |
-
}
|
| 8506 |
-
|
| 8507 |
-
.text-primary {
|
| 8508 |
-
color: white;
|
| 8509 |
-
}
|
| 8510 |
-
|
| 8511 |
-
/* Clock Digital Display */
|
| 8512 |
-
.timepicker-digital-display {
|
| 8513 |
-
-webkit-box-flex: 1;
|
| 8514 |
-
-webkit-flex: 1 auto;
|
| 8515 |
-
-ms-flex: 1 auto;
|
| 8516 |
-
flex: 1 auto;
|
| 8517 |
-
background-color: #26a69a;
|
| 8518 |
-
padding: 10px;
|
| 8519 |
-
font-weight: 300;
|
| 8520 |
-
}
|
| 8521 |
-
|
| 8522 |
-
.timepicker-text-container {
|
| 8523 |
-
font-size: 4rem;
|
| 8524 |
-
font-weight: bold;
|
| 8525 |
-
text-align: center;
|
| 8526 |
-
color: rgba(255, 255, 255, 0.6);
|
| 8527 |
-
font-weight: 400;
|
| 8528 |
-
position: relative;
|
| 8529 |
-
-webkit-user-select: none;
|
| 8530 |
-
-moz-user-select: none;
|
| 8531 |
-
-ms-user-select: none;
|
| 8532 |
-
user-select: none;
|
| 8533 |
-
}
|
| 8534 |
-
|
| 8535 |
-
.timepicker-span-hours,
|
| 8536 |
-
.timepicker-span-minutes,
|
| 8537 |
-
.timepicker-span-am-pm div {
|
| 8538 |
-
cursor: pointer;
|
| 8539 |
-
}
|
| 8540 |
-
|
| 8541 |
-
.timepicker-span-hours {
|
| 8542 |
-
margin-right: 3px;
|
| 8543 |
-
}
|
| 8544 |
-
|
| 8545 |
-
.timepicker-span-minutes {
|
| 8546 |
-
margin-left: 3px;
|
| 8547 |
-
}
|
| 8548 |
-
|
| 8549 |
-
.timepicker-display-am-pm {
|
| 8550 |
-
font-size: 1.3rem;
|
| 8551 |
-
position: absolute;
|
| 8552 |
-
right: 1rem;
|
| 8553 |
-
bottom: 1rem;
|
| 8554 |
-
font-weight: 400;
|
| 8555 |
-
}
|
| 8556 |
-
|
| 8557 |
-
/* Analog Clock Display */
|
| 8558 |
-
.timepicker-analog-display {
|
| 8559 |
-
-webkit-box-flex: 2.5;
|
| 8560 |
-
-webkit-flex: 2.5 auto;
|
| 8561 |
-
-ms-flex: 2.5 auto;
|
| 8562 |
-
flex: 2.5 auto;
|
| 8563 |
-
}
|
| 8564 |
-
|
| 8565 |
-
.timepicker-plate {
|
| 8566 |
-
background-color: #eee;
|
| 8567 |
-
border-radius: 50%;
|
| 8568 |
-
width: 270px;
|
| 8569 |
-
height: 270px;
|
| 8570 |
-
overflow: visible;
|
| 8571 |
-
position: relative;
|
| 8572 |
-
margin: auto;
|
| 8573 |
-
margin-top: 25px;
|
| 8574 |
-
margin-bottom: 5px;
|
| 8575 |
-
-webkit-user-select: none;
|
| 8576 |
-
-moz-user-select: none;
|
| 8577 |
-
-ms-user-select: none;
|
| 8578 |
-
user-select: none;
|
| 8579 |
-
}
|
| 8580 |
-
|
| 8581 |
-
.timepicker-canvas,
|
| 8582 |
-
.timepicker-dial {
|
| 8583 |
-
position: absolute;
|
| 8584 |
-
left: 0;
|
| 8585 |
-
right: 0;
|
| 8586 |
-
top: 0;
|
| 8587 |
-
bottom: 0;
|
| 8588 |
-
}
|
| 8589 |
-
|
| 8590 |
-
.timepicker-minutes {
|
| 8591 |
-
visibility: hidden;
|
| 8592 |
-
}
|
| 8593 |
-
|
| 8594 |
-
.timepicker-tick {
|
| 8595 |
-
border-radius: 50%;
|
| 8596 |
-
color: rgba(0, 0, 0, 0.87);
|
| 8597 |
-
line-height: 40px;
|
| 8598 |
-
text-align: center;
|
| 8599 |
-
width: 40px;
|
| 8600 |
-
height: 40px;
|
| 8601 |
-
position: absolute;
|
| 8602 |
-
cursor: pointer;
|
| 8603 |
-
font-size: 15px;
|
| 8604 |
-
}
|
| 8605 |
-
|
| 8606 |
-
.timepicker-tick.active,
|
| 8607 |
-
.timepicker-tick:hover {
|
| 8608 |
-
background-color: rgba(38, 166, 154, 0.25);
|
| 8609 |
-
}
|
| 8610 |
-
|
| 8611 |
-
.timepicker-dial {
|
| 8612 |
-
-webkit-transition: opacity 350ms, -webkit-transform 350ms;
|
| 8613 |
-
transition: opacity 350ms, -webkit-transform 350ms;
|
| 8614 |
-
transition: transform 350ms, opacity 350ms;
|
| 8615 |
-
transition: transform 350ms, opacity 350ms, -webkit-transform 350ms;
|
| 8616 |
-
}
|
| 8617 |
-
|
| 8618 |
-
.timepicker-dial-out {
|
| 8619 |
-
opacity: 0;
|
| 8620 |
-
}
|
| 8621 |
-
|
| 8622 |
-
.timepicker-dial-out.timepicker-hours {
|
| 8623 |
-
-webkit-transform: scale(1.1, 1.1);
|
| 8624 |
-
transform: scale(1.1, 1.1);
|
| 8625 |
-
}
|
| 8626 |
-
|
| 8627 |
-
.timepicker-dial-out.timepicker-minutes {
|
| 8628 |
-
-webkit-transform: scale(0.8, 0.8);
|
| 8629 |
-
transform: scale(0.8, 0.8);
|
| 8630 |
-
}
|
| 8631 |
-
|
| 8632 |
-
.timepicker-canvas {
|
| 8633 |
-
-webkit-transition: opacity 175ms;
|
| 8634 |
-
transition: opacity 175ms;
|
| 8635 |
-
}
|
| 8636 |
-
|
| 8637 |
-
.timepicker-canvas line {
|
| 8638 |
-
stroke: #26a69a;
|
| 8639 |
-
stroke-width: 4;
|
| 8640 |
-
stroke-linecap: round;
|
| 8641 |
-
}
|
| 8642 |
-
|
| 8643 |
-
.timepicker-canvas-out {
|
| 8644 |
-
opacity: 0.25;
|
| 8645 |
-
}
|
| 8646 |
-
|
| 8647 |
-
.timepicker-canvas-bearing {
|
| 8648 |
-
stroke: none;
|
| 8649 |
-
fill: #26a69a;
|
| 8650 |
-
}
|
| 8651 |
-
|
| 8652 |
-
.timepicker-canvas-bg {
|
| 8653 |
-
stroke: none;
|
| 8654 |
-
fill: #26a69a;
|
| 8655 |
-
}
|
| 8656 |
-
|
| 8657 |
-
/* Footer */
|
| 8658 |
-
.timepicker-footer {
|
| 8659 |
-
margin: 0 auto;
|
| 8660 |
-
padding: 5px 1rem;
|
| 8661 |
-
display: -webkit-box;
|
| 8662 |
-
display: -webkit-flex;
|
| 8663 |
-
display: -ms-flexbox;
|
| 8664 |
-
display: flex;
|
| 8665 |
-
-webkit-box-pack: justify;
|
| 8666 |
-
-webkit-justify-content: space-between;
|
| 8667 |
-
-ms-flex-pack: justify;
|
| 8668 |
-
justify-content: space-between;
|
| 8669 |
-
}
|
| 8670 |
-
|
| 8671 |
-
.timepicker-clear {
|
| 8672 |
-
color: #F44336;
|
| 8673 |
-
}
|
| 8674 |
-
|
| 8675 |
-
.timepicker-close {
|
| 8676 |
-
color: #26a69a;
|
| 8677 |
-
}
|
| 8678 |
-
|
| 8679 |
-
.timepicker-clear,
|
| 8680 |
-
.timepicker-close {
|
| 8681 |
-
padding: 0 20px;
|
| 8682 |
-
}
|
| 8683 |
-
|
| 8684 |
-
/* Media Queries */
|
| 8685 |
-
@media only screen and (min-width: 601px) {
|
| 8686 |
-
.timepicker-modal {
|
| 8687 |
-
max-width: 600px;
|
| 8688 |
-
}
|
| 8689 |
-
.timepicker-container.modal-content {
|
| 8690 |
-
-webkit-box-orient: horizontal;
|
| 8691 |
-
-webkit-box-direction: normal;
|
| 8692 |
-
-webkit-flex-direction: row;
|
| 8693 |
-
-ms-flex-direction: row;
|
| 8694 |
-
flex-direction: row;
|
| 8695 |
-
}
|
| 8696 |
-
.timepicker-text-container {
|
| 8697 |
-
top: 32%;
|
| 8698 |
-
}
|
| 8699 |
-
.timepicker-display-am-pm {
|
| 8700 |
-
position: relative;
|
| 8701 |
-
right: auto;
|
| 8702 |
-
bottom: auto;
|
| 8703 |
-
text-align: center;
|
| 8704 |
-
margin-top: 1.2rem;
|
| 8705 |
-
}
|
| 8706 |
-
}
|
| 1 |
+
/*!
|
| 2 |
+
* Materialize v1.0.0 (http://materializecss.com)
|
| 3 |
+
* Copyright 2014-2017 Materialize
|
| 4 |
+
* MIT License (https://raw.githubusercontent.com/Dogfalo/materialize/master/LICENSE)
|
| 5 |
+
*/
|
| 6 |
+
.materialize-red {
|
| 7 |
+
background-color: #e51c23 !important;
|
| 8 |
+
}
|
| 9 |
+
|
| 10 |
+
.materialize-red-text {
|
| 11 |
+
color: #e51c23 !important;
|
| 12 |
+
}
|
| 13 |
+
|
| 14 |
+
.materialize-red.lighten-5 {
|
| 15 |
+
background-color: #fdeaeb !important;
|
| 16 |
+
}
|
| 17 |
+
|
| 18 |
+
.materialize-red-text.text-lighten-5 {
|
| 19 |
+
color: #fdeaeb !important;
|
| 20 |
+
}
|
| 21 |
+
|
| 22 |
+
.materialize-red.lighten-4 {
|
| 23 |
+
background-color: #f8c1c3 !important;
|
| 24 |
+
}
|
| 25 |
+
|
| 26 |
+
.materialize-red-text.text-lighten-4 {
|
| 27 |
+
color: #f8c1c3 !important;
|
| 28 |
+
}
|
| 29 |
+
|
| 30 |
+
.materialize-red.lighten-3 {
|
| 31 |
+
background-color: #f3989b !important;
|
| 32 |
+
}
|
| 33 |
+
|
| 34 |
+
.materialize-red-text.text-lighten-3 {
|
| 35 |
+
color: #f3989b !important;
|
| 36 |
+
}
|
| 37 |
+
|
| 38 |
+
.materialize-red.lighten-2 {
|
| 39 |
+
background-color: #ee6e73 !important;
|
| 40 |
+
}
|
| 41 |
+
|
| 42 |
+
.materialize-red-text.text-lighten-2 {
|
| 43 |
+
color: #ee6e73 !important;
|
| 44 |
+
}
|
| 45 |
+
|
| 46 |
+
.materialize-red.lighten-1 {
|
| 47 |
+
background-color: #ea454b !important;
|
| 48 |
+
}
|
| 49 |
+
|
| 50 |
+
.materialize-red-text.text-lighten-1 {
|
| 51 |
+
color: #ea454b !important;
|
| 52 |
+
}
|
| 53 |
+
|
| 54 |
+
.materialize-red.darken-1 {
|
| 55 |
+
background-color: #d0181e !important;
|
| 56 |
+
}
|
| 57 |
+
|
| 58 |
+
.materialize-red-text.text-darken-1 {
|
| 59 |
+
color: #d0181e !important;
|
| 60 |
+
}
|
| 61 |
+
|
| 62 |
+
.materialize-red.darken-2 {
|
| 63 |
+
background-color: #b9151b !important;
|
| 64 |
+
}
|
| 65 |
+
|
| 66 |
+
.materialize-red-text.text-darken-2 {
|
| 67 |
+
color: #b9151b !important;
|
| 68 |
+
}
|
| 69 |
+
|
| 70 |
+
.materialize-red.darken-3 {
|
| 71 |
+
background-color: #a21318 !important;
|
| 72 |
+
}
|
| 73 |
+
|
| 74 |
+
.materialize-red-text.text-darken-3 {
|
| 75 |
+
color: #a21318 !important;
|
| 76 |
+
}
|
| 77 |
+
|
| 78 |
+
.materialize-red.darken-4 {
|
| 79 |
+
background-color: #8b1014 !important;
|
| 80 |
+
}
|
| 81 |
+
|
| 82 |
+
.materialize-red-text.text-darken-4 {
|
| 83 |
+
color: #8b1014 !important;
|
| 84 |
+
}
|
| 85 |
+
|
| 86 |
+
.red {
|
| 87 |
+
background-color: #F44336 !important;
|
| 88 |
+
}
|
| 89 |
+
|
| 90 |
+
.red-text {
|
| 91 |
+
color: #F44336 !important;
|
| 92 |
+
}
|
| 93 |
+
|
| 94 |
+
.red.lighten-5 {
|
| 95 |
+
background-color: #FFEBEE !important;
|
| 96 |
+
}
|
| 97 |
+
|
| 98 |
+
.red-text.text-lighten-5 {
|
| 99 |
+
color: #FFEBEE !important;
|
| 100 |
+
}
|
| 101 |
+
|
| 102 |
+
.red.lighten-4 {
|
| 103 |
+
background-color: #FFCDD2 !important;
|
| 104 |
+
}
|
| 105 |
+
|
| 106 |
+
.red-text.text-lighten-4 {
|
| 107 |
+
color: #FFCDD2 !important;
|
| 108 |
+
}
|
| 109 |
+
|
| 110 |
+
.red.lighten-3 {
|
| 111 |
+
background-color: #EF9A9A !important;
|
| 112 |
+
}
|
| 113 |
+
|
| 114 |
+
.red-text.text-lighten-3 {
|
| 115 |
+
color: #EF9A9A !important;
|
| 116 |
+
}
|
| 117 |
+
|
| 118 |
+
.red.lighten-2 {
|
| 119 |
+
background-color: #E57373 !important;
|
| 120 |
+
}
|
| 121 |
+
|
| 122 |
+
.red-text.text-lighten-2 {
|
| 123 |
+
color: #E57373 !important;
|
| 124 |
+
}
|
| 125 |
+
|
| 126 |
+
.red.lighten-1 {
|
| 127 |
+
background-color: #EF5350 !important;
|
| 128 |
+
}
|
| 129 |
+
|
| 130 |
+
.red-text.text-lighten-1 {
|
| 131 |
+
color: #EF5350 !important;
|
| 132 |
+
}
|
| 133 |
+
|
| 134 |
+
.red.darken-1 {
|
| 135 |
+
background-color: #E53935 !important;
|
| 136 |
+
}
|
| 137 |
+
|
| 138 |
+
.red-text.text-darken-1 {
|
| 139 |
+
color: #E53935 !important;
|
| 140 |
+
}
|
| 141 |
+
|
| 142 |
+
.red.darken-2 {
|
| 143 |
+
background-color: #D32F2F !important;
|
| 144 |
+
}
|
| 145 |
+
|
| 146 |
+
.red-text.text-darken-2 {
|
| 147 |
+
color: #D32F2F !important;
|
| 148 |
+
}
|
| 149 |
+
|
| 150 |
+
.red.darken-3 {
|
| 151 |
+
background-color: #C62828 !important;
|
| 152 |
+
}
|
| 153 |
+
|
| 154 |
+
.red-text.text-darken-3 {
|
| 155 |
+
color: #C62828 !important;
|
| 156 |
+
}
|
| 157 |
+
|
| 158 |
+
.red.darken-4 {
|
| 159 |
+
background-color: #B71C1C !important;
|
| 160 |
+
}
|
| 161 |
+
|
| 162 |
+
.red-text.text-darken-4 {
|
| 163 |
+
color: #B71C1C !important;
|
| 164 |
+
}
|
| 165 |
+
|
| 166 |
+
.red.accent-1 {
|
| 167 |
+
background-color: #FF8A80 !important;
|
| 168 |
+
}
|
| 169 |
+
|
| 170 |
+
.red-text.text-accent-1 {
|
| 171 |
+
color: #FF8A80 !important;
|
| 172 |
+
}
|
| 173 |
+
|
| 174 |
+
.red.accent-2 {
|
| 175 |
+
background-color: #FF5252 !important;
|
| 176 |
+
}
|
| 177 |
+
|
| 178 |
+
.red-text.text-accent-2 {
|
| 179 |
+
color: #FF5252 !important;
|
| 180 |
+
}
|
| 181 |
+
|
| 182 |
+
.red.accent-3 {
|
| 183 |
+
background-color: #FF1744 !important;
|
| 184 |
+
}
|
| 185 |
+
|
| 186 |
+
.red-text.text-accent-3 {
|
| 187 |
+
color: #FF1744 !important;
|
| 188 |
+
}
|
| 189 |
+
|
| 190 |
+
.red.accent-4 {
|
| 191 |
+
background-color: #D50000 !important;
|
| 192 |
+
}
|
| 193 |
+
|
| 194 |
+
.red-text.text-accent-4 {
|
| 195 |
+
color: #D50000 !important;
|
| 196 |
+
}
|
| 197 |
+
|
| 198 |
+
.pink {
|
| 199 |
+
background-color: #e91e63 !important;
|
| 200 |
+
}
|
| 201 |
+
|
| 202 |
+
.pink-text {
|
| 203 |
+
color: #e91e63 !important;
|
| 204 |
+
}
|
| 205 |
+
|
| 206 |
+
.pink.lighten-5 {
|
| 207 |
+
background-color: #fce4ec !important;
|
| 208 |
+
}
|
| 209 |
+
|
| 210 |
+
.pink-text.text-lighten-5 {
|
| 211 |
+
color: #fce4ec !important;
|
| 212 |
+
}
|
| 213 |
+
|
| 214 |
+
.pink.lighten-4 {
|
| 215 |
+
background-color: #f8bbd0 !important;
|
| 216 |
+
}
|
| 217 |
+
|
| 218 |
+
.pink-text.text-lighten-4 {
|
| 219 |
+
color: #f8bbd0 !important;
|
| 220 |
+
}
|
| 221 |
+
|
| 222 |
+
.pink.lighten-3 {
|
| 223 |
+
background-color: #f48fb1 !important;
|
| 224 |
+
}
|
| 225 |
+
|
| 226 |
+
.pink-text.text-lighten-3 {
|
| 227 |
+
color: #f48fb1 !important;
|
| 228 |
+
}
|
| 229 |
+
|
| 230 |
+
.pink.lighten-2 {
|
| 231 |
+
background-color: #f06292 !important;
|
| 232 |
+
}
|
| 233 |
+
|
| 234 |
+
.pink-text.text-lighten-2 {
|
| 235 |
+
color: #f06292 !important;
|
| 236 |
+
}
|
| 237 |
+
|
| 238 |
+
.pink.lighten-1 {
|
| 239 |
+
background-color: #ec407a !important;
|
| 240 |
+
}
|
| 241 |
+
|
| 242 |
+
.pink-text.text-lighten-1 {
|
| 243 |
+
color: #ec407a !important;
|
| 244 |
+
}
|
| 245 |
+
|
| 246 |
+
.pink.darken-1 {
|
| 247 |
+
background-color: #d81b60 !important;
|
| 248 |
+
}
|
| 249 |
+
|
| 250 |
+
.pink-text.text-darken-1 {
|
| 251 |
+
color: #d81b60 !important;
|
| 252 |
+
}
|
| 253 |
+
|
| 254 |
+
.pink.darken-2 {
|
| 255 |
+
background-color: #c2185b !important;
|
| 256 |
+
}
|
| 257 |
+
|
| 258 |
+
.pink-text.text-darken-2 {
|
| 259 |
+
color: #c2185b !important;
|
| 260 |
+
}
|
| 261 |
+
|
| 262 |
+
.pink.darken-3 {
|
| 263 |
+
background-color: #ad1457 !important;
|
| 264 |
+
}
|
| 265 |
+
|
| 266 |
+
.pink-text.text-darken-3 {
|
| 267 |
+
color: #ad1457 !important;
|
| 268 |
+
}
|
| 269 |
+
|
| 270 |
+
.pink.darken-4 {
|
| 271 |
+
background-color: #880e4f !important;
|
| 272 |
+
}
|
| 273 |
+
|
| 274 |
+
.pink-text.text-darken-4 {
|
| 275 |
+
color: #880e4f !important;
|
| 276 |
+
}
|
| 277 |
+
|
| 278 |
+
.pink.accent-1 {
|
| 279 |
+
background-color: #ff80ab !important;
|
| 280 |
+
}
|
| 281 |
+
|
| 282 |
+
.pink-text.text-accent-1 {
|
| 283 |
+
color: #ff80ab !important;
|
| 284 |
+
}
|
| 285 |
+
|
| 286 |
+
.pink.accent-2 {
|
| 287 |
+
background-color: #ff4081 !important;
|
| 288 |
+
}
|
| 289 |
+
|
| 290 |
+
.pink-text.text-accent-2 {
|
| 291 |
+
color: #ff4081 !important;
|
| 292 |
+
}
|
| 293 |
+
|
| 294 |
+
.pink.accent-3 {
|
| 295 |
+
background-color: #f50057 !important;
|
| 296 |
+
}
|
| 297 |
+
|
| 298 |
+
.pink-text.text-accent-3 {
|
| 299 |
+
color: #f50057 !important;
|
| 300 |
+
}
|
| 301 |
+
|
| 302 |
+
.pink.accent-4 {
|
| 303 |
+
background-color: #c51162 !important;
|
| 304 |
+
}
|
| 305 |
+
|
| 306 |
+
.pink-text.text-accent-4 {
|
| 307 |
+
color: #c51162 !important;
|
| 308 |
+
}
|
| 309 |
+
|
| 310 |
+
.purple {
|
| 311 |
+
background-color: #9c27b0 !important;
|
| 312 |
+
}
|
| 313 |
+
|
| 314 |
+
.purple-text {
|
| 315 |
+
color: #9c27b0 !important;
|
| 316 |
+
}
|
| 317 |
+
|
| 318 |
+
.purple.lighten-5 {
|
| 319 |
+
background-color: #f3e5f5 !important;
|
| 320 |
+
}
|
| 321 |
+
|
| 322 |
+
.purple-text.text-lighten-5 {
|
| 323 |
+
color: #f3e5f5 !important;
|
| 324 |
+
}
|
| 325 |
+
|
| 326 |
+
.purple.lighten-4 {
|
| 327 |
+
background-color: #e1bee7 !important;
|
| 328 |
+
}
|
| 329 |
+
|
| 330 |
+
.purple-text.text-lighten-4 {
|
| 331 |
+
color: #e1bee7 !important;
|
| 332 |
+
}
|
| 333 |
+
|
| 334 |
+
.purple.lighten-3 {
|
| 335 |
+
background-color: #ce93d8 !important;
|
| 336 |
+
}
|
| 337 |
+
|
| 338 |
+
.purple-text.text-lighten-3 {
|
| 339 |
+
color: #ce93d8 !important;
|
| 340 |
+
}
|
| 341 |
+
|
| 342 |
+
.purple.lighten-2 {
|
| 343 |
+
background-color: #ba68c8 !important;
|
| 344 |
+
}
|
| 345 |
+
|
| 346 |
+
.purple-text.text-lighten-2 {
|
| 347 |
+
color: #ba68c8 !important;
|
| 348 |
+
}
|
| 349 |
+
|
| 350 |
+
.purple.lighten-1 {
|
| 351 |
+
background-color: #ab47bc !important;
|
| 352 |
+
}
|
| 353 |
+
|
| 354 |
+
.purple-text.text-lighten-1 {
|
| 355 |
+
color: #ab47bc !important;
|
| 356 |
+
}
|
| 357 |
+
|
| 358 |
+
.purple.darken-1 {
|
| 359 |
+
background-color: #8e24aa !important;
|
| 360 |
+
}
|
| 361 |
+
|
| 362 |
+
.purple-text.text-darken-1 {
|
| 363 |
+
color: #8e24aa !important;
|
| 364 |
+
}
|
| 365 |
+
|
| 366 |
+
.purple.darken-2 {
|
| 367 |
+
background-color: #7b1fa2 !important;
|
| 368 |
+
}
|
| 369 |
+
|
| 370 |
+
.purple-text.text-darken-2 {
|
| 371 |
+
color: #7b1fa2 !important;
|
| 372 |
+
}
|
| 373 |
+
|
| 374 |
+
.purple.darken-3 {
|
| 375 |
+
background-color: #6a1b9a !important;
|
| 376 |
+
}
|
| 377 |
+
|
| 378 |
+
.purple-text.text-darken-3 {
|
| 379 |
+
color: #6a1b9a !important;
|
| 380 |
+
}
|
| 381 |
+
|
| 382 |
+
.purple.darken-4 {
|
| 383 |
+
background-color: #4a148c !important;
|
| 384 |
+
}
|
| 385 |
+
|
| 386 |
+
.purple-text.text-darken-4 {
|
| 387 |
+
color: #4a148c !important;
|
| 388 |
+
}
|
| 389 |
+
|
| 390 |
+
.purple.accent-1 {
|
| 391 |
+
background-color: #ea80fc !important;
|
| 392 |
+
}
|
| 393 |
+
|
| 394 |
+
.purple-text.text-accent-1 {
|
| 395 |
+
color: #ea80fc !important;
|
| 396 |
+
}
|
| 397 |
+
|
| 398 |
+
.purple.accent-2 {
|
| 399 |
+
background-color: #e040fb !important;
|
| 400 |
+
}
|
| 401 |
+
|
| 402 |
+
.purple-text.text-accent-2 {
|
| 403 |
+
color: #e040fb !important;
|
| 404 |
+
}
|
| 405 |
+
|
| 406 |
+
.purple.accent-3 {
|
| 407 |
+
background-color: #d500f9 !important;
|
| 408 |
+
}
|
| 409 |
+
|
| 410 |
+
.purple-text.text-accent-3 {
|
| 411 |
+
color: #d500f9 !important;
|
| 412 |
+
}
|
| 413 |
+
|
| 414 |
+
.purple.accent-4 {
|
| 415 |
+
background-color: #aa00ff !important;
|
| 416 |
+
}
|
| 417 |
+
|
| 418 |
+
.purple-text.text-accent-4 {
|
| 419 |
+
color: #aa00ff !important;
|
| 420 |
+
}
|
| 421 |
+
|
| 422 |
+
.deep-purple {
|
| 423 |
+
background-color: #673ab7 !important;
|
| 424 |
+
}
|
| 425 |
+
|
| 426 |
+
.deep-purple-text {
|
| 427 |
+
color: #673ab7 !important;
|
| 428 |
+
}
|
| 429 |
+
|
| 430 |
+
.deep-purple.lighten-5 {
|
| 431 |
+
background-color: #ede7f6 !important;
|
| 432 |
+
}
|
| 433 |
+
|
| 434 |
+
.deep-purple-text.text-lighten-5 {
|
| 435 |
+
color: #ede7f6 !important;
|
| 436 |
+
}
|
| 437 |
+
|
| 438 |
+
.deep-purple.lighten-4 {
|
| 439 |
+
background-color: #d1c4e9 !important;
|
| 440 |
+
}
|
| 441 |
+
|
| 442 |
+
.deep-purple-text.text-lighten-4 {
|
| 443 |
+
color: #d1c4e9 !important;
|
| 444 |
+
}
|
| 445 |
+
|
| 446 |
+
.deep-purple.lighten-3 {
|
| 447 |
+
background-color: #b39ddb !important;
|
| 448 |
+
}
|
| 449 |
+
|
| 450 |
+
.deep-purple-text.text-lighten-3 {
|
| 451 |
+
color: #b39ddb !important;
|
| 452 |
+
}
|
| 453 |
+
|
| 454 |
+
.deep-purple.lighten-2 {
|
| 455 |
+
background-color: #9575cd !important;
|
| 456 |
+
}
|
| 457 |
+
|
| 458 |
+
.deep-purple-text.text-lighten-2 {
|
| 459 |
+
color: #9575cd !important;
|
| 460 |
+
}
|
| 461 |
+
|
| 462 |
+
.deep-purple.lighten-1 {
|
| 463 |
+
background-color: #7e57c2 !important;
|
| 464 |
+
}
|
| 465 |
+
|
| 466 |
+
.deep-purple-text.text-lighten-1 {
|
| 467 |
+
color: #7e57c2 !important;
|
| 468 |
+
}
|
| 469 |
+
|
| 470 |
+
.deep-purple.darken-1 {
|
| 471 |
+
background-color: #5e35b1 !important;
|
| 472 |
+
}
|
| 473 |
+
|
| 474 |
+
.deep-purple-text.text-darken-1 {
|
| 475 |
+
color: #5e35b1 !important;
|
| 476 |
+
}
|
| 477 |
+
|
| 478 |
+
.deep-purple.darken-2 {
|
| 479 |
+
background-color: #512da8 !important;
|
| 480 |
+
}
|
| 481 |
+
|
| 482 |
+
.deep-purple-text.text-darken-2 {
|
| 483 |
+
color: #512da8 !important;
|
| 484 |
+
}
|
| 485 |
+
|
| 486 |
+
.deep-purple.darken-3 {
|
| 487 |
+
background-color: #4527a0 !important;
|
| 488 |
+
}
|
| 489 |
+
|
| 490 |
+
.deep-purple-text.text-darken-3 {
|
| 491 |
+
color: #4527a0 !important;
|
| 492 |
+
}
|
| 493 |
+
|
| 494 |
+
.deep-purple.darken-4 {
|
| 495 |
+
background-color: #311b92 !important;
|
| 496 |
+
}
|
| 497 |
+
|
| 498 |
+
.deep-purple-text.text-darken-4 {
|
| 499 |
+
color: #311b92 !important;
|
| 500 |
+
}
|
| 501 |
+
|
| 502 |
+
.deep-purple.accent-1 {
|
| 503 |
+
background-color: #b388ff !important;
|
| 504 |
+
}
|
| 505 |
+
|
| 506 |
+
.deep-purple-text.text-accent-1 {
|
| 507 |
+
color: #b388ff !important;
|
| 508 |
+
}
|
| 509 |
+
|
| 510 |
+
.deep-purple.accent-2 {
|
| 511 |
+
background-color: #7c4dff !important;
|
| 512 |
+
}
|
| 513 |
+
|
| 514 |
+
.deep-purple-text.text-accent-2 {
|
| 515 |
+
color: #7c4dff !important;
|
| 516 |
+
}
|
| 517 |
+
|
| 518 |
+
.deep-purple.accent-3 {
|
| 519 |
+
background-color: #651fff !important;
|
| 520 |
+
}
|
| 521 |
+
|
| 522 |
+
.deep-purple-text.text-accent-3 {
|
| 523 |
+
color: #651fff !important;
|
| 524 |
+
}
|
| 525 |
+
|
| 526 |
+
.deep-purple.accent-4 {
|
| 527 |
+
background-color: #6200ea !important;
|
| 528 |
+
}
|
| 529 |
+
|
| 530 |
+
.deep-purple-text.text-accent-4 {
|
| 531 |
+
color: #6200ea !important;
|
| 532 |
+
}
|
| 533 |
+
|
| 534 |
+
.indigo {
|
| 535 |
+
background-color: #3f51b5 !important;
|
| 536 |
+
}
|
| 537 |
+
|
| 538 |
+
.indigo-text {
|
| 539 |
+
color: #3f51b5 !important;
|
| 540 |
+
}
|
| 541 |
+
|
| 542 |
+
.indigo.lighten-5 {
|
| 543 |
+
background-color: #e8eaf6 !important;
|
| 544 |
+
}
|
| 545 |
+
|
| 546 |
+
.indigo-text.text-lighten-5 {
|
| 547 |
+
color: #e8eaf6 !important;
|
| 548 |
+
}
|
| 549 |
+
|
| 550 |
+
.indigo.lighten-4 {
|
| 551 |
+
background-color: #c5cae9 !important;
|
| 552 |
+
}
|
| 553 |
+
|
| 554 |
+
.indigo-text.text-lighten-4 {
|
| 555 |
+
color: #c5cae9 !important;
|
| 556 |
+
}
|
| 557 |
+
|
| 558 |
+
.indigo.lighten-3 {
|
| 559 |
+
background-color: #9fa8da !important;
|
| 560 |
+
}
|
| 561 |
+
|
| 562 |
+
.indigo-text.text-lighten-3 {
|
| 563 |
+
color: #9fa8da !important;
|
| 564 |
+
}
|
| 565 |
+
|
| 566 |
+
.indigo.lighten-2 {
|
| 567 |
+
background-color: #7986cb !important;
|
| 568 |
+
}
|
| 569 |
+
|
| 570 |
+
.indigo-text.text-lighten-2 {
|
| 571 |
+
color: #7986cb !important;
|
| 572 |
+
}
|
| 573 |
+
|
| 574 |
+
.indigo.lighten-1 {
|
| 575 |
+
background-color: #5c6bc0 !important;
|
| 576 |
+
}
|
| 577 |
+
|
| 578 |
+
.indigo-text.text-lighten-1 {
|
| 579 |
+
color: #5c6bc0 !important;
|
| 580 |
+
}
|
| 581 |
+
|
| 582 |
+
.indigo.darken-1 {
|
| 583 |
+
background-color: #3949ab !important;
|
| 584 |
+
}
|
| 585 |
+
|
| 586 |
+
.indigo-text.text-darken-1 {
|
| 587 |
+
color: #3949ab !important;
|
| 588 |
+
}
|
| 589 |
+
|
| 590 |
+
.indigo.darken-2 {
|
| 591 |
+
background-color: #303f9f !important;
|
| 592 |
+
}
|
| 593 |
+
|
| 594 |
+
.indigo-text.text-darken-2 {
|
| 595 |
+
color: #303f9f !important;
|
| 596 |
+
}
|
| 597 |
+
|
| 598 |
+
.indigo.darken-3 {
|
| 599 |
+
background-color: #283593 !important;
|
| 600 |
+
}
|
| 601 |
+
|
| 602 |
+
.indigo-text.text-darken-3 {
|
| 603 |
+
color: #283593 !important;
|
| 604 |
+
}
|
| 605 |
+
|
| 606 |
+
.indigo.darken-4 {
|
| 607 |
+
background-color: #1a237e !important;
|
| 608 |
+
}
|
| 609 |
+
|
| 610 |
+
.indigo-text.text-darken-4 {
|
| 611 |
+
color: #1a237e !important;
|
| 612 |
+
}
|
| 613 |
+
|
| 614 |
+
.indigo.accent-1 {
|
| 615 |
+
background-color: #8c9eff !important;
|
| 616 |
+
}
|
| 617 |
+
|
| 618 |
+
.indigo-text.text-accent-1 {
|
| 619 |
+
color: #8c9eff !important;
|
| 620 |
+
}
|
| 621 |
+
|
| 622 |
+
.indigo.accent-2 {
|
| 623 |
+
background-color: #536dfe !important;
|
| 624 |
+
}
|
| 625 |
+
|
| 626 |
+
.indigo-text.text-accent-2 {
|
| 627 |
+
color: #536dfe !important;
|
| 628 |
+
}
|
| 629 |
+
|
| 630 |
+
.indigo.accent-3 {
|
| 631 |
+
background-color: #3d5afe !important;
|
| 632 |
+
}
|
| 633 |
+
|
| 634 |
+
.indigo-text.text-accent-3 {
|
| 635 |
+
color: #3d5afe !important;
|
| 636 |
+
}
|
| 637 |
+
|
| 638 |
+
.indigo.accent-4 {
|
| 639 |
+
background-color: #304ffe !important;
|
| 640 |
+
}
|
| 641 |
+
|
| 642 |
+
.indigo-text.text-accent-4 {
|
| 643 |
+
color: #304ffe !important;
|
| 644 |
+
}
|
| 645 |
+
|
| 646 |
+
.blue {
|
| 647 |
+
background-color: #2196F3 !important;
|
| 648 |
+
}
|
| 649 |
+
|
| 650 |
+
.blue-text {
|
| 651 |
+
color: #2196F3 !important;
|
| 652 |
+
}
|
| 653 |
+
|
| 654 |
+
.blue.lighten-5 {
|
| 655 |
+
background-color: #E3F2FD !important;
|
| 656 |
+
}
|
| 657 |
+
|
| 658 |
+
.blue-text.text-lighten-5 {
|
| 659 |
+
color: #E3F2FD !important;
|
| 660 |
+
}
|
| 661 |
+
|
| 662 |
+
.blue.lighten-4 {
|
| 663 |
+
background-color: #BBDEFB !important;
|
| 664 |
+
}
|
| 665 |
+
|
| 666 |
+
.blue-text.text-lighten-4 {
|
| 667 |
+
color: #BBDEFB !important;
|
| 668 |
+
}
|
| 669 |
+
|
| 670 |
+
.blue.lighten-3 {
|
| 671 |
+
background-color: #90CAF9 !important;
|
| 672 |
+
}
|
| 673 |
+
|
| 674 |
+
.blue-text.text-lighten-3 {
|
| 675 |
+
color: #90CAF9 !important;
|
| 676 |
+
}
|
| 677 |
+
|
| 678 |
+
.blue.lighten-2 {
|
| 679 |
+
background-color: #64B5F6 !important;
|
| 680 |
+
}
|
| 681 |
+
|
| 682 |
+
.blue-text.text-lighten-2 {
|
| 683 |
+
color: #64B5F6 !important;
|
| 684 |
+
}
|
| 685 |
+
|
| 686 |
+
.blue.lighten-1 {
|
| 687 |
+
background-color: #42A5F5 !important;
|
| 688 |
+
}
|
| 689 |
+
|
| 690 |
+
.blue-text.text-lighten-1 {
|
| 691 |
+
color: #42A5F5 !important;
|
| 692 |
+
}
|
| 693 |
+
|
| 694 |
+
.blue.darken-1 {
|
| 695 |
+
background-color: #1E88E5 !important;
|
| 696 |
+
}
|
| 697 |
+
|
| 698 |
+
.blue-text.text-darken-1 {
|
| 699 |
+
color: #1E88E5 !important;
|
| 700 |
+
}
|
| 701 |
+
|
| 702 |
+
.blue.darken-2 {
|
| 703 |
+
background-color: #1976D2 !important;
|
| 704 |
+
}
|
| 705 |
+
|
| 706 |
+
.blue-text.text-darken-2 {
|
| 707 |
+
color: #1976D2 !important;
|
| 708 |
+
}
|
| 709 |
+
|
| 710 |
+
.blue.darken-3 {
|
| 711 |
+
background-color: #1565C0 !important;
|
| 712 |
+
}
|
| 713 |
+
|
| 714 |
+
.blue-text.text-darken-3 {
|
| 715 |
+
color: #1565C0 !important;
|
| 716 |
+
}
|
| 717 |
+
|
| 718 |
+
.blue.darken-4 {
|
| 719 |
+
background-color: #0D47A1 !important;
|
| 720 |
+
}
|
| 721 |
+
|
| 722 |
+
.blue-text.text-darken-4 {
|
| 723 |
+
color: #0D47A1 !important;
|
| 724 |
+
}
|
| 725 |
+
|
| 726 |
+
.blue.accent-1 {
|
| 727 |
+
background-color: #82B1FF !important;
|
| 728 |
+
}
|
| 729 |
+
|
| 730 |
+
.blue-text.text-accent-1 {
|
| 731 |
+
color: #82B1FF !important;
|
| 732 |
+
}
|
| 733 |
+
|
| 734 |
+
.blue.accent-2 {
|
| 735 |
+
background-color: #448AFF !important;
|
| 736 |
+
}
|
| 737 |
+
|
| 738 |
+
.blue-text.text-accent-2 {
|
| 739 |
+
color: #448AFF !important;
|
| 740 |
+
}
|
| 741 |
+
|
| 742 |
+
.blue.accent-3 {
|
| 743 |
+
background-color: #2979FF !important;
|
| 744 |
+
}
|
| 745 |
+
|
| 746 |
+
.blue-text.text-accent-3 {
|
| 747 |
+
color: #2979FF !important;
|
| 748 |
+
}
|
| 749 |
+
|
| 750 |
+
.blue.accent-4 {
|
| 751 |
+
background-color: #2962FF !important;
|
| 752 |
+
}
|
| 753 |
+
|
| 754 |
+
.blue-text.text-accent-4 {
|
| 755 |
+
color: #2962FF !important;
|
| 756 |
+
}
|
| 757 |
+
|
| 758 |
+
.light-blue {
|
| 759 |
+
background-color: #03a9f4 !important;
|
| 760 |
+
}
|
| 761 |
+
|
| 762 |
+
.light-blue-text {
|
| 763 |
+
color: #03a9f4 !important;
|
| 764 |
+
}
|
| 765 |
+
|
| 766 |
+
.light-blue.lighten-5 {
|
| 767 |
+
background-color: #e1f5fe !important;
|
| 768 |
+
}
|
| 769 |
+
|
| 770 |
+
.light-blue-text.text-lighten-5 {
|
| 771 |
+
color: #e1f5fe !important;
|
| 772 |
+
}
|
| 773 |
+
|
| 774 |
+
.light-blue.lighten-4 {
|
| 775 |
+
background-color: #b3e5fc !important;
|
| 776 |
+
}
|
| 777 |
+
|
| 778 |
+
.light-blue-text.text-lighten-4 {
|
| 779 |
+
color: #b3e5fc !important;
|
| 780 |
+
}
|
| 781 |
+
|
| 782 |
+
.light-blue.lighten-3 {
|
| 783 |
+
background-color: #81d4fa !important;
|
| 784 |
+
}
|
| 785 |
+
|
| 786 |
+
.light-blue-text.text-lighten-3 {
|
| 787 |
+
color: #81d4fa !important;
|
| 788 |
+
}
|
| 789 |
+
|
| 790 |
+
.light-blue.lighten-2 {
|
| 791 |
+
background-color: #4fc3f7 !important;
|
| 792 |
+
}
|
| 793 |
+
|
| 794 |
+
.light-blue-text.text-lighten-2 {
|
| 795 |
+
color: #4fc3f7 !important;
|
| 796 |
+
}
|
| 797 |
+
|
| 798 |
+
.light-blue.lighten-1 {
|
| 799 |
+
background-color: #29b6f6 !important;
|
| 800 |
+
}
|
| 801 |
+
|
| 802 |
+
.light-blue-text.text-lighten-1 {
|
| 803 |
+
color: #29b6f6 !important;
|
| 804 |
+
}
|
| 805 |
+
|
| 806 |
+
.light-blue.darken-1 {
|
| 807 |
+
background-color: #039be5 !important;
|
| 808 |
+
}
|
| 809 |
+
|
| 810 |
+
.light-blue-text.text-darken-1 {
|
| 811 |
+
color: #039be5 !important;
|
| 812 |
+
}
|
| 813 |
+
|
| 814 |
+
.light-blue.darken-2 {
|
| 815 |
+
background-color: #0288d1 !important;
|
| 816 |
+
}
|
| 817 |
+
|
| 818 |
+
.light-blue-text.text-darken-2 {
|
| 819 |
+
color: #0288d1 !important;
|
| 820 |
+
}
|
| 821 |
+
|
| 822 |
+
.light-blue.darken-3 {
|
| 823 |
+
background-color: #0277bd !important;
|
| 824 |
+
}
|
| 825 |
+
|
| 826 |
+
.light-blue-text.text-darken-3 {
|
| 827 |
+
color: #0277bd !important;
|
| 828 |
+
}
|
| 829 |
+
|
| 830 |
+
.light-blue.darken-4 {
|
| 831 |
+
background-color: #01579b !important;
|
| 832 |
+
}
|
| 833 |
+
|
| 834 |
+
.light-blue-text.text-darken-4 {
|
| 835 |
+
color: #01579b !important;
|
| 836 |
+
}
|
| 837 |
+
|
| 838 |
+
.light-blue.accent-1 {
|
| 839 |
+
background-color: #80d8ff !important;
|
| 840 |
+
}
|
| 841 |
+
|
| 842 |
+
.light-blue-text.text-accent-1 {
|
| 843 |
+
color: #80d8ff !important;
|
| 844 |
+
}
|
| 845 |
+
|
| 846 |
+
.light-blue.accent-2 {
|
| 847 |
+
background-color: #40c4ff !important;
|
| 848 |
+
}
|
| 849 |
+
|
| 850 |
+
.light-blue-text.text-accent-2 {
|
| 851 |
+
color: #40c4ff !important;
|
| 852 |
+
}
|
| 853 |
+
|
| 854 |
+
.light-blue.accent-3 {
|
| 855 |
+
background-color: #00b0ff !important;
|
| 856 |
+
}
|
| 857 |
+
|
| 858 |
+
.light-blue-text.text-accent-3 {
|
| 859 |
+
color: #00b0ff !important;
|
| 860 |
+
}
|
| 861 |
+
|
| 862 |
+
.light-blue.accent-4 {
|
| 863 |
+
background-color: #0091ea !important;
|
| 864 |
+
}
|
| 865 |
+
|
| 866 |
+
.light-blue-text.text-accent-4 {
|
| 867 |
+
color: #0091ea !important;
|
| 868 |
+
}
|
| 869 |
+
|
| 870 |
+
.cyan {
|
| 871 |
+
background-color: #00bcd4 !important;
|
| 872 |
+
}
|
| 873 |
+
|
| 874 |
+
.cyan-text {
|
| 875 |
+
color: #00bcd4 !important;
|
| 876 |
+
}
|
| 877 |
+
|
| 878 |
+
.cyan.lighten-5 {
|
| 879 |
+
background-color: #e0f7fa !important;
|
| 880 |
+
}
|
| 881 |
+
|
| 882 |
+
.cyan-text.text-lighten-5 {
|
| 883 |
+
color: #e0f7fa !important;
|
| 884 |
+
}
|
| 885 |
+
|
| 886 |
+
.cyan.lighten-4 {
|
| 887 |
+
background-color: #b2ebf2 !important;
|
| 888 |
+
}
|
| 889 |
+
|
| 890 |
+
.cyan-text.text-lighten-4 {
|
| 891 |
+
color: #b2ebf2 !important;
|
| 892 |
+
}
|
| 893 |
+
|
| 894 |
+
.cyan.lighten-3 {
|
| 895 |
+
background-color: #80deea !important;
|
| 896 |
+
}
|
| 897 |
+
|
| 898 |
+
.cyan-text.text-lighten-3 {
|
| 899 |
+
color: #80deea !important;
|
| 900 |
+
}
|
| 901 |
+
|
| 902 |
+
.cyan.lighten-2 {
|
| 903 |
+
background-color: #4dd0e1 !important;
|
| 904 |
+
}
|
| 905 |
+
|
| 906 |
+
.cyan-text.text-lighten-2 {
|
| 907 |
+
color: #4dd0e1 !important;
|
| 908 |
+
}
|
| 909 |
+
|
| 910 |
+
.cyan.lighten-1 {
|
| 911 |
+
background-color: #26c6da !important;
|
| 912 |
+
}
|
| 913 |
+
|
| 914 |
+
.cyan-text.text-lighten-1 {
|
| 915 |
+
color: #26c6da !important;
|
| 916 |
+
}
|
| 917 |
+
|
| 918 |
+
.cyan.darken-1 {
|
| 919 |
+
background-color: #00acc1 !important;
|
| 920 |
+
}
|
| 921 |
+
|
| 922 |
+
.cyan-text.text-darken-1 {
|
| 923 |
+
color: #00acc1 !important;
|
| 924 |
+
}
|
| 925 |
+
|
| 926 |
+
.cyan.darken-2 {
|
| 927 |
+
background-color: #0097a7 !important;
|
| 928 |
+
}
|
| 929 |
+
|
| 930 |
+
.cyan-text.text-darken-2 {
|
| 931 |
+
color: #0097a7 !important;
|
| 932 |
+
}
|
| 933 |
+
|
| 934 |
+
.cyan.darken-3 {
|
| 935 |
+
background-color: #00838f !important;
|
| 936 |
+
}
|
| 937 |
+
|
| 938 |
+
.cyan-text.text-darken-3 {
|
| 939 |
+
color: #00838f !important;
|
| 940 |
+
}
|
| 941 |
+
|
| 942 |
+
.cyan.darken-4 {
|
| 943 |
+
background-color: #006064 !important;
|
| 944 |
+
}
|
| 945 |
+
|
| 946 |
+
.cyan-text.text-darken-4 {
|
| 947 |
+
color: #006064 !important;
|
| 948 |
+
}
|
| 949 |
+
|
| 950 |
+
.cyan.accent-1 {
|
| 951 |
+
background-color: #84ffff !important;
|
| 952 |
+
}
|
| 953 |
+
|
| 954 |
+
.cyan-text.text-accent-1 {
|
| 955 |
+
color: #84ffff !important;
|
| 956 |
+
}
|
| 957 |
+
|
| 958 |
+
.cyan.accent-2 {
|
| 959 |
+
background-color: #18ffff !important;
|
| 960 |
+
}
|
| 961 |
+
|
| 962 |
+
.cyan-text.text-accent-2 {
|
| 963 |
+
color: #18ffff !important;
|
| 964 |
+
}
|
| 965 |
+
|
| 966 |
+
.cyan.accent-3 {
|
| 967 |
+
background-color: #00e5ff !important;
|
| 968 |
+
}
|
| 969 |
+
|
| 970 |
+
.cyan-text.text-accent-3 {
|
| 971 |
+
color: #00e5ff !important;
|
| 972 |
+
}
|
| 973 |
+
|
| 974 |
+
.cyan.accent-4 {
|
| 975 |
+
background-color: #00b8d4 !important;
|
| 976 |
+
}
|
| 977 |
+
|
| 978 |
+
.cyan-text.text-accent-4 {
|
| 979 |
+
color: #00b8d4 !important;
|
| 980 |
+
}
|
| 981 |
+
|
| 982 |
+
.teal {
|
| 983 |
+
background-color: #009688 !important;
|
| 984 |
+
}
|
| 985 |
+
|
| 986 |
+
.teal-text {
|
| 987 |
+
color: #009688 !important;
|
| 988 |
+
}
|
| 989 |
+
|
| 990 |
+
.teal.lighten-5 {
|
| 991 |
+
background-color: #e0f2f1 !important;
|
| 992 |
+
}
|
| 993 |
+
|
| 994 |
+
.teal-text.text-lighten-5 {
|
| 995 |
+
color: #e0f2f1 !important;
|
| 996 |
+
}
|
| 997 |
+
|
| 998 |
+
.teal.lighten-4 {
|
| 999 |
+
background-color: #b2dfdb !important;
|
| 1000 |
+
}
|
| 1001 |
+
|
| 1002 |
+
.teal-text.text-lighten-4 {
|
| 1003 |
+
color: #b2dfdb !important;
|
| 1004 |
+
}
|
| 1005 |
+
|
| 1006 |
+
.teal.lighten-3 {
|
| 1007 |
+
background-color: #80cbc4 !important;
|
| 1008 |
+
}
|
| 1009 |
+
|
| 1010 |
+
.teal-text.text-lighten-3 {
|
| 1011 |
+
color: #80cbc4 !important;
|
| 1012 |
+
}
|
| 1013 |
+
|
| 1014 |
+
.teal.lighten-2 {
|
| 1015 |
+
background-color: #4db6ac !important;
|
| 1016 |
+
}
|
| 1017 |
+
|
| 1018 |
+
.teal-text.text-lighten-2 {
|
| 1019 |
+
color: #4db6ac !important;
|
| 1020 |
+
}
|
| 1021 |
+
|
| 1022 |
+
.teal.lighten-1 {
|
| 1023 |
+
background-color: #26a69a !important;
|
| 1024 |
+
}
|
| 1025 |
+
|
| 1026 |
+
.teal-text.text-lighten-1 {
|
| 1027 |
+
color: #26a69a !important;
|
| 1028 |
+
}
|
| 1029 |
+
|
| 1030 |
+
.teal.darken-1 {
|
| 1031 |
+
background-color: #00897b !important;
|
| 1032 |
+
}
|
| 1033 |
+
|
| 1034 |
+
.teal-text.text-darken-1 {
|
| 1035 |
+
color: #00897b !important;
|
| 1036 |
+
}
|
| 1037 |
+
|
| 1038 |
+
.teal.darken-2 {
|
| 1039 |
+
background-color: #00796b !important;
|
| 1040 |
+
}
|
| 1041 |
+
|
| 1042 |
+
.teal-text.text-darken-2 {
|
| 1043 |
+
color: #00796b !important;
|
| 1044 |
+
}
|
| 1045 |
+
|
| 1046 |
+
.teal.darken-3 {
|
| 1047 |
+
background-color: #00695c !important;
|
| 1048 |
+
}
|
| 1049 |
+
|
| 1050 |
+
.teal-text.text-darken-3 {
|
| 1051 |
+
color: #00695c !important;
|
| 1052 |
+
}
|
| 1053 |
+
|
| 1054 |
+
.teal.darken-4 {
|
| 1055 |
+
background-color: #004d40 !important;
|
| 1056 |
+
}
|
| 1057 |
+
|
| 1058 |
+
.teal-text.text-darken-4 {
|
| 1059 |
+
color: #004d40 !important;
|
| 1060 |
+
}
|
| 1061 |
+
|
| 1062 |
+
.teal.accent-1 {
|
| 1063 |
+
background-color: #a7ffeb !important;
|
| 1064 |
+
}
|
| 1065 |
+
|
| 1066 |
+
.teal-text.text-accent-1 {
|
| 1067 |
+
color: #a7ffeb !important;
|
| 1068 |
+
}
|
| 1069 |
+
|
| 1070 |
+
.teal.accent-2 {
|
| 1071 |
+
background-color: #64ffda !important;
|
| 1072 |
+
}
|
| 1073 |
+
|
| 1074 |
+
.teal-text.text-accent-2 {
|
| 1075 |
+
color: #64ffda !important;
|
| 1076 |
+
}
|
| 1077 |
+
|
| 1078 |
+
.teal.accent-3 {
|
| 1079 |
+
background-color: #1de9b6 !important;
|
| 1080 |
+
}
|
| 1081 |
+
|
| 1082 |
+
.teal-text.text-accent-3 {
|
| 1083 |
+
color: #1de9b6 !important;
|
| 1084 |
+
}
|
| 1085 |
+
|
| 1086 |
+
.teal.accent-4 {
|
| 1087 |
+
background-color: #00bfa5 !important;
|
| 1088 |
+
}
|
| 1089 |
+
|
| 1090 |
+
.teal-text.text-accent-4 {
|
| 1091 |
+
color: #00bfa5 !important;
|
| 1092 |
+
}
|
| 1093 |
+
|
| 1094 |
+
.green {
|
| 1095 |
+
background-color: #4CAF50 !important;
|
| 1096 |
+
}
|
| 1097 |
+
|
| 1098 |
+
.green-text {
|
| 1099 |
+
color: #4CAF50 !important;
|
| 1100 |
+
}
|
| 1101 |
+
|
| 1102 |
+
.green.lighten-5 {
|
| 1103 |
+
background-color: #E8F5E9 !important;
|
| 1104 |
+
}
|
| 1105 |
+
|
| 1106 |
+
.green-text.text-lighten-5 {
|
| 1107 |
+
color: #E8F5E9 !important;
|
| 1108 |
+
}
|
| 1109 |
+
|
| 1110 |
+
.green.lighten-4 {
|
| 1111 |
+
background-color: #C8E6C9 !important;
|
| 1112 |
+
}
|
| 1113 |
+
|
| 1114 |
+
.green-text.text-lighten-4 {
|
| 1115 |
+
color: #C8E6C9 !important;
|
| 1116 |
+
}
|
| 1117 |
+
|
| 1118 |
+
.green.lighten-3 {
|
| 1119 |
+
background-color: #A5D6A7 !important;
|
| 1120 |
+
}
|
| 1121 |
+
|
| 1122 |
+
.green-text.text-lighten-3 {
|
| 1123 |
+
color: #A5D6A7 !important;
|
| 1124 |
+
}
|
| 1125 |
+
|
| 1126 |
+
.green.lighten-2 {
|
| 1127 |
+
background-color: #81C784 !important;
|
| 1128 |
+
}
|
| 1129 |
+
|
| 1130 |
+
.green-text.text-lighten-2 {
|
| 1131 |
+
color: #81C784 !important;
|
| 1132 |
+
}
|
| 1133 |
+
|
| 1134 |
+
.green.lighten-1 {
|
| 1135 |
+
background-color: #66BB6A !important;
|
| 1136 |
+
}
|
| 1137 |
+
|
| 1138 |
+
.green-text.text-lighten-1 {
|
| 1139 |
+
color: #66BB6A !important;
|
| 1140 |
+
}
|
| 1141 |
+
|
| 1142 |
+
.green.darken-1 {
|
| 1143 |
+
background-color: #43A047 !important;
|
| 1144 |
+
}
|
| 1145 |
+
|
| 1146 |
+
.green-text.text-darken-1 {
|
| 1147 |
+
color: #43A047 !important;
|
| 1148 |
+
}
|
| 1149 |
+
|
| 1150 |
+
.green.darken-2 {
|
| 1151 |
+
background-color: #388E3C !important;
|
| 1152 |
+
}
|
| 1153 |
+
|
| 1154 |
+
.green-text.text-darken-2 {
|
| 1155 |
+
color: #388E3C !important;
|
| 1156 |
+
}
|
| 1157 |
+
|
| 1158 |
+
.green.darken-3 {
|
| 1159 |
+
background-color: #2E7D32 !important;
|
| 1160 |
+
}
|
| 1161 |
+
|
| 1162 |
+
.green-text.text-darken-3 {
|
| 1163 |
+
color: #2E7D32 !important;
|
| 1164 |
+
}
|
| 1165 |
+
|
| 1166 |
+
.green.darken-4 {
|
| 1167 |
+
background-color: #1B5E20 !important;
|
| 1168 |
+
}
|
| 1169 |
+
|
| 1170 |
+
.green-text.text-darken-4 {
|
| 1171 |
+
color: #1B5E20 !important;
|
| 1172 |
+
}
|
| 1173 |
+
|
| 1174 |
+
.green.accent-1 {
|
| 1175 |
+
background-color: #B9F6CA !important;
|
| 1176 |
+
}
|
| 1177 |
+
|
| 1178 |
+
.green-text.text-accent-1 {
|
| 1179 |
+
color: #B9F6CA !important;
|
| 1180 |
+
}
|
| 1181 |
+
|
| 1182 |
+
.green.accent-2 {
|
| 1183 |
+
background-color: #69F0AE !important;
|
| 1184 |
+
}
|
| 1185 |
+
|
| 1186 |
+
.green-text.text-accent-2 {
|
| 1187 |
+
color: #69F0AE !important;
|
| 1188 |
+
}
|
| 1189 |
+
|
| 1190 |
+
.green.accent-3 {
|
| 1191 |
+
background-color: #00E676 !important;
|
| 1192 |
+
}
|
| 1193 |
+
|
| 1194 |
+
.green-text.text-accent-3 {
|
| 1195 |
+
color: #00E676 !important;
|
| 1196 |
+
}
|
| 1197 |
+
|
| 1198 |
+
.green.accent-4 {
|
| 1199 |
+
background-color: #00C853 !important;
|
| 1200 |
+
}
|
| 1201 |
+
|
| 1202 |
+
.green-text.text-accent-4 {
|
| 1203 |
+
color: #00C853 !important;
|
| 1204 |
+
}
|
| 1205 |
+
|
| 1206 |
+
.light-green {
|
| 1207 |
+
background-color: #8bc34a !important;
|
| 1208 |
+
}
|
| 1209 |
+
|
| 1210 |
+
.light-green-text {
|
| 1211 |
+
color: #8bc34a !important;
|
| 1212 |
+
}
|
| 1213 |
+
|
| 1214 |
+
.light-green.lighten-5 {
|
| 1215 |
+
background-color: #f1f8e9 !important;
|
| 1216 |
+
}
|
| 1217 |
+
|
| 1218 |
+
.light-green-text.text-lighten-5 {
|
| 1219 |
+
color: #f1f8e9 !important;
|
| 1220 |
+
}
|
| 1221 |
+
|
| 1222 |
+
.light-green.lighten-4 {
|
| 1223 |
+
background-color: #dcedc8 !important;
|
| 1224 |
+
}
|
| 1225 |
+
|
| 1226 |
+
.light-green-text.text-lighten-4 {
|
| 1227 |
+
color: #dcedc8 !important;
|
| 1228 |
+
}
|
| 1229 |
+
|
| 1230 |
+
.light-green.lighten-3 {
|
| 1231 |
+
background-color: #c5e1a5 !important;
|
| 1232 |
+
}
|
| 1233 |
+
|
| 1234 |
+
.light-green-text.text-lighten-3 {
|
| 1235 |
+
color: #c5e1a5 !important;
|
| 1236 |
+
}
|
| 1237 |
+
|
| 1238 |
+
.light-green.lighten-2 {
|
| 1239 |
+
background-color: #aed581 !important;
|
| 1240 |
+
}
|
| 1241 |
+
|
| 1242 |
+
.light-green-text.text-lighten-2 {
|
| 1243 |
+
color: #aed581 !important;
|
| 1244 |
+
}
|
| 1245 |
+
|
| 1246 |
+
.light-green.lighten-1 {
|
| 1247 |
+
background-color: #9ccc65 !important;
|
| 1248 |
+
}
|
| 1249 |
+
|
| 1250 |
+
.light-green-text.text-lighten-1 {
|
| 1251 |
+
color: #9ccc65 !important;
|
| 1252 |
+
}
|
| 1253 |
+
|
| 1254 |
+
.light-green.darken-1 {
|
| 1255 |
+
background-color: #7cb342 !important;
|
| 1256 |
+
}
|
| 1257 |
+
|
| 1258 |
+
.light-green-text.text-darken-1 {
|
| 1259 |
+
color: #7cb342 !important;
|
| 1260 |
+
}
|
| 1261 |
+
|
| 1262 |
+
.light-green.darken-2 {
|
| 1263 |
+
background-color: #689f38 !important;
|
| 1264 |
+
}
|
| 1265 |
+
|
| 1266 |
+
.light-green-text.text-darken-2 {
|
| 1267 |
+
color: #689f38 !important;
|
| 1268 |
+
}
|
| 1269 |
+
|
| 1270 |
+
.light-green.darken-3 {
|
| 1271 |
+
background-color: #558b2f !important;
|
| 1272 |
+
}
|
| 1273 |
+
|
| 1274 |
+
.light-green-text.text-darken-3 {
|
| 1275 |
+
color: #558b2f !important;
|
| 1276 |
+
}
|
| 1277 |
+
|
| 1278 |
+
.light-green.darken-4 {
|
| 1279 |
+
background-color: #33691e !important;
|
| 1280 |
+
}
|
| 1281 |
+
|
| 1282 |
+
.light-green-text.text-darken-4 {
|
| 1283 |
+
color: #33691e !important;
|
| 1284 |
+
}
|
| 1285 |
+
|
| 1286 |
+
.light-green.accent-1 {
|
| 1287 |
+
background-color: #ccff90 !important;
|
| 1288 |
+
}
|
| 1289 |
+
|
| 1290 |
+
.light-green-text.text-accent-1 {
|
| 1291 |
+
color: #ccff90 !important;
|
| 1292 |
+
}
|
| 1293 |
+
|
| 1294 |
+
.light-green.accent-2 {
|
| 1295 |
+
background-color: #b2ff59 !important;
|
| 1296 |
+
}
|
| 1297 |
+
|
| 1298 |
+
.light-green-text.text-accent-2 {
|
| 1299 |
+
color: #b2ff59 !important;
|
| 1300 |
+
}
|
| 1301 |
+
|
| 1302 |
+
.light-green.accent-3 {
|
| 1303 |
+
background-color: #76ff03 !important;
|
| 1304 |
+
}
|
| 1305 |
+
|
| 1306 |
+
.light-green-text.text-accent-3 {
|
| 1307 |
+
color: #76ff03 !important;
|
| 1308 |
+
}
|
| 1309 |
+
|
| 1310 |
+
.light-green.accent-4 {
|
| 1311 |
+
background-color: #64dd17 !important;
|
| 1312 |
+
}
|
| 1313 |
+
|
| 1314 |
+
.light-green-text.text-accent-4 {
|
| 1315 |
+
color: #64dd17 !important;
|
| 1316 |
+
}
|
| 1317 |
+
|
| 1318 |
+
.lime {
|
| 1319 |
+
background-color: #cddc39 !important;
|
| 1320 |
+
}
|
| 1321 |
+
|
| 1322 |
+
.lime-text {
|
| 1323 |
+
color: #cddc39 !important;
|
| 1324 |
+
}
|
| 1325 |
+
|
| 1326 |
+
.lime.lighten-5 {
|
| 1327 |
+
background-color: #f9fbe7 !important;
|
| 1328 |
+
}
|
| 1329 |
+
|
| 1330 |
+
.lime-text.text-lighten-5 {
|
| 1331 |
+
color: #f9fbe7 !important;
|
| 1332 |
+
}
|
| 1333 |
+
|
| 1334 |
+
.lime.lighten-4 {
|
| 1335 |
+
background-color: #f0f4c3 !important;
|
| 1336 |
+
}
|
| 1337 |
+
|
| 1338 |
+
.lime-text.text-lighten-4 {
|
| 1339 |
+
color: #f0f4c3 !important;
|
| 1340 |
+
}
|
| 1341 |
+
|
| 1342 |
+
.lime.lighten-3 {
|
| 1343 |
+
background-color: #e6ee9c !important;
|
| 1344 |
+
}
|
| 1345 |
+
|
| 1346 |
+
.lime-text.text-lighten-3 {
|
| 1347 |
+
color: #e6ee9c !important;
|
| 1348 |
+
}
|
| 1349 |
+
|
| 1350 |
+
.lime.lighten-2 {
|
| 1351 |
+
background-color: #dce775 !important;
|
| 1352 |
+
}
|
| 1353 |
+
|
| 1354 |
+
.lime-text.text-lighten-2 {
|
| 1355 |
+
color: #dce775 !important;
|
| 1356 |
+
}
|
| 1357 |
+
|
| 1358 |
+
.lime.lighten-1 {
|
| 1359 |
+
background-color: #d4e157 !important;
|
| 1360 |
+
}
|
| 1361 |
+
|
| 1362 |
+
.lime-text.text-lighten-1 {
|
| 1363 |
+
color: #d4e157 !important;
|
| 1364 |
+
}
|
| 1365 |
+
|
| 1366 |
+
.lime.darken-1 {
|
| 1367 |
+
background-color: #c0ca33 !important;
|
| 1368 |
+
}
|
| 1369 |
+
|
| 1370 |
+
.lime-text.text-darken-1 {
|
| 1371 |
+
color: #c0ca33 !important;
|
| 1372 |
+
}
|
| 1373 |
+
|
| 1374 |
+
.lime.darken-2 {
|
| 1375 |
+
background-color: #afb42b !important;
|
| 1376 |
+
}
|
| 1377 |
+
|
| 1378 |
+
.lime-text.text-darken-2 {
|
| 1379 |
+
color: #afb42b !important;
|
| 1380 |
+
}
|
| 1381 |
+
|
| 1382 |
+
.lime.darken-3 {
|
| 1383 |
+
background-color: #9e9d24 !important;
|
| 1384 |
+
}
|
| 1385 |
+
|
| 1386 |
+
.lime-text.text-darken-3 {
|
| 1387 |
+
color: #9e9d24 !important;
|
| 1388 |
+
}
|
| 1389 |
+
|
| 1390 |
+
.lime.darken-4 {
|
| 1391 |
+
background-color: #827717 !important;
|
| 1392 |
+
}
|
| 1393 |
+
|
| 1394 |
+
.lime-text.text-darken-4 {
|
| 1395 |
+
color: #827717 !important;
|
| 1396 |
+
}
|
| 1397 |
+
|
| 1398 |
+
.lime.accent-1 {
|
| 1399 |
+
background-color: #f4ff81 !important;
|
| 1400 |
+
}
|
| 1401 |
+
|
| 1402 |
+
.lime-text.text-accent-1 {
|
| 1403 |
+
color: #f4ff81 !important;
|
| 1404 |
+
}
|
| 1405 |
+
|
| 1406 |
+
.lime.accent-2 {
|
| 1407 |
+
background-color: #eeff41 !important;
|
| 1408 |
+
}
|
| 1409 |
+
|
| 1410 |
+
.lime-text.text-accent-2 {
|
| 1411 |
+
color: #eeff41 !important;
|
| 1412 |
+
}
|
| 1413 |
+
|
| 1414 |
+
.lime.accent-3 {
|
| 1415 |
+
background-color: #c6ff00 !important;
|
| 1416 |
+
}
|
| 1417 |
+
|
| 1418 |
+
.lime-text.text-accent-3 {
|
| 1419 |
+
color: #c6ff00 !important;
|
| 1420 |
+
}
|
| 1421 |
+
|
| 1422 |
+
.lime.accent-4 {
|
| 1423 |
+
background-color: #aeea00 !important;
|
| 1424 |
+
}
|
| 1425 |
+
|
| 1426 |
+
.lime-text.text-accent-4 {
|
| 1427 |
+
color: #aeea00 !important;
|
| 1428 |
+
}
|
| 1429 |
+
|
| 1430 |
+
.yellow {
|
| 1431 |
+
background-color: #ffeb3b !important;
|
| 1432 |
+
}
|
| 1433 |
+
|
| 1434 |
+
.yellow-text {
|
| 1435 |
+
color: #ffeb3b !important;
|
| 1436 |
+
}
|
| 1437 |
+
|
| 1438 |
+
.yellow.lighten-5 {
|
| 1439 |
+
background-color: #fffde7 !important;
|
| 1440 |
+
}
|
| 1441 |
+
|
| 1442 |
+
.yellow-text.text-lighten-5 {
|
| 1443 |
+
color: #fffde7 !important;
|
| 1444 |
+
}
|
| 1445 |
+
|
| 1446 |
+
.yellow.lighten-4 {
|
| 1447 |
+
background-color: #fff9c4 !important;
|
| 1448 |
+
}
|
| 1449 |
+
|
| 1450 |
+
.yellow-text.text-lighten-4 {
|
| 1451 |
+
color: #fff9c4 !important;
|
| 1452 |
+
}
|
| 1453 |
+
|
| 1454 |
+
.yellow.lighten-3 {
|
| 1455 |
+
background-color: #fff59d !important;
|
| 1456 |
+
}
|
| 1457 |
+
|
| 1458 |
+
.yellow-text.text-lighten-3 {
|
| 1459 |
+
color: #fff59d !important;
|
| 1460 |
+
}
|
| 1461 |
+
|
| 1462 |
+
.yellow.lighten-2 {
|
| 1463 |
+
background-color: #fff176 !important;
|
| 1464 |
+
}
|
| 1465 |
+
|
| 1466 |
+
.yellow-text.text-lighten-2 {
|
| 1467 |
+
color: #fff176 !important;
|
| 1468 |
+
}
|
| 1469 |
+
|
| 1470 |
+
.yellow.lighten-1 {
|
| 1471 |
+
background-color: #ffee58 !important;
|
| 1472 |
+
}
|
| 1473 |
+
|
| 1474 |
+
.yellow-text.text-lighten-1 {
|
| 1475 |
+
color: #ffee58 !important;
|
| 1476 |
+
}
|
| 1477 |
+
|
| 1478 |
+
.yellow.darken-1 {
|
| 1479 |
+
background-color: #fdd835 !important;
|
| 1480 |
+
}
|
| 1481 |
+
|
| 1482 |
+
.yellow-text.text-darken-1 {
|
| 1483 |
+
color: #fdd835 !important;
|
| 1484 |
+
}
|
| 1485 |
+
|
| 1486 |
+
.yellow.darken-2 {
|
| 1487 |
+
background-color: #fbc02d !important;
|
| 1488 |
+
}
|
| 1489 |
+
|
| 1490 |
+
.yellow-text.text-darken-2 {
|
| 1491 |
+
color: #fbc02d !important;
|
| 1492 |
+
}
|
| 1493 |
+
|
| 1494 |
+
.yellow.darken-3 {
|
| 1495 |
+
background-color: #f9a825 !important;
|
| 1496 |
+
}
|
| 1497 |
+
|
| 1498 |
+
.yellow-text.text-darken-3 {
|
| 1499 |
+
color: #f9a825 !important;
|
| 1500 |
+
}
|
| 1501 |
+
|
| 1502 |
+
.yellow.darken-4 {
|
| 1503 |
+
background-color: #f57f17 !important;
|
| 1504 |
+
}
|
| 1505 |
+
|
| 1506 |
+
.yellow-text.text-darken-4 {
|
| 1507 |
+
color: #f57f17 !important;
|
| 1508 |
+
}
|
| 1509 |
+
|
| 1510 |
+
.yellow.accent-1 {
|
| 1511 |
+
background-color: #ffff8d !important;
|
| 1512 |
+
}
|
| 1513 |
+
|
| 1514 |
+
.yellow-text.text-accent-1 {
|
| 1515 |
+
color: #ffff8d !important;
|
| 1516 |
+
}
|
| 1517 |
+
|
| 1518 |
+
.yellow.accent-2 {
|
| 1519 |
+
background-color: #ffff00 !important;
|
| 1520 |
+
}
|
| 1521 |
+
|
| 1522 |
+
.yellow-text.text-accent-2 {
|
| 1523 |
+
color: #ffff00 !important;
|
| 1524 |
+
}
|
| 1525 |
+
|
| 1526 |
+
.yellow.accent-3 {
|
| 1527 |
+
background-color: #ffea00 !important;
|
| 1528 |
+
}
|
| 1529 |
+
|
| 1530 |
+
.yellow-text.text-accent-3 {
|
| 1531 |
+
color: #ffea00 !important;
|
| 1532 |
+
}
|
| 1533 |
+
|
| 1534 |
+
.yellow.accent-4 {
|
| 1535 |
+
background-color: #ffd600 !important;
|
| 1536 |
+
}
|
| 1537 |
+
|
| 1538 |
+
.yellow-text.text-accent-4 {
|
| 1539 |
+
color: #ffd600 !important;
|
| 1540 |
+
}
|
| 1541 |
+
|
| 1542 |
+
.amber {
|
| 1543 |
+
background-color: #ffc107 !important;
|
| 1544 |
+
}
|
| 1545 |
+
|
| 1546 |
+
.amber-text {
|
| 1547 |
+
color: #ffc107 !important;
|
| 1548 |
+
}
|
| 1549 |
+
|
| 1550 |
+
.amber.lighten-5 {
|
| 1551 |
+
background-color: #fff8e1 !important;
|
| 1552 |
+
}
|
| 1553 |
+
|
| 1554 |
+
.amber-text.text-lighten-5 {
|
| 1555 |
+
color: #fff8e1 !important;
|
| 1556 |
+
}
|
| 1557 |
+
|
| 1558 |
+
.amber.lighten-4 {
|
| 1559 |
+
background-color: #ffecb3 !important;
|
| 1560 |
+
}
|
| 1561 |
+
|
| 1562 |
+
.amber-text.text-lighten-4 {
|
| 1563 |
+
color: #ffecb3 !important;
|
| 1564 |
+
}
|
| 1565 |
+
|
| 1566 |
+
.amber.lighten-3 {
|
| 1567 |
+
background-color: #ffe082 !important;
|
| 1568 |
+
}
|
| 1569 |
+
|
| 1570 |
+
.amber-text.text-lighten-3 {
|
| 1571 |
+
color: #ffe082 !important;
|
| 1572 |
+
}
|
| 1573 |
+
|
| 1574 |
+
.amber.lighten-2 {
|
| 1575 |
+
background-color: #ffd54f !important;
|
| 1576 |
+
}
|
| 1577 |
+
|
| 1578 |
+
.amber-text.text-lighten-2 {
|
| 1579 |
+
color: #ffd54f !important;
|
| 1580 |
+
}
|
| 1581 |
+
|
| 1582 |
+
.amber.lighten-1 {
|
| 1583 |
+
background-color: #ffca28 !important;
|
| 1584 |
+
}
|
| 1585 |
+
|
| 1586 |
+
.amber-text.text-lighten-1 {
|
| 1587 |
+
color: #ffca28 !important;
|
| 1588 |
+
}
|
| 1589 |
+
|
| 1590 |
+
.amber.darken-1 {
|
| 1591 |
+
background-color: #ffb300 !important;
|
| 1592 |
+
}
|
| 1593 |
+
|
| 1594 |
+
.amber-text.text-darken-1 {
|
| 1595 |
+
color: #ffb300 !important;
|
| 1596 |
+
}
|
| 1597 |
+
|
| 1598 |
+
.amber.darken-2 {
|
| 1599 |
+
background-color: #ffa000 !important;
|
| 1600 |
+
}
|
| 1601 |
+
|
| 1602 |
+
.amber-text.text-darken-2 {
|
| 1603 |
+
color: #ffa000 !important;
|
| 1604 |
+
}
|
| 1605 |
+
|
| 1606 |
+
.amber.darken-3 {
|
| 1607 |
+
background-color: #ff8f00 !important;
|
| 1608 |
+
}
|
| 1609 |
+
|
| 1610 |
+
.amber-text.text-darken-3 {
|
| 1611 |
+
color: #ff8f00 !important;
|
| 1612 |
+
}
|
| 1613 |
+
|
| 1614 |
+
.amber.darken-4 {
|
| 1615 |
+
background-color: #ff6f00 !important;
|
| 1616 |
+
}
|
| 1617 |
+
|
| 1618 |
+
.amber-text.text-darken-4 {
|
| 1619 |
+
color: #ff6f00 !important;
|
| 1620 |
+
}
|
| 1621 |
+
|
| 1622 |
+
.amber.accent-1 {
|
| 1623 |
+
background-color: #ffe57f !important;
|
| 1624 |
+
}
|
| 1625 |
+
|
| 1626 |
+
.amber-text.text-accent-1 {
|
| 1627 |
+
color: #ffe57f !important;
|
| 1628 |
+
}
|
| 1629 |
+
|
| 1630 |
+
.amber.accent-2 {
|
| 1631 |
+
background-color: #ffd740 !important;
|
| 1632 |
+
}
|
| 1633 |
+
|
| 1634 |
+
.amber-text.text-accent-2 {
|
| 1635 |
+
color: #ffd740 !important;
|
| 1636 |
+
}
|
| 1637 |
+
|
| 1638 |
+
.amber.accent-3 {
|
| 1639 |
+
background-color: #ffc400 !important;
|
| 1640 |
+
}
|
| 1641 |
+
|
| 1642 |
+
.amber-text.text-accent-3 {
|
| 1643 |
+
color: #ffc400 !important;
|
| 1644 |
+
}
|
| 1645 |
+
|
| 1646 |
+
.amber.accent-4 {
|
| 1647 |
+
background-color: #ffab00 !important;
|
| 1648 |
+
}
|
| 1649 |
+
|
| 1650 |
+
.amber-text.text-accent-4 {
|
| 1651 |
+
color: #ffab00 !important;
|
| 1652 |
+
}
|
| 1653 |
+
|
| 1654 |
+
.orange {
|
| 1655 |
+
background-color: #ff9800 !important;
|
| 1656 |
+
}
|
| 1657 |
+
|
| 1658 |
+
.orange-text {
|
| 1659 |
+
color: #ff9800 !important;
|
| 1660 |
+
}
|
| 1661 |
+
|
| 1662 |
+
.orange.lighten-5 {
|
| 1663 |
+
background-color: #fff3e0 !important;
|
| 1664 |
+
}
|
| 1665 |
+
|
| 1666 |
+
.orange-text.text-lighten-5 {
|
| 1667 |
+
color: #fff3e0 !important;
|
| 1668 |
+
}
|
| 1669 |
+
|
| 1670 |
+
.orange.lighten-4 {
|
| 1671 |
+
background-color: #ffe0b2 !important;
|
| 1672 |
+
}
|
| 1673 |
+
|
| 1674 |
+
.orange-text.text-lighten-4 {
|
| 1675 |
+
color: #ffe0b2 !important;
|
| 1676 |
+
}
|
| 1677 |
+
|
| 1678 |
+
.orange.lighten-3 {
|
| 1679 |
+
background-color: #ffcc80 !important;
|
| 1680 |
+
}
|
| 1681 |
+
|
| 1682 |
+
.orange-text.text-lighten-3 {
|
| 1683 |
+
color: #ffcc80 !important;
|
| 1684 |
+
}
|
| 1685 |
+
|
| 1686 |
+
.orange.lighten-2 {
|
| 1687 |
+
background-color: #ffb74d !important;
|
| 1688 |
+
}
|
| 1689 |
+
|
| 1690 |
+
.orange-text.text-lighten-2 {
|
| 1691 |
+
color: #ffb74d !important;
|
| 1692 |
+
}
|
| 1693 |
+
|
| 1694 |
+
.orange.lighten-1 {
|
| 1695 |
+
background-color: #ffa726 !important;
|
| 1696 |
+
}
|
| 1697 |
+
|
| 1698 |
+
.orange-text.text-lighten-1 {
|
| 1699 |
+
color: #ffa726 !important;
|
| 1700 |
+
}
|
| 1701 |
+
|
| 1702 |
+
.orange.darken-1 {
|
| 1703 |
+
background-color: #fb8c00 !important;
|
| 1704 |
+
}
|
| 1705 |
+
|
| 1706 |
+
.orange-text.text-darken-1 {
|
| 1707 |
+
color: #fb8c00 !important;
|
| 1708 |
+
}
|
| 1709 |
+
|
| 1710 |
+
.orange.darken-2 {
|
| 1711 |
+
background-color: #f57c00 !important;
|
| 1712 |
+
}
|
| 1713 |
+
|
| 1714 |
+
.orange-text.text-darken-2 {
|
| 1715 |
+
color: #f57c00 !important;
|
| 1716 |
+
}
|
| 1717 |
+
|
| 1718 |
+
.orange.darken-3 {
|
| 1719 |
+
background-color: #ef6c00 !important;
|
| 1720 |
+
}
|
| 1721 |
+
|
| 1722 |
+
.orange-text.text-darken-3 {
|
| 1723 |
+
color: #ef6c00 !important;
|
| 1724 |
+
}
|
| 1725 |
+
|
| 1726 |
+
.orange.darken-4 {
|
| 1727 |
+
background-color: #e65100 !important;
|
| 1728 |
+
}
|
| 1729 |
+
|
| 1730 |
+
.orange-text.text-darken-4 {
|
| 1731 |
+
color: #e65100 !important;
|
| 1732 |
+
}
|
| 1733 |
+
|
| 1734 |
+
.orange.accent-1 {
|
| 1735 |
+
background-color: #ffd180 !important;
|
| 1736 |
+
}
|
| 1737 |
+
|
| 1738 |
+
.orange-text.text-accent-1 {
|
| 1739 |
+
color: #ffd180 !important;
|
| 1740 |
+
}
|
| 1741 |
+
|
| 1742 |
+
.orange.accent-2 {
|
| 1743 |
+
background-color: #ffab40 !important;
|
| 1744 |
+
}
|
| 1745 |
+
|
| 1746 |
+
.orange-text.text-accent-2 {
|
| 1747 |
+
color: #ffab40 !important;
|
| 1748 |
+
}
|
| 1749 |
+
|
| 1750 |
+
.orange.accent-3 {
|
| 1751 |
+
background-color: #ff9100 !important;
|
| 1752 |
+
}
|
| 1753 |
+
|
| 1754 |
+
.orange-text.text-accent-3 {
|
| 1755 |
+
color: #ff9100 !important;
|
| 1756 |
+
}
|
| 1757 |
+
|
| 1758 |
+
.orange.accent-4 {
|
| 1759 |
+
background-color: #ff6d00 !important;
|
| 1760 |
+
}
|
| 1761 |
+
|
| 1762 |
+
.orange-text.text-accent-4 {
|
| 1763 |
+
color: #ff6d00 !important;
|
| 1764 |
+
}
|
| 1765 |
+
|
| 1766 |
+
.deep-orange {
|
| 1767 |
+
background-color: #ff5722 !important;
|
| 1768 |
+
}
|
| 1769 |
+
|
| 1770 |
+
.deep-orange-text {
|
| 1771 |
+
color: #ff5722 !important;
|
| 1772 |
+
}
|
| 1773 |
+
|
| 1774 |
+
.deep-orange.lighten-5 {
|
| 1775 |
+
background-color: #fbe9e7 !important;
|
| 1776 |
+
}
|
| 1777 |
+
|
| 1778 |
+
.deep-orange-text.text-lighten-5 {
|
| 1779 |
+
color: #fbe9e7 !important;
|
| 1780 |
+
}
|
| 1781 |
+
|
| 1782 |
+
.deep-orange.lighten-4 {
|
| 1783 |
+
background-color: #ffccbc !important;
|
| 1784 |
+
}
|
| 1785 |
+
|
| 1786 |
+
.deep-orange-text.text-lighten-4 {
|
| 1787 |
+
color: #ffccbc !important;
|
| 1788 |
+
}
|
| 1789 |
+
|
| 1790 |
+
.deep-orange.lighten-3 {
|
| 1791 |
+
background-color: #ffab91 !important;
|
| 1792 |
+
}
|
| 1793 |
+
|
| 1794 |
+
.deep-orange-text.text-lighten-3 {
|
| 1795 |
+
color: #ffab91 !important;
|
| 1796 |
+
}
|
| 1797 |
+
|
| 1798 |
+
.deep-orange.lighten-2 {
|
| 1799 |
+
background-color: #ff8a65 !important;
|
| 1800 |
+
}
|
| 1801 |
+
|
| 1802 |
+
.deep-orange-text.text-lighten-2 {
|
| 1803 |
+
color: #ff8a65 !important;
|
| 1804 |
+
}
|
| 1805 |
+
|
| 1806 |
+
.deep-orange.lighten-1 {
|
| 1807 |
+
background-color: #ff7043 !important;
|
| 1808 |
+
}
|
| 1809 |
+
|
| 1810 |
+
.deep-orange-text.text-lighten-1 {
|
| 1811 |
+
color: #ff7043 !important;
|
| 1812 |
+
}
|
| 1813 |
+
|
| 1814 |
+
.deep-orange.darken-1 {
|
| 1815 |
+
background-color: #f4511e !important;
|
| 1816 |
+
}
|
| 1817 |
+
|
| 1818 |
+
.deep-orange-text.text-darken-1 {
|
| 1819 |
+
color: #f4511e !important;
|
| 1820 |
+
}
|
| 1821 |
+
|
| 1822 |
+
.deep-orange.darken-2 {
|
| 1823 |
+
background-color: #e64a19 !important;
|
| 1824 |
+
}
|
| 1825 |
+
|
| 1826 |
+
.deep-orange-text.text-darken-2 {
|
| 1827 |
+
color: #e64a19 !important;
|
| 1828 |
+
}
|
| 1829 |
+
|
| 1830 |
+
.deep-orange.darken-3 {
|
| 1831 |
+
background-color: #d84315 !important;
|
| 1832 |
+
}
|
| 1833 |
+
|
| 1834 |
+
.deep-orange-text.text-darken-3 {
|
| 1835 |
+
color: #d84315 !important;
|
| 1836 |
+
}
|
| 1837 |
+
|
| 1838 |
+
.deep-orange.darken-4 {
|
| 1839 |
+
background-color: #bf360c !important;
|
| 1840 |
+
}
|
| 1841 |
+
|
| 1842 |
+
.deep-orange-text.text-darken-4 {
|
| 1843 |
+
color: #bf360c !important;
|
| 1844 |
+
}
|
| 1845 |
+
|
| 1846 |
+
.deep-orange.accent-1 {
|
| 1847 |
+
background-color: #ff9e80 !important;
|
| 1848 |
+
}
|
| 1849 |
+
|
| 1850 |
+
.deep-orange-text.text-accent-1 {
|
| 1851 |
+
color: #ff9e80 !important;
|
| 1852 |
+
}
|
| 1853 |
+
|
| 1854 |
+
.deep-orange.accent-2 {
|
| 1855 |
+
background-color: #ff6e40 !important;
|
| 1856 |
+
}
|
| 1857 |
+
|
| 1858 |
+
.deep-orange-text.text-accent-2 {
|
| 1859 |
+
color: #ff6e40 !important;
|
| 1860 |
+
}
|
| 1861 |
+
|
| 1862 |
+
.deep-orange.accent-3 {
|
| 1863 |
+
background-color: #ff3d00 !important;
|
| 1864 |
+
}
|
| 1865 |
+
|
| 1866 |
+
.deep-orange-text.text-accent-3 {
|
| 1867 |
+
color: #ff3d00 !important;
|
| 1868 |
+
}
|
| 1869 |
+
|
| 1870 |
+
.deep-orange.accent-4 {
|
| 1871 |
+
background-color: #dd2c00 !important;
|
| 1872 |
+
}
|
| 1873 |
+
|
| 1874 |
+
.deep-orange-text.text-accent-4 {
|
| 1875 |
+
color: #dd2c00 !important;
|
| 1876 |
+
}
|
| 1877 |
+
|
| 1878 |
+
.brown {
|
| 1879 |
+
background-color: #795548 !important;
|
| 1880 |
+
}
|
| 1881 |
+
|
| 1882 |
+
.brown-text {
|
| 1883 |
+
color: #795548 !important;
|
| 1884 |
+
}
|
| 1885 |
+
|
| 1886 |
+
.brown.lighten-5 {
|
| 1887 |
+
background-color: #efebe9 !important;
|
| 1888 |
+
}
|
| 1889 |
+
|
| 1890 |
+
.brown-text.text-lighten-5 {
|
| 1891 |
+
color: #efebe9 !important;
|
| 1892 |
+
}
|
| 1893 |
+
|
| 1894 |
+
.brown.lighten-4 {
|
| 1895 |
+
background-color: #d7ccc8 !important;
|
| 1896 |
+
}
|
| 1897 |
+
|
| 1898 |
+
.brown-text.text-lighten-4 {
|
| 1899 |
+
color: #d7ccc8 !important;
|
| 1900 |
+
}
|
| 1901 |
+
|
| 1902 |
+
.brown.lighten-3 {
|
| 1903 |
+
background-color: #bcaaa4 !important;
|
| 1904 |
+
}
|
| 1905 |
+
|
| 1906 |
+
.brown-text.text-lighten-3 {
|
| 1907 |
+
color: #bcaaa4 !important;
|
| 1908 |
+
}
|
| 1909 |
+
|
| 1910 |
+
.brown.lighten-2 {
|
| 1911 |
+
background-color: #a1887f !important;
|
| 1912 |
+
}
|
| 1913 |
+
|
| 1914 |
+
.brown-text.text-lighten-2 {
|
| 1915 |
+
color: #a1887f !important;
|
| 1916 |
+
}
|
| 1917 |
+
|
| 1918 |
+
.brown.lighten-1 {
|
| 1919 |
+
background-color: #8d6e63 !important;
|
| 1920 |
+
}
|
| 1921 |
+
|
| 1922 |
+
.brown-text.text-lighten-1 {
|
| 1923 |
+
color: #8d6e63 !important;
|
| 1924 |
+
}
|
| 1925 |
+
|
| 1926 |
+
.brown.darken-1 {
|
| 1927 |
+
background-color: #6d4c41 !important;
|
| 1928 |
+
}
|
| 1929 |
+
|
| 1930 |
+
.brown-text.text-darken-1 {
|
| 1931 |
+
color: #6d4c41 !important;
|
| 1932 |
+
}
|
| 1933 |
+
|
| 1934 |
+
.brown.darken-2 {
|
| 1935 |
+
background-color: #5d4037 !important;
|
| 1936 |
+
}
|
| 1937 |
+
|
| 1938 |
+
.brown-text.text-darken-2 {
|
| 1939 |
+
color: #5d4037 !important;
|
| 1940 |
+
}
|
| 1941 |
+
|
| 1942 |
+
.brown.darken-3 {
|
| 1943 |
+
background-color: #4e342e !important;
|
| 1944 |
+
}
|
| 1945 |
+
|
| 1946 |
+
.brown-text.text-darken-3 {
|
| 1947 |
+
color: #4e342e !important;
|
| 1948 |
+
}
|
| 1949 |
+
|
| 1950 |
+
.brown.darken-4 {
|
| 1951 |
+
background-color: #3e2723 !important;
|
| 1952 |
+
}
|
| 1953 |
+
|
| 1954 |
+
.brown-text.text-darken-4 {
|
| 1955 |
+
color: #3e2723 !important;
|
| 1956 |
+
}
|
| 1957 |
+
|
| 1958 |
+
.blue-grey {
|
| 1959 |
+
background-color: #607d8b !important;
|
| 1960 |
+
}
|
| 1961 |
+
|
| 1962 |
+
.blue-grey-text {
|
| 1963 |
+
color: #607d8b !important;
|
| 1964 |
+
}
|
| 1965 |
+
|
| 1966 |
+
.blue-grey.lighten-5 {
|
| 1967 |
+
background-color: #eceff1 !important;
|
| 1968 |
+
}
|
| 1969 |
+
|
| 1970 |
+
.blue-grey-text.text-lighten-5 {
|
| 1971 |
+
color: #eceff1 !important;
|
| 1972 |
+
}
|
| 1973 |
+
|
| 1974 |
+
.blue-grey.lighten-4 {
|
| 1975 |
+
background-color: #cfd8dc !important;
|
| 1976 |
+
}
|
| 1977 |
+
|
| 1978 |
+
.blue-grey-text.text-lighten-4 {
|
| 1979 |
+
color: #cfd8dc !important;
|
| 1980 |
+
}
|
| 1981 |
+
|
| 1982 |
+
.blue-grey.lighten-3 {
|
| 1983 |
+
background-color: #b0bec5 !important;
|
| 1984 |
+
}
|
| 1985 |
+
|
| 1986 |
+
.blue-grey-text.text-lighten-3 {
|
| 1987 |
+
color: #b0bec5 !important;
|
| 1988 |
+
}
|
| 1989 |
+
|
| 1990 |
+
.blue-grey.lighten-2 {
|
| 1991 |
+
background-color: #90a4ae !important;
|
| 1992 |
+
}
|
| 1993 |
+
|
| 1994 |
+
.blue-grey-text.text-lighten-2 {
|
| 1995 |
+
color: #90a4ae !important;
|
| 1996 |
+
}
|
| 1997 |
+
|
| 1998 |
+
.blue-grey.lighten-1 {
|
| 1999 |
+
background-color: #78909c !important;
|
| 2000 |
+
}
|
| 2001 |
+
|
| 2002 |
+
.blue-grey-text.text-lighten-1 {
|
| 2003 |
+
color: #78909c !important;
|
| 2004 |
+
}
|
| 2005 |
+
|
| 2006 |
+
.blue-grey.darken-1 {
|
| 2007 |
+
background-color: #546e7a !important;
|
| 2008 |
+
}
|
| 2009 |
+
|
| 2010 |
+
.blue-grey-text.text-darken-1 {
|
| 2011 |
+
color: #546e7a !important;
|
| 2012 |
+
}
|
| 2013 |
+
|
| 2014 |
+
.blue-grey.darken-2 {
|
| 2015 |
+
background-color: #455a64 !important;
|
| 2016 |
+
}
|
| 2017 |
+
|
| 2018 |
+
.blue-grey-text.text-darken-2 {
|
| 2019 |
+
color: #455a64 !important;
|
| 2020 |
+
}
|
| 2021 |
+
|
| 2022 |
+
.blue-grey.darken-3 {
|
| 2023 |
+
background-color: #37474f !important;
|
| 2024 |
+
}
|
| 2025 |
+
|
| 2026 |
+
.blue-grey-text.text-darken-3 {
|
| 2027 |
+
color: #37474f !important;
|
| 2028 |
+
}
|
| 2029 |
+
|
| 2030 |
+
.blue-grey.darken-4 {
|
| 2031 |
+
background-color: #263238 !important;
|
| 2032 |
+
}
|
| 2033 |
+
|
| 2034 |
+
.blue-grey-text.text-darken-4 {
|
| 2035 |
+
color: #263238 !important;
|
| 2036 |
+
}
|
| 2037 |
+
|
| 2038 |
+
.grey {
|
| 2039 |
+
background-color: #9e9e9e !important;
|
| 2040 |
+
}
|
| 2041 |
+
|
| 2042 |
+
.grey-text {
|
| 2043 |
+
color: #9e9e9e !important;
|
| 2044 |
+
}
|
| 2045 |
+
|
| 2046 |
+
.grey.lighten-5 {
|
| 2047 |
+
background-color: #fafafa !important;
|
| 2048 |
+
}
|
| 2049 |
+
|
| 2050 |
+
.grey-text.text-lighten-5 {
|
| 2051 |
+
color: #fafafa !important;
|
| 2052 |
+
}
|
| 2053 |
+
|
| 2054 |
+
.grey.lighten-4 {
|
| 2055 |
+
background-color: #f5f5f5 !important;
|
| 2056 |
+
}
|
| 2057 |
+
|
| 2058 |
+
.grey-text.text-lighten-4 {
|
| 2059 |
+
color: #f5f5f5 !important;
|
| 2060 |
+
}
|
| 2061 |
+
|
| 2062 |
+
.grey.lighten-3 {
|
| 2063 |
+
background-color: #eeeeee !important;
|
| 2064 |
+
}
|
| 2065 |
+
|
| 2066 |
+
.grey-text.text-lighten-3 {
|
| 2067 |
+
color: #eeeeee !important;
|
| 2068 |
+
}
|
| 2069 |
+
|
| 2070 |
+
.grey.lighten-2 {
|
| 2071 |
+
background-color: #e0e0e0 !important;
|
| 2072 |
+
}
|
| 2073 |
+
|
| 2074 |
+
.grey-text.text-lighten-2 {
|
| 2075 |
+
color: #e0e0e0 !important;
|
| 2076 |
+
}
|
| 2077 |
+
|
| 2078 |
+
.grey.lighten-1 {
|
| 2079 |
+
background-color: #bdbdbd !important;
|
| 2080 |
+
}
|
| 2081 |
+
|
| 2082 |
+
.grey-text.text-lighten-1 {
|
| 2083 |
+
color: #bdbdbd !important;
|
| 2084 |
+
}
|
| 2085 |
+
|
| 2086 |
+
.grey.darken-1 {
|
| 2087 |
+
background-color: #757575 !important;
|
| 2088 |
+
}
|
| 2089 |
+
|
| 2090 |
+
.grey-text.text-darken-1 {
|
| 2091 |
+
color: #757575 !important;
|
| 2092 |
+
}
|
| 2093 |
+
|
| 2094 |
+
.grey.darken-2 {
|
| 2095 |
+
background-color: #616161 !important;
|
| 2096 |
+
}
|
| 2097 |
+
|
| 2098 |
+
.grey-text.text-darken-2 {
|
| 2099 |
+
color: #616161 !important;
|
| 2100 |
+
}
|
| 2101 |
+
|
| 2102 |
+
.grey.darken-3 {
|
| 2103 |
+
background-color: #424242 !important;
|
| 2104 |
+
}
|
| 2105 |
+
|
| 2106 |
+
.grey-text.text-darken-3 {
|
| 2107 |
+
color: #424242 !important;
|
| 2108 |
+
}
|
| 2109 |
+
|
| 2110 |
+
.grey.darken-4 {
|
| 2111 |
+
background-color: #212121 !important;
|
| 2112 |
+
}
|
| 2113 |
+
|
| 2114 |
+
.grey-text.text-darken-4 {
|
| 2115 |
+
color: #212121 !important;
|
| 2116 |
+
}
|
| 2117 |
+
|
| 2118 |
+
.black {
|
| 2119 |
+
background-color: #000000 !important;
|
| 2120 |
+
}
|
| 2121 |
+
|
| 2122 |
+
.black-text {
|
| 2123 |
+
color: #000000 !important;
|
| 2124 |
+
}
|
| 2125 |
+
|
| 2126 |
+
.white {
|
| 2127 |
+
background-color: #FFFFFF !important;
|
| 2128 |
+
}
|
| 2129 |
+
|
| 2130 |
+
.white-text {
|
| 2131 |
+
color: #FFFFFF !important;
|
| 2132 |
+
}
|
| 2133 |
+
|
| 2134 |
+
.transparent {
|
| 2135 |
+
background-color: transparent !important;
|
| 2136 |
+
}
|
| 2137 |
+
|
| 2138 |
+
.transparent-text {
|
| 2139 |
+
color: transparent !important;
|
| 2140 |
+
}
|
| 2141 |
+
|
| 2142 |
+
/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */
|
| 2143 |
+
/* Document
|
| 2144 |
+
========================================================================== */
|
| 2145 |
+
/**
|
| 2146 |
+
* 1. Correct the line height in all browsers.
|
| 2147 |
+
* 2. Prevent adjustments of font size after orientation changes in
|
| 2148 |
+
* IE on Windows Phone and in iOS.
|
| 2149 |
+
*/
|
| 2150 |
+
html {
|
| 2151 |
+
line-height: 1.15;
|
| 2152 |
+
/* 1 */
|
| 2153 |
+
-ms-text-size-adjust: 100%;
|
| 2154 |
+
/* 2 */
|
| 2155 |
+
-webkit-text-size-adjust: 100%;
|
| 2156 |
+
/* 2 */
|
| 2157 |
+
}
|
| 2158 |
+
|
| 2159 |
+
/* Sections
|
| 2160 |
+
========================================================================== */
|
| 2161 |
+
/**
|
| 2162 |
+
* Remove the margin in all browsers (opinionated).
|
| 2163 |
+
*/
|
| 2164 |
+
body {
|
| 2165 |
+
margin: 0;
|
| 2166 |
+
}
|
| 2167 |
+
|
| 2168 |
+
/**
|
| 2169 |
+
* Add the correct display in IE 9-.
|
| 2170 |
+
*/
|
| 2171 |
+
article,
|
| 2172 |
+
aside,
|
| 2173 |
+
footer,
|
| 2174 |
+
header,
|
| 2175 |
+
nav,
|
| 2176 |
+
section {
|
| 2177 |
+
display: block;
|
| 2178 |
+
}
|
| 2179 |
+
|
| 2180 |
+
/**
|
| 2181 |
+
* Correct the font size and margin on `h1` elements within `section` and
|
| 2182 |
+
* `article` contexts in Chrome, Firefox, and Safari.
|
| 2183 |
+
*/
|
| 2184 |
+
h1 {
|
| 2185 |
+
font-size: 2em;
|
| 2186 |
+
margin: 0.67em 0;
|
| 2187 |
+
}
|
| 2188 |
+
|
| 2189 |
+
/* Grouping content
|
| 2190 |
+
========================================================================== */
|
| 2191 |
+
/**
|
| 2192 |
+
* Add the correct display in IE 9-.
|
| 2193 |
+
* 1. Add the correct display in IE.
|
| 2194 |
+
*/
|
| 2195 |
+
figcaption,
|
| 2196 |
+
figure,
|
| 2197 |
+
main {
|
| 2198 |
+
/* 1 */
|
| 2199 |
+
display: block;
|
| 2200 |
+
}
|
| 2201 |
+
|
| 2202 |
+
/**
|
| 2203 |
+
* Add the correct margin in IE 8.
|
| 2204 |
+
*/
|
| 2205 |
+
figure {
|
| 2206 |
+
margin: 1em 40px;
|
| 2207 |
+
}
|
| 2208 |
+
|
| 2209 |
+
/**
|
| 2210 |
+
* 1. Add the correct box sizing in Firefox.
|
| 2211 |
+
* 2. Show the overflow in Edge and IE.
|
| 2212 |
+
*/
|
| 2213 |
+
hr {
|
| 2214 |
+
-webkit-box-sizing: content-box;
|
| 2215 |
+
box-sizing: content-box;
|
| 2216 |
+
/* 1 */
|
| 2217 |
+
height: 0;
|
| 2218 |
+
/* 1 */
|
| 2219 |
+
overflow: visible;
|
| 2220 |
+
/* 2 */
|
| 2221 |
+
}
|
| 2222 |
+
|
| 2223 |
+
/**
|
| 2224 |
+
* 1. Correct the inheritance and scaling of font size in all browsers.
|
| 2225 |
+
* 2. Correct the odd `em` font sizing in all browsers.
|
| 2226 |
+
*/
|
| 2227 |
+
pre {
|
| 2228 |
+
font-family: monospace, monospace;
|
| 2229 |
+
/* 1 */
|
| 2230 |
+
font-size: 1em;
|
| 2231 |
+
/* 2 */
|
| 2232 |
+
}
|
| 2233 |
+
|
| 2234 |
+
/* Text-level semantics
|
| 2235 |
+
========================================================================== */
|
| 2236 |
+
/**
|
| 2237 |
+
* 1. Remove the gray background on active links in IE 10.
|
| 2238 |
+
* 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
|
| 2239 |
+
*/
|
| 2240 |
+
a {
|
| 2241 |
+
background-color: transparent;
|
| 2242 |
+
/* 1 */
|
| 2243 |
+
-webkit-text-decoration-skip: objects;
|
| 2244 |
+
/* 2 */
|
| 2245 |
+
}
|
| 2246 |
+
|
| 2247 |
+
/**
|
| 2248 |
+
* 1. Remove the bottom border in Chrome 57- and Firefox 39-.
|
| 2249 |
+
* 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
|
| 2250 |
+
*/
|
| 2251 |
+
abbr[title] {
|
| 2252 |
+
border-bottom: none;
|
| 2253 |
+
/* 1 */
|
| 2254 |
+
text-decoration: underline;
|
| 2255 |
+
/* 2 */
|
| 2256 |
+
-webkit-text-decoration: underline dotted;
|
| 2257 |
+
-moz-text-decoration: underline dotted;
|
| 2258 |
+
text-decoration: underline dotted;
|
| 2259 |
+
/* 2 */
|
| 2260 |
+
}
|
| 2261 |
+
|
| 2262 |
+
/**
|
| 2263 |
+
* Prevent the duplicate application of `bolder` by the next rule in Safari 6.
|
| 2264 |
+
*/
|
| 2265 |
+
b,
|
| 2266 |
+
strong {
|
| 2267 |
+
font-weight: inherit;
|
| 2268 |
+
}
|
| 2269 |
+
|
| 2270 |
+
/**
|
| 2271 |
+
* Add the correct font weight in Chrome, Edge, and Safari.
|
| 2272 |
+
*/
|
| 2273 |
+
b,
|
| 2274 |
+
strong {
|
| 2275 |
+
font-weight: bolder;
|
| 2276 |
+
}
|
| 2277 |
+
|
| 2278 |
+
/**
|
| 2279 |
+
* 1. Correct the inheritance and scaling of font size in all browsers.
|
| 2280 |
+
* 2. Correct the odd `em` font sizing in all browsers.
|
| 2281 |
+
*/
|
| 2282 |
+
code,
|
| 2283 |
+
kbd,
|
| 2284 |
+
samp {
|
| 2285 |
+
font-family: monospace, monospace;
|
| 2286 |
+
/* 1 */
|
| 2287 |
+
font-size: 1em;
|
| 2288 |
+
/* 2 */
|
| 2289 |
+
}
|
| 2290 |
+
|
| 2291 |
+
/**
|
| 2292 |
+
* Add the correct font style in Android 4.3-.
|
| 2293 |
+
*/
|
| 2294 |
+
dfn {
|
| 2295 |
+
font-style: italic;
|
| 2296 |
+
}
|
| 2297 |
+
|
| 2298 |
+
/**
|
| 2299 |
+
* Add the correct background and color in IE 9-.
|
| 2300 |
+
*/
|
| 2301 |
+
mark {
|
| 2302 |
+
background-color: #ff0;
|
| 2303 |
+
color: #000;
|
| 2304 |
+
}
|
| 2305 |
+
|
| 2306 |
+
/**
|
| 2307 |
+
* Add the correct font size in all browsers.
|
| 2308 |
+
*/
|
| 2309 |
+
small {
|
| 2310 |
+
font-size: 80%;
|
| 2311 |
+
}
|
| 2312 |
+
|
| 2313 |
+
/**
|
| 2314 |
+
* Prevent `sub` and `sup` elements from affecting the line height in
|
| 2315 |
+
* all browsers.
|
| 2316 |
+
*/
|
| 2317 |
+
sub,
|
| 2318 |
+
sup {
|
| 2319 |
+
font-size: 75%;
|
| 2320 |
+
line-height: 0;
|
| 2321 |
+
position: relative;
|
| 2322 |
+
vertical-align: baseline;
|
| 2323 |
+
}
|
| 2324 |
+
|
| 2325 |
+
sub {
|
| 2326 |
+
bottom: -0.25em;
|
| 2327 |
+
}
|
| 2328 |
+
|
| 2329 |
+
sup {
|
| 2330 |
+
top: -0.5em;
|
| 2331 |
+
}
|
| 2332 |
+
|
| 2333 |
+
/* Embedded content
|
| 2334 |
+
========================================================================== */
|
| 2335 |
+
/**
|
| 2336 |
+
* Add the correct display in IE 9-.
|
| 2337 |
+
*/
|
| 2338 |
+
audio,
|
| 2339 |
+
video {
|
| 2340 |
+
display: inline-block;
|
| 2341 |
+
}
|
| 2342 |
+
|
| 2343 |
+
/**
|
| 2344 |
+
* Add the correct display in iOS 4-7.
|
| 2345 |
+
*/
|
| 2346 |
+
audio:not([controls]) {
|
| 2347 |
+
display: none;
|
| 2348 |
+
height: 0;
|
| 2349 |
+
}
|
| 2350 |
+
|
| 2351 |
+
/**
|
| 2352 |
+
* Remove the border on images inside links in IE 10-.
|
| 2353 |
+
*/
|
| 2354 |
+
img {
|
| 2355 |
+
border-style: none;
|
| 2356 |
+
}
|
| 2357 |
+
|
| 2358 |
+
/**
|
| 2359 |
+
* Hide the overflow in IE.
|
| 2360 |
+
*/
|
| 2361 |
+
svg:not(:root) {
|
| 2362 |
+
overflow: hidden;
|
| 2363 |
+
}
|
| 2364 |
+
|
| 2365 |
+
/* Forms
|
| 2366 |
+
========================================================================== */
|
| 2367 |
+
/**
|
| 2368 |
+
* 1. Change the font styles in all browsers (opinionated).
|
| 2369 |
+
* 2. Remove the margin in Firefox and Safari.
|
| 2370 |
+
*/
|
| 2371 |
+
button,
|
| 2372 |
+
input,
|
| 2373 |
+
optgroup,
|
| 2374 |
+
select,
|
| 2375 |
+
textarea {
|
| 2376 |
+
font-family: sans-serif;
|
| 2377 |
+
/* 1 */
|
| 2378 |
+
font-size: 100%;
|
| 2379 |
+
/* 1 */
|
| 2380 |
+
line-height: 1.15;
|
| 2381 |
+
/* 1 */
|
| 2382 |
+
margin: 0;
|
| 2383 |
+
/* 2 */
|
| 2384 |
+
}
|
| 2385 |
+
|
| 2386 |
+
/**
|
| 2387 |
+
* Show the overflow in IE.
|
| 2388 |
+
* 1. Show the overflow in Edge.
|
| 2389 |
+
*/
|
| 2390 |
+
button,
|
| 2391 |
+
input {
|
| 2392 |
+
/* 1 */
|
| 2393 |
+
overflow: visible;
|
| 2394 |
+
}
|
| 2395 |
+
|
| 2396 |
+
/**
|
| 2397 |
+
* Remove the inheritance of text transform in Edge, Firefox, and IE.
|
| 2398 |
+
* 1. Remove the inheritance of text transform in Firefox.
|
| 2399 |
+
*/
|
| 2400 |
+
button,
|
| 2401 |
+
select {
|
| 2402 |
+
/* 1 */
|
| 2403 |
+
text-transform: none;
|
| 2404 |
+
}
|
| 2405 |
+
|
| 2406 |
+
/**
|
| 2407 |
+
* 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
|
| 2408 |
+
* controls in Android 4.
|
| 2409 |
+
* 2. Correct the inability to style clickable types in iOS and Safari.
|
| 2410 |
+
*/
|
| 2411 |
+
button,
|
| 2412 |
+
html [type="button"],
|
| 2413 |
+
[type="reset"],
|
| 2414 |
+
[type="submit"] {
|
| 2415 |
+
-webkit-appearance: button;
|
| 2416 |
+
/* 2 */
|
| 2417 |
+
}
|
| 2418 |
+
|
| 2419 |
+
/**
|
| 2420 |
+
* Remove the inner border and padding in Firefox.
|
| 2421 |
+
*/
|
| 2422 |
+
button::-moz-focus-inner,
|
| 2423 |
+
[type="button"]::-moz-focus-inner,
|
| 2424 |
+
[type="reset"]::-moz-focus-inner,
|
| 2425 |
+
[type="submit"]::-moz-focus-inner {
|
| 2426 |
+
border-style: none;
|
| 2427 |
+
padding: 0;
|
| 2428 |
+
}
|
| 2429 |
+
|
| 2430 |
+
/**
|
| 2431 |
+
* Restore the focus styles unset by the previous rule.
|
| 2432 |
+
*/
|
| 2433 |
+
button:-moz-focusring,
|
| 2434 |
+
[type="button"]:-moz-focusring,
|
| 2435 |
+
[type="reset"]:-moz-focusring,
|
| 2436 |
+
[type="submit"]:-moz-focusring {
|
| 2437 |
+
outline: 1px dotted ButtonText;
|
| 2438 |
+
}
|
| 2439 |
+
|
| 2440 |
+
/**
|
| 2441 |
+
* Correct the padding in Firefox.
|
| 2442 |
+
*/
|
| 2443 |
+
fieldset {
|
| 2444 |
+
padding: 0.35em 0.75em 0.625em;
|
| 2445 |
+
}
|
| 2446 |
+
|
| 2447 |
+
/**
|
| 2448 |
+
* 1. Correct the text wrapping in Edge and IE.
|
| 2449 |
+
* 2. Correct the color inheritance from `fieldset` elements in IE.
|
| 2450 |
+
* 3. Remove the padding so developers are not caught out when they zero out
|
| 2451 |
+
* `fieldset` elements in all browsers.
|
| 2452 |
+
*/
|
| 2453 |
+
legend {
|
| 2454 |
+
-webkit-box-sizing: border-box;
|
| 2455 |
+
box-sizing: border-box;
|
| 2456 |
+
/* 1 */
|
| 2457 |
+
color: inherit;
|
| 2458 |
+
/* 2 */
|
| 2459 |
+
display: table;
|
| 2460 |
+
/* 1 */
|
| 2461 |
+
max-width: 100%;
|
| 2462 |
+
/* 1 */
|
| 2463 |
+
padding: 0;
|
| 2464 |
+
/* 3 */
|
| 2465 |
+
white-space: normal;
|
| 2466 |
+
/* 1 */
|
| 2467 |
+
}
|
| 2468 |
+
|
| 2469 |
+
/**
|
| 2470 |
+
* 1. Add the correct display in IE 9-.
|
| 2471 |
+
* 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
|
| 2472 |
+
*/
|
| 2473 |
+
progress {
|
| 2474 |
+
display: inline-block;
|
| 2475 |
+
/* 1 */
|
| 2476 |
+
vertical-align: baseline;
|
| 2477 |
+
/* 2 */
|
| 2478 |
+
}
|
| 2479 |
+
|
| 2480 |
+
/**
|
| 2481 |
+
* Remove the default vertical scrollbar in IE.
|
| 2482 |
+
*/
|
| 2483 |
+
textarea {
|
| 2484 |
+
overflow: auto;
|
| 2485 |
+
}
|
| 2486 |
+
|
| 2487 |
+
/**
|
| 2488 |
+
* 1. Add the correct box sizing in IE 10-.
|
| 2489 |
+
* 2. Remove the padding in IE 10-.
|
| 2490 |
+
*/
|
| 2491 |
+
[type="checkbox"],
|
| 2492 |
+
[type="radio"] {
|
| 2493 |
+
-webkit-box-sizing: border-box;
|
| 2494 |
+
box-sizing: border-box;
|
| 2495 |
+
/* 1 */
|
| 2496 |
+
padding: 0;
|
| 2497 |
+
/* 2 */
|
| 2498 |
+
}
|
| 2499 |
+
|
| 2500 |
+
/**
|
| 2501 |
+
* Correct the cursor style of increment and decrement buttons in Chrome.
|
| 2502 |
+
*/
|
| 2503 |
+
[type="number"]::-webkit-inner-spin-button,
|
| 2504 |
+
[type="number"]::-webkit-outer-spin-button {
|
| 2505 |
+
height: auto;
|
| 2506 |
+
}
|
| 2507 |
+
|
| 2508 |
+
/**
|
| 2509 |
+
* 1. Correct the odd appearance in Chrome and Safari.
|
| 2510 |
+
* 2. Correct the outline style in Safari.
|
| 2511 |
+
*/
|
| 2512 |
+
[type="search"] {
|
| 2513 |
+
-webkit-appearance: textfield;
|
| 2514 |
+
/* 1 */
|
| 2515 |
+
outline-offset: -2px;
|
| 2516 |
+
/* 2 */
|
| 2517 |
+
}
|
| 2518 |
+
|
| 2519 |
+
/**
|
| 2520 |
+
* Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
|
| 2521 |
+
*/
|
| 2522 |
+
[type="search"]::-webkit-search-cancel-button,
|
| 2523 |
+
[type="search"]::-webkit-search-decoration {
|
| 2524 |
+
-webkit-appearance: none;
|
| 2525 |
+
}
|
| 2526 |
+
|
| 2527 |
+
/**
|
| 2528 |
+
* 1. Correct the inability to style clickable types in iOS and Safari.
|
| 2529 |
+
* 2. Change font properties to `inherit` in Safari.
|
| 2530 |
+
*/
|
| 2531 |
+
::-webkit-file-upload-button {
|
| 2532 |
+
-webkit-appearance: button;
|
| 2533 |
+
/* 1 */
|
| 2534 |
+
font: inherit;
|
| 2535 |
+
/* 2 */
|
| 2536 |
+
}
|
| 2537 |
+
|
| 2538 |
+
/* Interactive
|
| 2539 |
+
========================================================================== */
|
| 2540 |
+
/*
|
| 2541 |
+
* Add the correct display in IE 9-.
|
| 2542 |
+
* 1. Add the correct display in Edge, IE, and Firefox.
|
| 2543 |
+
*/
|
| 2544 |
+
details,
|
| 2545 |
+
menu {
|
| 2546 |
+
display: block;
|
| 2547 |
+
}
|
| 2548 |
+
|
| 2549 |
+
/*
|
| 2550 |
+
* Add the correct display in all browsers.
|
| 2551 |
+
*/
|
| 2552 |
+
summary {
|
| 2553 |
+
display: list-item;
|
| 2554 |
+
}
|
| 2555 |
+
|
| 2556 |
+
/* Scripting
|
| 2557 |
+
========================================================================== */
|
| 2558 |
+
/**
|
| 2559 |
+
* Add the correct display in IE 9-.
|
| 2560 |
+
*/
|
| 2561 |
+
canvas {
|
| 2562 |
+
display: inline-block;
|
| 2563 |
+
}
|
| 2564 |
+
|
| 2565 |
+
/**
|
| 2566 |
+
* Add the correct display in IE.
|
| 2567 |
+
*/
|
| 2568 |
+
template {
|
| 2569 |
+
display: none;
|
| 2570 |
+
}
|
| 2571 |
+
|
| 2572 |
+
/* Hidden
|
| 2573 |
+
========================================================================== */
|
| 2574 |
+
/**
|
| 2575 |
+
* Add the correct display in IE 10-.
|
| 2576 |
+
*/
|
| 2577 |
+
[hidden] {
|
| 2578 |
+
display: none;
|
| 2579 |
+
}
|
| 2580 |
+
|
| 2581 |
+
html {
|
| 2582 |
+
-webkit-box-sizing: border-box;
|
| 2583 |
+
box-sizing: border-box;
|
| 2584 |
+
}
|
| 2585 |
+
|
| 2586 |
+
*, *:before, *:after {
|
| 2587 |
+
-webkit-box-sizing: inherit;
|
| 2588 |
+
box-sizing: inherit;
|
| 2589 |
+
}
|
| 2590 |
+
|
| 2591 |
+
button,
|
| 2592 |
+
input,
|
| 2593 |
+
optgroup,
|
| 2594 |
+
select,
|
| 2595 |
+
textarea {
|
| 2596 |
+
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
|
| 2597 |
+
}
|
| 2598 |
+
|
| 2599 |
+
ul:not(.browser-default) {
|
| 2600 |
+
padding-left: 0;
|
| 2601 |
+
list-style-type: none;
|
| 2602 |
+
}
|
| 2603 |
+
|
| 2604 |
+
ul:not(.browser-default) > li {
|
| 2605 |
+
list-style-type: none;
|
| 2606 |
+
}
|
| 2607 |
+
|
| 2608 |
+
a {
|
| 2609 |
+
color: #039be5;
|
| 2610 |
+
text-decoration: none;
|
| 2611 |
+
-webkit-tap-highlight-color: transparent;
|
| 2612 |
+
}
|
| 2613 |
+
|
| 2614 |
+
.valign-wrapper {
|
| 2615 |
+
display: -webkit-box;
|
| 2616 |
+
display: -webkit-flex;
|
| 2617 |
+
display: -ms-flexbox;
|
| 2618 |
+
display: flex;
|
| 2619 |
+
-webkit-box-align: center;
|
| 2620 |
+
-webkit-align-items: center;
|
| 2621 |
+
-ms-flex-align: center;
|
| 2622 |
+
align-items: center;
|
| 2623 |
+
}
|
| 2624 |
+
|
| 2625 |
+
.clearfix {
|
| 2626 |
+
clear: both;
|
| 2627 |
+
}
|
| 2628 |
+
|
| 2629 |
+
.z-depth-0 {
|
| 2630 |
+
-webkit-box-shadow: none !important;
|
| 2631 |
+
box-shadow: none !important;
|
| 2632 |
+
}
|
| 2633 |
+
|
| 2634 |
+
/* 2dp elevation modified*/
|
| 2635 |
+
.z-depth-1, nav, .card-panel, .card, .toast, .btn, .btn-large, .btn-small, .btn-floating, .dropdown-content, .collapsible, .sidenav {
|
| 2636 |
+
-webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
|
| 2637 |
+
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
|
| 2638 |
+
}
|
| 2639 |
+
|
| 2640 |
+
.z-depth-1-half, .btn:hover, .btn-large:hover, .btn-small:hover, .btn-floating:hover {
|
| 2641 |
+
-webkit-box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 7px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -1px rgba(0, 0, 0, 0.2);
|
| 2642 |
+
box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 7px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -1px rgba(0, 0, 0, 0.2);
|
| 2643 |
+
}
|
| 2644 |
+
|
| 2645 |
+
/* 6dp elevation modified*/
|
| 2646 |
+
.z-depth-2 {
|
| 2647 |
+
-webkit-box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.3);
|
| 2648 |
+
box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.3);
|
| 2649 |
+
}
|
| 2650 |
+
|
| 2651 |
+
/* 12dp elevation modified*/
|
| 2652 |
+
.z-depth-3 {
|
| 2653 |
+
-webkit-box-shadow: 0 8px 17px 2px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.2);
|
| 2654 |
+
box-shadow: 0 8px 17px 2px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.2);
|
| 2655 |
+
}
|
| 2656 |
+
|
| 2657 |
+
/* 16dp elevation */
|
| 2658 |
+
.z-depth-4 {
|
| 2659 |
+
-webkit-box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12), 0 8px 10px -7px rgba(0, 0, 0, 0.2);
|
| 2660 |
+
box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12), 0 8px 10px -7px rgba(0, 0, 0, 0.2);
|
| 2661 |
+
}
|
| 2662 |
+
|
| 2663 |
+
/* 24dp elevation */
|
| 2664 |
+
.z-depth-5, .modal {
|
| 2665 |
+
-webkit-box-shadow: 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12), 0 11px 15px -7px rgba(0, 0, 0, 0.2);
|
| 2666 |
+
box-shadow: 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12), 0 11px 15px -7px rgba(0, 0, 0, 0.2);
|
| 2667 |
+
}
|
| 2668 |
+
|
| 2669 |
+
.hoverable {
|
| 2670 |
+
-webkit-transition: -webkit-box-shadow .25s;
|
| 2671 |
+
transition: -webkit-box-shadow .25s;
|
| 2672 |
+
transition: box-shadow .25s;
|
| 2673 |
+
transition: box-shadow .25s, -webkit-box-shadow .25s;
|
| 2674 |
+
}
|
| 2675 |
+
|
| 2676 |
+
.hoverable:hover {
|
| 2677 |
+
-webkit-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
|
| 2678 |
+
box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
|
| 2679 |
+
}
|
| 2680 |
+
|
| 2681 |
+
.divider {
|
| 2682 |
+
height: 1px;
|
| 2683 |
+
overflow: hidden;
|
| 2684 |
+
background-color: #e0e0e0;
|
| 2685 |
+
}
|
| 2686 |
+
|
| 2687 |
+
blockquote {
|
| 2688 |
+
margin: 20px 0;
|
| 2689 |
+
padding-left: 1.5rem;
|
| 2690 |
+
border-left: 5px solid #ee6e73;
|
| 2691 |
+
}
|
| 2692 |
+
|
| 2693 |
+
i {
|
| 2694 |
+
line-height: inherit;
|
| 2695 |
+
}
|
| 2696 |
+
|
| 2697 |
+
i.left {
|
| 2698 |
+
float: left;
|
| 2699 |
+
margin-right: 15px;
|
| 2700 |
+
}
|
| 2701 |
+
|
| 2702 |
+
i.right {
|
| 2703 |
+
float: right;
|
| 2704 |
+
margin-left: 15px;
|
| 2705 |
+
}
|
| 2706 |
+
|
| 2707 |
+
i.tiny {
|
| 2708 |
+
font-size: 1rem;
|
| 2709 |
+
}
|
| 2710 |
+
|
| 2711 |
+
i.small {
|
| 2712 |
+
font-size: 2rem;
|
| 2713 |
+
}
|
| 2714 |
+
|
| 2715 |
+
i.medium {
|
| 2716 |
+
font-size: 4rem;
|
| 2717 |
+
}
|
| 2718 |
+
|
| 2719 |
+
i.large {
|
| 2720 |
+
font-size: 6rem;
|
| 2721 |
+
}
|
| 2722 |
+
|
| 2723 |
+
img.responsive-img,
|
| 2724 |
+
video.responsive-video {
|
| 2725 |
+
max-width: 100%;
|
| 2726 |
+
height: auto;
|
| 2727 |
+
}
|
| 2728 |
+
|
| 2729 |
+
.pagination li {
|
| 2730 |
+
display: inline-block;
|
| 2731 |
+
border-radius: 2px;
|
| 2732 |
+
text-align: center;
|
| 2733 |
+
vertical-align: top;
|
| 2734 |
+
height: 30px;
|
| 2735 |
+
}
|
| 2736 |
+
|
| 2737 |
+
.pagination li a {
|
| 2738 |
+
color: #444;
|
| 2739 |
+
display: inline-block;
|
| 2740 |
+
font-size: 1.2rem;
|
| 2741 |
+
padding: 0 10px;
|
| 2742 |
+
line-height: 30px;
|
| 2743 |
+
}
|
| 2744 |
+
|
| 2745 |
+
.pagination li.active a {
|
| 2746 |
+
color: #fff;
|
| 2747 |
+
}
|
| 2748 |
+
|
| 2749 |
+
.pagination li.active {
|
| 2750 |
+
background-color: #ee6e73;
|
| 2751 |
+
}
|
| 2752 |
+
|
| 2753 |
+
.pagination li.disabled a {
|
| 2754 |
+
cursor: default;
|
| 2755 |
+
color: #999;
|
| 2756 |
+
}
|
| 2757 |
+
|
| 2758 |
+
.pagination li i {
|
| 2759 |
+
font-size: 2rem;
|
| 2760 |
+
}
|
| 2761 |
+
|
| 2762 |
+
.pagination li.pages ul li {
|
| 2763 |
+
display: inline-block;
|
| 2764 |
+
float: none;
|
| 2765 |
+
}
|
| 2766 |
+
|
| 2767 |
+
@media only screen and (max-width: 992px) {
|
| 2768 |
+
.pagination {
|
| 2769 |
+
width: 100%;
|
| 2770 |
+
}
|
| 2771 |
+
.pagination li.prev,
|
| 2772 |
+
.pagination li.next {
|
| 2773 |
+
width: 10%;
|
| 2774 |
+
}
|
| 2775 |
+
.pagination li.pages {
|
| 2776 |
+
width: 80%;
|
| 2777 |
+
overflow: hidden;
|
| 2778 |
+
white-space: nowrap;
|
| 2779 |
+
}
|
| 2780 |
+
}
|
| 2781 |
+
|
| 2782 |
+
.breadcrumb {
|
| 2783 |
+
font-size: 18px;
|
| 2784 |
+
color: rgba(255, 255, 255, 0.7);
|
| 2785 |
+
}
|
| 2786 |
+
|
| 2787 |
+
.breadcrumb i,
|
| 2788 |
+
.breadcrumb [class^="mdi-"], .breadcrumb [class*="mdi-"],
|
| 2789 |
+
.breadcrumb i.material-icons {
|
| 2790 |
+
display: inline-block;
|
| 2791 |
+
float: left;
|
| 2792 |
+
font-size: 24px;
|
| 2793 |
+
}
|
| 2794 |
+
|
| 2795 |
+
.breadcrumb:before {
|
| 2796 |
+
content: '\E5CC';
|
| 2797 |
+
color: rgba(255, 255, 255, 0.7);
|
| 2798 |
+
vertical-align: top;
|
| 2799 |
+
display: inline-block;
|
| 2800 |
+
font-family: 'Material Icons';
|
| 2801 |
+
font-weight: normal;
|
| 2802 |
+
font-style: normal;
|
| 2803 |
+
font-size: 25px;
|
| 2804 |
+
margin: 0 10px 0 8px;
|
| 2805 |
+
-webkit-font-smoothing: antialiased;
|
| 2806 |
+
}
|
| 2807 |
+
|
| 2808 |
+
.breadcrumb:first-child:before {
|
| 2809 |
+
display: none;
|
| 2810 |
+
}
|
| 2811 |
+
|
| 2812 |
+
.breadcrumb:last-child {
|
| 2813 |
+
color: #fff;
|
| 2814 |
+
}
|
| 2815 |
+
|
| 2816 |
+
.parallax-container {
|
| 2817 |
+
position: relative;
|
| 2818 |
+
overflow: hidden;
|
| 2819 |
+
height: 500px;
|
| 2820 |
+
}
|
| 2821 |
+
|
| 2822 |
+
.parallax-container .parallax {
|
| 2823 |
+
position: absolute;
|
| 2824 |
+
top: 0;
|
| 2825 |
+
left: 0;
|
| 2826 |
+
right: 0;
|
| 2827 |
+
bottom: 0;
|
| 2828 |
+
z-index: -1;
|
| 2829 |
+
}
|
| 2830 |
+
|
| 2831 |
+
.parallax-container .parallax img {
|
| 2832 |
+
opacity: 0;
|
| 2833 |
+
position: absolute;
|
| 2834 |
+
left: 50%;
|
| 2835 |
+
bottom: 0;
|
| 2836 |
+
min-width: 100%;
|
| 2837 |
+
min-height: 100%;
|
| 2838 |
+
-webkit-transform: translate3d(0, 0, 0);
|
| 2839 |
+
transform: translate3d(0, 0, 0);
|
| 2840 |
+
-webkit-transform: translateX(-50%);
|
| 2841 |
+
transform: translateX(-50%);
|
| 2842 |
+
}
|
| 2843 |
+
|
| 2844 |
+
.pin-top, .pin-bottom {
|
| 2845 |
+
position: relative;
|
| 2846 |
+
}
|
| 2847 |
+
|
| 2848 |
+
.pinned {
|
| 2849 |
+
position: fixed !important;
|
| 2850 |
+
}
|
| 2851 |
+
|
| 2852 |
+
/*********************
|
| 2853 |
+
Transition Classes
|
| 2854 |
+
**********************/
|
| 2855 |
+
ul.staggered-list li {
|
| 2856 |
+
opacity: 0;
|
| 2857 |
+
}
|
| 2858 |
+
|
| 2859 |
+
.fade-in {
|
| 2860 |
+
opacity: 0;
|
| 2861 |
+
-webkit-transform-origin: 0 50%;
|
| 2862 |
+
transform-origin: 0 50%;
|
| 2863 |
+
}
|
| 2864 |
+
|
| 2865 |
+
/*********************
|
| 2866 |
+
Media Query Classes
|
| 2867 |
+
**********************/
|
| 2868 |
+
@media only screen and (max-width: 600px) {
|
| 2869 |
+
.hide-on-small-only, .hide-on-small-and-down {
|
| 2870 |
+
display: none !important;
|
| 2871 |
+
}
|
| 2872 |
+
}
|
| 2873 |
+
|
| 2874 |
+
@media only screen and (max-width: 992px) {
|
| 2875 |
+
.hide-on-med-and-down {
|
| 2876 |
+
display: none !important;
|
| 2877 |
+
}
|
| 2878 |
+
}
|
| 2879 |
+
|
| 2880 |
+
@media only screen and (min-width: 601px) {
|
| 2881 |
+
.hide-on-med-and-up {
|
| 2882 |
+
display: none !important;
|
| 2883 |
+
}
|
| 2884 |
+
}
|
| 2885 |
+
|
| 2886 |
+
@media only screen and (min-width: 600px) and (max-width: 992px) {
|
| 2887 |
+
.hide-on-med-only {
|
| 2888 |
+
display: none !important;
|
| 2889 |
+
}
|
| 2890 |
+
}
|
| 2891 |
+
|
| 2892 |
+
@media only screen and (min-width: 993px) {
|
| 2893 |
+
.hide-on-large-only {
|
| 2894 |
+
display: none !important;
|
| 2895 |
+
}
|
| 2896 |
+
}
|
| 2897 |
+
|
| 2898 |
+
@media only screen and (min-width: 1201px) {
|
| 2899 |
+
.hide-on-extra-large-only {
|
| 2900 |
+
display: none !important;
|
| 2901 |
+
}
|
| 2902 |
+
}
|
| 2903 |
+
|
| 2904 |
+
@media only screen and (min-width: 1201px) {
|
| 2905 |
+
.show-on-extra-large {
|
| 2906 |
+
display: block !important;
|
| 2907 |
+
}
|
| 2908 |
+
}
|
| 2909 |
+
|
| 2910 |
+
@media only screen and (min-width: 993px) {
|
| 2911 |
+
.show-on-large {
|
| 2912 |
+
display: block !important;
|
| 2913 |
+
}
|
| 2914 |
+
}
|
| 2915 |
+
|
| 2916 |
+
@media only screen and (min-width: 600px) and (max-width: 992px) {
|
| 2917 |
+
.show-on-medium {
|
| 2918 |
+
display: block !important;
|
| 2919 |
+
}
|
| 2920 |
+
}
|
| 2921 |
+
|
| 2922 |
+
@media only screen and (max-width: 600px) {
|
| 2923 |
+
.show-on-small {
|
| 2924 |
+
display: block !important;
|
| 2925 |
+
}
|
| 2926 |
+
}
|
| 2927 |
+
|
| 2928 |
+
@media only screen and (min-width: 601px) {
|
| 2929 |
+
.show-on-medium-and-up {
|
| 2930 |
+
display: block !important;
|
| 2931 |
+
}
|
| 2932 |
+
}
|
| 2933 |
+
|
| 2934 |
+
@media only screen and (max-width: 992px) {
|
| 2935 |
+
.show-on-medium-and-down {
|
| 2936 |
+
display: block !important;
|
| 2937 |
+
}
|
| 2938 |
+
}
|
| 2939 |
+
|
| 2940 |
+
@media only screen and (max-width: 600px) {
|
| 2941 |
+
.center-on-small-only {
|
| 2942 |
+
text-align: center;
|
| 2943 |
+
}
|
| 2944 |
+
}
|
| 2945 |
+
|
| 2946 |
+
.page-footer {
|
| 2947 |
+
padding-top: 20px;
|
| 2948 |
+
color: #fff;
|
| 2949 |
+
background-color: #ee6e73;
|
| 2950 |
+
}
|
| 2951 |
+
|
| 2952 |
+
.page-footer .footer-copyright {
|
| 2953 |
+
overflow: hidden;
|
| 2954 |
+
min-height: 50px;
|
| 2955 |
+
display: -webkit-box;
|
| 2956 |
+
display: -webkit-flex;
|
| 2957 |
+
display: -ms-flexbox;
|
| 2958 |
+
display: flex;
|
| 2959 |
+
-webkit-box-align: center;
|
| 2960 |
+
-webkit-align-items: center;
|
| 2961 |
+
-ms-flex-align: center;
|
| 2962 |
+
align-items: center;
|
| 2963 |
+
-webkit-box-pack: justify;
|
| 2964 |
+
-webkit-justify-content: space-between;
|
| 2965 |
+
-ms-flex-pack: justify;
|
| 2966 |
+
justify-content: space-between;
|
| 2967 |
+
padding: 10px 0px;
|
| 2968 |
+
color: rgba(255, 255, 255, 0.8);
|
| 2969 |
+
background-color: rgba(51, 51, 51, 0.08);
|
| 2970 |
+
}
|
| 2971 |
+
|
| 2972 |
+
table, th, td {
|
| 2973 |
+
border: none;
|
| 2974 |
+
}
|
| 2975 |
+
|
| 2976 |
+
table {
|
| 2977 |
+
width: 100%;
|
| 2978 |
+
display: table;
|
| 2979 |
+
border-collapse: collapse;
|
| 2980 |
+
border-spacing: 0;
|
| 2981 |
+
}
|
| 2982 |
+
|
| 2983 |
+
table.striped tr {
|
| 2984 |
+
border-bottom: none;
|
| 2985 |
+
}
|
| 2986 |
+
|
| 2987 |
+
table.striped > tbody > tr:nth-child(odd) {
|
| 2988 |
+
background-color: rgba(242, 242, 242, 0.5);
|
| 2989 |
+
}
|
| 2990 |
+
|
| 2991 |
+
table.striped > tbody > tr > td {
|
| 2992 |
+
border-radius: 0;
|
| 2993 |
+
}
|
| 2994 |
+
|
| 2995 |
+
table.highlight > tbody > tr {
|
| 2996 |
+
-webkit-transition: background-color .25s ease;
|
| 2997 |
+
transition: background-color .25s ease;
|
| 2998 |
+
}
|
| 2999 |
+
|
| 3000 |
+
table.highlight > tbody > tr:hover {
|
| 3001 |
+
background-color: rgba(242, 242, 242, 0.5);
|
| 3002 |
+
}
|
| 3003 |
+
|
| 3004 |
+
table.centered thead tr th, table.centered tbody tr td {
|
| 3005 |
+
text-align: center;
|
| 3006 |
+
}
|
| 3007 |
+
|
| 3008 |
+
tr {
|
| 3009 |
+
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
|
| 3010 |
+
}
|
| 3011 |
+
|
| 3012 |
+
td, th {
|
| 3013 |
+
padding: 15px 5px;
|
| 3014 |
+
display: table-cell;
|
| 3015 |
+
text-align: left;
|
| 3016 |
+
vertical-align: middle;
|
| 3017 |
+
border-radius: 2px;
|
| 3018 |
+
}
|
| 3019 |
+
|
| 3020 |
+
@media only screen and (max-width: 992px) {
|
| 3021 |
+
table.responsive-table {
|
| 3022 |
+
width: 100%;
|
| 3023 |
+
border-collapse: collapse;
|
| 3024 |
+
border-spacing: 0;
|
| 3025 |
+
display: block;
|
| 3026 |
+
position: relative;
|
| 3027 |
+
/* sort out borders */
|
| 3028 |
+
}
|
| 3029 |
+
table.responsive-table td:empty:before {
|
| 3030 |
+
content: '\00a0';
|
| 3031 |
+
}
|
| 3032 |
+
table.responsive-table th,
|
| 3033 |
+
table.responsive-table td {
|
| 3034 |
+
margin: 0;
|
| 3035 |
+
vertical-align: top;
|
| 3036 |
+
}
|
| 3037 |
+
table.responsive-table th {
|
| 3038 |
+
text-align: left;
|
| 3039 |
+
}
|
| 3040 |
+
table.responsive-table thead {
|
| 3041 |
+
display: block;
|
| 3042 |
+
float: left;
|
| 3043 |
+
}
|
| 3044 |
+
table.responsive-table thead tr {
|
| 3045 |
+
display: block;
|
| 3046 |
+
padding: 0 10px 0 0;
|
| 3047 |
+
}
|
| 3048 |
+
table.responsive-table thead tr th::before {
|
| 3049 |
+
content: "\00a0";
|
| 3050 |
+
}
|
| 3051 |
+
table.responsive-table tbody {
|
| 3052 |
+
display: block;
|
| 3053 |
+
width: auto;
|
| 3054 |
+
position: relative;
|
| 3055 |
+
overflow-x: auto;
|
| 3056 |
+
white-space: nowrap;
|
| 3057 |
+
}
|
| 3058 |
+
table.responsive-table tbody tr {
|
| 3059 |
+
display: inline-block;
|
| 3060 |
+
vertical-align: top;
|
| 3061 |
+
}
|
| 3062 |
+
table.responsive-table th {
|
| 3063 |
+
display: block;
|
| 3064 |
+
text-align: right;
|
| 3065 |
+
}
|
| 3066 |
+
table.responsive-table td {
|
| 3067 |
+
display: block;
|
| 3068 |
+
min-height: 1.25em;
|
| 3069 |
+
text-align: left;
|
| 3070 |
+
}
|
| 3071 |
+
table.responsive-table tr {
|
| 3072 |
+
border-bottom: none;
|
| 3073 |
+
padding: 0 10px;
|
| 3074 |
+
}
|
| 3075 |
+
table.responsive-table thead {
|
| 3076 |
+
border: 0;
|
| 3077 |
+
border-right: 1px solid rgba(0, 0, 0, 0.12);
|
| 3078 |
+
}
|
| 3079 |
+
}
|
| 3080 |
+
|
| 3081 |
+
.collection {
|
| 3082 |
+
margin: 0.5rem 0 1rem 0;
|
| 3083 |
+
border: 1px solid #e0e0e0;
|
| 3084 |
+
border-radius: 2px;
|
| 3085 |
+
overflow: hidden;
|
| 3086 |
+
position: relative;
|
| 3087 |
+
}
|
| 3088 |
+
|
| 3089 |
+
.collection .collection-item {
|
| 3090 |
+
background-color: #fff;
|
| 3091 |
+
line-height: 1.5rem;
|
| 3092 |
+
padding: 10px 20px;
|
| 3093 |
+
margin: 0;
|
| 3094 |
+
border-bottom: 1px solid #e0e0e0;
|
| 3095 |
+
}
|
| 3096 |
+
|
| 3097 |
+
.collection .collection-item.avatar {
|
| 3098 |
+
min-height: 84px;
|
| 3099 |
+
padding-left: 72px;
|
| 3100 |
+
position: relative;
|
| 3101 |
+
}
|
| 3102 |
+
|
| 3103 |
+
.collection .collection-item.avatar:not(.circle-clipper) > .circle,
|
| 3104 |
+
.collection .collection-item.avatar :not(.circle-clipper) > .circle {
|
| 3105 |
+
position: absolute;
|
| 3106 |
+
width: 42px;
|
| 3107 |
+
height: 42px;
|
| 3108 |
+
overflow: hidden;
|
| 3109 |
+
left: 15px;
|
| 3110 |
+
display: inline-block;
|
| 3111 |
+
vertical-align: middle;
|
| 3112 |
+
}
|
| 3113 |
+
|
| 3114 |
+
.collection .collection-item.avatar i.circle {
|
| 3115 |
+
font-size: 18px;
|
| 3116 |
+
line-height: 42px;
|
| 3117 |
+
color: #fff;
|
| 3118 |
+
background-color: #999;
|
| 3119 |
+
text-align: center;
|
| 3120 |
+
}
|
| 3121 |
+
|
| 3122 |
+
.collection .collection-item.avatar .title {
|
| 3123 |
+
font-size: 16px;
|
| 3124 |
+
}
|
| 3125 |
+
|
| 3126 |
+
.collection .collection-item.avatar p {
|
| 3127 |
+
margin: 0;
|
| 3128 |
+
}
|
| 3129 |
+
|
| 3130 |
+
.collection .collection-item.avatar .secondary-content {
|
| 3131 |
+
position: absolute;
|
| 3132 |
+
top: 16px;
|
| 3133 |
+
right: 16px;
|
| 3134 |
+
}
|
| 3135 |
+
|
| 3136 |
+
.collection .collection-item:last-child {
|
| 3137 |
+
border-bottom: none;
|
| 3138 |
+
}
|
| 3139 |
+
|
| 3140 |
+
.collection .collection-item.active {
|
| 3141 |
+
background-color: #26a69a;
|
| 3142 |
+
color: #eafaf9;
|
| 3143 |
+
}
|
| 3144 |
+
|
| 3145 |
+
.collection .collection-item.active .secondary-content {
|
| 3146 |
+
color: #fff;
|
| 3147 |
+
}
|
| 3148 |
+
|
| 3149 |
+
.collection a.collection-item {
|
| 3150 |
+
display: block;
|
| 3151 |
+
-webkit-transition: .25s;
|
| 3152 |
+
transition: .25s;
|
| 3153 |
+
color: #26a69a;
|
| 3154 |
+
}
|
| 3155 |
+
|
| 3156 |
+
.collection a.collection-item:not(.active):hover {
|
| 3157 |
+
background-color: #ddd;
|
| 3158 |
+
}
|
| 3159 |
+
|
| 3160 |
+
.collection.with-header .collection-header {
|
| 3161 |
+
background-color: #fff;
|
| 3162 |
+
border-bottom: 1px solid #e0e0e0;
|
| 3163 |
+
padding: 10px 20px;
|
| 3164 |
+
}
|
| 3165 |
+
|
| 3166 |
+
.collection.with-header .collection-item {
|
| 3167 |
+
padding-left: 30px;
|
| 3168 |
+
}
|
| 3169 |
+
|
| 3170 |
+
.collection.with-header .collection-item.avatar {
|
| 3171 |
+
padding-left: 72px;
|
| 3172 |
+
}
|
| 3173 |
+
|
| 3174 |
+
.secondary-content {
|
| 3175 |
+
float: right;
|
| 3176 |
+
color: #26a69a;
|
| 3177 |
+
}
|
| 3178 |
+
|
| 3179 |
+
.collapsible .collection {
|
| 3180 |
+
margin: 0;
|
| 3181 |
+
border: none;
|
| 3182 |
+
}
|
| 3183 |
+
|
| 3184 |
+
.video-container {
|
| 3185 |
+
position: relative;
|
| 3186 |
+
padding-bottom: 56.25%;
|
| 3187 |
+
height: 0;
|
| 3188 |
+
overflow: hidden;
|
| 3189 |
+
}
|
| 3190 |
+
|
| 3191 |
+
.video-container iframe, .video-container object, .video-container embed {
|
| 3192 |
+
position: absolute;
|
| 3193 |
+
top: 0;
|
| 3194 |
+
left: 0;
|
| 3195 |
+
width: 100%;
|
| 3196 |
+
height: 100%;
|
| 3197 |
+
}
|
| 3198 |
+
|
| 3199 |
+
.progress {
|
| 3200 |
+
position: relative;
|
| 3201 |
+
height: 4px;
|
| 3202 |
+
display: block;
|
| 3203 |
+
width: 100%;
|
| 3204 |
+
background-color: #acece6;
|
| 3205 |
+
border-radius: 2px;
|
| 3206 |
+
margin: 0.5rem 0 1rem 0;
|
| 3207 |
+
overflow: hidden;
|
| 3208 |
+
}
|
| 3209 |
+
|
| 3210 |
+
.progress .determinate {
|
| 3211 |
+
position: absolute;
|
| 3212 |
+
top: 0;
|
| 3213 |
+
left: 0;
|
| 3214 |
+
bottom: 0;
|
| 3215 |
+
background-color: #26a69a;
|
| 3216 |
+
-webkit-transition: width .3s linear;
|
| 3217 |
+
transition: width .3s linear;
|
| 3218 |
+
}
|
| 3219 |
+
|
| 3220 |
+
.progress .indeterminate {
|
| 3221 |
+
background-color: #26a69a;
|
| 3222 |
+
}
|
| 3223 |
+
|
| 3224 |
+
.progress .indeterminate:before {
|
| 3225 |
+
content: '';
|
| 3226 |
+
position: absolute;
|
| 3227 |
+
background-color: inherit;
|
| 3228 |
+
top: 0;
|
| 3229 |
+
left: 0;
|
| 3230 |
+
bottom: 0;
|
| 3231 |
+
will-change: left, right;
|
| 3232 |
+
-webkit-animation: indeterminate 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
|
| 3233 |
+
animation: indeterminate 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
|
| 3234 |
+
}
|
| 3235 |
+
|
| 3236 |
+
.progress .indeterminate:after {
|
| 3237 |
+
content: '';
|
| 3238 |
+
position: absolute;
|
| 3239 |
+
background-color: inherit;
|
| 3240 |
+
top: 0;
|
| 3241 |
+
left: 0;
|
| 3242 |
+
bottom: 0;
|
| 3243 |
+
will-change: left, right;
|
| 3244 |
+
-webkit-animation: indeterminate-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
|
| 3245 |
+
animation: indeterminate-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
|
| 3246 |
+
-webkit-animation-delay: 1.15s;
|
| 3247 |
+
animation-delay: 1.15s;
|
| 3248 |
+
}
|
| 3249 |
+
|
| 3250 |
+
@-webkit-keyframes indeterminate {
|
| 3251 |
+
0% {
|
| 3252 |
+
left: -35%;
|
| 3253 |
+
right: 100%;
|
| 3254 |
+
}
|
| 3255 |
+
60% {
|
| 3256 |
+
left: 100%;
|
| 3257 |
+
right: -90%;
|
| 3258 |
+
}
|
| 3259 |
+
100% {
|
| 3260 |
+
left: 100%;
|
| 3261 |
+
right: -90%;
|
| 3262 |
+
}
|
| 3263 |
+
}
|
| 3264 |
+
|
| 3265 |
+
@keyframes indeterminate {
|
| 3266 |
+
0% {
|
| 3267 |
+
left: -35%;
|
| 3268 |
+
right: 100%;
|
| 3269 |
+
}
|
| 3270 |
+
60% {
|
| 3271 |
+
left: 100%;
|
| 3272 |
+
right: -90%;
|
| 3273 |
+
}
|
| 3274 |
+
100% {
|
| 3275 |
+
left: 100%;
|
| 3276 |
+
right: -90%;
|
| 3277 |
+
}
|
| 3278 |
+
}
|
| 3279 |
+
|
| 3280 |
+
@-webkit-keyframes indeterminate-short {
|
| 3281 |
+
0% {
|
| 3282 |
+
left: -200%;
|
| 3283 |
+
right: 100%;
|
| 3284 |
+
}
|
| 3285 |
+
60% {
|
| 3286 |
+
left: 107%;
|
| 3287 |
+
right: -8%;
|
| 3288 |
+
}
|
| 3289 |
+
100% {
|
| 3290 |
+
left: 107%;
|
| 3291 |
+
right: -8%;
|
| 3292 |
+
}
|
| 3293 |
+
}
|
| 3294 |
+
|
| 3295 |
+
@keyframes indeterminate-short {
|
| 3296 |
+
0% {
|
| 3297 |
+
left: -200%;
|
| 3298 |
+
right: 100%;
|
| 3299 |
+
}
|
| 3300 |
+
60% {
|
| 3301 |
+
left: 107%;
|
| 3302 |
+
right: -8%;
|
| 3303 |
+
}
|
| 3304 |
+
100% {
|
| 3305 |
+
left: 107%;
|
| 3306 |
+
right: -8%;
|
| 3307 |
+
}
|
| 3308 |
+
}
|
| 3309 |
+
|
| 3310 |
+
/*******************
|
| 3311 |
+
Utility Classes
|
| 3312 |
+
*******************/
|
| 3313 |
+
.hide {
|
| 3314 |
+
display: none !important;
|
| 3315 |
+
}
|
| 3316 |
+
|
| 3317 |
+
.left-align {
|
| 3318 |
+
text-align: left;
|
| 3319 |
+
}
|
| 3320 |
+
|
| 3321 |
+
.right-align {
|
| 3322 |
+
text-align: right;
|
| 3323 |
+
}
|
| 3324 |
+
|
| 3325 |
+
.center, .center-align {
|
| 3326 |
+
text-align: center;
|
| 3327 |
+
}
|
| 3328 |
+
|
| 3329 |
+
.left {
|
| 3330 |
+
float: left !important;
|
| 3331 |
+
}
|
| 3332 |
+
|
| 3333 |
+
.right {
|
| 3334 |
+
float: right !important;
|
| 3335 |
+
}
|
| 3336 |
+
|
| 3337 |
+
.no-select, input[type=range],
|
| 3338 |
+
input[type=range] + .thumb {
|
| 3339 |
+
-webkit-user-select: none;
|
| 3340 |
+
-moz-user-select: none;
|
| 3341 |
+
-ms-user-select: none;
|
| 3342 |
+
user-select: none;
|
| 3343 |
+
}
|
| 3344 |
+
|
| 3345 |
+
.circle {
|
| 3346 |
+
border-radius: 50%;
|
| 3347 |
+
}
|
| 3348 |
+
|
| 3349 |
+
.center-block {
|
| 3350 |
+
display: block;
|
| 3351 |
+
margin-left: auto;
|
| 3352 |
+
margin-right: auto;
|
| 3353 |
+
}
|
| 3354 |
+
|
| 3355 |
+
.truncate {
|
| 3356 |
+
display: block;
|
| 3357 |
+
white-space: nowrap;
|
| 3358 |
+
overflow: hidden;
|
| 3359 |
+
text-overflow: ellipsis;
|
| 3360 |
+
}
|
| 3361 |
+
|
| 3362 |
+
.no-padding {
|
| 3363 |
+
padding: 0 !important;
|
| 3364 |
+
}
|
| 3365 |
+
|
| 3366 |
+
span.badge {
|
| 3367 |
+
min-width: 3rem;
|
| 3368 |
+
padding: 0 6px;
|
| 3369 |
+
margin-left: 14px;
|
| 3370 |
+
text-align: center;
|
| 3371 |
+
font-size: 1rem;
|
| 3372 |
+
line-height: 22px;
|
| 3373 |
+
height: 22px;
|
| 3374 |
+
color: #757575;
|
| 3375 |
+
float: right;
|
| 3376 |
+
-webkit-box-sizing: border-box;
|
| 3377 |
+
box-sizing: border-box;
|
| 3378 |
+
}
|
| 3379 |
+
|
| 3380 |
+
span.badge.new {
|
| 3381 |
+
font-weight: 300;
|
| 3382 |
+
font-size: 0.8rem;
|
| 3383 |
+
color: #fff;
|
| 3384 |
+
background-color: #26a69a;
|
| 3385 |
+
border-radius: 2px;
|
| 3386 |
+
}
|
| 3387 |
+
|
| 3388 |
+
span.badge.new:after {
|
| 3389 |
+
content: " new";
|
| 3390 |
+
}
|
| 3391 |
+
|
| 3392 |
+
span.badge[data-badge-caption]::after {
|
| 3393 |
+
content: " " attr(data-badge-caption);
|
| 3394 |
+
}
|
| 3395 |
+
|
| 3396 |
+
nav ul a span.badge {
|
| 3397 |
+
display: inline-block;
|
| 3398 |
+
float: none;
|
| 3399 |
+
margin-left: 4px;
|
| 3400 |
+
line-height: 22px;
|
| 3401 |
+
height: 22px;
|
| 3402 |
+
-webkit-font-smoothing: auto;
|
| 3403 |
+
}
|
| 3404 |
+
|
| 3405 |
+
.collection-item span.badge {
|
| 3406 |
+
margin-top: calc(0.75rem - 11px);
|
| 3407 |
+
}
|
| 3408 |
+
|
| 3409 |
+
.collapsible span.badge {
|
| 3410 |
+
margin-left: auto;
|
| 3411 |
+
}
|
| 3412 |
+
|
| 3413 |
+
.sidenav span.badge {
|
| 3414 |
+
margin-top: calc(24px - 11px);
|
| 3415 |
+
}
|
| 3416 |
+
|
| 3417 |
+
table span.badge {
|
| 3418 |
+
display: inline-block;
|
| 3419 |
+
float: none;
|
| 3420 |
+
margin-left: auto;
|
| 3421 |
+
}
|
| 3422 |
+
|
| 3423 |
+
/* This is needed for some mobile phones to display the Google Icon font properly */
|
| 3424 |
+
.material-icons {
|
| 3425 |
+
text-rendering: optimizeLegibility;
|
| 3426 |
+
-webkit-font-feature-settings: 'liga';
|
| 3427 |
+
-moz-font-feature-settings: 'liga';
|
| 3428 |
+
font-feature-settings: 'liga';
|
| 3429 |
+
}
|
| 3430 |
+
|
| 3431 |
+
.container {
|
| 3432 |
+
margin: 0 auto;
|
| 3433 |
+
max-width: 1280px;
|
| 3434 |
+
width: 90%;
|
| 3435 |
+
}
|
| 3436 |
+
|
| 3437 |
+
@media only screen and (min-width: 601px) {
|
| 3438 |
+
.container {
|
| 3439 |
+
width: 85%;
|
| 3440 |
+
}
|
| 3441 |
+
}
|
| 3442 |
+
|
| 3443 |
+
@media only screen and (min-width: 993px) {
|
| 3444 |
+
.container {
|
| 3445 |
+
width: 70%;
|
| 3446 |
+
}
|
| 3447 |
+
}
|
| 3448 |
+
|
| 3449 |
+
.col .row {
|
| 3450 |
+
margin-left: -0.75rem;
|
| 3451 |
+
margin-right: -0.75rem;
|
| 3452 |
+
}
|
| 3453 |
+
|
| 3454 |
+
.section {
|
| 3455 |
+
padding-top: 1rem;
|
| 3456 |
+
padding-bottom: 1rem;
|
| 3457 |
+
}
|
| 3458 |
+
|
| 3459 |
+
.section.no-pad {
|
| 3460 |
+
padding: 0;
|
| 3461 |
+
}
|
| 3462 |
+
|
| 3463 |
+
.section.no-pad-bot {
|
| 3464 |
+
padding-bottom: 0;
|
| 3465 |
+
}
|
| 3466 |
+
|
| 3467 |
+
.section.no-pad-top {
|
| 3468 |
+
padding-top: 0;
|
| 3469 |
+
}
|
| 3470 |
+
|
| 3471 |
+
.row {
|
| 3472 |
+
margin-left: auto;
|
| 3473 |
+
margin-right: auto;
|
| 3474 |
+
margin-bottom: 20px;
|
| 3475 |
+
}
|
| 3476 |
+
|
| 3477 |
+
.row:after {
|
| 3478 |
+
content: "";
|
| 3479 |
+
display: table;
|
| 3480 |
+
clear: both;
|
| 3481 |
+
}
|
| 3482 |
+
|
| 3483 |
+
.row .col {
|
| 3484 |
+
float: left;
|
| 3485 |
+
-webkit-box-sizing: border-box;
|
| 3486 |
+
box-sizing: border-box;
|
| 3487 |
+
padding: 0 0.75rem;
|
| 3488 |
+
min-height: 1px;
|
| 3489 |
+
}
|
| 3490 |
+
|
| 3491 |
+
.row .col[class*="push-"], .row .col[class*="pull-"] {
|
| 3492 |
+
position: relative;
|
| 3493 |
+
}
|
| 3494 |
+
|
| 3495 |
+
.row .col.s1 {
|
| 3496 |
+
width: 8.3333333333%;
|
| 3497 |
+
margin-left: auto;
|
| 3498 |
+
left: auto;
|
| 3499 |
+
right: auto;
|
| 3500 |
+
}
|
| 3501 |
+
|
| 3502 |
+
.row .col.s2 {
|
| 3503 |
+
width: 16.6666666667%;
|
| 3504 |
+
margin-left: auto;
|
| 3505 |
+
left: auto;
|
| 3506 |
+
right: auto;
|
| 3507 |
+
}
|
| 3508 |
+
|
| 3509 |
+
.row .col.s3 {
|
| 3510 |
+
width: 25%;
|
| 3511 |
+
margin-left: auto;
|
| 3512 |
+
left: auto;
|
| 3513 |
+
right: auto;
|
| 3514 |
+
}
|
| 3515 |
+
|
| 3516 |
+
.row .col.s4 {
|
| 3517 |
+
width: 33.3333333333%;
|
| 3518 |
+
margin-left: auto;
|
| 3519 |
+
left: auto;
|
| 3520 |
+
right: auto;
|
| 3521 |
+
}
|
| 3522 |
+
|
| 3523 |
+
.row .col.s5 {
|
| 3524 |
+
width: 41.6666666667%;
|
| 3525 |
+
margin-left: auto;
|
| 3526 |
+
left: auto;
|
| 3527 |
+
right: auto;
|
| 3528 |
+
}
|
| 3529 |
+
|
| 3530 |
+
.row .col.s6 {
|
| 3531 |
+
width: 50%;
|
| 3532 |
+
margin-left: auto;
|
| 3533 |
+
left: auto;
|
| 3534 |
+
right: auto;
|
| 3535 |
+
}
|
| 3536 |
+
|
| 3537 |
+
.row .col.s7 {
|
| 3538 |
+
width: 58.3333333333%;
|
| 3539 |
+
margin-left: auto;
|
| 3540 |
+
left: auto;
|
| 3541 |
+
right: auto;
|
| 3542 |
+
}
|
| 3543 |
+
|
| 3544 |
+
.row .col.s8 {
|
| 3545 |
+
width: 66.6666666667%;
|
| 3546 |
+
margin-left: auto;
|
| 3547 |
+
left: auto;
|
| 3548 |
+
right: auto;
|
| 3549 |
+
}
|
| 3550 |
+
|
| 3551 |
+
.row .col.s9 {
|
| 3552 |
+
width: 75%;
|
| 3553 |
+
margin-left: auto;
|
| 3554 |
+
left: auto;
|
| 3555 |
+
right: auto;
|
| 3556 |
+
}
|
| 3557 |
+
|
| 3558 |
+
.row .col.s10 {
|
| 3559 |
+
width: 83.3333333333%;
|
| 3560 |
+
margin-left: auto;
|
| 3561 |
+
left: auto;
|
| 3562 |
+
right: auto;
|
| 3563 |
+
}
|
| 3564 |
+
|
| 3565 |
+
.row .col.s11 {
|
| 3566 |
+
width: 91.6666666667%;
|
| 3567 |
+
margin-left: auto;
|
| 3568 |
+
left: auto;
|
| 3569 |
+
right: auto;
|
| 3570 |
+
}
|
| 3571 |
+
|
| 3572 |
+
.row .col.s12 {
|
| 3573 |
+
width: 100%;
|
| 3574 |
+
margin-left: auto;
|
| 3575 |
+
left: auto;
|
| 3576 |
+
right: auto;
|
| 3577 |
+
}
|
| 3578 |
+
|
| 3579 |
+
.row .col.offset-s1 {
|
| 3580 |
+
margin-left: 8.3333333333%;
|
| 3581 |
+
}
|
| 3582 |
+
|
| 3583 |
+
.row .col.pull-s1 {
|
| 3584 |
+
right: 8.3333333333%;
|
| 3585 |
+
}
|
| 3586 |
+
|
| 3587 |
+
.row .col.push-s1 {
|
| 3588 |
+
left: 8.3333333333%;
|
| 3589 |
+
}
|
| 3590 |
+
|
| 3591 |
+
.row .col.offset-s2 {
|
| 3592 |
+
margin-left: 16.6666666667%;
|
| 3593 |
+
}
|
| 3594 |
+
|
| 3595 |
+
.row .col.pull-s2 {
|
| 3596 |
+
right: 16.6666666667%;
|
| 3597 |
+
}
|
| 3598 |
+
|
| 3599 |
+
.row .col.push-s2 {
|
| 3600 |
+
left: 16.6666666667%;
|
| 3601 |
+
}
|
| 3602 |
+
|
| 3603 |
+
.row .col.offset-s3 {
|
| 3604 |
+
margin-left: 25%;
|
| 3605 |
+
}
|
| 3606 |
+
|
| 3607 |
+
.row .col.pull-s3 {
|
| 3608 |
+
right: 25%;
|
| 3609 |
+
}
|
| 3610 |
+
|
| 3611 |
+
.row .col.push-s3 {
|
| 3612 |
+
left: 25%;
|
| 3613 |
+
}
|
| 3614 |
+
|
| 3615 |
+
.row .col.offset-s4 {
|
| 3616 |
+
margin-left: 33.3333333333%;
|
| 3617 |
+
}
|
| 3618 |
+
|
| 3619 |
+
.row .col.pull-s4 {
|
| 3620 |
+
right: 33.3333333333%;
|
| 3621 |
+
}
|
| 3622 |
+
|
| 3623 |
+
.row .col.push-s4 {
|
| 3624 |
+
left: 33.3333333333%;
|
| 3625 |
+
}
|
| 3626 |
+
|
| 3627 |
+
.row .col.offset-s5 {
|
| 3628 |
+
margin-left: 41.6666666667%;
|
| 3629 |
+
}
|
| 3630 |
+
|
| 3631 |
+
.row .col.pull-s5 {
|
| 3632 |
+
right: 41.6666666667%;
|
| 3633 |
+
}
|
| 3634 |
+
|
| 3635 |
+
.row .col.push-s5 {
|
| 3636 |
+
left: 41.6666666667%;
|
| 3637 |
+
}
|
| 3638 |
+
|
| 3639 |
+
.row .col.offset-s6 {
|
| 3640 |
+
margin-left: 50%;
|
| 3641 |
+
}
|
| 3642 |
+
|
| 3643 |
+
.row .col.pull-s6 {
|
| 3644 |
+
right: 50%;
|
| 3645 |
+
}
|
| 3646 |
+
|
| 3647 |
+
.row .col.push-s6 {
|
| 3648 |
+
left: 50%;
|
| 3649 |
+
}
|
| 3650 |
+
|
| 3651 |
+
.row .col.offset-s7 {
|
| 3652 |
+
margin-left: 58.3333333333%;
|
| 3653 |
+
}
|
| 3654 |
+
|
| 3655 |
+
.row .col.pull-s7 {
|
| 3656 |
+
right: 58.3333333333%;
|
| 3657 |
+
}
|
| 3658 |
+
|
| 3659 |
+
.row .col.push-s7 {
|
| 3660 |
+
left: 58.3333333333%;
|
| 3661 |
+
}
|
| 3662 |
+
|
| 3663 |
+
.row .col.offset-s8 {
|
| 3664 |
+
margin-left: 66.6666666667%;
|
| 3665 |
+
}
|
| 3666 |
+
|
| 3667 |
+
.row .col.pull-s8 {
|
| 3668 |
+
right: 66.6666666667%;
|
| 3669 |
+
}
|
| 3670 |
+
|
| 3671 |
+
.row .col.push-s8 {
|
| 3672 |
+
left: 66.6666666667%;
|
| 3673 |
+
}
|
| 3674 |
+
|
| 3675 |
+
.row .col.offset-s9 {
|
| 3676 |
+
margin-left: 75%;
|
| 3677 |
+
}
|
| 3678 |
+
|
| 3679 |
+
.row .col.pull-s9 {
|
| 3680 |
+
right: 75%;
|
| 3681 |
+
}
|
| 3682 |
+
|
| 3683 |
+
.row .col.push-s9 {
|
| 3684 |
+
left: 75%;
|
| 3685 |
+
}
|
| 3686 |
+
|
| 3687 |
+
.row .col.offset-s10 {
|
| 3688 |
+
margin-left: 83.3333333333%;
|
| 3689 |
+
}
|
| 3690 |
+
|
| 3691 |
+
.row .col.pull-s10 {
|
| 3692 |
+
right: 83.3333333333%;
|
| 3693 |
+
}
|
| 3694 |
+
|
| 3695 |
+
.row .col.push-s10 {
|
| 3696 |
+
left: 83.3333333333%;
|
| 3697 |
+
}
|
| 3698 |
+
|
| 3699 |
+
.row .col.offset-s11 {
|
| 3700 |
+
margin-left: 91.6666666667%;
|
| 3701 |
+
}
|
| 3702 |
+
|
| 3703 |
+
.row .col.pull-s11 {
|
| 3704 |
+
right: 91.6666666667%;
|
| 3705 |
+
}
|
| 3706 |
+
|
| 3707 |
+
.row .col.push-s11 {
|
| 3708 |
+
left: 91.6666666667%;
|
| 3709 |
+
}
|
| 3710 |
+
|
| 3711 |
+
.row .col.offset-s12 {
|
| 3712 |
+
margin-left: 100%;
|
| 3713 |
+
}
|
| 3714 |
+
|
| 3715 |
+
.row .col.pull-s12 {
|
| 3716 |
+
right: 100%;
|
| 3717 |
+
}
|
| 3718 |
+
|
| 3719 |
+
.row .col.push-s12 {
|
| 3720 |
+
left: 100%;
|
| 3721 |
+
}
|
| 3722 |
+
|
| 3723 |
+
@media only screen and (min-width: 601px) {
|
| 3724 |
+
.row .col.m1 {
|
| 3725 |
+
width: 8.3333333333%;
|
| 3726 |
+
margin-left: auto;
|
| 3727 |
+
left: auto;
|
| 3728 |
+
right: auto;
|
| 3729 |
+
}
|
| 3730 |
+
.row .col.m2 {
|
| 3731 |
+
width: 16.6666666667%;
|
| 3732 |
+
margin-left: auto;
|
| 3733 |
+
left: auto;
|
| 3734 |
+
right: auto;
|
| 3735 |
+
}
|
| 3736 |
+
.row .col.m3 {
|
| 3737 |
+
width: 25%;
|
| 3738 |
+
margin-left: auto;
|
| 3739 |
+
left: auto;
|
| 3740 |
+
right: auto;
|
| 3741 |
+
}
|
| 3742 |
+
.row .col.m4 {
|
| 3743 |
+
width: 33.3333333333%;
|
| 3744 |
+
margin-left: auto;
|
| 3745 |
+
left: auto;
|
| 3746 |
+
right: auto;
|
| 3747 |
+
}
|
| 3748 |
+
.row .col.m5 {
|
| 3749 |
+
width: 41.6666666667%;
|
| 3750 |
+
margin-left: auto;
|
| 3751 |
+
left: auto;
|
| 3752 |
+
right: auto;
|
| 3753 |
+
}
|
| 3754 |
+
.row .col.m6 {
|
| 3755 |
+
width: 50%;
|
| 3756 |
+
margin-left: auto;
|
| 3757 |
+
left: auto;
|
| 3758 |
+
right: auto;
|
| 3759 |
+
}
|
| 3760 |
+
.row .col.m7 {
|
| 3761 |
+
width: 58.3333333333%;
|
| 3762 |
+
margin-left: auto;
|
| 3763 |
+
left: auto;
|
| 3764 |
+
right: auto;
|
| 3765 |
+
}
|
| 3766 |
+
.row .col.m8 {
|
| 3767 |
+
width: 66.6666666667%;
|
| 3768 |
+
margin-left: auto;
|
| 3769 |
+
left: auto;
|
| 3770 |
+
right: auto;
|
| 3771 |
+
}
|
| 3772 |
+
.row .col.m9 {
|
| 3773 |
+
width: 75%;
|
| 3774 |
+
margin-left: auto;
|
| 3775 |
+
left: auto;
|
| 3776 |
+
right: auto;
|
| 3777 |
+
}
|
| 3778 |
+
.row .col.m10 {
|
| 3779 |
+
width: 83.3333333333%;
|
| 3780 |
+
margin-left: auto;
|
| 3781 |
+
left: auto;
|
| 3782 |
+
right: auto;
|
| 3783 |
+
}
|
| 3784 |
+
.row .col.m11 {
|
| 3785 |
+
width: 91.6666666667%;
|
| 3786 |
+
margin-left: auto;
|
| 3787 |
+
left: auto;
|
| 3788 |
+
right: auto;
|
| 3789 |
+
}
|
| 3790 |
+
.row .col.m12 {
|
| 3791 |
+
width: 100%;
|
| 3792 |
+
margin-left: auto;
|
| 3793 |
+
left: auto;
|
| 3794 |
+
right: auto;
|
| 3795 |
+
}
|
| 3796 |
+
.row .col.offset-m1 {
|
| 3797 |
+
margin-left: 8.3333333333%;
|
| 3798 |
+
}
|
| 3799 |
+
.row .col.pull-m1 {
|
| 3800 |
+
right: 8.3333333333%;
|
| 3801 |
+
}
|
| 3802 |
+
.row .col.push-m1 {
|
| 3803 |
+
left: 8.3333333333%;
|
| 3804 |
+
}
|
| 3805 |
+
.row .col.offset-m2 {
|
| 3806 |
+
margin-left: 16.6666666667%;
|
| 3807 |
+
}
|
| 3808 |
+
.row .col.pull-m2 {
|
| 3809 |
+
right: 16.6666666667%;
|
| 3810 |
+
}
|
| 3811 |
+
.row .col.push-m2 {
|
| 3812 |
+
left: 16.6666666667%;
|
| 3813 |
+
}
|
| 3814 |
+
.row .col.offset-m3 {
|
| 3815 |
+
margin-left: 25%;
|
| 3816 |
+
}
|
| 3817 |
+
.row .col.pull-m3 {
|
| 3818 |
+
right: 25%;
|
| 3819 |
+
}
|
| 3820 |
+
.row .col.push-m3 {
|
| 3821 |
+
left: 25%;
|
| 3822 |
+
}
|
| 3823 |
+
.row .col.offset-m4 {
|
| 3824 |
+
margin-left: 33.3333333333%;
|
| 3825 |
+
}
|
| 3826 |
+
.row .col.pull-m4 {
|
| 3827 |
+
right: 33.3333333333%;
|
| 3828 |
+
}
|
| 3829 |
+
.row .col.push-m4 {
|
| 3830 |
+
left: 33.3333333333%;
|
| 3831 |
+
}
|
| 3832 |
+
.row .col.offset-m5 {
|
| 3833 |
+
margin-left: 41.6666666667%;
|
| 3834 |
+
}
|
| 3835 |
+
.row .col.pull-m5 {
|
| 3836 |
+
right: 41.6666666667%;
|
| 3837 |
+
}
|
| 3838 |
+
.row .col.push-m5 {
|
| 3839 |
+
left: 41.6666666667%;
|
| 3840 |
+
}
|
| 3841 |
+
.row .col.offset-m6 {
|
| 3842 |
+
margin-left: 50%;
|
| 3843 |
+
}
|
| 3844 |
+
.row .col.pull-m6 {
|
| 3845 |
+
right: 50%;
|
| 3846 |
+
}
|
| 3847 |
+
.row .col.push-m6 {
|
| 3848 |
+
left: 50%;
|
| 3849 |
+
}
|
| 3850 |
+
.row .col.offset-m7 {
|
| 3851 |
+
margin-left: 58.3333333333%;
|
| 3852 |
+
}
|
| 3853 |
+
.row .col.pull-m7 {
|
| 3854 |
+
right: 58.3333333333%;
|
| 3855 |
+
}
|
| 3856 |
+
.row .col.push-m7 {
|
| 3857 |
+
left: 58.3333333333%;
|
| 3858 |
+
}
|
| 3859 |
+
.row .col.offset-m8 {
|
| 3860 |
+
margin-left: 66.6666666667%;
|
| 3861 |
+
}
|
| 3862 |
+
.row .col.pull-m8 {
|
| 3863 |
+
right: 66.6666666667%;
|
| 3864 |
+
}
|
| 3865 |
+
.row .col.push-m8 {
|
| 3866 |
+
left: 66.6666666667%;
|
| 3867 |
+
}
|
| 3868 |
+
.row .col.offset-m9 {
|
| 3869 |
+
margin-left: 75%;
|
| 3870 |
+
}
|
| 3871 |
+
.row .col.pull-m9 {
|
| 3872 |
+
right: 75%;
|
| 3873 |
+
}
|
| 3874 |
+
.row .col.push-m9 {
|
| 3875 |
+
left: 75%;
|
| 3876 |
+
}
|
| 3877 |
+
.row .col.offset-m10 {
|
| 3878 |
+
margin-left: 83.3333333333%;
|
| 3879 |
+
}
|
| 3880 |
+
.row .col.pull-m10 {
|
| 3881 |
+
right: 83.3333333333%;
|
| 3882 |
+
}
|
| 3883 |
+
.row .col.push-m10 {
|
| 3884 |
+
left: 83.3333333333%;
|
| 3885 |
+
}
|
| 3886 |
+
.row .col.offset-m11 {
|
| 3887 |
+
margin-left: 91.6666666667%;
|
| 3888 |
+
}
|
| 3889 |
+
.row .col.pull-m11 {
|
| 3890 |
+
right: 91.6666666667%;
|
| 3891 |
+
}
|
| 3892 |
+
.row .col.push-m11 {
|
| 3893 |
+
left: 91.6666666667%;
|
| 3894 |
+
}
|
| 3895 |
+
.row .col.offset-m12 {
|
| 3896 |
+
margin-left: 100%;
|
| 3897 |
+
}
|
| 3898 |
+
.row .col.pull-m12 {
|
| 3899 |
+
right: 100%;
|
| 3900 |
+
}
|
| 3901 |
+
.row .col.push-m12 {
|
| 3902 |
+
left: 100%;
|
| 3903 |
+
}
|
| 3904 |
+
}
|
| 3905 |
+
|
| 3906 |
+
@media only screen and (min-width: 993px) {
|
| 3907 |
+
.row .col.l1 {
|
| 3908 |
+
width: 8.3333333333%;
|
| 3909 |
+
margin-left: auto;
|
| 3910 |
+
left: auto;
|
| 3911 |
+
right: auto;
|
| 3912 |
+
}
|
| 3913 |
+
.row .col.l2 {
|
| 3914 |
+
width: 16.6666666667%;
|
| 3915 |
+
margin-left: auto;
|
| 3916 |
+
left: auto;
|
| 3917 |
+
right: auto;
|
| 3918 |
+
}
|
| 3919 |
+
.row .col.l3 {
|
| 3920 |
+
width: 25%;
|
| 3921 |
+
margin-left: auto;
|
| 3922 |
+
left: auto;
|
| 3923 |
+
right: auto;
|
| 3924 |
+
}
|
| 3925 |
+
.row .col.l4 {
|
| 3926 |
+
width: 33.3333333333%;
|
| 3927 |
+
margin-left: auto;
|
| 3928 |
+
left: auto;
|
| 3929 |
+
right: auto;
|
| 3930 |
+
}
|
| 3931 |
+
.row .col.l5 {
|
| 3932 |
+
width: 41.6666666667%;
|
| 3933 |
+
margin-left: auto;
|
| 3934 |
+
left: auto;
|
| 3935 |
+
right: auto;
|
| 3936 |
+
}
|
| 3937 |
+
.row .col.l6 {
|
| 3938 |
+
width: 50%;
|
| 3939 |
+
margin-left: auto;
|
| 3940 |
+
left: auto;
|
| 3941 |
+
right: auto;
|
| 3942 |
+
}
|
| 3943 |
+
.row .col.l7 {
|
| 3944 |
+
width: 58.3333333333%;
|
| 3945 |
+
margin-left: auto;
|
| 3946 |
+
left: auto;
|
| 3947 |
+
right: auto;
|
| 3948 |
+
}
|
| 3949 |
+
.row .col.l8 {
|
| 3950 |
+
width: 66.6666666667%;
|
| 3951 |
+
margin-left: auto;
|
| 3952 |
+
left: auto;
|
| 3953 |
+
right: auto;
|
| 3954 |
+
}
|
| 3955 |
+
.row .col.l9 {
|
| 3956 |
+
width: 75%;
|
| 3957 |
+
margin-left: auto;
|
| 3958 |
+
left: auto;
|
| 3959 |
+
right: auto;
|
| 3960 |
+
}
|
| 3961 |
+
.row .col.l10 {
|
| 3962 |
+
width: 83.3333333333%;
|
| 3963 |
+
margin-left: auto;
|
| 3964 |
+
left: auto;
|
| 3965 |
+
right: auto;
|
| 3966 |
+
}
|
| 3967 |
+
.row .col.l11 {
|
| 3968 |
+
width: 91.6666666667%;
|
| 3969 |
+
margin-left: auto;
|
| 3970 |
+
left: auto;
|
| 3971 |
+
right: auto;
|
| 3972 |
+
}
|
| 3973 |
+
.row .col.l12 {
|
| 3974 |
+
width: 100%;
|
| 3975 |
+
margin-left: auto;
|
| 3976 |
+
left: auto;
|
| 3977 |
+
right: auto;
|
| 3978 |
+
}
|
| 3979 |
+
.row .col.offset-l1 {
|
| 3980 |
+
margin-left: 8.3333333333%;
|
| 3981 |
+
}
|
| 3982 |
+
.row .col.pull-l1 {
|
| 3983 |
+
right: 8.3333333333%;
|
| 3984 |
+
}
|
| 3985 |
+
.row .col.push-l1 {
|
| 3986 |
+
left: 8.3333333333%;
|
| 3987 |
+
}
|
| 3988 |
+
.row .col.offset-l2 {
|
| 3989 |
+
margin-left: 16.6666666667%;
|
| 3990 |
+
}
|
| 3991 |
+
.row .col.pull-l2 {
|
| 3992 |
+
right: 16.6666666667%;
|
| 3993 |
+
}
|
| 3994 |
+
.row .col.push-l2 {
|
| 3995 |
+
left: 16.6666666667%;
|
| 3996 |
+
}
|
| 3997 |
+
.row .col.offset-l3 {
|
| 3998 |
+
margin-left: 25%;
|
| 3999 |
+
}
|
| 4000 |
+
.row .col.pull-l3 {
|
| 4001 |
+
right: 25%;
|
| 4002 |
+
}
|
| 4003 |
+
.row .col.push-l3 {
|
| 4004 |
+
left: 25%;
|
| 4005 |
+
}
|
| 4006 |
+
.row .col.offset-l4 {
|
| 4007 |
+
margin-left: 33.3333333333%;
|
| 4008 |
+
}
|
| 4009 |
+
.row .col.pull-l4 {
|
| 4010 |
+
right: 33.3333333333%;
|
| 4011 |
+
}
|
| 4012 |
+
.row .col.push-l4 {
|
| 4013 |
+
left: 33.3333333333%;
|
| 4014 |
+
}
|
| 4015 |
+
.row .col.offset-l5 {
|
| 4016 |
+
margin-left: 41.6666666667%;
|
| 4017 |
+
}
|
| 4018 |
+
.row .col.pull-l5 {
|
| 4019 |
+
right: 41.6666666667%;
|
| 4020 |
+
}
|
| 4021 |
+
.row .col.push-l5 {
|
| 4022 |
+
left: 41.6666666667%;
|
| 4023 |
+
}
|
| 4024 |
+
.row .col.offset-l6 {
|
| 4025 |
+
margin-left: 50%;
|
| 4026 |
+
}
|
| 4027 |
+
.row .col.pull-l6 {
|
| 4028 |
+
right: 50%;
|
| 4029 |
+
}
|
| 4030 |
+
.row .col.push-l6 {
|
| 4031 |
+
left: 50%;
|
| 4032 |
+
}
|
| 4033 |
+
.row .col.offset-l7 {
|
| 4034 |
+
margin-left: 58.3333333333%;
|
| 4035 |
+
}
|
| 4036 |
+
.row .col.pull-l7 {
|
| 4037 |
+
right: 58.3333333333%;
|
| 4038 |
+
}
|
| 4039 |
+
.row .col.push-l7 {
|
| 4040 |
+
left: 58.3333333333%;
|
| 4041 |
+
}
|
| 4042 |
+
.row .col.offset-l8 {
|
| 4043 |
+
margin-left: 66.6666666667%;
|
| 4044 |
+
}
|
| 4045 |
+
.row .col.pull-l8 {
|
| 4046 |
+
right: 66.6666666667%;
|
| 4047 |
+
}
|
| 4048 |
+
.row .col.push-l8 {
|
| 4049 |
+
left: 66.6666666667%;
|
| 4050 |
+
}
|
| 4051 |
+
.row .col.offset-l9 {
|
| 4052 |
+
margin-left: 75%;
|
| 4053 |
+
}
|
| 4054 |
+
.row .col.pull-l9 {
|
| 4055 |
+
right: 75%;
|
| 4056 |
+
}
|
| 4057 |
+
.row .col.push-l9 {
|
| 4058 |
+
left: 75%;
|
| 4059 |
+
}
|
| 4060 |
+
.row .col.offset-l10 {
|
| 4061 |
+
margin-left: 83.3333333333%;
|
| 4062 |
+
}
|
| 4063 |
+
.row .col.pull-l10 {
|
| 4064 |
+
right: 83.3333333333%;
|
| 4065 |
+
}
|
| 4066 |
+
.row .col.push-l10 {
|
| 4067 |
+
left: 83.3333333333%;
|
| 4068 |
+
}
|
| 4069 |
+
.row .col.offset-l11 {
|
| 4070 |
+
margin-left: 91.6666666667%;
|
| 4071 |
+
}
|
| 4072 |
+
.row .col.pull-l11 {
|
| 4073 |
+
right: 91.6666666667%;
|
| 4074 |
+
}
|
| 4075 |
+
.row .col.push-l11 {
|
| 4076 |
+
left: 91.6666666667%;
|
| 4077 |
+
}
|
| 4078 |
+
.row .col.offset-l12 {
|
| 4079 |
+
margin-left: 100%;
|
| 4080 |
+
}
|
| 4081 |
+
.row .col.pull-l12 {
|
| 4082 |
+
right: 100%;
|
| 4083 |
+
}
|
| 4084 |
+
.row .col.push-l12 {
|
| 4085 |
+
left: 100%;
|
| 4086 |
+
}
|
| 4087 |
+
}
|
| 4088 |
+
|
| 4089 |
+
@media only screen and (min-width: 1201px) {
|
| 4090 |
+
.row .col.xl1 {
|
| 4091 |
+
width: 8.3333333333%;
|
| 4092 |
+
margin-left: auto;
|
| 4093 |
+
left: auto;
|
| 4094 |
+
right: auto;
|
| 4095 |
+
}
|
| 4096 |
+
.row .col.xl2 {
|
| 4097 |
+
width: 16.6666666667%;
|
| 4098 |
+
margin-left: auto;
|
| 4099 |
+
left: auto;
|
| 4100 |
+
right: auto;
|
| 4101 |
+
}
|
| 4102 |
+
.row .col.xl3 {
|
| 4103 |
+
width: 25%;
|
| 4104 |
+
margin-left: auto;
|
| 4105 |
+
left: auto;
|
| 4106 |
+
right: auto;
|
| 4107 |
+
}
|
| 4108 |
+
.row .col.xl4 {
|
| 4109 |
+
width: 33.3333333333%;
|
| 4110 |
+
margin-left: auto;
|
| 4111 |
+
left: auto;
|
| 4112 |
+
right: auto;
|
| 4113 |
+
}
|
| 4114 |
+
.row .col.xl5 {
|
| 4115 |
+
width: 41.6666666667%;
|
| 4116 |
+
margin-left: auto;
|
| 4117 |
+
left: auto;
|
| 4118 |
+
right: auto;
|
| 4119 |
+
}
|
| 4120 |
+
.row .col.xl6 {
|
| 4121 |
+
width: 50%;
|
| 4122 |
+
margin-left: auto;
|
| 4123 |
+
left: auto;
|
| 4124 |
+
right: auto;
|
| 4125 |
+
}
|
| 4126 |
+
.row .col.xl7 {
|
| 4127 |
+
width: 58.3333333333%;
|
| 4128 |
+
margin-left: auto;
|
| 4129 |
+
left: auto;
|
| 4130 |
+
right: auto;
|
| 4131 |
+
}
|
| 4132 |
+
.row .col.xl8 {
|
| 4133 |
+
width: 66.6666666667%;
|
| 4134 |
+
margin-left: auto;
|
| 4135 |
+
left: auto;
|
| 4136 |
+
right: auto;
|
| 4137 |
+
}
|
| 4138 |
+
.row .col.xl9 {
|
| 4139 |
+
width: 75%;
|
| 4140 |
+
margin-left: auto;
|
| 4141 |
+
left: auto;
|
| 4142 |
+
right: auto;
|
| 4143 |
+
}
|
| 4144 |
+
.row .col.xl10 {
|
| 4145 |
+
width: 83.3333333333%;
|
| 4146 |
+
margin-left: auto;
|
| 4147 |
+
left: auto;
|
| 4148 |
+
right: auto;
|
| 4149 |
+
}
|
| 4150 |
+
.row .col.xl11 {
|
| 4151 |
+
width: 91.6666666667%;
|
| 4152 |
+
margin-left: auto;
|
| 4153 |
+
left: auto;
|
| 4154 |
+
right: auto;
|
| 4155 |
+
}
|
| 4156 |
+
.row .col.xl12 {
|
| 4157 |
+
width: 100%;
|
| 4158 |
+
margin-left: auto;
|
| 4159 |
+
left: auto;
|
| 4160 |
+
right: auto;
|
| 4161 |
+
}
|
| 4162 |
+
.row .col.offset-xl1 {
|
| 4163 |
+
margin-left: 8.3333333333%;
|
| 4164 |
+
}
|
| 4165 |
+
.row .col.pull-xl1 {
|
| 4166 |
+
right: 8.3333333333%;
|
| 4167 |
+
}
|
| 4168 |
+
.row .col.push-xl1 {
|
| 4169 |
+
left: 8.3333333333%;
|
| 4170 |
+
}
|
| 4171 |
+
.row .col.offset-xl2 {
|
| 4172 |
+
margin-left: 16.6666666667%;
|
| 4173 |
+
}
|
| 4174 |
+
.row .col.pull-xl2 {
|
| 4175 |
+
right: 16.6666666667%;
|
| 4176 |
+
}
|
| 4177 |
+
.row .col.push-xl2 {
|
| 4178 |
+
left: 16.6666666667%;
|
| 4179 |
+
}
|
| 4180 |
+
.row .col.offset-xl3 {
|
| 4181 |
+
margin-left: 25%;
|
| 4182 |
+
}
|
| 4183 |
+
.row .col.pull-xl3 {
|
| 4184 |
+
right: 25%;
|
| 4185 |
+
}
|
| 4186 |
+
.row .col.push-xl3 {
|
| 4187 |
+
left: 25%;
|
| 4188 |
+
}
|
| 4189 |
+
.row .col.offset-xl4 {
|
| 4190 |
+
margin-left: 33.3333333333%;
|
| 4191 |
+
}
|
| 4192 |
+
.row .col.pull-xl4 {
|
| 4193 |
+
right: 33.3333333333%;
|
| 4194 |
+
}
|
| 4195 |
+
.row .col.push-xl4 {
|
| 4196 |
+
left: 33.3333333333%;
|
| 4197 |
+
}
|
| 4198 |
+
.row .col.offset-xl5 {
|
| 4199 |
+
margin-left: 41.6666666667%;
|
| 4200 |
+
}
|
| 4201 |
+
.row .col.pull-xl5 {
|
| 4202 |
+
right: 41.6666666667%;
|
| 4203 |
+
}
|
| 4204 |
+
.row .col.push-xl5 {
|
| 4205 |
+
left: 41.6666666667%;
|
| 4206 |
+
}
|
| 4207 |
+
.row .col.offset-xl6 {
|
| 4208 |
+
margin-left: 50%;
|
| 4209 |
+
}
|
| 4210 |
+
.row .col.pull-xl6 {
|
| 4211 |
+
right: 50%;
|
| 4212 |
+
}
|
| 4213 |
+
.row .col.push-xl6 {
|
| 4214 |
+
left: 50%;
|
| 4215 |
+
}
|
| 4216 |
+
.row .col.offset-xl7 {
|
| 4217 |
+
margin-left: 58.3333333333%;
|
| 4218 |
+
}
|
| 4219 |
+
.row .col.pull-xl7 {
|
| 4220 |
+
right: 58.3333333333%;
|
| 4221 |
+
}
|
| 4222 |
+
.row .col.push-xl7 {
|
| 4223 |
+
left: 58.3333333333%;
|
| 4224 |
+
}
|
| 4225 |
+
.row .col.offset-xl8 {
|
| 4226 |
+
margin-left: 66.6666666667%;
|
| 4227 |
+
}
|
| 4228 |
+
.row .col.pull-xl8 {
|
| 4229 |
+
right: 66.6666666667%;
|
| 4230 |
+
}
|
| 4231 |
+
.row .col.push-xl8 {
|
| 4232 |
+
left: 66.6666666667%;
|
| 4233 |
+
}
|
| 4234 |
+
.row .col.offset-xl9 {
|
| 4235 |
+
margin-left: 75%;
|
| 4236 |
+
}
|
| 4237 |
+
.row .col.pull-xl9 {
|
| 4238 |
+
right: 75%;
|
| 4239 |
+
}
|
| 4240 |
+
.row .col.push-xl9 {
|
| 4241 |
+
left: 75%;
|
| 4242 |
+
}
|
| 4243 |
+
.row .col.offset-xl10 {
|
| 4244 |
+
margin-left: 83.3333333333%;
|
| 4245 |
+
}
|
| 4246 |
+
.row .col.pull-xl10 {
|
| 4247 |
+
right: 83.3333333333%;
|
| 4248 |
+
}
|
| 4249 |
+
.row .col.push-xl10 {
|
| 4250 |
+
left: 83.3333333333%;
|
| 4251 |
+
}
|
| 4252 |
+
.row .col.offset-xl11 {
|
| 4253 |
+
margin-left: 91.6666666667%;
|
| 4254 |
+
}
|
| 4255 |
+
.row .col.pull-xl11 {
|
| 4256 |
+
right: 91.6666666667%;
|
| 4257 |
+
}
|
| 4258 |
+
.row .col.push-xl11 {
|
| 4259 |
+
left: 91.6666666667%;
|
| 4260 |
+
}
|
| 4261 |
+
.row .col.offset-xl12 {
|
| 4262 |
+
margin-left: 100%;
|
| 4263 |
+
}
|
| 4264 |
+
.row .col.pull-xl12 {
|
| 4265 |
+
right: 100%;
|
| 4266 |
+
}
|
| 4267 |
+
.row .col.push-xl12 {
|
| 4268 |
+
left: 100%;
|
| 4269 |
+
}
|
| 4270 |
+
}
|
| 4271 |
+
|
| 4272 |
+
nav {
|
| 4273 |
+
color: #fff;
|
| 4274 |
+
background-color: #ee6e73;
|
| 4275 |
+
width: 100%;
|
| 4276 |
+
height: 56px;
|
| 4277 |
+
line-height: 56px;
|
| 4278 |
+
}
|
| 4279 |
+
|
| 4280 |
+
nav.nav-extended {
|
| 4281 |
+
height: auto;
|
| 4282 |
+
}
|
| 4283 |
+
|
| 4284 |
+
nav.nav-extended .nav-wrapper {
|
| 4285 |
+
min-height: 56px;
|
| 4286 |
+
height: auto;
|
| 4287 |
+
}
|
| 4288 |
+
|
| 4289 |
+
nav.nav-extended .nav-content {
|
| 4290 |
+
position: relative;
|
| 4291 |
+
line-height: normal;
|
| 4292 |
+
}
|
| 4293 |
+
|
| 4294 |
+
nav a {
|
| 4295 |
+
color: #fff;
|
| 4296 |
+
}
|
| 4297 |
+
|
| 4298 |
+
nav i,
|
| 4299 |
+
nav [class^="mdi-"], nav [class*="mdi-"],
|
| 4300 |
+
nav i.material-icons {
|
| 4301 |
+
display: block;
|
| 4302 |
+
font-size: 24px;
|
| 4303 |
+
height: 56px;
|
| 4304 |
+
line-height: 56px;
|
| 4305 |
+
}
|
| 4306 |
+
|
| 4307 |
+
nav .nav-wrapper {
|
| 4308 |
+
position: relative;
|
| 4309 |
+
height: 100%;
|
| 4310 |
+
}
|
| 4311 |
+
|
| 4312 |
+
@media only screen and (min-width: 993px) {
|
| 4313 |
+
nav a.sidenav-trigger {
|
| 4314 |
+
display: none;
|
| 4315 |
+
}
|
| 4316 |
+
}
|
| 4317 |
+
|
| 4318 |
+
nav .sidenav-trigger {
|
| 4319 |
+
float: left;
|
| 4320 |
+
position: relative;
|
| 4321 |
+
z-index: 1;
|
| 4322 |
+
height: 56px;
|
| 4323 |
+
margin: 0 18px;
|
| 4324 |
+
}
|
| 4325 |
+
|
| 4326 |
+
nav .sidenav-trigger i {
|
| 4327 |
+
height: 56px;
|
| 4328 |
+
line-height: 56px;
|
| 4329 |
+
}
|
| 4330 |
+
|
| 4331 |
+
nav .brand-logo {
|
| 4332 |
+
position: absolute;
|
| 4333 |
+
color: #fff;
|
| 4334 |
+
display: inline-block;
|
| 4335 |
+
font-size: 2.1rem;
|
| 4336 |
+
padding: 0;
|
| 4337 |
+
}
|
| 4338 |
+
|
| 4339 |
+
nav .brand-logo.center {
|
| 4340 |
+
left: 50%;
|
| 4341 |
+
-webkit-transform: translateX(-50%);
|
| 4342 |
+
transform: translateX(-50%);
|
| 4343 |
+
}
|
| 4344 |
+
|
| 4345 |
+
@media only screen and (max-width: 992px) {
|
| 4346 |
+
nav .brand-logo {
|
| 4347 |
+
left: 50%;
|
| 4348 |
+
-webkit-transform: translateX(-50%);
|
| 4349 |
+
transform: translateX(-50%);
|
| 4350 |
+
}
|
| 4351 |
+
nav .brand-logo.left, nav .brand-logo.right {
|
| 4352 |
+
padding: 0;
|
| 4353 |
+
-webkit-transform: none;
|
| 4354 |
+
transform: none;
|
| 4355 |
+
}
|
| 4356 |
+
nav .brand-logo.left {
|
| 4357 |
+
left: 0.5rem;
|
| 4358 |
+
}
|
| 4359 |
+
nav .brand-logo.right {
|
| 4360 |
+
right: 0.5rem;
|
| 4361 |
+
left: auto;
|
| 4362 |
+
}
|
| 4363 |
+
}
|
| 4364 |
+
|
| 4365 |
+
nav .brand-logo.right {
|
| 4366 |
+
right: 0.5rem;
|
| 4367 |
+
padding: 0;
|
| 4368 |
+
}
|
| 4369 |
+
|
| 4370 |
+
nav .brand-logo i,
|
| 4371 |
+
nav .brand-logo [class^="mdi-"], nav .brand-logo [class*="mdi-"],
|
| 4372 |
+
nav .brand-logo i.material-icons {
|
| 4373 |
+
float: left;
|
| 4374 |
+
margin-right: 15px;
|
| 4375 |
+
}
|
| 4376 |
+
|
| 4377 |
+
nav .nav-title {
|
| 4378 |
+
display: inline-block;
|
| 4379 |
+
font-size: 32px;
|
| 4380 |
+
padding: 28px 0;
|
| 4381 |
+
}
|
| 4382 |
+
|
| 4383 |
+
nav ul {
|
| 4384 |
+
margin: 0;
|
| 4385 |
+
}
|
| 4386 |
+
|
| 4387 |
+
nav ul li {
|
| 4388 |
+
-webkit-transition: background-color .3s;
|
| 4389 |
+
transition: background-color .3s;
|
| 4390 |
+
float: left;
|
| 4391 |
+
padding: 0;
|
| 4392 |
+
}
|
| 4393 |
+
|
| 4394 |
+
nav ul li.active {
|
| 4395 |
+
background-color: rgba(0, 0, 0, 0.1);
|
| 4396 |
+
}
|
| 4397 |
+
|
| 4398 |
+
nav ul a {
|
| 4399 |
+
-webkit-transition: background-color .3s;
|
| 4400 |
+
transition: background-color .3s;
|
| 4401 |
+
font-size: 1rem;
|
| 4402 |
+
color: #fff;
|
| 4403 |
+
display: block;
|
| 4404 |
+
padding: 0 15px;
|
| 4405 |
+
cursor: pointer;
|
| 4406 |
+
}
|
| 4407 |
+
|
| 4408 |
+
nav ul a.btn, nav ul a.btn-large, nav ul a.btn-small, nav ul a.btn-large, nav ul a.btn-flat, nav ul a.btn-floating {
|
| 4409 |
+
margin-top: -2px;
|
| 4410 |
+
margin-left: 15px;
|
| 4411 |
+
margin-right: 15px;
|
| 4412 |
+
}
|
| 4413 |
+
|
| 4414 |
+
nav ul a.btn > .material-icons, nav ul a.btn-large > .material-icons, nav ul a.btn-small > .material-icons, nav ul a.btn-large > .material-icons, nav ul a.btn-flat > .material-icons, nav ul a.btn-floating > .material-icons {
|
| 4415 |
+
height: inherit;
|
| 4416 |
+
line-height: inherit;
|
| 4417 |
+
}
|
| 4418 |
+
|
| 4419 |
+
nav ul a:hover {
|
| 4420 |
+
background-color: rgba(0, 0, 0, 0.1);
|
| 4421 |
+
}
|
| 4422 |
+
|
| 4423 |
+
nav ul.left {
|
| 4424 |
+
float: left;
|
| 4425 |
+
}
|
| 4426 |
+
|
| 4427 |
+
nav form {
|
| 4428 |
+
height: 100%;
|
| 4429 |
+
}
|
| 4430 |
+
|
| 4431 |
+
nav .input-field {
|
| 4432 |
+
margin: 0;
|
| 4433 |
+
height: 100%;
|
| 4434 |
+
}
|
| 4435 |
+
|
| 4436 |
+
nav .input-field input {
|
| 4437 |
+
height: 100%;
|
| 4438 |
+
font-size: 1.2rem;
|
| 4439 |
+
border: none;
|
| 4440 |
+
padding-left: 2rem;
|
| 4441 |
+
}
|
| 4442 |
+
|
| 4443 |
+
nav .input-field input:focus, nav .input-field input[type=text]:valid, nav .input-field input[type=password]:valid, nav .input-field input[type=email]:valid, nav .input-field input[type=url]:valid, nav .input-field input[type=date]:valid {
|
| 4444 |
+
border: none;
|
| 4445 |
+
-webkit-box-shadow: none;
|
| 4446 |
+
box-shadow: none;
|
| 4447 |
+
}
|
| 4448 |
+
|
| 4449 |
+
nav .input-field label {
|
| 4450 |
+
top: 0;
|
| 4451 |
+
left: 0;
|
| 4452 |
+
}
|
| 4453 |
+
|
| 4454 |
+
nav .input-field label i {
|
| 4455 |
+
color: rgba(255, 255, 255, 0.7);
|
| 4456 |
+
-webkit-transition: color .3s;
|
| 4457 |
+
transition: color .3s;
|
| 4458 |
+
}
|
| 4459 |
+
|
| 4460 |
+
nav .input-field label.active i {
|
| 4461 |
+
color: #fff;
|
| 4462 |
+
}
|
| 4463 |
+
|
| 4464 |
+
.navbar-fixed {
|
| 4465 |
+
position: relative;
|
| 4466 |
+
height: 56px;
|
| 4467 |
+
z-index: 997;
|
| 4468 |
+
}
|
| 4469 |
+
|
| 4470 |
+
.navbar-fixed nav {
|
| 4471 |
+
position: fixed;
|
| 4472 |
+
}
|
| 4473 |
+
|
| 4474 |
+
@media only screen and (min-width: 601px) {
|
| 4475 |
+
nav.nav-extended .nav-wrapper {
|
| 4476 |
+
min-height: 64px;
|
| 4477 |
+
}
|
| 4478 |
+
nav, nav .nav-wrapper i, nav a.sidenav-trigger, nav a.sidenav-trigger i {
|
| 4479 |
+
height: 64px;
|
| 4480 |
+
line-height: 64px;
|
| 4481 |
+
}
|
| 4482 |
+
.navbar-fixed {
|
| 4483 |
+
height: 64px;
|
| 4484 |
+
}
|
| 4485 |
+
}
|
| 4486 |
+
|
| 4487 |
+
a {
|
| 4488 |
+
text-decoration: none;
|
| 4489 |
+
}
|
| 4490 |
+
|
| 4491 |
+
html {
|
| 4492 |
+
line-height: 1.5;
|
| 4493 |
+
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
|
| 4494 |
+
font-weight: normal;
|
| 4495 |
+
color: rgba(0, 0, 0, 0.87);
|
| 4496 |
+
}
|
| 4497 |
+
|
| 4498 |
+
@media only screen and (min-width: 0) {
|
| 4499 |
+
html {
|
| 4500 |
+
font-size: 14px;
|
| 4501 |
+
}
|
| 4502 |
+
}
|
| 4503 |
+
|
| 4504 |
+
@media only screen and (min-width: 992px) {
|
| 4505 |
+
html {
|
| 4506 |
+
font-size: 14.5px;
|
| 4507 |
+
}
|
| 4508 |
+
}
|
| 4509 |
+
|
| 4510 |
+
@media only screen and (min-width: 1200px) {
|
| 4511 |
+
html {
|
| 4512 |
+
font-size: 15px;
|
| 4513 |
+
}
|
| 4514 |
+
}
|
| 4515 |
+
|
| 4516 |
+
h1, h2, h3, h4, h5, h6 {
|
| 4517 |
+
font-weight: 400;
|
| 4518 |
+
line-height: 1.3;
|
| 4519 |
+
}
|
| 4520 |
+
|
| 4521 |
+
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
|
| 4522 |
+
font-weight: inherit;
|
| 4523 |
+
}
|
| 4524 |
+
|
| 4525 |
+
h1 {
|
| 4526 |
+
font-size: 4.2rem;
|
| 4527 |
+
line-height: 110%;
|
| 4528 |
+
margin: 2.8rem 0 1.68rem 0;
|
| 4529 |
+
}
|
| 4530 |
+
|
| 4531 |
+
h2 {
|
| 4532 |
+
font-size: 3.56rem;
|
| 4533 |
+
line-height: 110%;
|
| 4534 |
+
margin: 2.3733333333rem 0 1.424rem 0;
|
| 4535 |
+
}
|
| 4536 |
+
|
| 4537 |
+
h3 {
|
| 4538 |
+
font-size: 2.92rem;
|
| 4539 |
+
line-height: 110%;
|
| 4540 |
+
margin: 1.9466666667rem 0 1.168rem 0;
|
| 4541 |
+
}
|
| 4542 |
+
|
| 4543 |
+
h4 {
|
| 4544 |
+
font-size: 2.28rem;
|
| 4545 |
+
line-height: 110%;
|
| 4546 |
+
margin: 1.52rem 0 0.912rem 0;
|
| 4547 |
+
}
|
| 4548 |
+
|
| 4549 |
+
h5 {
|
| 4550 |
+
font-size: 1.64rem;
|
| 4551 |
+
line-height: 110%;
|
| 4552 |
+
margin: 1.0933333333rem 0 0.656rem 0;
|
| 4553 |
+
}
|
| 4554 |
+
|
| 4555 |
+
h6 {
|
| 4556 |
+
font-size: 1.15rem;
|
| 4557 |
+
line-height: 110%;
|
| 4558 |
+
margin: 0.7666666667rem 0 0.46rem 0;
|
| 4559 |
+
}
|
| 4560 |
+
|
| 4561 |
+
em {
|
| 4562 |
+
font-style: italic;
|
| 4563 |
+
}
|
| 4564 |
+
|
| 4565 |
+
strong {
|
| 4566 |
+
font-weight: 500;
|
| 4567 |
+
}
|
| 4568 |
+
|
| 4569 |
+
small {
|
| 4570 |
+
font-size: 75%;
|
| 4571 |
+
}
|
| 4572 |
+
|
| 4573 |
+
.light {
|
| 4574 |
+
font-weight: 300;
|
| 4575 |
+
}
|
| 4576 |
+
|
| 4577 |
+
.thin {
|
| 4578 |
+
font-weight: 200;
|
| 4579 |
+
}
|
| 4580 |
+
|
| 4581 |
+
@media only screen and (min-width: 360px) {
|
| 4582 |
+
.flow-text {
|
| 4583 |
+
font-size: 1.2rem;
|
| 4584 |
+
}
|
| 4585 |
+
}
|
| 4586 |
+
|
| 4587 |
+
@media only screen and (min-width: 390px) {
|
| 4588 |
+
.flow-text {
|
| 4589 |
+
font-size: 1.224rem;
|
| 4590 |
+
}
|
| 4591 |
+
}
|
| 4592 |
+
|
| 4593 |
+
@media only screen and (min-width: 420px) {
|
| 4594 |
+
.flow-text {
|
| 4595 |
+
font-size: 1.248rem;
|
| 4596 |
+
}
|
| 4597 |
+
}
|
| 4598 |
+
|
| 4599 |
+
@media only screen and (min-width: 450px) {
|
| 4600 |
+
.flow-text {
|
| 4601 |
+
font-size: 1.272rem;
|
| 4602 |
+
}
|
| 4603 |
+
}
|
| 4604 |
+
|
| 4605 |
+
@media only screen and (min-width: 480px) {
|
| 4606 |
+
.flow-text {
|
| 4607 |
+
font-size: 1.296rem;
|
| 4608 |
+
}
|
| 4609 |
+
}
|
| 4610 |
+
|
| 4611 |
+
@media only screen and (min-width: 510px) {
|
| 4612 |
+
.flow-text {
|
| 4613 |
+
font-size: 1.32rem;
|
| 4614 |
+
}
|
| 4615 |
+
}
|
| 4616 |
+
|
| 4617 |
+
@media only screen and (min-width: 540px) {
|
| 4618 |
+
.flow-text {
|
| 4619 |
+
font-size: 1.344rem;
|
| 4620 |
+
}
|
| 4621 |
+
}
|
| 4622 |
+
|
| 4623 |
+
@media only screen and (min-width: 570px) {
|
| 4624 |
+
.flow-text {
|
| 4625 |
+
font-size: 1.368rem;
|
| 4626 |
+
}
|
| 4627 |
+
}
|
| 4628 |
+
|
| 4629 |
+
@media only screen and (min-width: 600px) {
|
| 4630 |
+
.flow-text {
|
| 4631 |
+
font-size: 1.392rem;
|
| 4632 |
+
}
|
| 4633 |
+
}
|
| 4634 |
+
|
| 4635 |
+
@media only screen and (min-width: 630px) {
|
| 4636 |
+
.flow-text {
|
| 4637 |
+
font-size: 1.416rem;
|
| 4638 |
+
}
|
| 4639 |
+
}
|
| 4640 |
+
|
| 4641 |
+
@media only screen and (min-width: 660px) {
|
| 4642 |
+
.flow-text {
|
| 4643 |
+
font-size: 1.44rem;
|
| 4644 |
+
}
|
| 4645 |
+
}
|
| 4646 |
+
|
| 4647 |
+
@media only screen and (min-width: 690px) {
|
| 4648 |
+
.flow-text {
|
| 4649 |
+
font-size: 1.464rem;
|
| 4650 |
+
}
|
| 4651 |
+
}
|
| 4652 |
+
|
| 4653 |
+
@media only screen and (min-width: 720px) {
|
| 4654 |
+
.flow-text {
|
| 4655 |
+
font-size: 1.488rem;
|
| 4656 |
+
}
|
| 4657 |
+
}
|
| 4658 |
+
|
| 4659 |
+
@media only screen and (min-width: 750px) {
|
| 4660 |
+
.flow-text {
|
| 4661 |
+
font-size: 1.512rem;
|
| 4662 |
+
}
|
| 4663 |
+
}
|
| 4664 |
+
|
| 4665 |
+
@media only screen and (min-width: 780px) {
|
| 4666 |
+
.flow-text {
|
| 4667 |
+
font-size: 1.536rem;
|
| 4668 |
+
}
|
| 4669 |
+
}
|
| 4670 |
+
|
| 4671 |
+
@media only screen and (min-width: 810px) {
|
| 4672 |
+
.flow-text {
|
| 4673 |
+
font-size: 1.56rem;
|
| 4674 |
+
}
|
| 4675 |
+
}
|
| 4676 |
+
|
| 4677 |
+
@media only screen and (min-width: 840px) {
|
| 4678 |
+
.flow-text {
|
| 4679 |
+
font-size: 1.584rem;
|
| 4680 |
+
}
|
| 4681 |
+
}
|
| 4682 |
+
|
| 4683 |
+
@media only screen and (min-width: 870px) {
|
| 4684 |
+
.flow-text {
|
| 4685 |
+
font-size: 1.608rem;
|
| 4686 |
+
}
|
| 4687 |
+
}
|
| 4688 |
+
|
| 4689 |
+
@media only screen and (min-width: 900px) {
|
| 4690 |
+
.flow-text {
|
| 4691 |
+
font-size: 1.632rem;
|
| 4692 |
+
}
|
| 4693 |
+
}
|
| 4694 |
+
|
| 4695 |
+
@media only screen and (min-width: 930px) {
|
| 4696 |
+
.flow-text {
|
| 4697 |
+
font-size: 1.656rem;
|
| 4698 |
+
}
|
| 4699 |
+
}
|
| 4700 |
+
|
| 4701 |
+
@media only screen and (min-width: 960px) {
|
| 4702 |
+
.flow-text {
|
| 4703 |
+
font-size: 1.68rem;
|
| 4704 |
+
}
|
| 4705 |
+
}
|
| 4706 |
+
|
| 4707 |
+
@media only screen and (max-width: 360px) {
|
| 4708 |
+
.flow-text {
|
| 4709 |
+
font-size: 1.2rem;
|
| 4710 |
+
}
|
| 4711 |
+
}
|
| 4712 |
+
|
| 4713 |
+
.scale-transition {
|
| 4714 |
+
-webkit-transition: -webkit-transform 0.3s cubic-bezier(0.53, 0.01, 0.36, 1.63) !important;
|
| 4715 |
+
transition: -webkit-transform 0.3s cubic-bezier(0.53, 0.01, 0.36, 1.63) !important;
|
| 4716 |
+
transition: transform 0.3s cubic-bezier(0.53, 0.01, 0.36, 1.63) !important;
|
| 4717 |
+
transition: transform 0.3s cubic-bezier(0.53, 0.01, 0.36, 1.63), -webkit-transform 0.3s cubic-bezier(0.53, 0.01, 0.36, 1.63) !important;
|
| 4718 |
+
}
|
| 4719 |
+
|
| 4720 |
+
.scale-transition.scale-out {
|
| 4721 |
+
-webkit-transform: scale(0);
|
| 4722 |
+
transform: scale(0);
|
| 4723 |
+
-webkit-transition: -webkit-transform .2s !important;
|
| 4724 |
+
transition: -webkit-transform .2s !important;
|
| 4725 |
+
transition: transform .2s !important;
|
| 4726 |
+
transition: transform .2s, -webkit-transform .2s !important;
|
| 4727 |
+
}
|
| 4728 |
+
|
| 4729 |
+
.scale-transition.scale-in {
|
| 4730 |
+
-webkit-transform: scale(1);
|
| 4731 |
+
transform: scale(1);
|
| 4732 |
+
}
|
| 4733 |
+
|
| 4734 |
+
.card-panel {
|
| 4735 |
+
-webkit-transition: -webkit-box-shadow .25s;
|
| 4736 |
+
transition: -webkit-box-shadow .25s;
|
| 4737 |
+
transition: box-shadow .25s;
|
| 4738 |
+
transition: box-shadow .25s, -webkit-box-shadow .25s;
|
| 4739 |
+
padding: 24px;
|
| 4740 |
+
margin: 0.5rem 0 1rem 0;
|
| 4741 |
+
border-radius: 2px;
|
| 4742 |
+
background-color: #fff;
|
| 4743 |
+
}
|
| 4744 |
+
|
| 4745 |
+
.card {
|
| 4746 |
+
position: relative;
|
| 4747 |
+
margin: 0.5rem 0 1rem 0;
|
| 4748 |
+
background-color: #fff;
|
| 4749 |
+
-webkit-transition: -webkit-box-shadow .25s;
|
| 4750 |
+
transition: -webkit-box-shadow .25s;
|
| 4751 |
+
transition: box-shadow .25s;
|
| 4752 |
+
transition: box-shadow .25s, -webkit-box-shadow .25s;
|
| 4753 |
+
border-radius: 2px;
|
| 4754 |
+
}
|
| 4755 |
+
|
| 4756 |
+
.card .card-title {
|
| 4757 |
+
font-size: 24px;
|
| 4758 |
+
font-weight: 300;
|
| 4759 |
+
}
|
| 4760 |
+
|
| 4761 |
+
.card .card-title.activator {
|
| 4762 |
+
cursor: pointer;
|
| 4763 |
+
}
|
| 4764 |
+
|
| 4765 |
+
.card.small, .card.medium, .card.large {
|
| 4766 |
+
position: relative;
|
| 4767 |
+
}
|
| 4768 |
+
|
| 4769 |
+
.card.small .card-image, .card.medium .card-image, .card.large .card-image {
|
| 4770 |
+
max-height: 60%;
|
| 4771 |
+
overflow: hidden;
|
| 4772 |
+
}
|
| 4773 |
+
|
| 4774 |
+
.card.small .card-image + .card-content, .card.medium .card-image + .card-content, .card.large .card-image + .card-content {
|
| 4775 |
+
max-height: 40%;
|
| 4776 |
+
}
|
| 4777 |
+
|
| 4778 |
+
.card.small .card-content, .card.medium .card-content, .card.large .card-content {
|
| 4779 |
+
max-height: 100%;
|
| 4780 |
+
overflow: hidden;
|
| 4781 |
+
}
|
| 4782 |
+
|
| 4783 |
+
.card.small .card-action, .card.medium .card-action, .card.large .card-action {
|
| 4784 |
+
position: absolute;
|
| 4785 |
+
bottom: 0;
|
| 4786 |
+
left: 0;
|
| 4787 |
+
right: 0;
|
| 4788 |
+
}
|
| 4789 |
+
|
| 4790 |
+
.card.small {
|
| 4791 |
+
height: 300px;
|
| 4792 |
+
}
|
| 4793 |
+
|
| 4794 |
+
.card.medium {
|
| 4795 |
+
height: 400px;
|
| 4796 |
+
}
|
| 4797 |
+
|
| 4798 |
+
.card.large {
|
| 4799 |
+
height: 500px;
|
| 4800 |
+
}
|
| 4801 |
+
|
| 4802 |
+
.card.horizontal {
|
| 4803 |
+
display: -webkit-box;
|
| 4804 |
+
display: -webkit-flex;
|
| 4805 |
+
display: -ms-flexbox;
|
| 4806 |
+
display: flex;
|
| 4807 |
+
}
|
| 4808 |
+
|
| 4809 |
+
.card.horizontal.small .card-image, .card.horizontal.medium .card-image, .card.horizontal.large .card-image {
|
| 4810 |
+
height: 100%;
|
| 4811 |
+
max-height: none;
|
| 4812 |
+
overflow: visible;
|
| 4813 |
+
}
|
| 4814 |
+
|
| 4815 |
+
.card.horizontal.small .card-image img, .card.horizontal.medium .card-image img, .card.horizontal.large .card-image img {
|
| 4816 |
+
height: 100%;
|
| 4817 |
+
}
|
| 4818 |
+
|
| 4819 |
+
.card.horizontal .card-image {
|
| 4820 |
+
max-width: 50%;
|
| 4821 |
+
}
|
| 4822 |
+
|
| 4823 |
+
.card.horizontal .card-image img {
|
| 4824 |
+
border-radius: 2px 0 0 2px;
|
| 4825 |
+
max-width: 100%;
|
| 4826 |
+
width: auto;
|
| 4827 |
+
}
|
| 4828 |
+
|
| 4829 |
+
.card.horizontal .card-stacked {
|
| 4830 |
+
display: -webkit-box;
|
| 4831 |
+
display: -webkit-flex;
|
| 4832 |
+
display: -ms-flexbox;
|
| 4833 |
+
display: flex;
|
| 4834 |
+
-webkit-box-orient: vertical;
|
| 4835 |
+
-webkit-box-direction: normal;
|
| 4836 |
+
-webkit-flex-direction: column;
|
| 4837 |
+
-ms-flex-direction: column;
|
| 4838 |
+
flex-direction: column;
|
| 4839 |
+
-webkit-box-flex: 1;
|
| 4840 |
+
-webkit-flex: 1;
|
| 4841 |
+
-ms-flex: 1;
|
| 4842 |
+
flex: 1;
|
| 4843 |
+
position: relative;
|
| 4844 |
+
}
|
| 4845 |
+
|
| 4846 |
+
.card.horizontal .card-stacked .card-content {
|
| 4847 |
+
-webkit-box-flex: 1;
|
| 4848 |
+
-webkit-flex-grow: 1;
|
| 4849 |
+
-ms-flex-positive: 1;
|
| 4850 |
+
flex-grow: 1;
|
| 4851 |
+
}
|
| 4852 |
+
|
| 4853 |
+
.card.sticky-action .card-action {
|
| 4854 |
+
z-index: 2;
|
| 4855 |
+
}
|
| 4856 |
+
|
| 4857 |
+
.card.sticky-action .card-reveal {
|
| 4858 |
+
z-index: 1;
|
| 4859 |
+
padding-bottom: 64px;
|
| 4860 |
+
}
|
| 4861 |
+
|
| 4862 |
+
.card .card-image {
|
| 4863 |
+
position: relative;
|
| 4864 |
+
}
|
| 4865 |
+
|
| 4866 |
+
.card .card-image img {
|
| 4867 |
+
display: block;
|
| 4868 |
+
border-radius: 2px 2px 0 0;
|
| 4869 |
+
position: relative;
|
| 4870 |
+
left: 0;
|
| 4871 |
+
right: 0;
|
| 4872 |
+
top: 0;
|
| 4873 |
+
bottom: 0;
|
| 4874 |
+
width: 100%;
|
| 4875 |
+
}
|
| 4876 |
+
|
| 4877 |
+
.card .card-image .card-title {
|
| 4878 |
+
color: #fff;
|
| 4879 |
+
position: absolute;
|
| 4880 |
+
bottom: 0;
|
| 4881 |
+
left: 0;
|
| 4882 |
+
max-width: 100%;
|
| 4883 |
+
padding: 24px;
|
| 4884 |
+
}
|
| 4885 |
+
|
| 4886 |
+
.card .card-content {
|
| 4887 |
+
padding: 24px;
|
| 4888 |
+
border-radius: 0 0 2px 2px;
|
| 4889 |
+
}
|
| 4890 |
+
|
| 4891 |
+
.card .card-content p {
|
| 4892 |
+
margin: 0;
|
| 4893 |
+
}
|
| 4894 |
+
|
| 4895 |
+
.card .card-content .card-title {
|
| 4896 |
+
display: block;
|
| 4897 |
+
line-height: 32px;
|
| 4898 |
+
margin-bottom: 8px;
|
| 4899 |
+
}
|
| 4900 |
+
|
| 4901 |
+
.card .card-content .card-title i {
|
| 4902 |
+
line-height: 32px;
|
| 4903 |
+
}
|
| 4904 |
+
|
| 4905 |
+
.card .card-action {
|
| 4906 |
+
background-color: inherit;
|
| 4907 |
+
border-top: 1px solid rgba(160, 160, 160, 0.2);
|
| 4908 |
+
position: relative;
|
| 4909 |
+
padding: 16px 24px;
|
| 4910 |
+
}
|
| 4911 |
+
|
| 4912 |
+
.card .card-action:last-child {
|
| 4913 |
+
border-radius: 0 0 2px 2px;
|
| 4914 |
+
}
|
| 4915 |
+
|
| 4916 |
+
.card .card-action a:not(.btn):not(.btn-large):not(.btn-small):not(.btn-large):not(.btn-floating) {
|
| 4917 |
+
color: #ffab40;
|
| 4918 |
+
margin-right: 24px;
|
| 4919 |
+
-webkit-transition: color .3s ease;
|
| 4920 |
+
transition: color .3s ease;
|
| 4921 |
+
text-transform: uppercase;
|
| 4922 |
+
}
|
| 4923 |
+
|
| 4924 |
+
.card .card-action a:not(.btn):not(.btn-large):not(.btn-small):not(.btn-large):not(.btn-floating):hover {
|
| 4925 |
+
color: #ffd8a6;
|
| 4926 |
+
}
|
| 4927 |
+
|
| 4928 |
+
.card .card-reveal {
|
| 4929 |
+
padding: 24px;
|
| 4930 |
+
position: absolute;
|
| 4931 |
+
background-color: #fff;
|
| 4932 |
+
width: 100%;
|
| 4933 |
+
overflow-y: auto;
|
| 4934 |
+
left: 0;
|
| 4935 |
+
top: 100%;
|
| 4936 |
+
height: 100%;
|
| 4937 |
+
z-index: 3;
|
| 4938 |
+
display: none;
|
| 4939 |
+
}
|
| 4940 |
+
|
| 4941 |
+
.card .card-reveal .card-title {
|
| 4942 |
+
cursor: pointer;
|
| 4943 |
+
display: block;
|
| 4944 |
+
}
|
| 4945 |
+
|
| 4946 |
+
#toast-container {
|
| 4947 |
+
display: block;
|
| 4948 |
+
position: fixed;
|
| 4949 |
+
z-index: 10000;
|
| 4950 |
+
}
|
| 4951 |
+
|
| 4952 |
+
@media only screen and (max-width: 600px) {
|
| 4953 |
+
#toast-container {
|
| 4954 |
+
min-width: 100%;
|
| 4955 |
+
bottom: 0%;
|
| 4956 |
+
}
|
| 4957 |
+
}
|
| 4958 |
+
|
| 4959 |
+
@media only screen and (min-width: 601px) and (max-width: 992px) {
|
| 4960 |
+
#toast-container {
|
| 4961 |
+
left: 5%;
|
| 4962 |
+
bottom: 7%;
|
| 4963 |
+
max-width: 90%;
|
| 4964 |
+
}
|
| 4965 |
+
}
|
| 4966 |
+
|
| 4967 |
+
@media only screen and (min-width: 993px) {
|
| 4968 |
+
#toast-container {
|
| 4969 |
+
top: 10%;
|
| 4970 |
+
right: 7%;
|
| 4971 |
+
max-width: 86%;
|
| 4972 |
+
}
|
| 4973 |
+
}
|
| 4974 |
+
|
| 4975 |
+
.toast {
|
| 4976 |
+
border-radius: 2px;
|
| 4977 |
+
top: 35px;
|
| 4978 |
+
width: auto;
|
| 4979 |
+
margin-top: 10px;
|
| 4980 |
+
position: relative;
|
| 4981 |
+
max-width: 100%;
|
| 4982 |
+
height: auto;
|
| 4983 |
+
min-height: 48px;
|
| 4984 |
+
line-height: 1.5em;
|
| 4985 |
+
background-color: #323232;
|
| 4986 |
+
padding: 10px 25px;
|
| 4987 |
+
font-size: 1.1rem;
|
| 4988 |
+
font-weight: 300;
|
| 4989 |
+
color: #fff;
|
| 4990 |
+
display: -webkit-box;
|
| 4991 |
+
display: -webkit-flex;
|
| 4992 |
+
display: -ms-flexbox;
|
| 4993 |
+
display: flex;
|
| 4994 |
+
-webkit-box-align: center;
|
| 4995 |
+
-webkit-align-items: center;
|
| 4996 |
+
-ms-flex-align: center;
|
| 4997 |
+
align-items: center;
|
| 4998 |
+
-webkit-box-pack: justify;
|
| 4999 |
+
-webkit-justify-content: space-between;
|
| 5000 |
+
-ms-flex-pack: justify;
|
| 5001 |
+
justify-content: space-between;
|
| 5002 |
+
cursor: default;
|
| 5003 |
+
}
|
| 5004 |
+
|
| 5005 |
+
.toast .toast-action {
|
| 5006 |
+
color: #eeff41;
|
| 5007 |
+
font-weight: 500;
|
| 5008 |
+
margin-right: -25px;
|
| 5009 |
+
margin-left: 3rem;
|
| 5010 |
+
}
|
| 5011 |
+
|
| 5012 |
+
.toast.rounded {
|
| 5013 |
+
border-radius: 24px;
|
| 5014 |
+
}
|
| 5015 |
+
|
| 5016 |
+
@media only screen and (max-width: 600px) {
|
| 5017 |
+
.toast {
|
| 5018 |
+
width: 100%;
|
| 5019 |
+
border-radius: 0;
|
| 5020 |
+
}
|
| 5021 |
+
}
|
| 5022 |
+
|
| 5023 |
+
.tabs {
|
| 5024 |
+
position: relative;
|
| 5025 |
+
overflow-x: auto;
|
| 5026 |
+
overflow-y: hidden;
|
| 5027 |
+
height: 48px;
|
| 5028 |
+
width: 100%;
|
| 5029 |
+
background-color: #fff;
|
| 5030 |
+
margin: 0 auto;
|
| 5031 |
+
white-space: nowrap;
|
| 5032 |
+
}
|
| 5033 |
+
|
| 5034 |
+
.tabs.tabs-transparent {
|
| 5035 |
+
background-color: transparent;
|
| 5036 |
+
}
|
| 5037 |
+
|
| 5038 |
+
.tabs.tabs-transparent .tab a,
|
| 5039 |
+
.tabs.tabs-transparent .tab.disabled a,
|
| 5040 |
+
.tabs.tabs-transparent .tab.disabled a:hover {
|
| 5041 |
+
color: rgba(255, 255, 255, 0.7);
|
| 5042 |
+
}
|
| 5043 |
+
|
| 5044 |
+
.tabs.tabs-transparent .tab a:hover,
|
| 5045 |
+
.tabs.tabs-transparent .tab a.active {
|
| 5046 |
+
color: #fff;
|
| 5047 |
+
}
|
| 5048 |
+
|
| 5049 |
+
.tabs.tabs-transparent .indicator {
|
| 5050 |
+
background-color: #fff;
|
| 5051 |
+
}
|
| 5052 |
+
|
| 5053 |
+
.tabs.tabs-fixed-width {
|
| 5054 |
+
display: -webkit-box;
|
| 5055 |
+
display: -webkit-flex;
|
| 5056 |
+
display: -ms-flexbox;
|
| 5057 |
+
display: flex;
|
| 5058 |
+
}
|
| 5059 |
+
|
| 5060 |
+
.tabs.tabs-fixed-width .tab {
|
| 5061 |
+
-webkit-box-flex: 1;
|
| 5062 |
+
-webkit-flex-grow: 1;
|
| 5063 |
+
-ms-flex-positive: 1;
|
| 5064 |
+
flex-grow: 1;
|
| 5065 |
+
}
|
| 5066 |
+
|
| 5067 |
+
.tabs .tab {
|
| 5068 |
+
display: inline-block;
|
| 5069 |
+
text-align: center;
|
| 5070 |
+
line-height: 48px;
|
| 5071 |
+
height: 48px;
|
| 5072 |
+
padding: 0;
|
| 5073 |
+
margin: 0;
|
| 5074 |
+
text-transform: uppercase;
|
| 5075 |
+
}
|
| 5076 |
+
|
| 5077 |
+
.tabs .tab a {
|
| 5078 |
+
color: rgba(238, 110, 115, 0.7);
|
| 5079 |
+
display: block;
|
| 5080 |
+
width: 100%;
|
| 5081 |
+
height: 100%;
|
| 5082 |
+
padding: 0 24px;
|
| 5083 |
+
font-size: 14px;
|
| 5084 |
+
text-overflow: ellipsis;
|
| 5085 |
+
overflow: hidden;
|
| 5086 |
+
-webkit-transition: color .28s ease, background-color .28s ease;
|
| 5087 |
+
transition: color .28s ease, background-color .28s ease;
|
| 5088 |
+
}
|
| 5089 |
+
|
| 5090 |
+
.tabs .tab a:focus, .tabs .tab a:focus.active {
|
| 5091 |
+
background-color: rgba(246, 178, 181, 0.2);
|
| 5092 |
+
outline: none;
|
| 5093 |
+
}
|
| 5094 |
+
|
| 5095 |
+
.tabs .tab a:hover, .tabs .tab a.active {
|
| 5096 |
+
background-color: transparent;
|
| 5097 |
+
color: #ee6e73;
|
| 5098 |
+
}
|
| 5099 |
+
|
| 5100 |
+
.tabs .tab.disabled a,
|
| 5101 |
+
.tabs .tab.disabled a:hover {
|
| 5102 |
+
color: rgba(238, 110, 115, 0.4);
|
| 5103 |
+
cursor: default;
|
| 5104 |
+
}
|
| 5105 |
+
|
| 5106 |
+
.tabs .indicator {
|
| 5107 |
+
position: absolute;
|
| 5108 |
+
bottom: 0;
|
| 5109 |
+
height: 2px;
|
| 5110 |
+
background-color: #f6b2b5;
|
| 5111 |
+
will-change: left, right;
|
| 5112 |
+
}
|
| 5113 |
+
|
| 5114 |
+
@media only screen and (max-width: 992px) {
|
| 5115 |
+
.tabs {
|
| 5116 |
+
display: -webkit-box;
|
| 5117 |
+
display: -webkit-flex;
|
| 5118 |
+
display: -ms-flexbox;
|
| 5119 |
+
display: flex;
|
| 5120 |
+
}
|
| 5121 |
+
.tabs .tab {
|
| 5122 |
+
-webkit-box-flex: 1;
|
| 5123 |
+
-webkit-flex-grow: 1;
|
| 5124 |
+
-ms-flex-positive: 1;
|
| 5125 |
+
flex-grow: 1;
|
| 5126 |
+
}
|
| 5127 |
+
.tabs .tab a {
|
| 5128 |
+
padding: 0 12px;
|
| 5129 |
+
}
|
| 5130 |
+
}
|
| 5131 |
+
|
| 5132 |
+
.material-tooltip {
|
| 5133 |
+
padding: 10px 8px;
|
| 5134 |
+
font-size: 1rem;
|
| 5135 |
+
z-index: 2000;
|
| 5136 |
+
background-color: transparent;
|
| 5137 |
+
border-radius: 2px;
|
| 5138 |
+
color: #fff;
|
| 5139 |
+
min-height: 36px;
|
| 5140 |
+
line-height: 120%;
|
| 5141 |
+
opacity: 0;
|
| 5142 |
+
position: absolute;
|
| 5143 |
+
text-align: center;
|
| 5144 |
+
max-width: calc(100% - 4px);
|
| 5145 |
+
overflow: hidden;
|
| 5146 |
+
left: 0;
|
| 5147 |
+
top: 0;
|
| 5148 |
+
pointer-events: none;
|
| 5149 |
+
visibility: hidden;
|
| 5150 |
+
background-color: #323232;
|
| 5151 |
+
}
|
| 5152 |
+
|
| 5153 |
+
.backdrop {
|
| 5154 |
+
position: absolute;
|
| 5155 |
+
opacity: 0;
|
| 5156 |
+
height: 7px;
|
| 5157 |
+
width: 14px;
|
| 5158 |
+
border-radius: 0 0 50% 50%;
|
| 5159 |
+
background-color: #323232;
|
| 5160 |
+
z-index: -1;
|
| 5161 |
+
-webkit-transform-origin: 50% 0%;
|
| 5162 |
+
transform-origin: 50% 0%;
|
| 5163 |
+
visibility: hidden;
|
| 5164 |
+
}
|
| 5165 |
+
|
| 5166 |
+
.btn, .btn-large, .btn-small,
|
| 5167 |
+
.btn-flat {
|
| 5168 |
+
border: none;
|
| 5169 |
+
border-radius: 2px;
|
| 5170 |
+
display: inline-block;
|
| 5171 |
+
height: 36px;
|
| 5172 |
+
line-height: 36px;
|
| 5173 |
+
padding: 0 16px;
|
| 5174 |
+
text-transform: uppercase;
|
| 5175 |
+
vertical-align: middle;
|
| 5176 |
+
-webkit-tap-highlight-color: transparent;
|
| 5177 |
+
}
|
| 5178 |
+
|
| 5179 |
+
.btn.disabled, .disabled.btn-large, .disabled.btn-small,
|
| 5180 |
+
.btn-floating.disabled,
|
| 5181 |
+
.btn-large.disabled,
|
| 5182 |
+
.btn-small.disabled,
|
| 5183 |
+
.btn-flat.disabled,
|
| 5184 |
+
.btn:disabled,
|
| 5185 |
+
.btn-large:disabled,
|
| 5186 |
+
.btn-small:disabled,
|
| 5187 |
+
.btn-floating:disabled,
|
| 5188 |
+
.btn-large:disabled,
|
| 5189 |
+
.btn-small:disabled,
|
| 5190 |
+
.btn-flat:disabled,
|
| 5191 |
+
.btn[disabled],
|
| 5192 |
+
.btn-large[disabled],
|
| 5193 |
+
.btn-small[disabled],
|
| 5194 |
+
.btn-floating[disabled],
|
| 5195 |
+
.btn-large[disabled],
|
| 5196 |
+
.btn-small[disabled],
|
| 5197 |
+
.btn-flat[disabled] {
|
| 5198 |
+
pointer-events: none;
|
| 5199 |
+
background-color: #DFDFDF !important;
|
| 5200 |
+
-webkit-box-shadow: none;
|
| 5201 |
+
box-shadow: none;
|
| 5202 |
+
color: #9F9F9F !important;
|
| 5203 |
+
cursor: default;
|
| 5204 |
+
}
|
| 5205 |
+
|
| 5206 |
+
.btn.disabled:hover, .disabled.btn-large:hover, .disabled.btn-small:hover,
|
| 5207 |
+
.btn-floating.disabled:hover,
|
| 5208 |
+
.btn-large.disabled:hover,
|
| 5209 |
+
.btn-small.disabled:hover,
|
| 5210 |
+
.btn-flat.disabled:hover,
|
| 5211 |
+
.btn:disabled:hover,
|
| 5212 |
+
.btn-large:disabled:hover,
|
| 5213 |
+
.btn-small:disabled:hover,
|
| 5214 |
+
.btn-floating:disabled:hover,
|
| 5215 |
+
.btn-large:disabled:hover,
|
| 5216 |
+
.btn-small:disabled:hover,
|
| 5217 |
+
.btn-flat:disabled:hover,
|
| 5218 |
+
.btn[disabled]:hover,
|
| 5219 |
+
.btn-large[disabled]:hover,
|
| 5220 |
+
.btn-small[disabled]:hover,
|
| 5221 |
+
.btn-floating[disabled]:hover,
|
| 5222 |
+
.btn-large[disabled]:hover,
|
| 5223 |
+
.btn-small[disabled]:hover,
|
| 5224 |
+
.btn-flat[disabled]:hover {
|
| 5225 |
+
background-color: #DFDFDF !important;
|
| 5226 |
+
color: #9F9F9F !important;
|
| 5227 |
+
}
|
| 5228 |
+
|
| 5229 |
+
.btn, .btn-large, .btn-small,
|
| 5230 |
+
.btn-floating,
|
| 5231 |
+
.btn-large,
|
| 5232 |
+
.btn-small,
|
| 5233 |
+
.btn-flat {
|
| 5234 |
+
font-size: 14px;
|
| 5235 |
+
outline: 0;
|
| 5236 |
+
}
|
| 5237 |
+
|
| 5238 |
+
.btn i, .btn-large i, .btn-small i,
|
| 5239 |
+
.btn-floating i,
|
| 5240 |
+
.btn-large i,
|
| 5241 |
+
.btn-small i,
|
| 5242 |
+
.btn-flat i {
|
| 5243 |
+
font-size: 1.3rem;
|
| 5244 |
+
line-height: inherit;
|
| 5245 |
+
}
|
| 5246 |
+
|
| 5247 |
+
.btn:focus, .btn-large:focus, .btn-small:focus,
|
| 5248 |
+
.btn-floating:focus {
|
| 5249 |
+
background-color: #1d7d74;
|
| 5250 |
+
}
|
| 5251 |
+
|
| 5252 |
+
.btn, .btn-large, .btn-small {
|
| 5253 |
+
text-decoration: none;
|
| 5254 |
+
color: #fff;
|
| 5255 |
+
background-color: #26a69a;
|
| 5256 |
+
text-align: center;
|
| 5257 |
+
letter-spacing: .5px;
|
| 5258 |
+
-webkit-transition: background-color .2s ease-out;
|
| 5259 |
+
transition: background-color .2s ease-out;
|
| 5260 |
+
cursor: pointer;
|
| 5261 |
+
}
|
| 5262 |
+
|
| 5263 |
+
.btn:hover, .btn-large:hover, .btn-small:hover {
|
| 5264 |
+
background-color: #2bbbad;
|
| 5265 |
+
}
|
| 5266 |
+
|
| 5267 |
+
.btn-floating {
|
| 5268 |
+
display: inline-block;
|
| 5269 |
+
color: #fff;
|
| 5270 |
+
position: relative;
|
| 5271 |
+
overflow: hidden;
|
| 5272 |
+
z-index: 1;
|
| 5273 |
+
width: 40px;
|
| 5274 |
+
height: 40px;
|
| 5275 |
+
line-height: 40px;
|
| 5276 |
+
padding: 0;
|
| 5277 |
+
background-color: #26a69a;
|
| 5278 |
+
border-radius: 50%;
|
| 5279 |
+
-webkit-transition: background-color .3s;
|
| 5280 |
+
transition: background-color .3s;
|
| 5281 |
+
cursor: pointer;
|
| 5282 |
+
vertical-align: middle;
|
| 5283 |
+
}
|
| 5284 |
+
|
| 5285 |
+
.btn-floating:hover {
|
| 5286 |
+
background-color: #26a69a;
|
| 5287 |
+
}
|
| 5288 |
+
|
| 5289 |
+
.btn-floating:before {
|
| 5290 |
+
border-radius: 0;
|
| 5291 |
+
}
|
| 5292 |
+
|
| 5293 |
+
.btn-floating.btn-large {
|
| 5294 |
+
width: 56px;
|
| 5295 |
+
height: 56px;
|
| 5296 |
+
padding: 0;
|
| 5297 |
+
}
|
| 5298 |
+
|
| 5299 |
+
.btn-floating.btn-large.halfway-fab {
|
| 5300 |
+
bottom: -28px;
|
| 5301 |
+
}
|
| 5302 |
+
|
| 5303 |
+
.btn-floating.btn-large i {
|
| 5304 |
+
line-height: 56px;
|
| 5305 |
+
}
|
| 5306 |
+
|
| 5307 |
+
.btn-floating.btn-small {
|
| 5308 |
+
width: 32.4px;
|
| 5309 |
+
height: 32.4px;
|
| 5310 |
+
}
|
| 5311 |
+
|
| 5312 |
+
.btn-floating.btn-small.halfway-fab {
|
| 5313 |
+
bottom: -16.2px;
|
| 5314 |
+
}
|
| 5315 |
+
|
| 5316 |
+
.btn-floating.btn-small i {
|
| 5317 |
+
line-height: 32.4px;
|
| 5318 |
+
}
|
| 5319 |
+
|
| 5320 |
+
.btn-floating.halfway-fab {
|
| 5321 |
+
position: absolute;
|
| 5322 |
+
right: 24px;
|
| 5323 |
+
bottom: -20px;
|
| 5324 |
+
}
|
| 5325 |
+
|
| 5326 |
+
.btn-floating.halfway-fab.left {
|
| 5327 |
+
right: auto;
|
| 5328 |
+
left: 24px;
|
| 5329 |
+
}
|
| 5330 |
+
|
| 5331 |
+
.btn-floating i {
|
| 5332 |
+
width: inherit;
|
| 5333 |
+
display: inline-block;
|
| 5334 |
+
text-align: center;
|
| 5335 |
+
color: #fff;
|
| 5336 |
+
font-size: 1.6rem;
|
| 5337 |
+
line-height: 40px;
|
| 5338 |
+
}
|
| 5339 |
+
|
| 5340 |
+
button.btn-floating {
|
| 5341 |
+
border: none;
|
| 5342 |
+
}
|
| 5343 |
+
|
| 5344 |
+
.fixed-action-btn {
|
| 5345 |
+
position: fixed;
|
| 5346 |
+
right: 23px;
|
| 5347 |
+
bottom: 23px;
|
| 5348 |
+
padding-top: 15px;
|
| 5349 |
+
margin-bottom: 0;
|
| 5350 |
+
z-index: 997;
|
| 5351 |
+
}
|
| 5352 |
+
|
| 5353 |
+
.fixed-action-btn.active ul {
|
| 5354 |
+
visibility: visible;
|
| 5355 |
+
}
|
| 5356 |
+
|
| 5357 |
+
.fixed-action-btn.direction-left, .fixed-action-btn.direction-right {
|
| 5358 |
+
padding: 0 0 0 15px;
|
| 5359 |
+
}
|
| 5360 |
+
|
| 5361 |
+
.fixed-action-btn.direction-left ul, .fixed-action-btn.direction-right ul {
|
| 5362 |
+
text-align: right;
|
| 5363 |
+
right: 64px;
|
| 5364 |
+
top: 50%;
|
| 5365 |
+
-webkit-transform: translateY(-50%);
|
| 5366 |
+
transform: translateY(-50%);
|
| 5367 |
+
height: 100%;
|
| 5368 |
+
left: auto;
|
| 5369 |
+
/*width 100% only goes to width of button container */
|
| 5370 |
+
width: 500px;
|
| 5371 |
+
}
|
| 5372 |
+
|
| 5373 |
+
.fixed-action-btn.direction-left ul li, .fixed-action-btn.direction-right ul li {
|
| 5374 |
+
display: inline-block;
|
| 5375 |
+
margin: 7.5px 15px 0 0;
|
| 5376 |
+
}
|
| 5377 |
+
|
| 5378 |
+
.fixed-action-btn.direction-right {
|
| 5379 |
+
padding: 0 15px 0 0;
|
| 5380 |
+
}
|
| 5381 |
+
|
| 5382 |
+
.fixed-action-btn.direction-right ul {
|
| 5383 |
+
text-align: left;
|
| 5384 |
+
direction: rtl;
|
| 5385 |
+
left: 64px;
|
| 5386 |
+
right: auto;
|
| 5387 |
+
}
|
| 5388 |
+
|
| 5389 |
+
.fixed-action-btn.direction-right ul li {
|
| 5390 |
+
margin: 7.5px 0 0 15px;
|
| 5391 |
+
}
|
| 5392 |
+
|
| 5393 |
+
.fixed-action-btn.direction-bottom {
|
| 5394 |
+
padding: 0 0 15px 0;
|
| 5395 |
+
}
|
| 5396 |
+
|
| 5397 |
+
.fixed-action-btn.direction-bottom ul {
|
| 5398 |
+
top: 64px;
|
| 5399 |
+
bottom: auto;
|
| 5400 |
+
display: -webkit-box;
|
| 5401 |
+
display: -webkit-flex;
|
| 5402 |
+
display: -ms-flexbox;
|
| 5403 |
+
display: flex;
|
| 5404 |
+
-webkit-box-orient: vertical;
|
| 5405 |
+
-webkit-box-direction: reverse;
|
| 5406 |
+
-webkit-flex-direction: column-reverse;
|
| 5407 |
+
-ms-flex-direction: column-reverse;
|
| 5408 |
+
flex-direction: column-reverse;
|
| 5409 |
+
}
|
| 5410 |
+
|
| 5411 |
+
.fixed-action-btn.direction-bottom ul li {
|
| 5412 |
+
margin: 15px 0 0 0;
|
| 5413 |
+
}
|
| 5414 |
+
|
| 5415 |
+
.fixed-action-btn.toolbar {
|
| 5416 |
+
padding: 0;
|
| 5417 |
+
height: 56px;
|
| 5418 |
+
}
|
| 5419 |
+
|
| 5420 |
+
.fixed-action-btn.toolbar.active > a i {
|
| 5421 |
+
opacity: 0;
|
| 5422 |
+
}
|
| 5423 |
+
|
| 5424 |
+
.fixed-action-btn.toolbar ul {
|
| 5425 |
+
display: -webkit-box;
|
| 5426 |
+
display: -webkit-flex;
|
| 5427 |
+
display: -ms-flexbox;
|
| 5428 |
+
display: flex;
|
| 5429 |
+
top: 0;
|
| 5430 |
+
bottom: 0;
|
| 5431 |
+
z-index: 1;
|
| 5432 |
+
}
|
| 5433 |
+
|
| 5434 |
+
.fixed-action-btn.toolbar ul li {
|
| 5435 |
+
-webkit-box-flex: 1;
|
| 5436 |
+
-webkit-flex: 1;
|
| 5437 |
+
-ms-flex: 1;
|
| 5438 |
+
flex: 1;
|
| 5439 |
+
display: inline-block;
|
| 5440 |
+
margin: 0;
|
| 5441 |
+
height: 100%;
|
| 5442 |
+
-webkit-transition: none;
|
| 5443 |
+
transition: none;
|
| 5444 |
+
}
|
| 5445 |
+
|
| 5446 |
+
.fixed-action-btn.toolbar ul li a {
|
| 5447 |
+
display: block;
|
| 5448 |
+
overflow: hidden;
|
| 5449 |
+
position: relative;
|
| 5450 |
+
width: 100%;
|
| 5451 |
+
height: 100%;
|
| 5452 |
+
background-color: transparent;
|
| 5453 |
+
-webkit-box-shadow: none;
|
| 5454 |
+
box-shadow: none;
|
| 5455 |
+
color: #fff;
|
| 5456 |
+
line-height: 56px;
|
| 5457 |
+
z-index: 1;
|
| 5458 |
+
}
|
| 5459 |
+
|
| 5460 |
+
.fixed-action-btn.toolbar ul li a i {
|
| 5461 |
+
line-height: inherit;
|
| 5462 |
+
}
|
| 5463 |
+
|
| 5464 |
+
.fixed-action-btn ul {
|
| 5465 |
+
left: 0;
|
| 5466 |
+
right: 0;
|
| 5467 |
+
text-align: center;
|
| 5468 |
+
position: absolute;
|
| 5469 |
+
bottom: 64px;
|
| 5470 |
+
margin: 0;
|
| 5471 |
+
visibility: hidden;
|
| 5472 |
+
}
|
| 5473 |
+
|
| 5474 |
+
.fixed-action-btn ul li {
|
| 5475 |
+
margin-bottom: 15px;
|
| 5476 |
+
}
|
| 5477 |
+
|
| 5478 |
+
.fixed-action-btn ul a.btn-floating {
|
| 5479 |
+
opacity: 0;
|
| 5480 |
+
}
|
| 5481 |
+
|
| 5482 |
+
.fixed-action-btn .fab-backdrop {
|
| 5483 |
+
position: absolute;
|
| 5484 |
+
top: 0;
|
| 5485 |
+
left: 0;
|
| 5486 |
+
z-index: -1;
|
| 5487 |
+
width: 40px;
|
| 5488 |
+
height: 40px;
|
| 5489 |
+
background-color: #26a69a;
|
| 5490 |
+
border-radius: 50%;
|
| 5491 |
+
-webkit-transform: scale(0);
|
| 5492 |
+
transform: scale(0);
|
| 5493 |
+
}
|
| 5494 |
+
|
| 5495 |
+
.btn-flat {
|
| 5496 |
+
-webkit-box-shadow: none;
|
| 5497 |
+
box-shadow: none;
|
| 5498 |
+
background-color: transparent;
|
| 5499 |
+
color: #343434;
|
| 5500 |
+
cursor: pointer;
|
| 5501 |
+
-webkit-transition: background-color .2s;
|
| 5502 |
+
transition: background-color .2s;
|
| 5503 |
+
}
|
| 5504 |
+
|
| 5505 |
+
.btn-flat:focus, .btn-flat:hover {
|
| 5506 |
+
-webkit-box-shadow: none;
|
| 5507 |
+
box-shadow: none;
|
| 5508 |
+
}
|
| 5509 |
+
|
| 5510 |
+
.btn-flat:focus {
|
| 5511 |
+
background-color: rgba(0, 0, 0, 0.1);
|
| 5512 |
+
}
|
| 5513 |
+
|
| 5514 |
+
.btn-flat.disabled, .btn-flat.btn-flat[disabled] {
|
| 5515 |
+
background-color: transparent !important;
|
| 5516 |
+
color: #b3b2b2 !important;
|
| 5517 |
+
cursor: default;
|
| 5518 |
+
}
|
| 5519 |
+
|
| 5520 |
+
.btn-large {
|
| 5521 |
+
height: 54px;
|
| 5522 |
+
line-height: 54px;
|
| 5523 |
+
font-size: 15px;
|
| 5524 |
+
padding: 0 28px;
|
| 5525 |
+
}
|
| 5526 |
+
|
| 5527 |
+
.btn-large i {
|
| 5528 |
+
font-size: 1.6rem;
|
| 5529 |
+
}
|
| 5530 |
+
|
| 5531 |
+
.btn-small {
|
| 5532 |
+
height: 32.4px;
|
| 5533 |
+
line-height: 32.4px;
|
| 5534 |
+
font-size: 13px;
|
| 5535 |
+
}
|
| 5536 |
+
|
| 5537 |
+
.btn-small i {
|
| 5538 |
+
font-size: 1.2rem;
|
| 5539 |
+
}
|
| 5540 |
+
|
| 5541 |
+
.btn-block {
|
| 5542 |
+
display: block;
|
| 5543 |
+
}
|
| 5544 |
+
|
| 5545 |
+
.dropdown-content {
|
| 5546 |
+
background-color: #fff;
|
| 5547 |
+
margin: 0;
|
| 5548 |
+
display: none;
|
| 5549 |
+
min-width: 100px;
|
| 5550 |
+
overflow-y: auto;
|
| 5551 |
+
opacity: 0;
|
| 5552 |
+
position: absolute;
|
| 5553 |
+
left: 0;
|
| 5554 |
+
top: 0;
|
| 5555 |
+
z-index: 9999;
|
| 5556 |
+
-webkit-transform-origin: 0 0;
|
| 5557 |
+
transform-origin: 0 0;
|
| 5558 |
+
}
|
| 5559 |
+
|
| 5560 |
+
.dropdown-content:focus {
|
| 5561 |
+
outline: 0;
|
| 5562 |
+
}
|
| 5563 |
+
|
| 5564 |
+
.dropdown-content li {
|
| 5565 |
+
clear: both;
|
| 5566 |
+
color: rgba(0, 0, 0, 0.87);
|
| 5567 |
+
cursor: pointer;
|
| 5568 |
+
min-height: 50px;
|
| 5569 |
+
line-height: 1.5rem;
|
| 5570 |
+
width: 100%;
|
| 5571 |
+
text-align: left;
|
| 5572 |
+
}
|
| 5573 |
+
|
| 5574 |
+
.dropdown-content li:hover, .dropdown-content li.active {
|
| 5575 |
+
background-color: #eee;
|
| 5576 |
+
}
|
| 5577 |
+
|
| 5578 |
+
.dropdown-content li:focus {
|
| 5579 |
+
outline: none;
|
| 5580 |
+
}
|
| 5581 |
+
|
| 5582 |
+
.dropdown-content li.divider {
|
| 5583 |
+
min-height: 0;
|
| 5584 |
+
height: 1px;
|
| 5585 |
+
}
|
| 5586 |
+
|
| 5587 |
+
.dropdown-content li > a, .dropdown-content li > span {
|
| 5588 |
+
font-size: 16px;
|
| 5589 |
+
color: #26a69a;
|
| 5590 |
+
display: block;
|
| 5591 |
+
line-height: 22px;
|
| 5592 |
+
padding: 14px 16px;
|
| 5593 |
+
}
|
| 5594 |
+
|
| 5595 |
+
.dropdown-content li > span > label {
|
| 5596 |
+
top: 1px;
|
| 5597 |
+
left: 0;
|
| 5598 |
+
height: 18px;
|
| 5599 |
+
}
|
| 5600 |
+
|
| 5601 |
+
.dropdown-content li > a > i {
|
| 5602 |
+
height: inherit;
|
| 5603 |
+
line-height: inherit;
|
| 5604 |
+
float: left;
|
| 5605 |
+
margin: 0 24px 0 0;
|
| 5606 |
+
width: 24px;
|
| 5607 |
+
}
|
| 5608 |
+
|
| 5609 |
+
body.keyboard-focused .dropdown-content li:focus {
|
| 5610 |
+
background-color: #dadada;
|
| 5611 |
+
}
|
| 5612 |
+
|
| 5613 |
+
.input-field.col .dropdown-content [type="checkbox"] + label {
|
| 5614 |
+
top: 1px;
|
| 5615 |
+
left: 0;
|
| 5616 |
+
height: 18px;
|
| 5617 |
+
-webkit-transform: none;
|
| 5618 |
+
transform: none;
|
| 5619 |
+
}
|
| 5620 |
+
|
| 5621 |
+
.dropdown-trigger {
|
| 5622 |
+
cursor: pointer;
|
| 5623 |
+
}
|
| 5624 |
+
|
| 5625 |
+
/*!
|
| 5626 |
+
* Waves v0.6.0
|
| 5627 |
+
* http://fian.my.id/Waves
|
| 5628 |
+
*
|
| 5629 |
+
* Copyright 2014 Alfiana E. Sibuea and other contributors
|
| 5630 |
+
* Released under the MIT license
|
| 5631 |
+
* https://github.com/fians/Waves/blob/master/LICENSE
|
| 5632 |
+
*/
|
| 5633 |
+
.waves-effect {
|
| 5634 |
+
position: relative;
|
| 5635 |
+
cursor: pointer;
|
| 5636 |
+
display: inline-block;
|
| 5637 |
+
overflow: hidden;
|
| 5638 |
+
-webkit-user-select: none;
|
| 5639 |
+
-moz-user-select: none;
|
| 5640 |
+
-ms-user-select: none;
|
| 5641 |
+
user-select: none;
|
| 5642 |
+
-webkit-tap-highlight-color: transparent;
|
| 5643 |
+
vertical-align: middle;
|
| 5644 |
+
z-index: 1;
|
| 5645 |
+
-webkit-transition: .3s ease-out;
|
| 5646 |
+
transition: .3s ease-out;
|
| 5647 |
+
}
|
| 5648 |
+
|
| 5649 |
+
.waves-effect .waves-ripple {
|
| 5650 |
+
position: absolute;
|
| 5651 |
+
border-radius: 50%;
|
| 5652 |
+
width: 20px;
|
| 5653 |
+
height: 20px;
|
| 5654 |
+
margin-top: -10px;
|
| 5655 |
+
margin-left: -10px;
|
| 5656 |
+
opacity: 0;
|
| 5657 |
+
background: rgba(0, 0, 0, 0.2);
|
| 5658 |
+
-webkit-transition: all 0.7s ease-out;
|
| 5659 |
+
transition: all 0.7s ease-out;
|
| 5660 |
+
-webkit-transition-property: opacity, -webkit-transform;
|
| 5661 |
+
transition-property: opacity, -webkit-transform;
|
| 5662 |
+
transition-property: transform, opacity;
|
| 5663 |
+
transition-property: transform, opacity, -webkit-transform;
|
| 5664 |
+
-webkit-transform: scale(0);
|
| 5665 |
+
transform: scale(0);
|
| 5666 |
+
pointer-events: none;
|
| 5667 |
+
}
|
| 5668 |
+
|
| 5669 |
+
.waves-effect.waves-light .waves-ripple {
|
| 5670 |
+
background-color: rgba(255, 255, 255, 0.45);
|
| 5671 |
+
}
|
| 5672 |
+
|
| 5673 |
+
.waves-effect.waves-red .waves-ripple {
|
| 5674 |
+
background-color: rgba(244, 67, 54, 0.7);
|
| 5675 |
+
}
|
| 5676 |
+
|
| 5677 |
+
.waves-effect.waves-yellow .waves-ripple {
|
| 5678 |
+
background-color: rgba(255, 235, 59, 0.7);
|
| 5679 |
+
}
|
| 5680 |
+
|
| 5681 |
+
.waves-effect.waves-orange .waves-ripple {
|
| 5682 |
+
background-color: rgba(255, 152, 0, 0.7);
|
| 5683 |
+
}
|
| 5684 |
+
|
| 5685 |
+
.waves-effect.waves-purple .waves-ripple {
|
| 5686 |
+
background-color: rgba(156, 39, 176, 0.7);
|
| 5687 |
+
}
|
| 5688 |
+
|
| 5689 |
+
.waves-effect.waves-green .waves-ripple {
|
| 5690 |
+
background-color: rgba(76, 175, 80, 0.7);
|
| 5691 |
+
}
|
| 5692 |
+
|
| 5693 |
+
.waves-effect.waves-teal .waves-ripple {
|
| 5694 |
+
background-color: rgba(0, 150, 136, 0.7);
|
| 5695 |
+
}
|
| 5696 |
+
|
| 5697 |
+
.waves-effect input[type="button"], .waves-effect input[type="reset"], .waves-effect input[type="submit"] {
|
| 5698 |
+
border: 0;
|
| 5699 |
+
font-style: normal;
|
| 5700 |
+
font-size: inherit;
|
| 5701 |
+
text-transform: inherit;
|
| 5702 |
+
background: none;
|
| 5703 |
+
}
|
| 5704 |
+
|
| 5705 |
+
.waves-effect img {
|
| 5706 |
+
position: relative;
|
| 5707 |
+
z-index: -1;
|
| 5708 |
+
}
|
| 5709 |
+
|
| 5710 |
+
.waves-notransition {
|
| 5711 |
+
-webkit-transition: none !important;
|
| 5712 |
+
transition: none !important;
|
| 5713 |
+
}
|
| 5714 |
+
|
| 5715 |
+
.waves-circle {
|
| 5716 |
+
-webkit-transform: translateZ(0);
|
| 5717 |
+
transform: translateZ(0);
|
| 5718 |
+
-webkit-mask-image: -webkit-radial-gradient(circle, white 100%, black 100%);
|
| 5719 |
+
}
|
| 5720 |
+
|
| 5721 |
+
.waves-input-wrapper {
|
| 5722 |
+
border-radius: 0.2em;
|
| 5723 |
+
vertical-align: bottom;
|
| 5724 |
+
}
|
| 5725 |
+
|
| 5726 |
+
.waves-input-wrapper .waves-button-input {
|
| 5727 |
+
position: relative;
|
| 5728 |
+
top: 0;
|
| 5729 |
+
left: 0;
|
| 5730 |
+
z-index: 1;
|
| 5731 |
+
}
|
| 5732 |
+
|
| 5733 |
+
.waves-circle {
|
| 5734 |
+
text-align: center;
|
| 5735 |
+
width: 2.5em;
|
| 5736 |
+
height: 2.5em;
|
| 5737 |
+
line-height: 2.5em;
|
| 5738 |
+
border-radius: 50%;
|
| 5739 |
+
-webkit-mask-image: none;
|
| 5740 |
+
}
|
| 5741 |
+
|
| 5742 |
+
.waves-block {
|
| 5743 |
+
display: block;
|
| 5744 |
+
}
|
| 5745 |
+
|
| 5746 |
+
/* Firefox Bug: link not triggered */
|
| 5747 |
+
.waves-effect .waves-ripple {
|
| 5748 |
+
z-index: -1;
|
| 5749 |
+
}
|
| 5750 |
+
|
| 5751 |
+
.modal {
|
| 5752 |
+
display: none;
|
| 5753 |
+
position: fixed;
|
| 5754 |
+
left: 0;
|
| 5755 |
+
right: 0;
|
| 5756 |
+
background-color: #fafafa;
|
| 5757 |
+
padding: 0;
|
| 5758 |
+
max-height: 70%;
|
| 5759 |
+
width: 55%;
|
| 5760 |
+
margin: auto;
|
| 5761 |
+
overflow-y: auto;
|
| 5762 |
+
border-radius: 2px;
|
| 5763 |
+
will-change: top, opacity;
|
| 5764 |
+
}
|
| 5765 |
+
|
| 5766 |
+
.modal:focus {
|
| 5767 |
+
outline: none;
|
| 5768 |
+
}
|
| 5769 |
+
|
| 5770 |
+
@media only screen and (max-width: 992px) {
|
| 5771 |
+
.modal {
|
| 5772 |
+
width: 80%;
|
| 5773 |
+
}
|
| 5774 |
+
}
|
| 5775 |
+
|
| 5776 |
+
.modal h1, .modal h2, .modal h3, .modal h4 {
|
| 5777 |
+
margin-top: 0;
|
| 5778 |
+
}
|
| 5779 |
+
|
| 5780 |
+
.modal .modal-content {
|
| 5781 |
+
padding: 24px;
|
| 5782 |
+
}
|
| 5783 |
+
|
| 5784 |
+
.modal .modal-close {
|
| 5785 |
+
cursor: pointer;
|
| 5786 |
+
}
|
| 5787 |
+
|
| 5788 |
+
.modal .modal-footer {
|
| 5789 |
+
border-radius: 0 0 2px 2px;
|
| 5790 |
+
background-color: #fafafa;
|
| 5791 |
+
padding: 4px 6px;
|
| 5792 |
+
height: 56px;
|
| 5793 |
+
width: 100%;
|
| 5794 |
+
text-align: right;
|
| 5795 |
+
}
|
| 5796 |
+
|
| 5797 |
+
.modal .modal-footer .btn, .modal .modal-footer .btn-large, .modal .modal-footer .btn-small, .modal .modal-footer .btn-flat {
|
| 5798 |
+
margin: 6px 0;
|
| 5799 |
+
}
|
| 5800 |
+
|
| 5801 |
+
.modal-overlay {
|
| 5802 |
+
position: fixed;
|
| 5803 |
+
z-index: 999;
|
| 5804 |
+
top: -25%;
|
| 5805 |
+
left: 0;
|
| 5806 |
+
bottom: 0;
|
| 5807 |
+
right: 0;
|
| 5808 |
+
height: 125%;
|
| 5809 |
+
width: 100%;
|
| 5810 |
+
background: #000;
|
| 5811 |
+
display: none;
|
| 5812 |
+
will-change: opacity;
|
| 5813 |
+
}
|
| 5814 |
+
|
| 5815 |
+
.modal.modal-fixed-footer {
|
| 5816 |
+
padding: 0;
|
| 5817 |
+
height: 70%;
|
| 5818 |
+
}
|
| 5819 |
+
|
| 5820 |
+
.modal.modal-fixed-footer .modal-content {
|
| 5821 |
+
position: absolute;
|
| 5822 |
+
height: calc(100% - 56px);
|
| 5823 |
+
max-height: 100%;
|
| 5824 |
+
width: 100%;
|
| 5825 |
+
overflow-y: auto;
|
| 5826 |
+
}
|
| 5827 |
+
|
| 5828 |
+
.modal.modal-fixed-footer .modal-footer {
|
| 5829 |
+
border-top: 1px solid rgba(0, 0, 0, 0.1);
|
| 5830 |
+
position: absolute;
|
| 5831 |
+
bottom: 0;
|
| 5832 |
+
}
|
| 5833 |
+
|
| 5834 |
+
.modal.bottom-sheet {
|
| 5835 |
+
top: auto;
|
| 5836 |
+
bottom: -100%;
|
| 5837 |
+
margin: 0;
|
| 5838 |
+
width: 100%;
|
| 5839 |
+
max-height: 45%;
|
| 5840 |
+
border-radius: 0;
|
| 5841 |
+
will-change: bottom, opacity;
|
| 5842 |
+
}
|
| 5843 |
+
|
| 5844 |
+
.collapsible {
|
| 5845 |
+
border-top: 1px solid #ddd;
|
| 5846 |
+
border-right: 1px solid #ddd;
|
| 5847 |
+
border-left: 1px solid #ddd;
|
| 5848 |
+
margin: 0.5rem 0 1rem 0;
|
| 5849 |
+
}
|
| 5850 |
+
|
| 5851 |
+
.collapsible-header {
|
| 5852 |
+
display: -webkit-box;
|
| 5853 |
+
display: -webkit-flex;
|
| 5854 |
+
display: -ms-flexbox;
|
| 5855 |
+
display: flex;
|
| 5856 |
+
cursor: pointer;
|
| 5857 |
+
-webkit-tap-highlight-color: transparent;
|
| 5858 |
+
line-height: 1.5;
|
| 5859 |
+
padding: 1rem;
|
| 5860 |
+
background-color: #fff;
|
| 5861 |
+
border-bottom: 1px solid #ddd;
|
| 5862 |
+
}
|
| 5863 |
+
|
| 5864 |
+
.collapsible-header:focus {
|
| 5865 |
+
outline: 0;
|
| 5866 |
+
}
|
| 5867 |
+
|
| 5868 |
+
.collapsible-header i {
|
| 5869 |
+
width: 2rem;
|
| 5870 |
+
font-size: 1.6rem;
|
| 5871 |
+
display: inline-block;
|
| 5872 |
+
text-align: center;
|
| 5873 |
+
margin-right: 1rem;
|
| 5874 |
+
}
|
| 5875 |
+
|
| 5876 |
+
.keyboard-focused .collapsible-header:focus {
|
| 5877 |
+
background-color: #eee;
|
| 5878 |
+
}
|
| 5879 |
+
|
| 5880 |
+
.collapsible-body {
|
| 5881 |
+
display: none;
|
| 5882 |
+
border-bottom: 1px solid #ddd;
|
| 5883 |
+
-webkit-box-sizing: border-box;
|
| 5884 |
+
box-sizing: border-box;
|
| 5885 |
+
padding: 2rem;
|
| 5886 |
+
}
|
| 5887 |
+
|
| 5888 |
+
.sidenav .collapsible,
|
| 5889 |
+
.sidenav.fixed .collapsible {
|
| 5890 |
+
border: none;
|
| 5891 |
+
-webkit-box-shadow: none;
|
| 5892 |
+
box-shadow: none;
|
| 5893 |
+
}
|
| 5894 |
+
|
| 5895 |
+
.sidenav .collapsible li,
|
| 5896 |
+
.sidenav.fixed .collapsible li {
|
| 5897 |
+
padding: 0;
|
| 5898 |
+
}
|
| 5899 |
+
|
| 5900 |
+
.sidenav .collapsible-header,
|
| 5901 |
+
.sidenav.fixed .collapsible-header {
|
| 5902 |
+
background-color: transparent;
|
| 5903 |
+
border: none;
|
| 5904 |
+
line-height: inherit;
|
| 5905 |
+
height: inherit;
|
| 5906 |
+
padding: 0 16px;
|
| 5907 |
+
}
|
| 5908 |
+
|
| 5909 |
+
.sidenav .collapsible-header:hover,
|
| 5910 |
+
.sidenav.fixed .collapsible-header:hover {
|
| 5911 |
+
background-color: rgba(0, 0, 0, 0.05);
|
| 5912 |
+
}
|
| 5913 |
+
|
| 5914 |
+
.sidenav .collapsible-header i,
|
| 5915 |
+
.sidenav.fixed .collapsible-header i {
|
| 5916 |
+
line-height: inherit;
|
| 5917 |
+
}
|
| 5918 |
+
|
| 5919 |
+
.sidenav .collapsible-body,
|
| 5920 |
+
.sidenav.fixed .collapsible-body {
|
| 5921 |
+
border: 0;
|
| 5922 |
+
background-color: #fff;
|
| 5923 |
+
}
|
| 5924 |
+
|
| 5925 |
+
.sidenav .collapsible-body li a,
|
| 5926 |
+
.sidenav.fixed .collapsible-body li a {
|
| 5927 |
+
padding: 0 23.5px 0 31px;
|
| 5928 |
+
}
|
| 5929 |
+
|
| 5930 |
+
.collapsible.popout {
|
| 5931 |
+
border: none;
|
| 5932 |
+
-webkit-box-shadow: none;
|
| 5933 |
+
box-shadow: none;
|
| 5934 |
+
}
|
| 5935 |
+
|
| 5936 |
+
.collapsible.popout > li {
|
| 5937 |
+
-webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
|
| 5938 |
+
box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
|
| 5939 |
+
margin: 0 24px;
|
| 5940 |
+
-webkit-transition: margin 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94);
|
| 5941 |
+
transition: margin 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94);
|
| 5942 |
+
}
|
| 5943 |
+
|
| 5944 |
+
.collapsible.popout > li.active {
|
| 5945 |
+
-webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
|
| 5946 |
+
box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
|
| 5947 |
+
margin: 16px 0;
|
| 5948 |
+
}
|
| 5949 |
+
|
| 5950 |
+
.chip {
|
| 5951 |
+
display: inline-block;
|
| 5952 |
+
height: 32px;
|
| 5953 |
+
font-size: 13px;
|
| 5954 |
+
font-weight: 500;
|
| 5955 |
+
color: rgba(0, 0, 0, 0.6);
|
| 5956 |
+
line-height: 32px;
|
| 5957 |
+
padding: 0 12px;
|
| 5958 |
+
border-radius: 16px;
|
| 5959 |
+
background-color: #e4e4e4;
|
| 5960 |
+
margin-bottom: 5px;
|
| 5961 |
+
margin-right: 5px;
|
| 5962 |
+
}
|
| 5963 |
+
|
| 5964 |
+
.chip:focus {
|
| 5965 |
+
outline: none;
|
| 5966 |
+
background-color: #26a69a;
|
| 5967 |
+
color: #fff;
|
| 5968 |
+
}
|
| 5969 |
+
|
| 5970 |
+
.chip > img {
|
| 5971 |
+
float: left;
|
| 5972 |
+
margin: 0 8px 0 -12px;
|
| 5973 |
+
height: 32px;
|
| 5974 |
+
width: 32px;
|
| 5975 |
+
border-radius: 50%;
|
| 5976 |
+
}
|
| 5977 |
+
|
| 5978 |
+
.chip .close {
|
| 5979 |
+
cursor: pointer;
|
| 5980 |
+
float: right;
|
| 5981 |
+
font-size: 16px;
|
| 5982 |
+
line-height: 32px;
|
| 5983 |
+
padding-left: 8px;
|
| 5984 |
+
}
|
| 5985 |
+
|
| 5986 |
+
.chips {
|
| 5987 |
+
border: none;
|
| 5988 |
+
border-bottom: 1px solid #9e9e9e;
|
| 5989 |
+
-webkit-box-shadow: none;
|
| 5990 |
+
box-shadow: none;
|
| 5991 |
+
margin: 0 0 8px 0;
|
| 5992 |
+
min-height: 45px;
|
| 5993 |
+
outline: none;
|
| 5994 |
+
-webkit-transition: all .3s;
|
| 5995 |
+
transition: all .3s;
|
| 5996 |
+
}
|
| 5997 |
+
|
| 5998 |
+
.chips.focus {
|
| 5999 |
+
border-bottom: 1px solid #26a69a;
|
| 6000 |
+
-webkit-box-shadow: 0 1px 0 0 #26a69a;
|
| 6001 |
+
box-shadow: 0 1px 0 0 #26a69a;
|
| 6002 |
+
}
|
| 6003 |
+
|
| 6004 |
+
.chips:hover {
|
| 6005 |
+
cursor: text;
|
| 6006 |
+
}
|
| 6007 |
+
|
| 6008 |
+
.chips .input {
|
| 6009 |
+
background: none;
|
| 6010 |
+
border: 0;
|
| 6011 |
+
color: rgba(0, 0, 0, 0.6);
|
| 6012 |
+
display: inline-block;
|
| 6013 |
+
font-size: 16px;
|
| 6014 |
+
height: 3rem;
|
| 6015 |
+
line-height: 32px;
|
| 6016 |
+
outline: 0;
|
| 6017 |
+
margin: 0;
|
| 6018 |
+
padding: 0 !important;
|
| 6019 |
+
width: 120px !important;
|
| 6020 |
+
}
|
| 6021 |
+
|
| 6022 |
+
.chips .input:focus {
|
| 6023 |
+
border: 0 !important;
|
| 6024 |
+
-webkit-box-shadow: none !important;
|
| 6025 |
+
box-shadow: none !important;
|
| 6026 |
+
}
|
| 6027 |
+
|
| 6028 |
+
.chips .autocomplete-content {
|
| 6029 |
+
margin-top: 0;
|
| 6030 |
+
margin-bottom: 0;
|
| 6031 |
+
}
|
| 6032 |
+
|
| 6033 |
+
.prefix ~ .chips {
|
| 6034 |
+
margin-left: 3rem;
|
| 6035 |
+
width: 92%;
|
| 6036 |
+
width: calc(100% - 3rem);
|
| 6037 |
+
}
|
| 6038 |
+
|
| 6039 |
+
.chips:empty ~ label {
|
| 6040 |
+
font-size: 0.8rem;
|
| 6041 |
+
-webkit-transform: translateY(-140%);
|
| 6042 |
+
transform: translateY(-140%);
|
| 6043 |
+
}
|
| 6044 |
+
|
| 6045 |
+
.materialboxed {
|
| 6046 |
+
display: block;
|
| 6047 |
+
cursor: -webkit-zoom-in;
|
| 6048 |
+
cursor: zoom-in;
|
| 6049 |
+
position: relative;
|
| 6050 |
+
-webkit-transition: opacity .4s;
|
| 6051 |
+
transition: opacity .4s;
|
| 6052 |
+
-webkit-backface-visibility: hidden;
|
| 6053 |
+
}
|
| 6054 |
+
|
| 6055 |
+
.materialboxed:hover:not(.active) {
|
| 6056 |
+
opacity: .8;
|
| 6057 |
+
}
|
| 6058 |
+
|
| 6059 |
+
.materialboxed.active {
|
| 6060 |
+
cursor: -webkit-zoom-out;
|
| 6061 |
+
cursor: zoom-out;
|
| 6062 |
+
}
|
| 6063 |
+
|
| 6064 |
+
#materialbox-overlay {
|
| 6065 |
+
position: fixed;
|
| 6066 |
+
top: 0;
|
| 6067 |
+
right: 0;
|
| 6068 |
+
bottom: 0;
|
| 6069 |
+
left: 0;
|
| 6070 |
+
background-color: #292929;
|
| 6071 |
+
z-index: 1000;
|
| 6072 |
+
will-change: opacity;
|
| 6073 |
+
}
|
| 6074 |
+
|
| 6075 |
+
.materialbox-caption {
|
| 6076 |
+
position: fixed;
|
| 6077 |
+
display: none;
|
| 6078 |
+
color: #fff;
|
| 6079 |
+
line-height: 50px;
|
| 6080 |
+
bottom: 0;
|
| 6081 |
+
left: 0;
|
| 6082 |
+
width: 100%;
|
| 6083 |
+
text-align: center;
|
| 6084 |
+
padding: 0% 15%;
|
| 6085 |
+
height: 50px;
|
| 6086 |
+
z-index: 1000;
|
| 6087 |
+
-webkit-font-smoothing: antialiased;
|
| 6088 |
+
}
|
| 6089 |
+
|
| 6090 |
+
select:focus {
|
| 6091 |
+
outline: 1px solid #c9f3ef;
|
| 6092 |
+
}
|
| 6093 |
+
|
| 6094 |
+
button:focus {
|
| 6095 |
+
outline: none;
|
| 6096 |
+
background-color: #2ab7a9;
|
| 6097 |
+
}
|
| 6098 |
+
|
| 6099 |
+
label {
|
| 6100 |
+
font-size: 0.8rem;
|
| 6101 |
+
color: #9e9e9e;
|
| 6102 |
+
}
|
| 6103 |
+
|
| 6104 |
+
/* Text Inputs + Textarea
|
| 6105 |
+
========================================================================== */
|
| 6106 |
+
/* Style Placeholders */
|
| 6107 |
+
::-webkit-input-placeholder {
|
| 6108 |
+
color: #d1d1d1;
|
| 6109 |
+
}
|
| 6110 |
+
::-moz-placeholder {
|
| 6111 |
+
color: #d1d1d1;
|
| 6112 |
+
}
|
| 6113 |
+
:-ms-input-placeholder {
|
| 6114 |
+
color: #d1d1d1;
|
| 6115 |
+
}
|
| 6116 |
+
::-ms-input-placeholder {
|
| 6117 |
+
color: #d1d1d1;
|
| 6118 |
+
}
|
| 6119 |
+
::placeholder {
|
| 6120 |
+
color: #d1d1d1;
|
| 6121 |
+
}
|
| 6122 |
+
|
| 6123 |
+
|
| 6124 |
+
.input-field {
|
| 6125 |
+
position: relative;
|
| 6126 |
+
margin-top: 1rem;
|
| 6127 |
+
margin-bottom: 1rem;
|
| 6128 |
+
}
|
| 6129 |
+
|
| 6130 |
+
.input-field.inline {
|
| 6131 |
+
display: inline-block;
|
| 6132 |
+
vertical-align: middle;
|
| 6133 |
+
margin-left: 5px;
|
| 6134 |
+
}
|
| 6135 |
+
|
| 6136 |
+
.input-field.inline input,
|
| 6137 |
+
.input-field.inline .select-dropdown {
|
| 6138 |
+
margin-bottom: 1rem;
|
| 6139 |
+
}
|
| 6140 |
+
|
| 6141 |
+
.input-field.col label {
|
| 6142 |
+
left: 0.75rem;
|
| 6143 |
+
}
|
| 6144 |
+
|
| 6145 |
+
.input-field.col .prefix ~ label,
|
| 6146 |
+
.input-field.col .prefix ~ .validate ~ label {
|
| 6147 |
+
width: calc(100% - 3rem - 1.5rem);
|
| 6148 |
+
}
|
| 6149 |
+
|
| 6150 |
+
.input-field > label {
|
| 6151 |
+
color: #9e9e9e;
|
| 6152 |
+
position: absolute;
|
| 6153 |
+
top: 0;
|
| 6154 |
+
left: 0;
|
| 6155 |
+
font-size: 1rem;
|
| 6156 |
+
cursor: text;
|
| 6157 |
+
-webkit-transition: color .2s ease-out, -webkit-transform .2s ease-out;
|
| 6158 |
+
transition: color .2s ease-out, -webkit-transform .2s ease-out;
|
| 6159 |
+
transition: transform .2s ease-out, color .2s ease-out;
|
| 6160 |
+
transition: transform .2s ease-out, color .2s ease-out, -webkit-transform .2s ease-out;
|
| 6161 |
+
-webkit-transform-origin: 0% 100%;
|
| 6162 |
+
transform-origin: 0% 100%;
|
| 6163 |
+
text-align: initial;
|
| 6164 |
+
-webkit-transform: translateY(12px);
|
| 6165 |
+
transform: translateY(12px);
|
| 6166 |
+
}
|
| 6167 |
+
|
| 6168 |
+
.input-field > label:not(.label-icon).active {
|
| 6169 |
+
-webkit-transform: translateY(-14px) scale(0.8);
|
| 6170 |
+
transform: translateY(-14px) scale(0.8);
|
| 6171 |
+
-webkit-transform-origin: 0 0;
|
| 6172 |
+
transform-origin: 0 0;
|
| 6173 |
+
}
|
| 6174 |
+
|
| 6175 |
+
.input-field > input[type]:-webkit-autofill:not(.browser-default):not([type="search"]) + label,
|
| 6176 |
+
.input-field > input[type=date]:not(.browser-default) + label,
|
| 6177 |
+
.input-field > input[type=time]:not(.browser-default) + label {
|
| 6178 |
+
-webkit-transform: translateY(-14px) scale(0.8);
|
| 6179 |
+
transform: translateY(-14px) scale(0.8);
|
| 6180 |
+
-webkit-transform-origin: 0 0;
|
| 6181 |
+
transform-origin: 0 0;
|
| 6182 |
+
}
|
| 6183 |
+
|
| 6184 |
+
.input-field .helper-text {
|
| 6185 |
+
position: relative;
|
| 6186 |
+
min-height: 18px;
|
| 6187 |
+
display: block;
|
| 6188 |
+
font-size: 12px;
|
| 6189 |
+
color: rgba(0, 0, 0, 0.54);
|
| 6190 |
+
}
|
| 6191 |
+
|
| 6192 |
+
.input-field .helper-text::after {
|
| 6193 |
+
opacity: 1;
|
| 6194 |
+
position: absolute;
|
| 6195 |
+
top: 0;
|
| 6196 |
+
left: 0;
|
| 6197 |
+
}
|
| 6198 |
+
|
| 6199 |
+
.input-field .prefix {
|
| 6200 |
+
position: absolute;
|
| 6201 |
+
width: 3rem;
|
| 6202 |
+
font-size: 2rem;
|
| 6203 |
+
-webkit-transition: color .2s;
|
| 6204 |
+
transition: color .2s;
|
| 6205 |
+
top: 0.5rem;
|
| 6206 |
+
}
|
| 6207 |
+
|
| 6208 |
+
.input-field .prefix.active {
|
| 6209 |
+
color: #26a69a;
|
| 6210 |
+
}
|
| 6211 |
+
|
| 6212 |
+
.input-field .prefix ~ input,
|
| 6213 |
+
.input-field .prefix ~ textarea,
|
| 6214 |
+
.input-field .prefix ~ label,
|
| 6215 |
+
.input-field .prefix ~ .validate ~ label,
|
| 6216 |
+
.input-field .prefix ~ .helper-text,
|
| 6217 |
+
.input-field .prefix ~ .autocomplete-content {
|
| 6218 |
+
margin-left: 3rem;
|
| 6219 |
+
width: 92%;
|
| 6220 |
+
width: calc(100% - 3rem);
|
| 6221 |
+
}
|
| 6222 |
+
|
| 6223 |
+
.input-field .prefix ~ label {
|
| 6224 |
+
margin-left: 3rem;
|
| 6225 |
+
}
|
| 6226 |
+
|
| 6227 |
+
@media only screen and (max-width: 992px) {
|
| 6228 |
+
.input-field .prefix ~ input {
|
| 6229 |
+
width: 86%;
|
| 6230 |
+
width: calc(100% - 3rem);
|
| 6231 |
+
}
|
| 6232 |
+
}
|
| 6233 |
+
|
| 6234 |
+
@media only screen and (max-width: 600px) {
|
| 6235 |
+
.input-field .prefix ~ input {
|
| 6236 |
+
width: 80%;
|
| 6237 |
+
width: calc(100% - 3rem);
|
| 6238 |
+
}
|
| 6239 |
+
}
|
| 6240 |
+
|
| 6241 |
+
/* Search Field */
|
| 6242 |
+
.input-field input[type=search] {
|
| 6243 |
+
display: block;
|
| 6244 |
+
line-height: inherit;
|
| 6245 |
+
-webkit-transition: .3s background-color;
|
| 6246 |
+
transition: .3s background-color;
|
| 6247 |
+
}
|
| 6248 |
+
|
| 6249 |
+
.nav-wrapper .input-field input[type=search] {
|
| 6250 |
+
height: inherit;
|
| 6251 |
+
padding-left: 4rem;
|
| 6252 |
+
width: calc(100% - 4rem);
|
| 6253 |
+
border: 0;
|
| 6254 |
+
-webkit-box-shadow: none;
|
| 6255 |
+
box-shadow: none;
|
| 6256 |
+
}
|
| 6257 |
+
|
| 6258 |
+
.input-field input[type=search]:focus:not(.browser-default) {
|
| 6259 |
+
background-color: #fff;
|
| 6260 |
+
border: 0;
|
| 6261 |
+
-webkit-box-shadow: none;
|
| 6262 |
+
box-shadow: none;
|
| 6263 |
+
color: #444;
|
| 6264 |
+
}
|
| 6265 |
+
|
| 6266 |
+
.input-field input[type=search]:focus:not(.browser-default) + label i,
|
| 6267 |
+
.input-field input[type=search]:focus:not(.browser-default) ~ .mdi-navigation-close,
|
| 6268 |
+
.input-field input[type=search]:focus:not(.browser-default) ~ .material-icons {
|
| 6269 |
+
color: #444;
|
| 6270 |
+
}
|
| 6271 |
+
|
| 6272 |
+
.input-field input[type=search] + .label-icon {
|
| 6273 |
+
-webkit-transform: none;
|
| 6274 |
+
transform: none;
|
| 6275 |
+
left: 1rem;
|
| 6276 |
+
}
|
| 6277 |
+
|
| 6278 |
+
.input-field input[type=search] ~ .mdi-navigation-close,
|
| 6279 |
+
.input-field input[type=search] ~ .material-icons {
|
| 6280 |
+
position: absolute;
|
| 6281 |
+
top: 0;
|
| 6282 |
+
right: 1rem;
|
| 6283 |
+
color: transparent;
|
| 6284 |
+
cursor: pointer;
|
| 6285 |
+
font-size: 2rem;
|
| 6286 |
+
-webkit-transition: .3s color;
|
| 6287 |
+
transition: .3s color;
|
| 6288 |
+
}
|
| 6289 |
+
|
| 6290 |
+
/* Textarea */
|
| 6291 |
+
textarea {
|
| 6292 |
+
width: 100%;
|
| 6293 |
+
height: 3rem;
|
| 6294 |
+
background-color: transparent;
|
| 6295 |
+
}
|
| 6296 |
+
|
| 6297 |
+
textarea.materialize-textarea {
|
| 6298 |
+
line-height: normal;
|
| 6299 |
+
overflow-y: hidden;
|
| 6300 |
+
/* prevents scroll bar flash */
|
| 6301 |
+
padding: .8rem 0 .8rem 0;
|
| 6302 |
+
/* prevents text jump on Enter keypress */
|
| 6303 |
+
resize: none;
|
| 6304 |
+
min-height: 3rem;
|
| 6305 |
+
-webkit-box-sizing: border-box;
|
| 6306 |
+
box-sizing: border-box;
|
| 6307 |
+
}
|
| 6308 |
+
|
| 6309 |
+
.hiddendiv {
|
| 6310 |
+
visibility: hidden;
|
| 6311 |
+
white-space: pre-wrap;
|
| 6312 |
+
word-wrap: break-word;
|
| 6313 |
+
overflow-wrap: break-word;
|
| 6314 |
+
/* future version of deprecated 'word-wrap' */
|
| 6315 |
+
padding-top: 1.2rem;
|
| 6316 |
+
/* prevents text jump on Enter keypress */
|
| 6317 |
+
position: absolute;
|
| 6318 |
+
top: 0;
|
| 6319 |
+
z-index: -1;
|
| 6320 |
+
}
|
| 6321 |
+
|
| 6322 |
+
/* Autocomplete */
|
| 6323 |
+
.autocomplete-content li .highlight {
|
| 6324 |
+
color: #444;
|
| 6325 |
+
}
|
| 6326 |
+
|
| 6327 |
+
.autocomplete-content li img {
|
| 6328 |
+
height: 40px;
|
| 6329 |
+
width: 40px;
|
| 6330 |
+
margin: 5px 15px;
|
| 6331 |
+
}
|
| 6332 |
+
|
| 6333 |
+
/* Character Counter */
|
| 6334 |
+
.character-counter {
|
| 6335 |
+
min-height: 18px;
|
| 6336 |
+
}
|
| 6337 |
+
|
| 6338 |
+
/* Radio Buttons
|
| 6339 |
+
========================================================================== */
|
| 6340 |
+
[type="radio"]:not(:checked),
|
| 6341 |
+
[type="radio"]:checked {
|
| 6342 |
+
position: absolute;
|
| 6343 |
+
opacity: 0;
|
| 6344 |
+
pointer-events: none;
|
| 6345 |
+
}
|
| 6346 |
+
|
| 6347 |
+
[type="radio"]:not(:checked) + span,
|
| 6348 |
+
[type="radio"]:checked + span {
|
| 6349 |
+
position: relative;
|
| 6350 |
+
padding-left: 35px;
|
| 6351 |
+
cursor: pointer;
|
| 6352 |
+
display: inline-block;
|
| 6353 |
+
height: 25px;
|
| 6354 |
+
line-height: 25px;
|
| 6355 |
+
font-size: 1rem;
|
| 6356 |
+
-webkit-transition: .28s ease;
|
| 6357 |
+
transition: .28s ease;
|
| 6358 |
+
-webkit-user-select: none;
|
| 6359 |
+
-moz-user-select: none;
|
| 6360 |
+
-ms-user-select: none;
|
| 6361 |
+
user-select: none;
|
| 6362 |
+
}
|
| 6363 |
+
|
| 6364 |
+
[type="radio"] + span:before,
|
| 6365 |
+
[type="radio"] + span:after {
|
| 6366 |
+
content: '';
|
| 6367 |
+
position: absolute;
|
| 6368 |
+
left: 0;
|
| 6369 |
+
top: 0;
|
| 6370 |
+
margin: 4px;
|
| 6371 |
+
width: 16px;
|
| 6372 |
+
height: 16px;
|
| 6373 |
+
z-index: 0;
|
| 6374 |
+
-webkit-transition: .28s ease;
|
| 6375 |
+
transition: .28s ease;
|
| 6376 |
+
}
|
| 6377 |
+
|
| 6378 |
+
/* Unchecked styles */
|
| 6379 |
+
[type="radio"]:not(:checked) + span:before,
|
| 6380 |
+
[type="radio"]:not(:checked) + span:after,
|
| 6381 |
+
[type="radio"]:checked + span:before,
|
| 6382 |
+
[type="radio"]:checked + span:after,
|
| 6383 |
+
[type="radio"].with-gap:checked + span:before,
|
| 6384 |
+
[type="radio"].with-gap:checked + span:after {
|
| 6385 |
+
border-radius: 50%;
|
| 6386 |
+
}
|
| 6387 |
+
|
| 6388 |
+
[type="radio"]:not(:checked) + span:before,
|
| 6389 |
+
[type="radio"]:not(:checked) + span:after {
|
| 6390 |
+
border: 2px solid #5a5a5a;
|
| 6391 |
+
}
|
| 6392 |
+
|
| 6393 |
+
[type="radio"]:not(:checked) + span:after {
|
| 6394 |
+
-webkit-transform: scale(0);
|
| 6395 |
+
transform: scale(0);
|
| 6396 |
+
}
|
| 6397 |
+
|
| 6398 |
+
/* Checked styles */
|
| 6399 |
+
[type="radio"]:checked + span:before {
|
| 6400 |
+
border: 2px solid transparent;
|
| 6401 |
+
}
|
| 6402 |
+
|
| 6403 |
+
[type="radio"]:checked + span:after,
|
| 6404 |
+
[type="radio"].with-gap:checked + span:before,
|
| 6405 |
+
[type="radio"].with-gap:checked + span:after {
|
| 6406 |
+
border: 2px solid #26a69a;
|
| 6407 |
+
}
|
| 6408 |
+
|
| 6409 |
+
[type="radio"]:checked + span:after,
|
| 6410 |
+
[type="radio"].with-gap:checked + span:after {
|
| 6411 |
+
background-color: #26a69a;
|
| 6412 |
+
}
|
| 6413 |
+
|
| 6414 |
+
[type="radio"]:checked + span:after {
|
| 6415 |
+
-webkit-transform: scale(1.02);
|
| 6416 |
+
transform: scale(1.02);
|
| 6417 |
+
}
|
| 6418 |
+
|
| 6419 |
+
/* Radio With gap */
|
| 6420 |
+
[type="radio"].with-gap:checked + span:after {
|
| 6421 |
+
-webkit-transform: scale(0.5);
|
| 6422 |
+
transform: scale(0.5);
|
| 6423 |
+
}
|
| 6424 |
+
|
| 6425 |
+
/* Focused styles */
|
| 6426 |
+
[type="radio"].tabbed:focus + span:before {
|
| 6427 |
+
-webkit-box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.1);
|
| 6428 |
+
box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.1);
|
| 6429 |
+
}
|
| 6430 |
+
|
| 6431 |
+
/* Disabled Radio With gap */
|
| 6432 |
+
[type="radio"].with-gap:disabled:checked + span:before {
|
| 6433 |
+
border: 2px solid rgba(0, 0, 0, 0.42);
|
| 6434 |
+
}
|
| 6435 |
+
|
| 6436 |
+
[type="radio"].with-gap:disabled:checked + span:after {
|
| 6437 |
+
border: none;
|
| 6438 |
+
background-color: rgba(0, 0, 0, 0.42);
|
| 6439 |
+
}
|
| 6440 |
+
|
| 6441 |
+
/* Disabled style */
|
| 6442 |
+
[type="radio"]:disabled:not(:checked) + span:before,
|
| 6443 |
+
[type="radio"]:disabled:checked + span:before {
|
| 6444 |
+
background-color: transparent;
|
| 6445 |
+
border-color: rgba(0, 0, 0, 0.42);
|
| 6446 |
+
}
|
| 6447 |
+
|
| 6448 |
+
[type="radio"]:disabled + span {
|
| 6449 |
+
color: rgba(0, 0, 0, 0.42);
|
| 6450 |
+
}
|
| 6451 |
+
|
| 6452 |
+
[type="radio"]:disabled:not(:checked) + span:before {
|
| 6453 |
+
border-color: rgba(0, 0, 0, 0.42);
|
| 6454 |
+
}
|
| 6455 |
+
|
| 6456 |
+
[type="radio"]:disabled:checked + span:after {
|
| 6457 |
+
background-color: rgba(0, 0, 0, 0.42);
|
| 6458 |
+
border-color: #949494;
|
| 6459 |
+
}
|
| 6460 |
+
|
| 6461 |
+
/* Checkboxes
|
| 6462 |
+
========================================================================== */
|
| 6463 |
+
/* Remove default checkbox */
|
| 6464 |
+
[type="checkbox"]:not(:checked),
|
| 6465 |
+
[type="checkbox"]:checked {
|
| 6466 |
+
position: absolute;
|
| 6467 |
+
opacity: 0;
|
| 6468 |
+
pointer-events: none;
|
| 6469 |
+
}
|
| 6470 |
+
|
| 6471 |
+
[type="checkbox"] {
|
| 6472 |
+
/* checkbox aspect */
|
| 6473 |
+
}
|
| 6474 |
+
|
| 6475 |
+
[type="checkbox"] + span:not(.lever) {
|
| 6476 |
+
position: relative;
|
| 6477 |
+
padding-left: 35px;
|
| 6478 |
+
cursor: pointer;
|
| 6479 |
+
display: inline-block;
|
| 6480 |
+
height: 25px;
|
| 6481 |
+
line-height: 25px;
|
| 6482 |
+
font-size: 1rem;
|
| 6483 |
+
-webkit-user-select: none;
|
| 6484 |
+
-moz-user-select: none;
|
| 6485 |
+
-ms-user-select: none;
|
| 6486 |
+
user-select: none;
|
| 6487 |
+
}
|
| 6488 |
+
|
| 6489 |
+
[type="checkbox"] + span:not(.lever):before,
|
| 6490 |
+
[type="checkbox"]:not(.filled-in) + span:not(.lever):after {
|
| 6491 |
+
content: '';
|
| 6492 |
+
position: absolute;
|
| 6493 |
+
top: 0;
|
| 6494 |
+
left: 0;
|
| 6495 |
+
width: 18px;
|
| 6496 |
+
height: 18px;
|
| 6497 |
+
z-index: 0;
|
| 6498 |
+
border: 2px solid #5a5a5a;
|
| 6499 |
+
border-radius: 1px;
|
| 6500 |
+
margin-top: 3px;
|
| 6501 |
+
-webkit-transition: .2s;
|
| 6502 |
+
transition: .2s;
|
| 6503 |
+
}
|
| 6504 |
+
|
| 6505 |
+
[type="checkbox"]:not(.filled-in) + span:not(.lever):after {
|
| 6506 |
+
border: 0;
|
| 6507 |
+
-webkit-transform: scale(0);
|
| 6508 |
+
transform: scale(0);
|
| 6509 |
+
}
|
| 6510 |
+
|
| 6511 |
+
[type="checkbox"]:not(:checked):disabled + span:not(.lever):before {
|
| 6512 |
+
border: none;
|
| 6513 |
+
background-color: rgba(0, 0, 0, 0.42);
|
| 6514 |
+
}
|
| 6515 |
+
|
| 6516 |
+
[type="checkbox"].tabbed:focus + span:not(.lever):after {
|
| 6517 |
+
-webkit-transform: scale(1);
|
| 6518 |
+
transform: scale(1);
|
| 6519 |
+
border: 0;
|
| 6520 |
+
border-radius: 50%;
|
| 6521 |
+
-webkit-box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.1);
|
| 6522 |
+
box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.1);
|
| 6523 |
+
background-color: rgba(0, 0, 0, 0.1);
|
| 6524 |
+
}
|
| 6525 |
+
|
| 6526 |
+
[type="checkbox"]:checked + span:not(.lever):before {
|
| 6527 |
+
top: -4px;
|
| 6528 |
+
left: -5px;
|
| 6529 |
+
width: 12px;
|
| 6530 |
+
height: 22px;
|
| 6531 |
+
border-top: 2px solid transparent;
|
| 6532 |
+
border-left: 2px solid transparent;
|
| 6533 |
+
border-right: 2px solid #26a69a;
|
| 6534 |
+
border-bottom: 2px solid #26a69a;
|
| 6535 |
+
-webkit-transform: rotate(40deg);
|
| 6536 |
+
transform: rotate(40deg);
|
| 6537 |
+
-webkit-backface-visibility: hidden;
|
| 6538 |
+
backface-visibility: hidden;
|
| 6539 |
+
-webkit-transform-origin: 100% 100%;
|
| 6540 |
+
transform-origin: 100% 100%;
|
| 6541 |
+
}
|
| 6542 |
+
|
| 6543 |
+
[type="checkbox"]:checked:disabled + span:before {
|
| 6544 |
+
border-right: 2px solid rgba(0, 0, 0, 0.42);
|
| 6545 |
+
border-bottom: 2px solid rgba(0, 0, 0, 0.42);
|
| 6546 |
+
}
|
| 6547 |
+
|
| 6548 |
+
/* Indeterminate checkbox */
|
| 6549 |
+
[type="checkbox"]:indeterminate + span:not(.lever):before {
|
| 6550 |
+
top: -11px;
|
| 6551 |
+
left: -12px;
|
| 6552 |
+
width: 10px;
|
| 6553 |
+
height: 22px;
|
| 6554 |
+
border-top: none;
|
| 6555 |
+
border-left: none;
|
| 6556 |
+
border-right: 2px solid #26a69a;
|
| 6557 |
+
border-bottom: none;
|
| 6558 |
+
-webkit-transform: rotate(90deg);
|
| 6559 |
+
transform: rotate(90deg);
|
| 6560 |
+
-webkit-backface-visibility: hidden;
|
| 6561 |
+
backface-visibility: hidden;
|
| 6562 |
+
-webkit-transform-origin: 100% 100%;
|
| 6563 |
+
transform-origin: 100% 100%;
|
| 6564 |
+
}
|
| 6565 |
+
|
| 6566 |
+
[type="checkbox"]:indeterminate:disabled + span:not(.lever):before {
|
| 6567 |
+
border-right: 2px solid rgba(0, 0, 0, 0.42);
|
| 6568 |
+
background-color: transparent;
|
| 6569 |
+
}
|
| 6570 |
+
|
| 6571 |
+
[type="checkbox"].filled-in + span:not(.lever):after {
|
| 6572 |
+
border-radius: 2px;
|
| 6573 |
+
}
|
| 6574 |
+
|
| 6575 |
+
[type="checkbox"].filled-in + span:not(.lever):before,
|
| 6576 |
+
[type="checkbox"].filled-in + span:not(.lever):after {
|
| 6577 |
+
content: '';
|
| 6578 |
+
left: 0;
|
| 6579 |
+
position: absolute;
|
| 6580 |
+
/* .1s delay is for check animation */
|
| 6581 |
+
-webkit-transition: border .25s, background-color .25s, width .20s .1s, height .20s .1s, top .20s .1s, left .20s .1s;
|
| 6582 |
+
transition: border .25s, background-color .25s, width .20s .1s, height .20s .1s, top .20s .1s, left .20s .1s;
|
| 6583 |
+
z-index: 1;
|
| 6584 |
+
}
|
| 6585 |
+
|
| 6586 |
+
[type="checkbox"].filled-in:not(:checked) + span:not(.lever):before {
|
| 6587 |
+
width: 0;
|
| 6588 |
+
height: 0;
|
| 6589 |
+
border: 3px solid transparent;
|
| 6590 |
+
left: 6px;
|
| 6591 |
+
top: 10px;
|
| 6592 |
+
-webkit-transform: rotateZ(37deg);
|
| 6593 |
+
transform: rotateZ(37deg);
|
| 6594 |
+
-webkit-transform-origin: 100% 100%;
|
| 6595 |
+
transform-origin: 100% 100%;
|
| 6596 |
+
}
|
| 6597 |
+
|
| 6598 |
+
[type="checkbox"].filled-in:not(:checked) + span:not(.lever):after {
|
| 6599 |
+
height: 20px;
|
| 6600 |
+
width: 20px;
|
| 6601 |
+
background-color: transparent;
|
| 6602 |
+
border: 2px solid #5a5a5a;
|
| 6603 |
+
top: 0px;
|
| 6604 |
+
z-index: 0;
|
| 6605 |
+
}
|
| 6606 |
+
|
| 6607 |
+
[type="checkbox"].filled-in:checked + span:not(.lever):before {
|
| 6608 |
+
top: 0;
|
| 6609 |
+
left: 1px;
|
| 6610 |
+
width: 8px;
|
| 6611 |
+
height: 13px;
|
| 6612 |
+
border-top: 2px solid transparent;
|
| 6613 |
+
border-left: 2px solid transparent;
|
| 6614 |
+
border-right: 2px solid #fff;
|
| 6615 |
+
border-bottom: 2px solid #fff;
|
| 6616 |
+
-webkit-transform: rotateZ(37deg);
|
| 6617 |
+
transform: rotateZ(37deg);
|
| 6618 |
+
-webkit-transform-origin: 100% 100%;
|
| 6619 |
+
transform-origin: 100% 100%;
|
| 6620 |
+
}
|
| 6621 |
+
|
| 6622 |
+
[type="checkbox"].filled-in:checked + span:not(.lever):after {
|
| 6623 |
+
top: 0;
|
| 6624 |
+
width: 20px;
|
| 6625 |
+
height: 20px;
|
| 6626 |
+
border: 2px solid #26a69a;
|
| 6627 |
+
background-color: #26a69a;
|
| 6628 |
+
z-index: 0;
|
| 6629 |
+
}
|
| 6630 |
+
|
| 6631 |
+
[type="checkbox"].filled-in.tabbed:focus + span:not(.lever):after {
|
| 6632 |
+
border-radius: 2px;
|
| 6633 |
+
border-color: #5a5a5a;
|
| 6634 |
+
background-color: rgba(0, 0, 0, 0.1);
|
| 6635 |
+
}
|
| 6636 |
+
|
| 6637 |
+
[type="checkbox"].filled-in.tabbed:checked:focus + span:not(.lever):after {
|
| 6638 |
+
border-radius: 2px;
|
| 6639 |
+
background-color: #26a69a;
|
| 6640 |
+
border-color: #26a69a;
|
| 6641 |
+
}
|
| 6642 |
+
|
| 6643 |
+
[type="checkbox"].filled-in:disabled:not(:checked) + span:not(.lever):before {
|
| 6644 |
+
background-color: transparent;
|
| 6645 |
+
border: 2px solid transparent;
|
| 6646 |
+
}
|
| 6647 |
+
|
| 6648 |
+
[type="checkbox"].filled-in:disabled:not(:checked) + span:not(.lever):after {
|
| 6649 |
+
border-color: transparent;
|
| 6650 |
+
background-color: #949494;
|
| 6651 |
+
}
|
| 6652 |
+
|
| 6653 |
+
[type="checkbox"].filled-in:disabled:checked + span:not(.lever):before {
|
| 6654 |
+
background-color: transparent;
|
| 6655 |
+
}
|
| 6656 |
+
|
| 6657 |
+
[type="checkbox"].filled-in:disabled:checked + span:not(.lever):after {
|
| 6658 |
+
background-color: #949494;
|
| 6659 |
+
border-color: #949494;
|
| 6660 |
+
}
|
| 6661 |
+
|
| 6662 |
+
/* Switch
|
| 6663 |
+
========================================================================== */
|
| 6664 |
+
.switch,
|
| 6665 |
+
.switch * {
|
| 6666 |
+
-webkit-tap-highlight-color: transparent;
|
| 6667 |
+
-webkit-user-select: none;
|
| 6668 |
+
-moz-user-select: none;
|
| 6669 |
+
-ms-user-select: none;
|
| 6670 |
+
user-select: none;
|
| 6671 |
+
}
|
| 6672 |
+
|
| 6673 |
+
.switch label {
|
| 6674 |
+
cursor: pointer;
|
| 6675 |
+
}
|
| 6676 |
+
|
| 6677 |
+
.switch label input[type=checkbox] {
|
| 6678 |
+
opacity: 0;
|
| 6679 |
+
width: 0;
|
| 6680 |
+
height: 0;
|
| 6681 |
+
}
|
| 6682 |
+
|
| 6683 |
+
.switch label input[type=checkbox]:checked + .lever {
|
| 6684 |
+
background-color: #84c7c1;
|
| 6685 |
+
}
|
| 6686 |
+
|
| 6687 |
+
.switch label input[type=checkbox]:checked + .lever:before, .switch label input[type=checkbox]:checked + .lever:after {
|
| 6688 |
+
left: 18px;
|
| 6689 |
+
}
|
| 6690 |
+
|
| 6691 |
+
.switch label input[type=checkbox]:checked + .lever:after {
|
| 6692 |
+
background-color: #26a69a;
|
| 6693 |
+
}
|
| 6694 |
+
|
| 6695 |
+
.switch label .lever {
|
| 6696 |
+
content: "";
|
| 6697 |
+
display: inline-block;
|
| 6698 |
+
position: relative;
|
| 6699 |
+
width: 36px;
|
| 6700 |
+
height: 14px;
|
| 6701 |
+
background-color: rgba(0, 0, 0, 0.38);
|
| 6702 |
+
border-radius: 15px;
|
| 6703 |
+
margin-right: 10px;
|
| 6704 |
+
-webkit-transition: background 0.3s ease;
|
| 6705 |
+
transition: background 0.3s ease;
|
| 6706 |
+
vertical-align: middle;
|
| 6707 |
+
margin: 0 16px;
|
| 6708 |
+
}
|
| 6709 |
+
|
| 6710 |
+
.switch label .lever:before, .switch label .lever:after {
|
| 6711 |
+
content: "";
|
| 6712 |
+
position: absolute;
|
| 6713 |
+
display: inline-block;
|
| 6714 |
+
width: 20px;
|
| 6715 |
+
height: 20px;
|
| 6716 |
+
border-radius: 50%;
|
| 6717 |
+
left: 0;
|
| 6718 |
+
top: -3px;
|
| 6719 |
+
-webkit-transition: left 0.3s ease, background .3s ease, -webkit-box-shadow 0.1s ease, -webkit-transform .1s ease;
|
| 6720 |
+
transition: left 0.3s ease, background .3s ease, -webkit-box-shadow 0.1s ease, -webkit-transform .1s ease;
|
| 6721 |
+
transition: left 0.3s ease, background .3s ease, box-shadow 0.1s ease, transform .1s ease;
|
| 6722 |
+
transition: left 0.3s ease, background .3s ease, box-shadow 0.1s ease, transform .1s ease, -webkit-box-shadow 0.1s ease, -webkit-transform .1s ease;
|
| 6723 |
+
}
|
| 6724 |
+
|
| 6725 |
+
.switch label .lever:before {
|
| 6726 |
+
background-color: rgba(38, 166, 154, 0.15);
|
| 6727 |
+
}
|
| 6728 |
+
|
| 6729 |
+
.switch label .lever:after {
|
| 6730 |
+
background-color: #F1F1F1;
|
| 6731 |
+
-webkit-box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
|
| 6732 |
+
box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
|
| 6733 |
+
}
|
| 6734 |
+
|
| 6735 |
+
input[type=checkbox]:checked:not(:disabled) ~ .lever:active::before,
|
| 6736 |
+
input[type=checkbox]:checked:not(:disabled).tabbed:focus ~ .lever::before {
|
| 6737 |
+
-webkit-transform: scale(2.4);
|
| 6738 |
+
transform: scale(2.4);
|
| 6739 |
+
background-color: rgba(38, 166, 154, 0.15);
|
| 6740 |
+
}
|
| 6741 |
+
|
| 6742 |
+
input[type=checkbox]:not(:disabled) ~ .lever:active:before,
|
| 6743 |
+
input[type=checkbox]:not(:disabled).tabbed:focus ~ .lever::before {
|
| 6744 |
+
-webkit-transform: scale(2.4);
|
| 6745 |
+
transform: scale(2.4);
|
| 6746 |
+
background-color: rgba(0, 0, 0, 0.08);
|
| 6747 |
+
}
|
| 6748 |
+
|
| 6749 |
+
.switch input[type=checkbox][disabled] + .lever {
|
| 6750 |
+
cursor: default;
|
| 6751 |
+
background-color: rgba(0, 0, 0, 0.12);
|
| 6752 |
+
}
|
| 6753 |
+
|
| 6754 |
+
.switch label input[type=checkbox][disabled] + .lever:after,
|
| 6755 |
+
.switch label input[type=checkbox][disabled]:checked + .lever:after {
|
| 6756 |
+
background-color: #949494;
|
| 6757 |
+
}
|
| 6758 |
+
|
| 6759 |
+
/* Select Field
|
| 6760 |
+
========================================================================== */
|
| 6761 |
+
select {
|
| 6762 |
+
display: none;
|
| 6763 |
+
}
|
| 6764 |
+
|
| 6765 |
+
select.browser-default {
|
| 6766 |
+
display: block;
|
| 6767 |
+
}
|
| 6768 |
+
|
| 6769 |
+
select {
|
| 6770 |
+
background-color: rgba(255, 255, 255, 0.9);
|
| 6771 |
+
width: 100%;
|
| 6772 |
+
padding: 5px;
|
| 6773 |
+
border: 1px solid #f2f2f2;
|
| 6774 |
+
border-radius: 2px;
|
| 6775 |
+
height: 3rem;
|
| 6776 |
+
}
|
| 6777 |
+
|
| 6778 |
+
.select-label {
|
| 6779 |
+
position: absolute;
|
| 6780 |
+
}
|
| 6781 |
+
|
| 6782 |
+
.select-wrapper {
|
| 6783 |
+
position: relative;
|
| 6784 |
+
}
|
| 6785 |
+
|
| 6786 |
+
.select-wrapper.valid + label,
|
| 6787 |
+
.select-wrapper.invalid + label {
|
| 6788 |
+
width: 100%;
|
| 6789 |
+
pointer-events: none;
|
| 6790 |
+
}
|
| 6791 |
+
|
| 6792 |
+
.select-wrapper input.select-dropdown {
|
| 6793 |
+
position: relative;
|
| 6794 |
+
cursor: pointer;
|
| 6795 |
+
background-color: transparent;
|
| 6796 |
+
border: none;
|
| 6797 |
+
border-bottom: 1px solid #9e9e9e;
|
| 6798 |
+
outline: none;
|
| 6799 |
+
height: 3rem;
|
| 6800 |
+
line-height: 3rem;
|
| 6801 |
+
width: 100%;
|
| 6802 |
+
font-size: 16px;
|
| 6803 |
+
margin: 0 0 8px 0;
|
| 6804 |
+
padding: 0;
|
| 6805 |
+
display: block;
|
| 6806 |
+
-webkit-user-select: none;
|
| 6807 |
+
-moz-user-select: none;
|
| 6808 |
+
-ms-user-select: none;
|
| 6809 |
+
user-select: none;
|
| 6810 |
+
z-index: 1;
|
| 6811 |
+
}
|
| 6812 |
+
|
| 6813 |
+
.select-wrapper input.select-dropdown:focus {
|
| 6814 |
+
border-bottom: 1px solid #26a69a;
|
| 6815 |
+
}
|
| 6816 |
+
|
| 6817 |
+
.select-wrapper .caret {
|
| 6818 |
+
position: absolute;
|
| 6819 |
+
right: 0;
|
| 6820 |
+
top: 0;
|
| 6821 |
+
bottom: 0;
|
| 6822 |
+
margin: auto 0;
|
| 6823 |
+
z-index: 0;
|
| 6824 |
+
fill: rgba(0, 0, 0, 0.87);
|
| 6825 |
+
}
|
| 6826 |
+
|
| 6827 |
+
.select-wrapper + label {
|
| 6828 |
+
position: absolute;
|
| 6829 |
+
top: -26px;
|
| 6830 |
+
font-size: 0.8rem;
|
| 6831 |
+
}
|
| 6832 |
+
|
| 6833 |
+
select:disabled {
|
| 6834 |
+
color: rgba(0, 0, 0, 0.42);
|
| 6835 |
+
}
|
| 6836 |
+
|
| 6837 |
+
.select-wrapper.disabled + label {
|
| 6838 |
+
color: rgba(0, 0, 0, 0.42);
|
| 6839 |
+
}
|
| 6840 |
+
|
| 6841 |
+
.select-wrapper.disabled .caret {
|
| 6842 |
+
fill: rgba(0, 0, 0, 0.42);
|
| 6843 |
+
}
|
| 6844 |
+
|
| 6845 |
+
.select-wrapper input.select-dropdown:disabled {
|
| 6846 |
+
color: rgba(0, 0, 0, 0.42);
|
| 6847 |
+
cursor: default;
|
| 6848 |
+
-webkit-user-select: none;
|
| 6849 |
+
-moz-user-select: none;
|
| 6850 |
+
-ms-user-select: none;
|
| 6851 |
+
user-select: none;
|
| 6852 |
+
}
|
| 6853 |
+
|
| 6854 |
+
.select-wrapper i {
|
| 6855 |
+
color: rgba(0, 0, 0, 0.3);
|
| 6856 |
+
}
|
| 6857 |
+
|
| 6858 |
+
.select-dropdown li.disabled,
|
| 6859 |
+
.select-dropdown li.disabled > span,
|
| 6860 |
+
.select-dropdown li.optgroup {
|
| 6861 |
+
color: rgba(0, 0, 0, 0.3);
|
| 6862 |
+
background-color: transparent;
|
| 6863 |
+
}
|
| 6864 |
+
|
| 6865 |
+
body.keyboard-focused .select-dropdown.dropdown-content li:focus {
|
| 6866 |
+
background-color: rgba(0, 0, 0, 0.08);
|
| 6867 |
+
}
|
| 6868 |
+
|
| 6869 |
+
.select-dropdown.dropdown-content li:hover {
|
| 6870 |
+
background-color: rgba(0, 0, 0, 0.08);
|
| 6871 |
+
}
|
| 6872 |
+
|
| 6873 |
+
.select-dropdown.dropdown-content li.selected {
|
| 6874 |
+
background-color: rgba(0, 0, 0, 0.03);
|
| 6875 |
+
}
|
| 6876 |
+
|
| 6877 |
+
.prefix ~ .select-wrapper {
|
| 6878 |
+
margin-left: 3rem;
|
| 6879 |
+
width: 92%;
|
| 6880 |
+
width: calc(100% - 3rem);
|
| 6881 |
+
}
|
| 6882 |
+
|
| 6883 |
+
.prefix ~ label {
|
| 6884 |
+
margin-left: 3rem;
|
| 6885 |
+
}
|
| 6886 |
+
|
| 6887 |
+
.select-dropdown li img {
|
| 6888 |
+
height: 40px;
|
| 6889 |
+
width: 40px;
|
| 6890 |
+
margin: 5px 15px;
|
| 6891 |
+
float: right;
|
| 6892 |
+
}
|
| 6893 |
+
|
| 6894 |
+
.select-dropdown li.optgroup {
|
| 6895 |
+
border-top: 1px solid #eee;
|
| 6896 |
+
}
|
| 6897 |
+
|
| 6898 |
+
.select-dropdown li.optgroup.selected > span {
|
| 6899 |
+
color: rgba(0, 0, 0, 0.7);
|
| 6900 |
+
}
|
| 6901 |
+
|
| 6902 |
+
.select-dropdown li.optgroup > span {
|
| 6903 |
+
color: rgba(0, 0, 0, 0.4);
|
| 6904 |
+
}
|
| 6905 |
+
|
| 6906 |
+
.select-dropdown li.optgroup ~ li.optgroup-option {
|
| 6907 |
+
padding-left: 1rem;
|
| 6908 |
+
}
|
| 6909 |
+
|
| 6910 |
+
/* File Input
|
| 6911 |
+
========================================================================== */
|
| 6912 |
+
.file-field {
|
| 6913 |
+
position: relative;
|
| 6914 |
+
}
|
| 6915 |
+
|
| 6916 |
+
.file-field .file-path-wrapper {
|
| 6917 |
+
overflow: hidden;
|
| 6918 |
+
padding-left: 10px;
|
| 6919 |
+
}
|
| 6920 |
+
|
| 6921 |
+
.file-field input.file-path {
|
| 6922 |
+
width: 100%;
|
| 6923 |
+
}
|
| 6924 |
+
|
| 6925 |
+
.file-field .btn, .file-field .btn-large, .file-field .btn-small {
|
| 6926 |
+
float: left;
|
| 6927 |
+
height: 3rem;
|
| 6928 |
+
line-height: 3rem;
|
| 6929 |
+
}
|
| 6930 |
+
|
| 6931 |
+
.file-field span {
|
| 6932 |
+
cursor: pointer;
|
| 6933 |
+
}
|
| 6934 |
+
|
| 6935 |
+
.file-field input[type=file] {
|
| 6936 |
+
position: absolute;
|
| 6937 |
+
top: 0;
|
| 6938 |
+
right: 0;
|
| 6939 |
+
left: 0;
|
| 6940 |
+
bottom: 0;
|
| 6941 |
+
width: 100%;
|
| 6942 |
+
margin: 0;
|
| 6943 |
+
padding: 0;
|
| 6944 |
+
font-size: 20px;
|
| 6945 |
+
cursor: pointer;
|
| 6946 |
+
opacity: 0;
|
| 6947 |
+
filter: alpha(opacity=0);
|
| 6948 |
+
}
|
| 6949 |
+
|
| 6950 |
+
.file-field input[type=file]::-webkit-file-upload-button {
|
| 6951 |
+
display: none;
|
| 6952 |
+
}
|
| 6953 |
+
|
| 6954 |
+
/* Range
|
| 6955 |
+
========================================================================== */
|
| 6956 |
+
.range-field {
|
| 6957 |
+
position: relative;
|
| 6958 |
+
}
|
| 6959 |
+
|
| 6960 |
+
input[type=range],
|
| 6961 |
+
input[type=range] + .thumb {
|
| 6962 |
+
cursor: pointer;
|
| 6963 |
+
}
|
| 6964 |
+
|
| 6965 |
+
input[type=range] {
|
| 6966 |
+
position: relative;
|
| 6967 |
+
background-color: transparent;
|
| 6968 |
+
border: none;
|
| 6969 |
+
outline: none;
|
| 6970 |
+
width: 100%;
|
| 6971 |
+
margin: 15px 0;
|
| 6972 |
+
padding: 0;
|
| 6973 |
+
}
|
| 6974 |
+
|
| 6975 |
+
input[type=range]:focus {
|
| 6976 |
+
outline: none;
|
| 6977 |
+
}
|
| 6978 |
+
|
| 6979 |
+
input[type=range] + .thumb {
|
| 6980 |
+
position: absolute;
|
| 6981 |
+
top: 10px;
|
| 6982 |
+
left: 0;
|
| 6983 |
+
border: none;
|
| 6984 |
+
height: 0;
|
| 6985 |
+
width: 0;
|
| 6986 |
+
border-radius: 50%;
|
| 6987 |
+
background-color: #26a69a;
|
| 6988 |
+
margin-left: 7px;
|
| 6989 |
+
-webkit-transform-origin: 50% 50%;
|
| 6990 |
+
transform-origin: 50% 50%;
|
| 6991 |
+
-webkit-transform: rotate(-45deg);
|
| 6992 |
+
transform: rotate(-45deg);
|
| 6993 |
+
}
|
| 6994 |
+
|
| 6995 |
+
input[type=range] + .thumb .value {
|
| 6996 |
+
display: block;
|
| 6997 |
+
width: 30px;
|
| 6998 |
+
text-align: center;
|
| 6999 |
+
color: #26a69a;
|
| 7000 |
+
font-size: 0;
|
| 7001 |
+
-webkit-transform: rotate(45deg);
|
| 7002 |
+
transform: rotate(45deg);
|
| 7003 |
+
}
|
| 7004 |
+
|
| 7005 |
+
input[type=range] + .thumb.active {
|
| 7006 |
+
border-radius: 50% 50% 50% 0;
|
| 7007 |
+
}
|
| 7008 |
+
|
| 7009 |
+
input[type=range] + .thumb.active .value {
|
| 7010 |
+
color: #fff;
|
| 7011 |
+
margin-left: -1px;
|
| 7012 |
+
margin-top: 8px;
|
| 7013 |
+
font-size: 10px;
|
| 7014 |
+
}
|
| 7015 |
+
|
| 7016 |
+
input[type=range] {
|
| 7017 |
+
-webkit-appearance: none;
|
| 7018 |
+
}
|
| 7019 |
+
|
| 7020 |
+
input[type=range]::-webkit-slider-runnable-track {
|
| 7021 |
+
height: 3px;
|
| 7022 |
+
background: #c2c0c2;
|
| 7023 |
+
border: none;
|
| 7024 |
+
}
|
| 7025 |
+
|
| 7026 |
+
input[type=range]::-webkit-slider-thumb {
|
| 7027 |
+
border: none;
|
| 7028 |
+
height: 14px;
|
| 7029 |
+
width: 14px;
|
| 7030 |
+
border-radius: 50%;
|
| 7031 |
+
background: #26a69a;
|
| 7032 |
+
-webkit-transition: -webkit-box-shadow .3s;
|
| 7033 |
+
transition: -webkit-box-shadow .3s;
|
| 7034 |
+
transition: box-shadow .3s;
|
| 7035 |
+
transition: box-shadow .3s, -webkit-box-shadow .3s;
|
| 7036 |
+
-webkit-appearance: none;
|
| 7037 |
+
background-color: #26a69a;
|
| 7038 |
+
-webkit-transform-origin: 50% 50%;
|
| 7039 |
+
transform-origin: 50% 50%;
|
| 7040 |
+
margin: -5px 0 0 0;
|
| 7041 |
+
}
|
| 7042 |
+
|
| 7043 |
+
.keyboard-focused input[type=range]:focus:not(.active)::-webkit-slider-thumb {
|
| 7044 |
+
-webkit-box-shadow: 0 0 0 10px rgba(38, 166, 154, 0.26);
|
| 7045 |
+
box-shadow: 0 0 0 10px rgba(38, 166, 154, 0.26);
|
| 7046 |
+
}
|
| 7047 |
+
|
| 7048 |
+
input[type=range] {
|
| 7049 |
+
/* fix for FF unable to apply focus style bug */
|
| 7050 |
+
border: 1px solid white;
|
| 7051 |
+
/*required for proper track sizing in FF*/
|
| 7052 |
+
}
|
| 7053 |
+
|
| 7054 |
+
input[type=range]::-moz-range-track {
|
| 7055 |
+
height: 3px;
|
| 7056 |
+
background: #c2c0c2;
|
| 7057 |
+
border: none;
|
| 7058 |
+
}
|
| 7059 |
+
|
| 7060 |
+
input[type=range]::-moz-focus-inner {
|
| 7061 |
+
border: 0;
|
| 7062 |
+
}
|
| 7063 |
+
|
| 7064 |
+
input[type=range]::-moz-range-thumb {
|
| 7065 |
+
border: none;
|
| 7066 |
+
height: 14px;
|
| 7067 |
+
width: 14px;
|
| 7068 |
+
border-radius: 50%;
|
| 7069 |
+
background: #26a69a;
|
| 7070 |
+
-webkit-transition: -webkit-box-shadow .3s;
|
| 7071 |
+
transition: -webkit-box-shadow .3s;
|
| 7072 |
+
transition: box-shadow .3s;
|
| 7073 |
+
transition: box-shadow .3s, -webkit-box-shadow .3s;
|
| 7074 |
+
margin-top: -5px;
|
| 7075 |
+
}
|
| 7076 |
+
|
| 7077 |
+
input[type=range]:-moz-focusring {
|
| 7078 |
+
outline: 1px solid #fff;
|
| 7079 |
+
outline-offset: -1px;
|
| 7080 |
+
}
|
| 7081 |
+
|
| 7082 |
+
.keyboard-focused input[type=range]:focus:not(.active)::-moz-range-thumb {
|
| 7083 |
+
box-shadow: 0 0 0 10px rgba(38, 166, 154, 0.26);
|
| 7084 |
+
}
|
| 7085 |
+
|
| 7086 |
+
input[type=range]::-ms-track {
|
| 7087 |
+
height: 3px;
|
| 7088 |
+
background: transparent;
|
| 7089 |
+
border-color: transparent;
|
| 7090 |
+
border-width: 6px 0;
|
| 7091 |
+
/*remove default tick marks*/
|
| 7092 |
+
color: transparent;
|
| 7093 |
+
}
|
| 7094 |
+
|
| 7095 |
+
input[type=range]::-ms-fill-lower {
|
| 7096 |
+
background: #777;
|
| 7097 |
+
}
|
| 7098 |
+
|
| 7099 |
+
input[type=range]::-ms-fill-upper {
|
| 7100 |
+
background: #ddd;
|
| 7101 |
+
}
|
| 7102 |
+
|
| 7103 |
+
input[type=range]::-ms-thumb {
|
| 7104 |
+
border: none;
|
| 7105 |
+
height: 14px;
|
| 7106 |
+
width: 14px;
|
| 7107 |
+
border-radius: 50%;
|
| 7108 |
+
background: #26a69a;
|
| 7109 |
+
-webkit-transition: -webkit-box-shadow .3s;
|
| 7110 |
+
transition: -webkit-box-shadow .3s;
|
| 7111 |
+
transition: box-shadow .3s;
|
| 7112 |
+
transition: box-shadow .3s, -webkit-box-shadow .3s;
|
| 7113 |
+
}
|
| 7114 |
+
|
| 7115 |
+
.keyboard-focused input[type=range]:focus:not(.active)::-ms-thumb {
|
| 7116 |
+
box-shadow: 0 0 0 10px rgba(38, 166, 154, 0.26);
|
| 7117 |
+
}
|
| 7118 |
+
|
| 7119 |
+
/***************
|
| 7120 |
+
Nav List
|
| 7121 |
+
***************/
|
| 7122 |
+
.table-of-contents.fixed {
|
| 7123 |
+
position: fixed;
|
| 7124 |
+
}
|
| 7125 |
+
|
| 7126 |
+
.table-of-contents li {
|
| 7127 |
+
padding: 2px 0;
|
| 7128 |
+
}
|
| 7129 |
+
|
| 7130 |
+
.table-of-contents a {
|
| 7131 |
+
display: inline-block;
|
| 7132 |
+
font-weight: 300;
|
| 7133 |
+
color: #757575;
|
| 7134 |
+
padding-left: 16px;
|
| 7135 |
+
height: 1.5rem;
|
| 7136 |
+
line-height: 1.5rem;
|
| 7137 |
+
letter-spacing: .4;
|
| 7138 |
+
display: inline-block;
|
| 7139 |
+
}
|
| 7140 |
+
|
| 7141 |
+
.table-of-contents a:hover {
|
| 7142 |
+
color: #a8a8a8;
|
| 7143 |
+
padding-left: 15px;
|
| 7144 |
+
border-left: 1px solid #ee6e73;
|
| 7145 |
+
}
|
| 7146 |
+
|
| 7147 |
+
.table-of-contents a.active {
|
| 7148 |
+
font-weight: 500;
|
| 7149 |
+
padding-left: 14px;
|
| 7150 |
+
border-left: 2px solid #ee6e73;
|
| 7151 |
+
}
|
| 7152 |
+
|
| 7153 |
+
.sidenav {
|
| 7154 |
+
position: fixed;
|
| 7155 |
+
width: 300px;
|
| 7156 |
+
left: 0;
|
| 7157 |
+
top: 0;
|
| 7158 |
+
margin: 0;
|
| 7159 |
+
-webkit-transform: translateX(-100%);
|
| 7160 |
+
transform: translateX(-100%);
|
| 7161 |
+
height: 100%;
|
| 7162 |
+
height: calc(100% + 60px);
|
| 7163 |
+
height: -moz-calc(100%);
|
| 7164 |
+
padding-bottom: 60px;
|
| 7165 |
+
background-color: #fff;
|
| 7166 |
+
z-index: 999;
|
| 7167 |
+
overflow-y: auto;
|
| 7168 |
+
will-change: transform;
|
| 7169 |
+
-webkit-backface-visibility: hidden;
|
| 7170 |
+
backface-visibility: hidden;
|
| 7171 |
+
-webkit-transform: translateX(-105%);
|
| 7172 |
+
transform: translateX(-105%);
|
| 7173 |
+
}
|
| 7174 |
+
|
| 7175 |
+
.sidenav.right-aligned {
|
| 7176 |
+
right: 0;
|
| 7177 |
+
-webkit-transform: translateX(105%);
|
| 7178 |
+
transform: translateX(105%);
|
| 7179 |
+
left: auto;
|
| 7180 |
+
-webkit-transform: translateX(100%);
|
| 7181 |
+
transform: translateX(100%);
|
| 7182 |
+
}
|
| 7183 |
+
|
| 7184 |
+
.sidenav .collapsible {
|
| 7185 |
+
margin: 0;
|
| 7186 |
+
}
|
| 7187 |
+
|
| 7188 |
+
.sidenav li {
|
| 7189 |
+
float: none;
|
| 7190 |
+
line-height: 48px;
|
| 7191 |
+
}
|
| 7192 |
+
|
| 7193 |
+
.sidenav li.active {
|
| 7194 |
+
background-color: rgba(0, 0, 0, 0.05);
|
| 7195 |
+
}
|
| 7196 |
+
|
| 7197 |
+
.sidenav li > a {
|
| 7198 |
+
color: rgba(0, 0, 0, 0.87);
|
| 7199 |
+
display: block;
|
| 7200 |
+
font-size: 14px;
|
| 7201 |
+
font-weight: 500;
|
| 7202 |
+
height: 48px;
|
| 7203 |
+
line-height: 48px;
|
| 7204 |
+
padding: 0 32px;
|
| 7205 |
+
}
|
| 7206 |
+
|
| 7207 |
+
.sidenav li > a:hover {
|
| 7208 |
+
background-color: rgba(0, 0, 0, 0.05);
|
| 7209 |
+
}
|
| 7210 |
+
|
| 7211 |
+
.sidenav li > a.btn, .sidenav li > a.btn-large, .sidenav li > a.btn-small, .sidenav li > a.btn-large, .sidenav li > a.btn-flat, .sidenav li > a.btn-floating {
|
| 7212 |
+
margin: 10px 15px;
|
| 7213 |
+
}
|
| 7214 |
+
|
| 7215 |
+
.sidenav li > a.btn, .sidenav li > a.btn-large, .sidenav li > a.btn-small, .sidenav li > a.btn-large, .sidenav li > a.btn-floating {
|
| 7216 |
+
color: #fff;
|
| 7217 |
+
}
|
| 7218 |
+
|
| 7219 |
+
.sidenav li > a.btn-flat {
|
| 7220 |
+
color: #343434;
|
| 7221 |
+
}
|
| 7222 |
+
|
| 7223 |
+
.sidenav li > a.btn:hover, .sidenav li > a.btn-large:hover, .sidenav li > a.btn-small:hover, .sidenav li > a.btn-large:hover {
|
| 7224 |
+
background-color: #2bbbad;
|
| 7225 |
+
}
|
| 7226 |
+
|
| 7227 |
+
.sidenav li > a.btn-floating:hover {
|
| 7228 |
+
background-color: #26a69a;
|
| 7229 |
+
}
|
| 7230 |
+
|
| 7231 |
+
.sidenav li > a > i,
|
| 7232 |
+
.sidenav li > a > [class^="mdi-"], .sidenav li > a li > a > [class*="mdi-"],
|
| 7233 |
+
.sidenav li > a > i.material-icons {
|
| 7234 |
+
float: left;
|
| 7235 |
+
height: 48px;
|
| 7236 |
+
line-height: 48px;
|
| 7237 |
+
margin: 0 32px 0 0;
|
| 7238 |
+
width: 24px;
|
| 7239 |
+
color: rgba(0, 0, 0, 0.54);
|
| 7240 |
+
}
|
| 7241 |
+
|
| 7242 |
+
.sidenav .divider {
|
| 7243 |
+
margin: 8px 0 0 0;
|
| 7244 |
+
}
|
| 7245 |
+
|
| 7246 |
+
.sidenav .subheader {
|
| 7247 |
+
cursor: initial;
|
| 7248 |
+
pointer-events: none;
|
| 7249 |
+
color: rgba(0, 0, 0, 0.54);
|
| 7250 |
+
font-size: 14px;
|
| 7251 |
+
font-weight: 500;
|
| 7252 |
+
line-height: 48px;
|
| 7253 |
+
}
|
| 7254 |
+
|
| 7255 |
+
.sidenav .subheader:hover {
|
| 7256 |
+
background-color: transparent;
|
| 7257 |
+
}
|
| 7258 |
+
|
| 7259 |
+
.sidenav .user-view {
|
| 7260 |
+
position: relative;
|
| 7261 |
+
padding: 32px 32px 0;
|
| 7262 |
+
margin-bottom: 8px;
|
| 7263 |
+
}
|
| 7264 |
+
|
| 7265 |
+
.sidenav .user-view > a {
|
| 7266 |
+
height: auto;
|
| 7267 |
+
padding: 0;
|
| 7268 |
+
}
|
| 7269 |
+
|
| 7270 |
+
.sidenav .user-view > a:hover {
|
| 7271 |
+
background-color: transparent;
|
| 7272 |
+
}
|
| 7273 |
+
|
| 7274 |
+
.sidenav .user-view .background {
|
| 7275 |
+
overflow: hidden;
|
| 7276 |
+
position: absolute;
|
| 7277 |
+
top: 0;
|
| 7278 |
+
right: 0;
|
| 7279 |
+
bottom: 0;
|
| 7280 |
+
left: 0;
|
| 7281 |
+
z-index: -1;
|
| 7282 |
+
}
|
| 7283 |
+
|
| 7284 |
+
.sidenav .user-view .circle, .sidenav .user-view .name, .sidenav .user-view .email {
|
| 7285 |
+
display: block;
|
| 7286 |
+
}
|
| 7287 |
+
|
| 7288 |
+
.sidenav .user-view .circle {
|
| 7289 |
+
height: 64px;
|
| 7290 |
+
width: 64px;
|
| 7291 |
+
}
|
| 7292 |
+
|
| 7293 |
+
.sidenav .user-view .name,
|
| 7294 |
+
.sidenav .user-view .email {
|
| 7295 |
+
font-size: 14px;
|
| 7296 |
+
line-height: 24px;
|
| 7297 |
+
}
|
| 7298 |
+
|
| 7299 |
+
.sidenav .user-view .name {
|
| 7300 |
+
margin-top: 16px;
|
| 7301 |
+
font-weight: 500;
|
| 7302 |
+
}
|
| 7303 |
+
|
| 7304 |
+
.sidenav .user-view .email {
|
| 7305 |
+
padding-bottom: 16px;
|
| 7306 |
+
font-weight: 400;
|
| 7307 |
+
}
|
| 7308 |
+
|
| 7309 |
+
.drag-target {
|
| 7310 |
+
height: 100%;
|
| 7311 |
+
width: 10px;
|
| 7312 |
+
position: fixed;
|
| 7313 |
+
top: 0;
|
| 7314 |
+
z-index: 998;
|
| 7315 |
+
}
|
| 7316 |
+
|
| 7317 |
+
.drag-target.right-aligned {
|
| 7318 |
+
right: 0;
|
| 7319 |
+
}
|
| 7320 |
+
|
| 7321 |
+
.sidenav.sidenav-fixed {
|
| 7322 |
+
left: 0;
|
| 7323 |
+
-webkit-transform: translateX(0);
|
| 7324 |
+
transform: translateX(0);
|
| 7325 |
+
position: fixed;
|
| 7326 |
+
}
|
| 7327 |
+
|
| 7328 |
+
.sidenav.sidenav-fixed.right-aligned {
|
| 7329 |
+
right: 0;
|
| 7330 |
+
left: auto;
|
| 7331 |
+
}
|
| 7332 |
+
|
| 7333 |
+
@media only screen and (max-width: 992px) {
|
| 7334 |
+
.sidenav.sidenav-fixed {
|
| 7335 |
+
-webkit-transform: translateX(-105%);
|
| 7336 |
+
transform: translateX(-105%);
|
| 7337 |
+
}
|
| 7338 |
+
.sidenav.sidenav-fixed.right-aligned {
|
| 7339 |
+
-webkit-transform: translateX(105%);
|
| 7340 |
+
transform: translateX(105%);
|
| 7341 |
+
}
|
| 7342 |
+
.sidenav > a {
|
| 7343 |
+
padding: 0 16px;
|
| 7344 |
+
}
|
| 7345 |
+
.sidenav .user-view {
|
| 7346 |
+
padding: 16px 16px 0;
|
| 7347 |
+
}
|
| 7348 |
+
}
|
| 7349 |
+
|
| 7350 |
+
.sidenav .collapsible-body > ul:not(.collapsible) > li.active,
|
| 7351 |
+
.sidenav.sidenav-fixed .collapsible-body > ul:not(.collapsible) > li.active {
|
| 7352 |
+
background-color: #ee6e73;
|
| 7353 |
+
}
|
| 7354 |
+
|
| 7355 |
+
.sidenav .collapsible-body > ul:not(.collapsible) > li.active a,
|
| 7356 |
+
.sidenav.sidenav-fixed .collapsible-body > ul:not(.collapsible) > li.active a {
|
| 7357 |
+
color: #fff;
|
| 7358 |
+
}
|
| 7359 |
+
|
| 7360 |
+
.sidenav .collapsible-body {
|
| 7361 |
+
padding: 0;
|
| 7362 |
+
}
|
| 7363 |
+
|
| 7364 |
+
.sidenav-overlay {
|
| 7365 |
+
position: fixed;
|
| 7366 |
+
top: 0;
|
| 7367 |
+
left: 0;
|
| 7368 |
+
right: 0;
|
| 7369 |
+
opacity: 0;
|
| 7370 |
+
height: 120vh;
|
| 7371 |
+
background-color: rgba(0, 0, 0, 0.5);
|
| 7372 |
+
z-index: 997;
|
| 7373 |
+
display: none;
|
| 7374 |
+
}
|
| 7375 |
+
|
| 7376 |
+
/*
|
| 7377 |
+
@license
|
| 7378 |
+
Copyright (c) 2014 The Polymer Project Authors. All rights reserved.
|
| 7379 |
+
This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
|
| 7380 |
+
The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
|
| 7381 |
+
The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
|
| 7382 |
+
Code distributed by Google as part of the polymer project is also
|
| 7383 |
+
subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
|
| 7384 |
+
*/
|
| 7385 |
+
/**************************/
|
| 7386 |
+
/* STYLES FOR THE SPINNER */
|
| 7387 |
+
/**************************/
|
| 7388 |
+
/*
|
| 7389 |
+
* Constants:
|
| 7390 |
+
* STROKEWIDTH = 3px
|
| 7391 |
+
* ARCSIZE = 270 degrees (amount of circle the arc takes up)
|
| 7392 |
+
* ARCTIME = 1333ms (time it takes to expand and contract arc)
|
| 7393 |
+
* ARCSTARTROT = 216 degrees (how much the start location of the arc
|
| 7394 |
+
* should rotate each time, 216 gives us a
|
| 7395 |
+
* 5 pointed star shape (it's 360/5 * 3).
|
| 7396 |
+
* For a 7 pointed star, we might do
|
| 7397 |
+
* 360/7 * 3 = 154.286)
|
| 7398 |
+
* CONTAINERWIDTH = 28px
|
| 7399 |
+
* SHRINK_TIME = 400ms
|
| 7400 |
+
*/
|
| 7401 |
+
.preloader-wrapper {
|
| 7402 |
+
display: inline-block;
|
| 7403 |
+
position: relative;
|
| 7404 |
+
width: 50px;
|
| 7405 |
+
height: 50px;
|
| 7406 |
+
}
|
| 7407 |
+
|
| 7408 |
+
.preloader-wrapper.small {
|
| 7409 |
+
width: 36px;
|
| 7410 |
+
height: 36px;
|
| 7411 |
+
}
|
| 7412 |
+
|
| 7413 |
+
.preloader-wrapper.big {
|
| 7414 |
+
width: 64px;
|
| 7415 |
+
height: 64px;
|
| 7416 |
+
}
|
| 7417 |
+
|
| 7418 |
+
.preloader-wrapper.active {
|
| 7419 |
+
/* duration: 360 * ARCTIME / (ARCSTARTROT + (360-ARCSIZE)) */
|
| 7420 |
+
-webkit-animation: container-rotate 1568ms linear infinite;
|
| 7421 |
+
animation: container-rotate 1568ms linear infinite;
|
| 7422 |
+
}
|
| 7423 |
+
|
| 7424 |
+
@-webkit-keyframes container-rotate {
|
| 7425 |
+
to {
|
| 7426 |
+
-webkit-transform: rotate(360deg);
|
| 7427 |
+
}
|
| 7428 |
+
}
|
| 7429 |
+
|
| 7430 |
+
@keyframes container-rotate {
|
| 7431 |
+
to {
|
| 7432 |
+
-webkit-transform: rotate(360deg);
|
| 7433 |
+
transform: rotate(360deg);
|
| 7434 |
+
}
|
| 7435 |
+
}
|
| 7436 |
+
|
| 7437 |
+
.spinner-layer {
|
| 7438 |
+
position: absolute;
|
| 7439 |
+
width: 100%;
|
| 7440 |
+
height: 100%;
|
| 7441 |
+
opacity: 0;
|
| 7442 |
+
border-color: #26a69a;
|
| 7443 |
+
}
|
| 7444 |
+
|
| 7445 |
+
.spinner-blue,
|
| 7446 |
+
.spinner-blue-only {
|
| 7447 |
+
border-color: #4285f4;
|
| 7448 |
+
}
|
| 7449 |
+
|
| 7450 |
+
.spinner-red,
|
| 7451 |
+
.spinner-red-only {
|
| 7452 |
+
border-color: #db4437;
|
| 7453 |
+
}
|
| 7454 |
+
|
| 7455 |
+
.spinner-yellow,
|
| 7456 |
+
.spinner-yellow-only {
|
| 7457 |
+
border-color: #f4b400;
|
| 7458 |
+
}
|
| 7459 |
+
|
| 7460 |
+
.spinner-green,
|
| 7461 |
+
.spinner-green-only {
|
| 7462 |
+
border-color: #0f9d58;
|
| 7463 |
+
}
|
| 7464 |
+
|
| 7465 |
+
/**
|
| 7466 |
+
* IMPORTANT NOTE ABOUT CSS ANIMATION PROPERTIES (keanulee):
|
| 7467 |
+
*
|
| 7468 |
+
* iOS Safari (tested on iOS 8.1) does not handle animation-delay very well - it doesn't
|
| 7469 |
+
* guarantee that the animation will start _exactly_ after that value. So we avoid using
|
| 7470 |
+
* animation-delay and instead set custom keyframes for each color (as redundant as it
|
| 7471 |
+
* seems).
|
| 7472 |
+
*
|
| 7473 |
+
* We write out each animation in full (instead of separating animation-name,
|
| 7474 |
+
* animation-duration, etc.) because under the polyfill, Safari does not recognize those
|
| 7475 |
+
* specific properties properly, treats them as -webkit-animation, and overrides the
|
| 7476 |
+
* other animation rules. See https://github.com/Polymer/platform/issues/53.
|
| 7477 |
+
*/
|
| 7478 |
+
.active .spinner-layer.spinner-blue {
|
| 7479 |
+
/* durations: 4 * ARCTIME */
|
| 7480 |
+
-webkit-animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, blue-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
|
| 7481 |
+
animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, blue-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
|
| 7482 |
+
}
|
| 7483 |
+
|
| 7484 |
+
.active .spinner-layer.spinner-red {
|
| 7485 |
+
/* durations: 4 * ARCTIME */
|
| 7486 |
+
-webkit-animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, red-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
|
| 7487 |
+
animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, red-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
|
| 7488 |
+
}
|
| 7489 |
+
|
| 7490 |
+
.active .spinner-layer.spinner-yellow {
|
| 7491 |
+
/* durations: 4 * ARCTIME */
|
| 7492 |
+
-webkit-animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, yellow-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
|
| 7493 |
+
animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, yellow-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
|
| 7494 |
+
}
|
| 7495 |
+
|
| 7496 |
+
.active .spinner-layer.spinner-green {
|
| 7497 |
+
/* durations: 4 * ARCTIME */
|
| 7498 |
+
-webkit-animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, green-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
|
| 7499 |
+
animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, green-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
|
| 7500 |
+
}
|
| 7501 |
+
|
| 7502 |
+
.active .spinner-layer,
|
| 7503 |
+
.active .spinner-layer.spinner-blue-only,
|
| 7504 |
+
.active .spinner-layer.spinner-red-only,
|
| 7505 |
+
.active .spinner-layer.spinner-yellow-only,
|
| 7506 |
+
.active .spinner-layer.spinner-green-only {
|
| 7507 |
+
/* durations: 4 * ARCTIME */
|
| 7508 |
+
opacity: 1;
|
| 7509 |
+
-webkit-animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
|
| 7510 |
+
animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
|
| 7511 |
+
}
|
| 7512 |
+
|
| 7513 |
+
@-webkit-keyframes fill-unfill-rotate {
|
| 7514 |
+
12.5% {
|
| 7515 |
+
-webkit-transform: rotate(135deg);
|
| 7516 |
+
}
|
| 7517 |
+
/* 0.5 * ARCSIZE */
|
| 7518 |
+
25% {
|
| 7519 |
+
-webkit-transform: rotate(270deg);
|
| 7520 |
+
}
|
| 7521 |
+
/* 1 * ARCSIZE */
|
| 7522 |
+
37.5% {
|
| 7523 |
+
-webkit-transform: rotate(405deg);
|
| 7524 |
+
}
|
| 7525 |
+
/* 1.5 * ARCSIZE */
|
| 7526 |
+
50% {
|
| 7527 |
+
-webkit-transform: rotate(540deg);
|
| 7528 |
+
}
|
| 7529 |
+
/* 2 * ARCSIZE */
|
| 7530 |
+
62.5% {
|
| 7531 |
+
-webkit-transform: rotate(675deg);
|
| 7532 |
+
}
|
| 7533 |
+
/* 2.5 * ARCSIZE */
|
| 7534 |
+
75% {
|
| 7535 |
+
-webkit-transform: rotate(810deg);
|
| 7536 |
+
}
|
| 7537 |
+
/* 3 * ARCSIZE */
|
| 7538 |
+
87.5% {
|
| 7539 |
+
-webkit-transform: rotate(945deg);
|
| 7540 |
+
}
|
| 7541 |
+
/* 3.5 * ARCSIZE */
|
| 7542 |
+
to {
|
| 7543 |
+
-webkit-transform: rotate(1080deg);
|
| 7544 |
+
}
|
| 7545 |
+
/* 4 * ARCSIZE */
|
| 7546 |
+
}
|
| 7547 |
+
|
| 7548 |
+
@keyframes fill-unfill-rotate {
|
| 7549 |
+
12.5% {
|
| 7550 |
+
-webkit-transform: rotate(135deg);
|
| 7551 |
+
transform: rotate(135deg);
|
| 7552 |
+
}
|
| 7553 |
+
/* 0.5 * ARCSIZE */
|
| 7554 |
+
25% {
|
| 7555 |
+
-webkit-transform: rotate(270deg);
|
| 7556 |
+
transform: rotate(270deg);
|
| 7557 |
+
}
|
| 7558 |
+
/* 1 * ARCSIZE */
|
| 7559 |
+
37.5% {
|
| 7560 |
+
-webkit-transform: rotate(405deg);
|
| 7561 |
+
transform: rotate(405deg);
|
| 7562 |
+
}
|
| 7563 |
+
/* 1.5 * ARCSIZE */
|
| 7564 |
+
50% {
|
| 7565 |
+
-webkit-transform: rotate(540deg);
|
| 7566 |
+
transform: rotate(540deg);
|
| 7567 |
+
}
|
| 7568 |
+
/* 2 * ARCSIZE */
|
| 7569 |
+
62.5% {
|
| 7570 |
+
-webkit-transform: rotate(675deg);
|
| 7571 |
+
transform: rotate(675deg);
|
| 7572 |
+
}
|
| 7573 |
+
/* 2.5 * ARCSIZE */
|
| 7574 |
+
75% {
|
| 7575 |
+
-webkit-transform: rotate(810deg);
|
| 7576 |
+
transform: rotate(810deg);
|
| 7577 |
+
}
|
| 7578 |
+
/* 3 * ARCSIZE */
|
| 7579 |
+
87.5% {
|
| 7580 |
+
-webkit-transform: rotate(945deg);
|
| 7581 |
+
transform: rotate(945deg);
|
| 7582 |
+
}
|
| 7583 |
+
/* 3.5 * ARCSIZE */
|
| 7584 |
+
to {
|
| 7585 |
+
-webkit-transform: rotate(1080deg);
|
| 7586 |
+
transform: rotate(1080deg);
|
| 7587 |
+
}
|
| 7588 |
+
/* 4 * ARCSIZE */
|
| 7589 |
+
}
|
| 7590 |
+
|
| 7591 |
+
@-webkit-keyframes blue-fade-in-out {
|
| 7592 |
+
from {
|
| 7593 |
+
opacity: 1;
|
| 7594 |
+
}
|
| 7595 |
+
25% {
|
| 7596 |
+
opacity: 1;
|
| 7597 |
+
}
|
| 7598 |
+
26% {
|
| 7599 |
+
opacity: 0;
|
| 7600 |
+
}
|
| 7601 |
+
89% {
|
| 7602 |
+
opacity: 0;
|
| 7603 |
+
}
|
| 7604 |
+
90% {
|
| 7605 |
+
opacity: 1;
|
| 7606 |
+
}
|
| 7607 |
+
100% {
|
| 7608 |
+
opacity: 1;
|
| 7609 |
+
}
|
| 7610 |
+
}
|
| 7611 |
+
|
| 7612 |
+
@keyframes blue-fade-in-out {
|
| 7613 |
+
from {
|
| 7614 |
+
opacity: 1;
|
| 7615 |
+
}
|
| 7616 |
+
25% {
|
| 7617 |
+
opacity: 1;
|
| 7618 |
+
}
|
| 7619 |
+
26% {
|
| 7620 |
+
opacity: 0;
|
| 7621 |
+
}
|
| 7622 |
+
89% {
|
| 7623 |
+
opacity: 0;
|
| 7624 |
+
}
|
| 7625 |
+
90% {
|
| 7626 |
+
opacity: 1;
|
| 7627 |
+
}
|
| 7628 |
+
100% {
|
| 7629 |
+
opacity: 1;
|
| 7630 |
+
}
|
| 7631 |
+
}
|
| 7632 |
+
|
| 7633 |
+
@-webkit-keyframes red-fade-in-out {
|
| 7634 |
+
from {
|
| 7635 |
+
opacity: 0;
|
| 7636 |
+
}
|
| 7637 |
+
15% {
|
| 7638 |
+
opacity: 0;
|
| 7639 |
+
}
|
| 7640 |
+
25% {
|
| 7641 |
+
opacity: 1;
|
| 7642 |
+
}
|
| 7643 |
+
50% {
|
| 7644 |
+
opacity: 1;
|
| 7645 |
+
}
|
| 7646 |
+
51% {
|
| 7647 |
+
opacity: 0;
|
| 7648 |
+
}
|
| 7649 |
+
}
|
| 7650 |
+
|
| 7651 |
+
@keyframes red-fade-in-out {
|
| 7652 |
+
from {
|
| 7653 |
+
opacity: 0;
|
| 7654 |
+
}
|
| 7655 |
+
15% {
|
| 7656 |
+
opacity: 0;
|
| 7657 |
+
}
|
| 7658 |
+
25% {
|
| 7659 |
+
opacity: 1;
|
| 7660 |
+
}
|
| 7661 |
+
50% {
|
| 7662 |
+
opacity: 1;
|
| 7663 |
+
}
|
| 7664 |
+
51% {
|
| 7665 |
+
opacity: 0;
|
| 7666 |
+
}
|
| 7667 |
+
}
|
| 7668 |
+
|
| 7669 |
+
@-webkit-keyframes yellow-fade-in-out {
|
| 7670 |
+
from {
|
| 7671 |
+
opacity: 0;
|
| 7672 |
+
}
|
| 7673 |
+
40% {
|
| 7674 |
+
opacity: 0;
|
| 7675 |
+
}
|
| 7676 |
+
50% {
|
| 7677 |
+
opacity: 1;
|
| 7678 |
+
}
|
| 7679 |
+
75% {
|
| 7680 |
+
opacity: 1;
|
| 7681 |
+
}
|
| 7682 |
+
76% {
|
| 7683 |
+
opacity: 0;
|
| 7684 |
+
}
|
| 7685 |
+
}
|
| 7686 |
+
|
| 7687 |
+
@keyframes yellow-fade-in-out {
|
| 7688 |
+
from {
|
| 7689 |
+
opacity: 0;
|
| 7690 |
+
}
|
| 7691 |
+
40% {
|
| 7692 |
+
opacity: 0;
|
| 7693 |
+
}
|
| 7694 |
+
50% {
|
| 7695 |
+
opacity: 1;
|
| 7696 |
+
}
|
| 7697 |
+
75% {
|
| 7698 |
+
opacity: 1;
|
| 7699 |
+
}
|
| 7700 |
+
76% {
|
| 7701 |
+
opacity: 0;
|
| 7702 |
+
}
|
| 7703 |
+
}
|
| 7704 |
+
|
| 7705 |
+
@-webkit-keyframes green-fade-in-out {
|
| 7706 |
+
from {
|
| 7707 |
+
opacity: 0;
|
| 7708 |
+
}
|
| 7709 |
+
65% {
|
| 7710 |
+
opacity: 0;
|
| 7711 |
+
}
|
| 7712 |
+
75% {
|
| 7713 |
+
opacity: 1;
|
| 7714 |
+
}
|
| 7715 |
+
90% {
|
| 7716 |
+
opacity: 1;
|
| 7717 |
+
}
|
| 7718 |
+
100% {
|
| 7719 |
+
opacity: 0;
|
| 7720 |
+
}
|
| 7721 |
+
}
|
| 7722 |
+
|
| 7723 |
+
@keyframes green-fade-in-out {
|
| 7724 |
+
from {
|
| 7725 |
+
opacity: 0;
|
| 7726 |
+
}
|
| 7727 |
+
65% {
|
| 7728 |
+
opacity: 0;
|
| 7729 |
+
}
|
| 7730 |
+
75% {
|
| 7731 |
+
opacity: 1;
|
| 7732 |
+
}
|
| 7733 |
+
90% {
|
| 7734 |
+
opacity: 1;
|
| 7735 |
+
}
|
| 7736 |
+
100% {
|
| 7737 |
+
opacity: 0;
|
| 7738 |
+
}
|
| 7739 |
+
}
|
| 7740 |
+
|
| 7741 |
+
/**
|
| 7742 |
+
* Patch the gap that appear between the two adjacent div.circle-clipper while the
|
| 7743 |
+
* spinner is rotating (appears on Chrome 38, Safari 7.1, and IE 11).
|
| 7744 |
+
*/
|
| 7745 |
+
.gap-patch {
|
| 7746 |
+
position: absolute;
|
| 7747 |
+
top: 0;
|
| 7748 |
+
left: 45%;
|
| 7749 |
+
width: 10%;
|
| 7750 |
+
height: 100%;
|
| 7751 |
+
overflow: hidden;
|
| 7752 |
+
border-color: inherit;
|
| 7753 |
+
}
|
| 7754 |
+
|
| 7755 |
+
.gap-patch .circle {
|
| 7756 |
+
width: 1000%;
|
| 7757 |
+
left: -450%;
|
| 7758 |
+
}
|
| 7759 |
+
|
| 7760 |
+
.circle-clipper {
|
| 7761 |
+
display: inline-block;
|
| 7762 |
+
position: relative;
|
| 7763 |
+
width: 50%;
|
| 7764 |
+
height: 100%;
|
| 7765 |
+
overflow: hidden;
|
| 7766 |
+
border-color: inherit;
|
| 7767 |
+
}
|
| 7768 |
+
|
| 7769 |
+
.circle-clipper .circle {
|
| 7770 |
+
width: 200%;
|
| 7771 |
+
height: 100%;
|
| 7772 |
+
border-width: 3px;
|
| 7773 |
+
/* STROKEWIDTH */
|
| 7774 |
+
border-style: solid;
|
| 7775 |
+
border-color: inherit;
|
| 7776 |
+
border-bottom-color: transparent !important;
|
| 7777 |
+
border-radius: 50%;
|
| 7778 |
+
-webkit-animation: none;
|
| 7779 |
+
animation: none;
|
| 7780 |
+
position: absolute;
|
| 7781 |
+
top: 0;
|
| 7782 |
+
right: 0;
|
| 7783 |
+
bottom: 0;
|
| 7784 |
+
}
|
| 7785 |
+
|
| 7786 |
+
.circle-clipper.left .circle {
|
| 7787 |
+
left: 0;
|
| 7788 |
+
border-right-color: transparent !important;
|
| 7789 |
+
-webkit-transform: rotate(129deg);
|
| 7790 |
+
transform: rotate(129deg);
|
| 7791 |
+
}
|
| 7792 |
+
|
| 7793 |
+
.circle-clipper.right .circle {
|
| 7794 |
+
left: -100%;
|
| 7795 |
+
border-left-color: transparent !important;
|
| 7796 |
+
-webkit-transform: rotate(-129deg);
|
| 7797 |
+
transform: rotate(-129deg);
|
| 7798 |
+
}
|
| 7799 |
+
|
| 7800 |
+
.active .circle-clipper.left .circle {
|
| 7801 |
+
/* duration: ARCTIME */
|
| 7802 |
+
-webkit-animation: left-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
|
| 7803 |
+
animation: left-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
|
| 7804 |
+
}
|
| 7805 |
+
|
| 7806 |
+
.active .circle-clipper.right .circle {
|
| 7807 |
+
/* duration: ARCTIME */
|
| 7808 |
+
-webkit-animation: right-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
|
| 7809 |
+
animation: right-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
|
| 7810 |
+
}
|
| 7811 |
+
|
| 7812 |
+
@-webkit-keyframes left-spin {
|
| 7813 |
+
from {
|
| 7814 |
+
-webkit-transform: rotate(130deg);
|
| 7815 |
+
}
|
| 7816 |
+
50% {
|
| 7817 |
+
-webkit-transform: rotate(-5deg);
|
| 7818 |
+
}
|
| 7819 |
+
to {
|
| 7820 |
+
-webkit-transform: rotate(130deg);
|
| 7821 |
+
}
|
| 7822 |
+
}
|
| 7823 |
+
|
| 7824 |
+
@keyframes left-spin {
|
| 7825 |
+
from {
|
| 7826 |
+
-webkit-transform: rotate(130deg);
|
| 7827 |
+
transform: rotate(130deg);
|
| 7828 |
+
}
|
| 7829 |
+
50% {
|
| 7830 |
+
-webkit-transform: rotate(-5deg);
|
| 7831 |
+
transform: rotate(-5deg);
|
| 7832 |
+
}
|
| 7833 |
+
to {
|
| 7834 |
+
-webkit-transform: rotate(130deg);
|
| 7835 |
+
transform: rotate(130deg);
|
| 7836 |
+
}
|
| 7837 |
+
}
|
| 7838 |
+
|
| 7839 |
+
@-webkit-keyframes right-spin {
|
| 7840 |
+
from {
|
| 7841 |
+
-webkit-transform: rotate(-130deg);
|
| 7842 |
+
}
|
| 7843 |
+
50% {
|
| 7844 |
+
-webkit-transform: rotate(5deg);
|
| 7845 |
+
}
|
| 7846 |
+
to {
|
| 7847 |
+
-webkit-transform: rotate(-130deg);
|
| 7848 |
+
}
|
| 7849 |
+
}
|
| 7850 |
+
|
| 7851 |
+
@keyframes right-spin {
|
| 7852 |
+
from {
|
| 7853 |
+
-webkit-transform: rotate(-130deg);
|
| 7854 |
+
transform: rotate(-130deg);
|
| 7855 |
+
}
|
| 7856 |
+
50% {
|
| 7857 |
+
-webkit-transform: rotate(5deg);
|
| 7858 |
+
transform: rotate(5deg);
|
| 7859 |
+
}
|
| 7860 |
+
to {
|
| 7861 |
+
-webkit-transform: rotate(-130deg);
|
| 7862 |
+
transform: rotate(-130deg);
|
| 7863 |
+
}
|
| 7864 |
+
}
|
| 7865 |
+
|
| 7866 |
+
#spinnerContainer.cooldown {
|
| 7867 |
+
/* duration: SHRINK_TIME */
|
| 7868 |
+
-webkit-animation: container-rotate 1568ms linear infinite, fade-out 400ms cubic-bezier(0.4, 0, 0.2, 1);
|
| 7869 |
+
animation: container-rotate 1568ms linear infinite, fade-out 400ms cubic-bezier(0.4, 0, 0.2, 1);
|
| 7870 |
+
}
|
| 7871 |
+
|
| 7872 |
+
@-webkit-keyframes fade-out {
|
| 7873 |
+
from {
|
| 7874 |
+
opacity: 1;
|
| 7875 |
+
}
|
| 7876 |
+
to {
|
| 7877 |
+
opacity: 0;
|
| 7878 |
+
}
|
| 7879 |
+
}
|
| 7880 |
+
|
| 7881 |
+
@keyframes fade-out {
|
| 7882 |
+
from {
|
| 7883 |
+
opacity: 1;
|
| 7884 |
+
}
|
| 7885 |
+
to {
|
| 7886 |
+
opacity: 0;
|
| 7887 |
+
}
|
| 7888 |
+
}
|
| 7889 |
+
|
| 7890 |
+
.slider {
|
| 7891 |
+
position: relative;
|
| 7892 |
+
height: 400px;
|
| 7893 |
+
width: 100%;
|
| 7894 |
+
}
|
| 7895 |
+
|
| 7896 |
+
.slider.fullscreen {
|
| 7897 |
+
height: 100%;
|
| 7898 |
+
width: 100%;
|
| 7899 |
+
position: absolute;
|
| 7900 |
+
top: 0;
|
| 7901 |
+
left: 0;
|
| 7902 |
+
right: 0;
|
| 7903 |
+
bottom: 0;
|
| 7904 |
+
}
|
| 7905 |
+
|
| 7906 |
+
.slider.fullscreen ul.slides {
|
| 7907 |
+
height: 100%;
|
| 7908 |
+
}
|
| 7909 |
+
|
| 7910 |
+
.slider.fullscreen ul.indicators {
|
| 7911 |
+
z-index: 2;
|
| 7912 |
+
bottom: 30px;
|
| 7913 |
+
}
|
| 7914 |
+
|
| 7915 |
+
.slider .slides {
|
| 7916 |
+
background-color: #9e9e9e;
|
| 7917 |
+
margin: 0;
|
| 7918 |
+
height: 400px;
|
| 7919 |
+
}
|
| 7920 |
+
|
| 7921 |
+
.slider .slides li {
|
| 7922 |
+
opacity: 0;
|
| 7923 |
+
position: absolute;
|
| 7924 |
+
top: 0;
|
| 7925 |
+
left: 0;
|
| 7926 |
+
z-index: 1;
|
| 7927 |
+
width: 100%;
|
| 7928 |
+
height: inherit;
|
| 7929 |
+
overflow: hidden;
|
| 7930 |
+
}
|
| 7931 |
+
|
| 7932 |
+
.slider .slides li img {
|
| 7933 |
+
height: 100%;
|
| 7934 |
+
width: 100%;
|
| 7935 |
+
background-size: cover;
|
| 7936 |
+
background-position: center;
|
| 7937 |
+
}
|
| 7938 |
+
|
| 7939 |
+
.slider .slides li .caption {
|
| 7940 |
+
color: #fff;
|
| 7941 |
+
position: absolute;
|
| 7942 |
+
top: 15%;
|
| 7943 |
+
left: 15%;
|
| 7944 |
+
width: 70%;
|
| 7945 |
+
opacity: 0;
|
| 7946 |
+
}
|
| 7947 |
+
|
| 7948 |
+
.slider .slides li .caption p {
|
| 7949 |
+
color: #e0e0e0;
|
| 7950 |
+
}
|
| 7951 |
+
|
| 7952 |
+
.slider .slides li.active {
|
| 7953 |
+
z-index: 2;
|
| 7954 |
+
}
|
| 7955 |
+
|
| 7956 |
+
.slider .indicators {
|
| 7957 |
+
position: absolute;
|
| 7958 |
+
text-align: center;
|
| 7959 |
+
left: 0;
|
| 7960 |
+
right: 0;
|
| 7961 |
+
bottom: 0;
|
| 7962 |
+
margin: 0;
|
| 7963 |
+
}
|
| 7964 |
+
|
| 7965 |
+
.slider .indicators .indicator-item {
|
| 7966 |
+
display: inline-block;
|
| 7967 |
+
position: relative;
|
| 7968 |
+
cursor: pointer;
|
| 7969 |
+
height: 16px;
|
| 7970 |
+
width: 16px;
|
| 7971 |
+
margin: 0 12px;
|
| 7972 |
+
background-color: #e0e0e0;
|
| 7973 |
+
-webkit-transition: background-color .3s;
|
| 7974 |
+
transition: background-color .3s;
|
| 7975 |
+
border-radius: 50%;
|
| 7976 |
+
}
|
| 7977 |
+
|
| 7978 |
+
.slider .indicators .indicator-item.active {
|
| 7979 |
+
background-color: #4CAF50;
|
| 7980 |
+
}
|
| 7981 |
+
|
| 7982 |
+
.carousel {
|
| 7983 |
+
overflow: hidden;
|
| 7984 |
+
position: relative;
|
| 7985 |
+
width: 100%;
|
| 7986 |
+
height: 400px;
|
| 7987 |
+
-webkit-perspective: 500px;
|
| 7988 |
+
perspective: 500px;
|
| 7989 |
+
-webkit-transform-style: preserve-3d;
|
| 7990 |
+
transform-style: preserve-3d;
|
| 7991 |
+
-webkit-transform-origin: 0% 50%;
|
| 7992 |
+
transform-origin: 0% 50%;
|
| 7993 |
+
}
|
| 7994 |
+
|
| 7995 |
+
.carousel.carousel-slider {
|
| 7996 |
+
top: 0;
|
| 7997 |
+
left: 0;
|
| 7998 |
+
}
|
| 7999 |
+
|
| 8000 |
+
.carousel.carousel-slider .carousel-fixed-item {
|
| 8001 |
+
position: absolute;
|
| 8002 |
+
left: 0;
|
| 8003 |
+
right: 0;
|
| 8004 |
+
bottom: 20px;
|
| 8005 |
+
z-index: 1;
|
| 8006 |
+
}
|
| 8007 |
+
|
| 8008 |
+
.carousel.carousel-slider .carousel-fixed-item.with-indicators {
|
| 8009 |
+
bottom: 68px;
|
| 8010 |
+
}
|
| 8011 |
+
|
| 8012 |
+
.carousel.carousel-slider .carousel-item {
|
| 8013 |
+
width: 100%;
|
| 8014 |
+
height: 100%;
|
| 8015 |
+
min-height: 400px;
|
| 8016 |
+
position: absolute;
|
| 8017 |
+
top: 0;
|
| 8018 |
+
left: 0;
|
| 8019 |
+
}
|
| 8020 |
+
|
| 8021 |
+
.carousel.carousel-slider .carousel-item h2 {
|
| 8022 |
+
font-size: 24px;
|
| 8023 |
+
font-weight: 500;
|
| 8024 |
+
line-height: 32px;
|
| 8025 |
+
}
|
| 8026 |
+
|
| 8027 |
+
.carousel.carousel-slider .carousel-item p {
|
| 8028 |
+
font-size: 15px;
|
| 8029 |
+
}
|
| 8030 |
+
|
| 8031 |
+
.carousel .carousel-item {
|
| 8032 |
+
visibility: hidden;
|
| 8033 |
+
width: 200px;
|
| 8034 |
+
height: 200px;
|
| 8035 |
+
position: absolute;
|
| 8036 |
+
top: 0;
|
| 8037 |
+
left: 0;
|
| 8038 |
+
}
|
| 8039 |
+
|
| 8040 |
+
.carousel .carousel-item > img {
|
| 8041 |
+
width: 100%;
|
| 8042 |
+
}
|
| 8043 |
+
|
| 8044 |
+
.carousel .indicators {
|
| 8045 |
+
position: absolute;
|
| 8046 |
+
text-align: center;
|
| 8047 |
+
left: 0;
|
| 8048 |
+
right: 0;
|
| 8049 |
+
bottom: 0;
|
| 8050 |
+
margin: 0;
|
| 8051 |
+
}
|
| 8052 |
+
|
| 8053 |
+
.carousel .indicators .indicator-item {
|
| 8054 |
+
display: inline-block;
|
| 8055 |
+
position: relative;
|
| 8056 |
+
cursor: pointer;
|
| 8057 |
+
height: 8px;
|
| 8058 |
+
width: 8px;
|
| 8059 |
+
margin: 24px 4px;
|
| 8060 |
+
background-color: rgba(255, 255, 255, 0.5);
|
| 8061 |
+
-webkit-transition: background-color .3s;
|
| 8062 |
+
transition: background-color .3s;
|
| 8063 |
+
border-radius: 50%;
|
| 8064 |
+
}
|
| 8065 |
+
|
| 8066 |
+
.carousel .indicators .indicator-item.active {
|
| 8067 |
+
background-color: #fff;
|
| 8068 |
+
}
|
| 8069 |
+
|
| 8070 |
+
.carousel.scrolling .carousel-item .materialboxed,
|
| 8071 |
+
.carousel .carousel-item:not(.active) .materialboxed {
|
| 8072 |
+
pointer-events: none;
|
| 8073 |
+
}
|
| 8074 |
+
|
| 8075 |
+
.tap-target-wrapper {
|
| 8076 |
+
width: 800px;
|
| 8077 |
+
height: 800px;
|
| 8078 |
+
position: fixed;
|
| 8079 |
+
z-index: 1000;
|
| 8080 |
+
visibility: hidden;
|
| 8081 |
+
-webkit-transition: visibility 0s .3s;
|
| 8082 |
+
transition: visibility 0s .3s;
|
| 8083 |
+
}
|
| 8084 |
+
|
| 8085 |
+
.tap-target-wrapper.open {
|
| 8086 |
+
visibility: visible;
|
| 8087 |
+
-webkit-transition: visibility 0s;
|
| 8088 |
+
transition: visibility 0s;
|
| 8089 |
+
}
|
| 8090 |
+
|
| 8091 |
+
.tap-target-wrapper.open .tap-target {
|
| 8092 |
+
-webkit-transform: scale(1);
|
| 8093 |
+
transform: scale(1);
|
| 8094 |
+
opacity: .95;
|
| 8095 |
+
-webkit-transition: opacity 0.3s cubic-bezier(0.42, 0, 0.58, 1), -webkit-transform 0.3s cubic-bezier(0.42, 0, 0.58, 1);
|
| 8096 |
+
transition: opacity 0.3s cubic-bezier(0.42, 0, 0.58, 1), -webkit-transform 0.3s cubic-bezier(0.42, 0, 0.58, 1);
|
| 8097 |
+
transition: transform 0.3s cubic-bezier(0.42, 0, 0.58, 1), opacity 0.3s cubic-bezier(0.42, 0, 0.58, 1);
|
| 8098 |
+
transition: transform 0.3s cubic-bezier(0.42, 0, 0.58, 1), opacity 0.3s cubic-bezier(0.42, 0, 0.58, 1), -webkit-transform 0.3s cubic-bezier(0.42, 0, 0.58, 1);
|
| 8099 |
+
}
|
| 8100 |
+
|
| 8101 |
+
.tap-target-wrapper.open .tap-target-wave::before {
|
| 8102 |
+
-webkit-transform: scale(1);
|
| 8103 |
+
transform: scale(1);
|
| 8104 |
+
}
|
| 8105 |
+
|
| 8106 |
+
.tap-target-wrapper.open .tap-target-wave::after {
|
| 8107 |
+
visibility: visible;
|
| 8108 |
+
-webkit-animation: pulse-animation 1s cubic-bezier(0.24, 0, 0.38, 1) infinite;
|
| 8109 |
+
animation: pulse-animation 1s cubic-bezier(0.24, 0, 0.38, 1) infinite;
|
| 8110 |
+
-webkit-transition: opacity .3s,
|
| 8111 |
+
visibility 0s 1s,
|
| 8112 |
+
-webkit-transform .3s;
|
| 8113 |
+
transition: opacity .3s,
|
| 8114 |
+
visibility 0s 1s,
|
| 8115 |
+
-webkit-transform .3s;
|
| 8116 |
+
transition: opacity .3s,
|
| 8117 |
+
transform .3s,
|
| 8118 |
+
visibility 0s 1s;
|
| 8119 |
+
transition: opacity .3s,
|
| 8120 |
+
transform .3s,
|
| 8121 |
+
visibility 0s 1s,
|
| 8122 |
+
-webkit-transform .3s;
|
| 8123 |
+
}
|
| 8124 |
+
|
| 8125 |
+
.tap-target {
|
| 8126 |
+
position: absolute;
|
| 8127 |
+
font-size: 1rem;
|
| 8128 |
+
border-radius: 50%;
|
| 8129 |
+
background-color: #ee6e73;
|
| 8130 |
+
-webkit-box-shadow: 0 20px 20px 0 rgba(0, 0, 0, 0.14), 0 10px 50px 0 rgba(0, 0, 0, 0.12), 0 30px 10px -20px rgba(0, 0, 0, 0.2);
|
| 8131 |
+
box-shadow: 0 20px 20px 0 rgba(0, 0, 0, 0.14), 0 10px 50px 0 rgba(0, 0, 0, 0.12), 0 30px 10px -20px rgba(0, 0, 0, 0.2);
|
| 8132 |
+
width: 100%;
|
| 8133 |
+
height: 100%;
|
| 8134 |
+
opacity: 0;
|
| 8135 |
+
-webkit-transform: scale(0);
|
| 8136 |
+
transform: scale(0);
|
| 8137 |
+
-webkit-transition: opacity 0.3s cubic-bezier(0.42, 0, 0.58, 1), -webkit-transform 0.3s cubic-bezier(0.42, 0, 0.58, 1);
|
| 8138 |
+
transition: opacity 0.3s cubic-bezier(0.42, 0, 0.58, 1), -webkit-transform 0.3s cubic-bezier(0.42, 0, 0.58, 1);
|
| 8139 |
+
transition: transform 0.3s cubic-bezier(0.42, 0, 0.58, 1), opacity 0.3s cubic-bezier(0.42, 0, 0.58, 1);
|
| 8140 |
+
transition: transform 0.3s cubic-bezier(0.42, 0, 0.58, 1), opacity 0.3s cubic-bezier(0.42, 0, 0.58, 1), -webkit-transform 0.3s cubic-bezier(0.42, 0, 0.58, 1);
|
| 8141 |
+
}
|
| 8142 |
+
|
| 8143 |
+
.tap-target-content {
|
| 8144 |
+
position: relative;
|
| 8145 |
+
display: table-cell;
|
| 8146 |
+
}
|
| 8147 |
+
|
| 8148 |
+
.tap-target-wave {
|
| 8149 |
+
position: absolute;
|
| 8150 |
+
border-radius: 50%;
|
| 8151 |
+
z-index: 10001;
|
| 8152 |
+
}
|
| 8153 |
+
|
| 8154 |
+
.tap-target-wave::before, .tap-target-wave::after {
|
| 8155 |
+
content: '';
|
| 8156 |
+
display: block;
|
| 8157 |
+
position: absolute;
|
| 8158 |
+
width: 100%;
|
| 8159 |
+
height: 100%;
|
| 8160 |
+
border-radius: 50%;
|
| 8161 |
+
background-color: #ffffff;
|
| 8162 |
+
}
|
| 8163 |
+
|
| 8164 |
+
.tap-target-wave::before {
|
| 8165 |
+
-webkit-transform: scale(0);
|
| 8166 |
+
transform: scale(0);
|
| 8167 |
+
-webkit-transition: -webkit-transform .3s;
|
| 8168 |
+
transition: -webkit-transform .3s;
|
| 8169 |
+
transition: transform .3s;
|
| 8170 |
+
transition: transform .3s, -webkit-transform .3s;
|
| 8171 |
+
}
|
| 8172 |
+
|
| 8173 |
+
.tap-target-wave::after {
|
| 8174 |
+
visibility: hidden;
|
| 8175 |
+
-webkit-transition: opacity .3s,
|
| 8176 |
+
visibility 0s,
|
| 8177 |
+
-webkit-transform .3s;
|
| 8178 |
+
transition: opacity .3s,
|
| 8179 |
+
visibility 0s,
|
| 8180 |
+
-webkit-transform .3s;
|
| 8181 |
+
transition: opacity .3s,
|
| 8182 |
+
transform .3s,
|
| 8183 |
+
visibility 0s;
|
| 8184 |
+
transition: opacity .3s,
|
| 8185 |
+
transform .3s,
|
| 8186 |
+
visibility 0s,
|
| 8187 |
+
-webkit-transform .3s;
|
| 8188 |
+
z-index: -1;
|
| 8189 |
+
}
|
| 8190 |
+
|
| 8191 |
+
.tap-target-origin {
|
| 8192 |
+
top: 50%;
|
| 8193 |
+
left: 50%;
|
| 8194 |
+
-webkit-transform: translate(-50%, -50%);
|
| 8195 |
+
transform: translate(-50%, -50%);
|
| 8196 |
+
z-index: 10002;
|
| 8197 |
+
position: absolute !important;
|
| 8198 |
+
}
|
| 8199 |
+
|
| 8200 |
+
.tap-target-origin:not(.btn):not(.btn-large):not(.btn-small), .tap-target-origin:not(.btn):not(.btn-large):not(.btn-small):hover {
|
| 8201 |
+
background: none;
|
| 8202 |
+
}
|
| 8203 |
+
|
| 8204 |
+
@media only screen and (max-width: 600px) {
|
| 8205 |
+
.tap-target, .tap-target-wrapper {
|
| 8206 |
+
width: 600px;
|
| 8207 |
+
height: 600px;
|
| 8208 |
+
}
|
| 8209 |
+
}
|
| 8210 |
+
|
| 8211 |
+
.pulse {
|
| 8212 |
+
overflow: visible;
|
| 8213 |
+
position: relative;
|
| 8214 |
+
}
|
| 8215 |
+
|
| 8216 |
+
.pulse::before {
|
| 8217 |
+
content: '';
|
| 8218 |
+
display: block;
|
| 8219 |
+
position: absolute;
|
| 8220 |
+
width: 100%;
|
| 8221 |
+
height: 100%;
|
| 8222 |
+
top: 0;
|
| 8223 |
+
left: 0;
|
| 8224 |
+
background-color: inherit;
|
| 8225 |
+
border-radius: inherit;
|
| 8226 |
+
-webkit-transition: opacity .3s, -webkit-transform .3s;
|
| 8227 |
+
transition: opacity .3s, -webkit-transform .3s;
|
| 8228 |
+
transition: opacity .3s, transform .3s;
|
| 8229 |
+
transition: opacity .3s, transform .3s, -webkit-transform .3s;
|
| 8230 |
+
-webkit-animation: pulse-animation 1s cubic-bezier(0.24, 0, 0.38, 1) infinite;
|
| 8231 |
+
animation: pulse-animation 1s cubic-bezier(0.24, 0, 0.38, 1) infinite;
|
| 8232 |
+
z-index: -1;
|
| 8233 |
+
}
|
| 8234 |
+
|
| 8235 |
+
@-webkit-keyframes pulse-animation {
|
| 8236 |
+
0% {
|
| 8237 |
+
opacity: 1;
|
| 8238 |
+
-webkit-transform: scale(1);
|
| 8239 |
+
transform: scale(1);
|
| 8240 |
+
}
|
| 8241 |
+
50% {
|
| 8242 |
+
opacity: 0;
|
| 8243 |
+
-webkit-transform: scale(1.5);
|
| 8244 |
+
transform: scale(1.5);
|
| 8245 |
+
}
|
| 8246 |
+
100% {
|
| 8247 |
+
opacity: 0;
|
| 8248 |
+
-webkit-transform: scale(1.5);
|
| 8249 |
+
transform: scale(1.5);
|
| 8250 |
+
}
|
| 8251 |
+
}
|
| 8252 |
+
|
| 8253 |
+
@keyframes pulse-animation {
|
| 8254 |
+
0% {
|
| 8255 |
+
opacity: 1;
|
| 8256 |
+
-webkit-transform: scale(1);
|
| 8257 |
+
transform: scale(1);
|
| 8258 |
+
}
|
| 8259 |
+
50% {
|
| 8260 |
+
opacity: 0;
|
| 8261 |
+
-webkit-transform: scale(1.5);
|
| 8262 |
+
transform: scale(1.5);
|
| 8263 |
+
}
|
| 8264 |
+
100% {
|
| 8265 |
+
opacity: 0;
|
| 8266 |
+
-webkit-transform: scale(1.5);
|
| 8267 |
+
transform: scale(1.5);
|
| 8268 |
+
}
|
| 8269 |
+
}
|
| 8270 |
+
|
| 8271 |
+
/* Modal */
|
| 8272 |
+
.datepicker-modal {
|
| 8273 |
+
max-width: 325px;
|
| 8274 |
+
min-width: 300px;
|
| 8275 |
+
max-height: none;
|
| 8276 |
+
}
|
| 8277 |
+
|
| 8278 |
+
.datepicker-container.modal-content {
|
| 8279 |
+
display: -webkit-box;
|
| 8280 |
+
display: -webkit-flex;
|
| 8281 |
+
display: -ms-flexbox;
|
| 8282 |
+
display: flex;
|
| 8283 |
+
-webkit-box-orient: vertical;
|
| 8284 |
+
-webkit-box-direction: normal;
|
| 8285 |
+
-webkit-flex-direction: column;
|
| 8286 |
+
-ms-flex-direction: column;
|
| 8287 |
+
flex-direction: column;
|
| 8288 |
+
padding: 0;
|
| 8289 |
+
}
|
| 8290 |
+
|
| 8291 |
+
.datepicker-controls {
|
| 8292 |
+
display: -webkit-box;
|
| 8293 |
+
display: -webkit-flex;
|
| 8294 |
+
display: -ms-flexbox;
|
| 8295 |
+
display: flex;
|
| 8296 |
+
-webkit-box-pack: justify;
|
| 8297 |
+
-webkit-justify-content: space-between;
|
| 8298 |
+
-ms-flex-pack: justify;
|
| 8299 |
+
justify-content: space-between;
|
| 8300 |
+
width: 280px;
|
| 8301 |
+
margin: 0 auto;
|
| 8302 |
+
}
|
| 8303 |
+
|
| 8304 |
+
.datepicker-controls .selects-container {
|
| 8305 |
+
display: -webkit-box;
|
| 8306 |
+
display: -webkit-flex;
|
| 8307 |
+
display: -ms-flexbox;
|
| 8308 |
+
display: flex;
|
| 8309 |
+
}
|
| 8310 |
+
|
| 8311 |
+
.datepicker-controls .select-wrapper input {
|
| 8312 |
+
border-bottom: none;
|
| 8313 |
+
text-align: center;
|
| 8314 |
+
margin: 0;
|
| 8315 |
+
}
|
| 8316 |
+
|
| 8317 |
+
.datepicker-controls .select-wrapper input:focus {
|
| 8318 |
+
border-bottom: none;
|
| 8319 |
+
}
|
| 8320 |
+
|
| 8321 |
+
.datepicker-controls .select-wrapper .caret {
|
| 8322 |
+
display: none;
|
| 8323 |
+
}
|
| 8324 |
+
|
| 8325 |
+
.datepicker-controls .select-year input {
|
| 8326 |
+
width: 50px;
|
| 8327 |
+
}
|
| 8328 |
+
|
| 8329 |
+
.datepicker-controls .select-month input {
|
| 8330 |
+
width: 70px;
|
| 8331 |
+
}
|
| 8332 |
+
|
| 8333 |
+
.month-prev, .month-next {
|
| 8334 |
+
margin-top: 4px;
|
| 8335 |
+
cursor: pointer;
|
| 8336 |
+
background-color: transparent;
|
| 8337 |
+
border: none;
|
| 8338 |
+
}
|
| 8339 |
+
|
| 8340 |
+
/* Date Display */
|
| 8341 |
+
.datepicker-date-display {
|
| 8342 |
+
-webkit-box-flex: 1;
|
| 8343 |
+
-webkit-flex: 1 auto;
|
| 8344 |
+
-ms-flex: 1 auto;
|
| 8345 |
+
flex: 1 auto;
|
| 8346 |
+
background-color: #26a69a;
|
| 8347 |
+
color: #fff;
|
| 8348 |
+
padding: 20px 22px;
|
| 8349 |
+
font-weight: 500;
|
| 8350 |
+
}
|
| 8351 |
+
|
| 8352 |
+
.datepicker-date-display .year-text {
|
| 8353 |
+
display: block;
|
| 8354 |
+
font-size: 1.5rem;
|
| 8355 |
+
line-height: 25px;
|
| 8356 |
+
color: rgba(255, 255, 255, 0.7);
|
| 8357 |
+
}
|
| 8358 |
+
|
| 8359 |
+
.datepicker-date-display .date-text {
|
| 8360 |
+
display: block;
|
| 8361 |
+
font-size: 2.8rem;
|
| 8362 |
+
line-height: 47px;
|
| 8363 |
+
font-weight: 500;
|
| 8364 |
+
}
|
| 8365 |
+
|
| 8366 |
+
/* Calendar */
|
| 8367 |
+
.datepicker-calendar-container {
|
| 8368 |
+
-webkit-box-flex: 2.5;
|
| 8369 |
+
-webkit-flex: 2.5 auto;
|
| 8370 |
+
-ms-flex: 2.5 auto;
|
| 8371 |
+
flex: 2.5 auto;
|
| 8372 |
+
}
|
| 8373 |
+
|
| 8374 |
+
.datepicker-table {
|
| 8375 |
+
width: 280px;
|
| 8376 |
+
font-size: 1rem;
|
| 8377 |
+
margin: 0 auto;
|
| 8378 |
+
}
|
| 8379 |
+
|
| 8380 |
+
.datepicker-table thead {
|
| 8381 |
+
border-bottom: none;
|
| 8382 |
+
}
|
| 8383 |
+
|
| 8384 |
+
.datepicker-table th {
|
| 8385 |
+
padding: 10px 5px;
|
| 8386 |
+
text-align: center;
|
| 8387 |
+
}
|
| 8388 |
+
|
| 8389 |
+
.datepicker-table tr {
|
| 8390 |
+
border: none;
|
| 8391 |
+
}
|
| 8392 |
+
|
| 8393 |
+
.datepicker-table abbr {
|
| 8394 |
+
text-decoration: none;
|
| 8395 |
+
color: #999;
|
| 8396 |
+
}
|
| 8397 |
+
|
| 8398 |
+
.datepicker-table td {
|
| 8399 |
+
border-radius: 50%;
|
| 8400 |
+
padding: 0;
|
| 8401 |
+
}
|
| 8402 |
+
|
| 8403 |
+
.datepicker-table td.is-today {
|
| 8404 |
+
color: #26a69a;
|
| 8405 |
+
}
|
| 8406 |
+
|
| 8407 |
+
.datepicker-table td.is-selected {
|
| 8408 |
+
background-color: #26a69a;
|
| 8409 |
+
color: #fff;
|
| 8410 |
+
}
|
| 8411 |
+
|
| 8412 |
+
.datepicker-table td.is-outside-current-month, .datepicker-table td.is-disabled {
|
| 8413 |
+
color: rgba(0, 0, 0, 0.3);
|
| 8414 |
+
pointer-events: none;
|
| 8415 |
+
}
|
| 8416 |
+
|
| 8417 |
+
.datepicker-day-button {
|
| 8418 |
+
background-color: transparent;
|
| 8419 |
+
border: none;
|
| 8420 |
+
line-height: 38px;
|
| 8421 |
+
display: block;
|
| 8422 |
+
width: 100%;
|
| 8423 |
+
border-radius: 50%;
|
| 8424 |
+
padding: 0 5px;
|
| 8425 |
+
cursor: pointer;
|
| 8426 |
+
color: inherit;
|
| 8427 |
+
}
|
| 8428 |
+
|
| 8429 |
+
.datepicker-day-button:focus {
|
| 8430 |
+
background-color: rgba(43, 161, 150, 0.25);
|
| 8431 |
+
}
|
| 8432 |
+
|
| 8433 |
+
/* Footer */
|
| 8434 |
+
.datepicker-footer {
|
| 8435 |
+
width: 280px;
|
| 8436 |
+
margin: 0 auto;
|
| 8437 |
+
padding-bottom: 5px;
|
| 8438 |
+
display: -webkit-box;
|
| 8439 |
+
display: -webkit-flex;
|
| 8440 |
+
display: -ms-flexbox;
|
| 8441 |
+
display: flex;
|
| 8442 |
+
-webkit-box-pack: justify;
|
| 8443 |
+
-webkit-justify-content: space-between;
|
| 8444 |
+
-ms-flex-pack: justify;
|
| 8445 |
+
justify-content: space-between;
|
| 8446 |
+
}
|
| 8447 |
+
|
| 8448 |
+
.datepicker-cancel,
|
| 8449 |
+
.datepicker-clear,
|
| 8450 |
+
.datepicker-today,
|
| 8451 |
+
.datepicker-done {
|
| 8452 |
+
color: #26a69a;
|
| 8453 |
+
padding: 0 1rem;
|
| 8454 |
+
}
|
| 8455 |
+
|
| 8456 |
+
.datepicker-clear {
|
| 8457 |
+
color: #F44336;
|
| 8458 |
+
}
|
| 8459 |
+
|
| 8460 |
+
/* Media Queries */
|
| 8461 |
+
@media only screen and (min-width: 601px) {
|
| 8462 |
+
.datepicker-modal {
|
| 8463 |
+
max-width: 625px;
|
| 8464 |
+
}
|
| 8465 |
+
.datepicker-container.modal-content {
|
| 8466 |
+
-webkit-box-orient: horizontal;
|
| 8467 |
+
-webkit-box-direction: normal;
|
| 8468 |
+
-webkit-flex-direction: row;
|
| 8469 |
+
-ms-flex-direction: row;
|
| 8470 |
+
flex-direction: row;
|
| 8471 |
+
}
|
| 8472 |
+
.datepicker-date-display {
|
| 8473 |
+
-webkit-box-flex: 0;
|
| 8474 |
+
-webkit-flex: 0 1 270px;
|
| 8475 |
+
-ms-flex: 0 1 270px;
|
| 8476 |
+
flex: 0 1 270px;
|
| 8477 |
+
}
|
| 8478 |
+
.datepicker-controls,
|
| 8479 |
+
.datepicker-table,
|
| 8480 |
+
.datepicker-footer {
|
| 8481 |
+
width: 320px;
|
| 8482 |
+
}
|
| 8483 |
+
.datepicker-day-button {
|
| 8484 |
+
line-height: 44px;
|
| 8485 |
+
}
|
| 8486 |
+
}
|
| 8487 |
+
|
| 8488 |
+
/* Timepicker Containers */
|
| 8489 |
+
.timepicker-modal {
|
| 8490 |
+
max-width: 325px;
|
| 8491 |
+
max-height: none;
|
| 8492 |
+
}
|
| 8493 |
+
|
| 8494 |
+
.timepicker-container.modal-content {
|
| 8495 |
+
display: -webkit-box;
|
| 8496 |
+
display: -webkit-flex;
|
| 8497 |
+
display: -ms-flexbox;
|
| 8498 |
+
display: flex;
|
| 8499 |
+
-webkit-box-orient: vertical;
|
| 8500 |
+
-webkit-box-direction: normal;
|
| 8501 |
+
-webkit-flex-direction: column;
|
| 8502 |
+
-ms-flex-direction: column;
|
| 8503 |
+
flex-direction: column;
|
| 8504 |
+
padding: 0;
|
| 8505 |
+
}
|
| 8506 |
+
|
| 8507 |
+
.text-primary {
|
| 8508 |
+
color: white;
|
| 8509 |
+
}
|
| 8510 |
+
|
| 8511 |
+
/* Clock Digital Display */
|
| 8512 |
+
.timepicker-digital-display {
|
| 8513 |
+
-webkit-box-flex: 1;
|
| 8514 |
+
-webkit-flex: 1 auto;
|
| 8515 |
+
-ms-flex: 1 auto;
|
| 8516 |
+
flex: 1 auto;
|
| 8517 |
+
background-color: #26a69a;
|
| 8518 |
+
padding: 10px;
|
| 8519 |
+
font-weight: 300;
|
| 8520 |
+
}
|
| 8521 |
+
|
| 8522 |
+
.timepicker-text-container {
|
| 8523 |
+
font-size: 4rem;
|
| 8524 |
+
font-weight: bold;
|
| 8525 |
+
text-align: center;
|
| 8526 |
+
color: rgba(255, 255, 255, 0.6);
|
| 8527 |
+
font-weight: 400;
|
| 8528 |
+
position: relative;
|
| 8529 |
+
-webkit-user-select: none;
|
| 8530 |
+
-moz-user-select: none;
|
| 8531 |
+
-ms-user-select: none;
|
| 8532 |
+
user-select: none;
|
| 8533 |
+
}
|
| 8534 |
+
|
| 8535 |
+
.timepicker-span-hours,
|
| 8536 |
+
.timepicker-span-minutes,
|
| 8537 |
+
.timepicker-span-am-pm div {
|
| 8538 |
+
cursor: pointer;
|
| 8539 |
+
}
|
| 8540 |
+
|
| 8541 |
+
.timepicker-span-hours {
|
| 8542 |
+
margin-right: 3px;
|
| 8543 |
+
}
|
| 8544 |
+
|
| 8545 |
+
.timepicker-span-minutes {
|
| 8546 |
+
margin-left: 3px;
|
| 8547 |
+
}
|
| 8548 |
+
|
| 8549 |
+
.timepicker-display-am-pm {
|
| 8550 |
+
font-size: 1.3rem;
|
| 8551 |
+
position: absolute;
|
| 8552 |
+
right: 1rem;
|
| 8553 |
+
bottom: 1rem;
|
| 8554 |
+
font-weight: 400;
|
| 8555 |
+
}
|
| 8556 |
+
|
| 8557 |
+
/* Analog Clock Display */
|
| 8558 |
+
.timepicker-analog-display {
|
| 8559 |
+
-webkit-box-flex: 2.5;
|
| 8560 |
+
-webkit-flex: 2.5 auto;
|
| 8561 |
+
-ms-flex: 2.5 auto;
|
| 8562 |
+
flex: 2.5 auto;
|
| 8563 |
+
}
|
| 8564 |
+
|
| 8565 |
+
.timepicker-plate {
|
| 8566 |
+
background-color: #eee;
|
| 8567 |
+
border-radius: 50%;
|
| 8568 |
+
width: 270px;
|
| 8569 |
+
height: 270px;
|
| 8570 |
+
overflow: visible;
|
| 8571 |
+
position: relative;
|
| 8572 |
+
margin: auto;
|
| 8573 |
+
margin-top: 25px;
|
| 8574 |
+
margin-bottom: 5px;
|
| 8575 |
+
-webkit-user-select: none;
|
| 8576 |
+
-moz-user-select: none;
|
| 8577 |
+
-ms-user-select: none;
|
| 8578 |
+
user-select: none;
|
| 8579 |
+
}
|
| 8580 |
+
|
| 8581 |
+
.timepicker-canvas,
|
| 8582 |
+
.timepicker-dial {
|
| 8583 |
+
position: absolute;
|
| 8584 |
+
left: 0;
|
| 8585 |
+
right: 0;
|
| 8586 |
+
top: 0;
|
| 8587 |
+
bottom: 0;
|
| 8588 |
+
}
|
| 8589 |
+
|
| 8590 |
+
.timepicker-minutes {
|
| 8591 |
+
visibility: hidden;
|
| 8592 |
+
}
|
| 8593 |
+
|
| 8594 |
+
.timepicker-tick {
|
| 8595 |
+
border-radius: 50%;
|
| 8596 |
+
color: rgba(0, 0, 0, 0.87);
|
| 8597 |
+
line-height: 40px;
|
| 8598 |
+
text-align: center;
|
| 8599 |
+
width: 40px;
|
| 8600 |
+
height: 40px;
|
| 8601 |
+
position: absolute;
|
| 8602 |
+
cursor: pointer;
|
| 8603 |
+
font-size: 15px;
|
| 8604 |
+
}
|
| 8605 |
+
|
| 8606 |
+
.timepicker-tick.active,
|
| 8607 |
+
.timepicker-tick:hover {
|
| 8608 |
+
background-color: rgba(38, 166, 154, 0.25);
|
| 8609 |
+
}
|
| 8610 |
+
|
| 8611 |
+
.timepicker-dial {
|
| 8612 |
+
-webkit-transition: opacity 350ms, -webkit-transform 350ms;
|
| 8613 |
+
transition: opacity 350ms, -webkit-transform 350ms;
|
| 8614 |
+
transition: transform 350ms, opacity 350ms;
|
| 8615 |
+
transition: transform 350ms, opacity 350ms, -webkit-transform 350ms;
|
| 8616 |
+
}
|
| 8617 |
+
|
| 8618 |
+
.timepicker-dial-out {
|
| 8619 |
+
opacity: 0;
|
| 8620 |
+
}
|
| 8621 |
+
|
| 8622 |
+
.timepicker-dial-out.timepicker-hours {
|
| 8623 |
+
-webkit-transform: scale(1.1, 1.1);
|
| 8624 |
+
transform: scale(1.1, 1.1);
|
| 8625 |
+
}
|
| 8626 |
+
|
| 8627 |
+
.timepicker-dial-out.timepicker-minutes {
|
| 8628 |
+
-webkit-transform: scale(0.8, 0.8);
|
| 8629 |
+
transform: scale(0.8, 0.8);
|
| 8630 |
+
}
|
| 8631 |
+
|
| 8632 |
+
.timepicker-canvas {
|
| 8633 |
+
-webkit-transition: opacity 175ms;
|
| 8634 |
+
transition: opacity 175ms;
|
| 8635 |
+
}
|
| 8636 |
+
|
| 8637 |
+
.timepicker-canvas line {
|
| 8638 |
+
stroke: #26a69a;
|
| 8639 |
+
stroke-width: 4;
|
| 8640 |
+
stroke-linecap: round;
|
| 8641 |
+
}
|
| 8642 |
+
|
| 8643 |
+
.timepicker-canvas-out {
|
| 8644 |
+
opacity: 0.25;
|
| 8645 |
+
}
|
| 8646 |
+
|
| 8647 |
+
.timepicker-canvas-bearing {
|
| 8648 |
+
stroke: none;
|
| 8649 |
+
fill: #26a69a;
|
| 8650 |
+
}
|
| 8651 |
+
|
| 8652 |
+
.timepicker-canvas-bg {
|
| 8653 |
+
stroke: none;
|
| 8654 |
+
fill: #26a69a;
|
| 8655 |
+
}
|
| 8656 |
+
|
| 8657 |
+
/* Footer */
|
| 8658 |
+
.timepicker-footer {
|
| 8659 |
+
margin: 0 auto;
|
| 8660 |
+
padding: 5px 1rem;
|
| 8661 |
+
display: -webkit-box;
|
| 8662 |
+
display: -webkit-flex;
|
| 8663 |
+
display: -ms-flexbox;
|
| 8664 |
+
display: flex;
|
| 8665 |
+
-webkit-box-pack: justify;
|
| 8666 |
+
-webkit-justify-content: space-between;
|
| 8667 |
+
-ms-flex-pack: justify;
|
| 8668 |
+
justify-content: space-between;
|
| 8669 |
+
}
|
| 8670 |
+
|
| 8671 |
+
.timepicker-clear {
|
| 8672 |
+
color: #F44336;
|
| 8673 |
+
}
|
| 8674 |
+
|
| 8675 |
+
.timepicker-close {
|
| 8676 |
+
color: #26a69a;
|
| 8677 |
+
}
|
| 8678 |
+
|
| 8679 |
+
.timepicker-clear,
|
| 8680 |
+
.timepicker-close {
|
| 8681 |
+
padding: 0 20px;
|
| 8682 |
+
}
|
| 8683 |
+
|
| 8684 |
+
/* Media Queries */
|
| 8685 |
+
@media only screen and (min-width: 601px) {
|
| 8686 |
+
.timepicker-modal {
|
| 8687 |
+
max-width: 600px;
|
| 8688 |
+
}
|
| 8689 |
+
.timepicker-container.modal-content {
|
| 8690 |
+
-webkit-box-orient: horizontal;
|
| 8691 |
+
-webkit-box-direction: normal;
|
| 8692 |
+
-webkit-flex-direction: row;
|
| 8693 |
+
-ms-flex-direction: row;
|
| 8694 |
+
flex-direction: row;
|
| 8695 |
+
}
|
| 8696 |
+
.timepicker-text-container {
|
| 8697 |
+
top: 32%;
|
| 8698 |
+
}
|
| 8699 |
+
.timepicker-display-am-pm {
|
| 8700 |
+
position: relative;
|
| 8701 |
+
right: auto;
|
| 8702 |
+
bottom: auto;
|
| 8703 |
+
text-align: center;
|
| 8704 |
+
margin-top: 1.2rem;
|
| 8705 |
+
}
|
| 8706 |
+
}
|
admin/css/style.css
CHANGED
|
@@ -1,1166 +1,1166 @@
|
|
| 1 |
-
@import "materialize.css";
|
| 2 |
-
* {
|
| 3 |
-
box-sizing: border-box !important;
|
| 4 |
-
-webkit-box-sizing: border-box !important;
|
| 5 |
-
}
|
| 6 |
-
a {
|
| 7 |
-
color: #0073aa;
|
| 8 |
-
}
|
| 9 |
-
td, th {
|
| 10 |
-
padding:10px 5px;
|
| 11 |
-
}
|
| 12 |
-
#wpcontent {
|
| 13 |
-
padding-left: 0;
|
| 14 |
-
}
|
| 15 |
-
.shortpixel img {
|
| 16 |
-
position: relative;
|
| 17 |
-
top: 6px;
|
| 18 |
-
}
|
| 19 |
-
.button-delete {
|
| 20 |
-
border-bottom-color:red !important;
|
| 21 |
-
}
|
| 22 |
-
#filters-to-assign {
|
| 23 |
-
margin-top:30px;
|
| 24 |
-
}
|
| 25 |
-
#filters-to-assign label {
|
| 26 |
-
margin-left:20px;
|
| 27 |
-
color: #444;
|
| 28 |
-
}
|
| 29 |
-
#filters-to-assign label span {
|
| 30 |
-
padding-left: 22px;
|
| 31 |
-
}
|
| 32 |
-
#media-attachment-media_category-filters,
|
| 33 |
-
#media-attachment-date-filters {
|
| 34 |
-
display: inline;
|
| 35 |
-
}
|
| 36 |
-
.collapsible .list-view-control li {
|
| 37 |
-
display: inline-block;
|
| 38 |
-
clear: none;
|
| 39 |
-
}
|
| 40 |
-
.collapsible .list-view-control .selected {
|
| 41 |
-
border-bottom: 2px solid;
|
| 42 |
-
}
|
| 43 |
-
[type="radio"]:not(:checked) + label, [type="radio"]:checked + label {
|
| 44 |
-
color:#333;
|
| 45 |
-
}
|
| 46 |
-
[type="radio"]:disabled + label {
|
| 47 |
-
color:#666;
|
| 48 |
-
}
|
| 49 |
-
#gallery-list {
|
| 50 |
-
margin-top: 2rem;
|
| 51 |
-
}
|
| 52 |
-
#gallery-list .card {
|
| 53 |
-
padding: 0;
|
| 54 |
-
}
|
| 55 |
-
|
| 56 |
-
#gallery-list .card .card-content {
|
| 57 |
-
cursor: pointer;
|
| 58 |
-
padding: 6px;
|
| 59 |
-
}
|
| 60 |
-
#gallery-list .card .data {
|
| 61 |
-
background-size: cover;
|
| 62 |
-
background-position: 50% 50%;
|
| 63 |
-
}
|
| 64 |
-
#gallery-list .card .card-action,
|
| 65 |
-
#gallery-list .card .card-content {
|
| 66 |
-
background: rgba(0, 0, 0, 0.5);
|
| 67 |
-
transition: all .2s;
|
| 68 |
-
}
|
| 69 |
-
#gallery-list .card:hover .card-content {
|
| 70 |
-
background: rgba(0, 0, 0, 0);
|
| 71 |
-
}
|
| 72 |
-
.bulk.options > span {
|
| 73 |
-
display: inline-block;
|
| 74 |
-
margin-right: 10px;
|
| 75 |
-
}
|
| 76 |
-
.bulk.options > span:after {
|
| 77 |
-
content:"";
|
| 78 |
-
display: inline-block;
|
| 79 |
-
border-right: 1px solid #ccc;
|
| 80 |
-
width:1px;
|
| 81 |
-
height: 20px;
|
| 82 |
-
position: relative;
|
| 83 |
-
top: 4px;
|
| 84 |
-
margin-left: 10px;
|
| 85 |
-
}
|
| 86 |
-
.bulk.options > span:last-of-type:after {
|
| 87 |
-
|
| 88 |
-
}
|
| 89 |
-
.bulk .options > span .btn {
|
| 90 |
-
font-size: 11px;
|
| 91 |
-
line-height: 28px;
|
| 92 |
-
height: auto;
|
| 93 |
-
padding: 0 1em;
|
| 94 |
-
margin-bottom: 0;
|
| 95 |
-
}
|
| 96 |
-
.waves-light.btn {
|
| 97 |
-
color: #fff;
|
| 98 |
-
}
|
| 99 |
-
.waves-light.btn:hover {
|
| 100 |
-
color: #fff;
|
| 101 |
-
}
|
| 102 |
-
.card {
|
| 103 |
-
padding: 0;
|
| 104 |
-
min-width: 0;
|
| 105 |
-
max-width: 999em;
|
| 106 |
-
}
|
| 107 |
-
#top {
|
| 108 |
-
padding: 1rem 0 0px 40px;
|
| 109 |
-
font-family: Roboto, 'sans-serif';
|
| 110 |
-
}
|
| 111 |
-
#top h1 {
|
| 112 |
-
font-size: 3.4rem;
|
| 113 |
-
margin: 16px 0 0 0;
|
| 114 |
-
font-weight: 300;
|
| 115 |
-
color: #333;
|
| 116 |
-
}
|
| 117 |
-
#top h1 small {
|
| 118 |
-
font-size: 1rem;
|
| 119 |
-
}
|
| 120 |
-
#top h4 {
|
| 121 |
-
margin: 0 0 13px 0;
|
| 122 |
-
color: #666;
|
| 123 |
-
font-size: 20px;
|
| 124 |
-
font-weight: 100;
|
| 125 |
-
}
|
| 126 |
-
.upgrade-call {
|
| 127 |
-
display: inline-block;
|
| 128 |
-
position: absolute;
|
| 129 |
-
background: yellow;
|
| 130 |
-
top:20px;
|
| 131 |
-
right: 20px;
|
| 132 |
-
border-radius: 4px;
|
| 133 |
-
color: #111;
|
| 134 |
-
text-decoration: none;
|
| 135 |
-
text-transform: uppercase;
|
| 136 |
-
padding: 4px 6px;
|
| 137 |
-
}
|
| 138 |
-
.settings-header {
|
| 139 |
-
padding:1px 16px;
|
| 140 |
-
background: #fff;
|
| 141 |
-
-webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
|
| 142 |
-
-moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
|
| 143 |
-
box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
|
| 144 |
-
margin-bottom: 0;
|
| 145 |
-
}
|
| 146 |
-
.settings-header .shortcode {
|
| 147 |
-
margin-top: 20px;
|
| 148 |
-
margin-bottom: 0;
|
| 149 |
-
}
|
| 150 |
-
.settings-header .shortcode input {
|
| 151 |
-
height: 30px;
|
| 152 |
-
}
|
| 153 |
-
.import-export {
|
| 154 |
-
margin: 6px 0;
|
| 155 |
-
}
|
| 156 |
-
.import-export a {
|
| 157 |
-
display: inline-block;
|
| 158 |
-
margin-right: 20px;
|
| 159 |
-
font-size:14px;
|
| 160 |
-
color: #333;
|
| 161 |
-
}
|
| 162 |
-
.import-export a:hover {
|
| 163 |
-
color: #666;
|
| 164 |
-
text-decoration: underline;
|
| 165 |
-
}
|
| 166 |
-
#shortcode-shortcut {
|
| 167 |
-
font-family: Courier, monospace;
|
| 168 |
-
display: inline-block;
|
| 169 |
-
width: 200px;
|
| 170 |
-
background: #fafafa;
|
| 171 |
-
border:1px solid #999;
|
| 172 |
-
padding: 0px 10px;
|
| 173 |
-
height: 20px;
|
| 174 |
-
font-size:12px;
|
| 175 |
-
margin: 0 10px;
|
| 176 |
-
}
|
| 177 |
-
#support-page {
|
| 178 |
-
background: #fff;
|
| 179 |
-
font-family: Roboto, 'sans-serif';
|
| 180 |
-
padding: 40px;
|
| 181 |
-
}
|
| 182 |
-
#support-page p {
|
| 183 |
-
font-size: 16px;
|
| 184 |
-
color: #666;
|
| 185 |
-
}
|
| 186 |
-
#support-page ul {
|
| 187 |
-
margin: 40px 20px;
|
| 188 |
-
}
|
| 189 |
-
#support-page ul li {
|
| 190 |
-
list-style-type: circle;
|
| 191 |
-
font-size: 18px;
|
| 192 |
-
line-height: 1.5;
|
| 193 |
-
}
|
| 194 |
-
#support-page .buttons {
|
| 195 |
-
margin-top: 40px;
|
| 196 |
-
}
|
| 197 |
-
.bd {
|
| 198 |
-
padding: 0px 40px;
|
| 199 |
-
}
|
| 200 |
-
.bd .gallery-hd {
|
| 201 |
-
margin: 60px 0;
|
| 202 |
-
}
|
| 203 |
-
.bd .gallery-hd code {
|
| 204 |
-
font-size: 1rem;
|
| 205 |
-
}
|
| 206 |
-
.input-field {
|
| 207 |
-
margin-bottom: 20px;
|
| 208 |
-
}
|
| 209 |
-
.input-field label {
|
| 210 |
-
left: 0;
|
| 211 |
-
}
|
| 212 |
-
#ftg-wizard {
|
| 213 |
-
margin: 40px auto;
|
| 214 |
-
padding: 20px;
|
| 215 |
-
max-width: 600px;
|
| 216 |
-
box-shadow: #ccc 0px 0px 40px;
|
| 217 |
-
border-radius: 4px;
|
| 218 |
-
background: #fff;
|
| 219 |
-
}
|
| 220 |
-
#ftg-wizard fieldset {
|
| 221 |
-
border: 0;
|
| 222 |
-
display: none;
|
| 223 |
-
}
|
| 224 |
-
#ftg-wizard fieldset label {
|
| 225 |
-
font-size: 16px;
|
| 226 |
-
color: #333;
|
| 227 |
-
display: block;
|
| 228 |
-
margin-bottom: 4px;
|
| 229 |
-
}
|
| 230 |
-
#ftg-wizard fieldset .req {
|
| 231 |
-
font-size:12px;
|
| 232 |
-
font-weight: bold;
|
| 233 |
-
}
|
| 234 |
-
#ftg-wizard fieldset input[type=text] {
|
| 235 |
-
border: 1px solid #ccc;
|
| 236 |
-
display: block;
|
| 237 |
-
width: 100%;
|
| 238 |
-
padding: 10px;
|
| 239 |
-
}
|
| 240 |
-
#ftg-wizard fieldset textarea {
|
| 241 |
-
height: 100px;
|
| 242 |
-
}
|
| 243 |
-
#ftg-wizard fieldset .ftg-inline label {
|
| 244 |
-
display: inline-block;
|
| 245 |
-
}
|
| 246 |
-
#ftg-wizard .ftg-input {
|
| 247 |
-
display: inline-block;
|
| 248 |
-
margin-right: 20px;
|
| 249 |
-
margin-bottom: 10px;
|
| 250 |
-
}
|
| 251 |
-
#ftg-wizard fieldset:first-of-type {
|
| 252 |
-
display: block;
|
| 253 |
-
}
|
| 254 |
-
#ftg-wizard fieldset h5 {
|
| 255 |
-
font-size: 14px;
|
| 256 |
-
margin-bottom: 4px;
|
| 257 |
-
}
|
| 258 |
-
#ftg-wizard fieldset select {
|
| 259 |
-
height: 34px;
|
| 260 |
-
}
|
| 261 |
-
#ftg-wizard fieldset .select-images {
|
| 262 |
-
text-align: center;
|
| 263 |
-
}
|
| 264 |
-
#ftg-wizard fieldset .select-images .button {
|
| 265 |
-
font-size: 19px;
|
| 266 |
-
padding: 10px 20px;
|
| 267 |
-
height: auto;
|
| 268 |
-
}
|
| 269 |
-
#ftg-wizard fieldset .select-images label {
|
| 270 |
-
margin-top: 20px;
|
| 271 |
-
}
|
| 272 |
-
#ftg-wizard h1 {
|
| 273 |
-
font-size: 32px;
|
| 274 |
-
text-transform: uppercase;
|
| 275 |
-
text-align: center;
|
| 276 |
-
margin: 0;
|
| 277 |
-
}
|
| 278 |
-
#ftg-wizard h1 small {
|
| 279 |
-
font-size: 12px;
|
| 280 |
-
}
|
| 281 |
-
#success h4 {
|
| 282 |
-
font-size: 20px;
|
| 283 |
-
}
|
| 284 |
-
#success input[type=text] {
|
| 285 |
-
width: 100%;
|
| 286 |
-
display: block;
|
| 287 |
-
margin:10px 0;
|
| 288 |
-
}
|
| 289 |
-
#success .modal-footer {
|
| 290 |
-
text-align: right;
|
| 291 |
-
padding: 10px;
|
| 292 |
-
}
|
| 293 |
-
h2.ftg-subtitle {
|
| 294 |
-
font-size:16px;
|
| 295 |
-
color:#666;
|
| 296 |
-
margin:0;
|
| 297 |
-
}
|
| 298 |
-
#ftg-wizard h2 {
|
| 299 |
-
font-size: 16px;
|
| 300 |
-
text-transform: uppercase;
|
| 301 |
-
text-align: center;
|
| 302 |
-
margin: 0;
|
| 303 |
-
margin-bottom: 50px;
|
| 304 |
-
line-height: 1;
|
| 305 |
-
}
|
| 306 |
-
#ftg-wizard h5 {
|
| 307 |
-
margin-bottom: 20px;
|
| 308 |
-
}
|
| 309 |
-
#ftg-wizard .field {
|
| 310 |
-
margin-bottom: 40px;
|
| 311 |
-
}
|
| 312 |
-
#ftg-wizard .images {
|
| 313 |
-
padding: 10px;
|
| 314 |
-
max-height: 300px;
|
| 315 |
-
overflow: auto;
|
| 316 |
-
}
|
| 317 |
-
#ftg-wizard .images .tile {
|
| 318 |
-
margin: 0 10px 10px 0;
|
| 319 |
-
width: 23%;
|
| 320 |
-
display: inline-block;
|
| 321 |
-
position: relative;
|
| 322 |
-
}
|
| 323 |
-
#ftg-wizard .images .tile img {
|
| 324 |
-
width: 100%;
|
| 325 |
-
}
|
| 326 |
-
#ftg-wizard .images .tile a {
|
| 327 |
-
position: absolute;
|
| 328 |
-
top: -5px;
|
| 329 |
-
right: -5px;
|
| 330 |
-
z-index: 10;
|
| 331 |
-
display: none;
|
| 332 |
-
width: 26px;
|
| 333 |
-
height: 26px;
|
| 334 |
-
line-height: 26px;
|
| 335 |
-
}
|
| 336 |
-
#ftg-wizard .images .tile a i {
|
| 337 |
-
line-height: 26px;
|
| 338 |
-
font-size: 1.2rem;
|
| 339 |
-
}
|
| 340 |
-
#ftg-wizard .images .tile:hover a {
|
| 341 |
-
display: block;
|
| 342 |
-
}
|
| 343 |
-
#ftg-wizard .images .tile:nth-child(4n) {
|
| 344 |
-
margin-right: 0;
|
| 345 |
-
}
|
| 346 |
-
#ftg-wizard footer {
|
| 347 |
-
background: transparent;
|
| 348 |
-
text-align: right;
|
| 349 |
-
}
|
| 350 |
-
#ftg-wizard footer .prev {
|
| 351 |
-
visibility: hidden;
|
| 352 |
-
}
|
| 353 |
-
#ftg-wizard .loading {
|
| 354 |
-
display: none;
|
| 355 |
-
}
|
| 356 |
-
.modal code {
|
| 357 |
-
display: block;
|
| 358 |
-
margin: 20px;
|
| 359 |
-
padding: 10px;
|
| 360 |
-
font-size: 16px;
|
| 361 |
-
}
|
| 362 |
-
.modal a {
|
| 363 |
-
outline: 0;
|
| 364 |
-
}
|
| 365 |
-
.modal .modal-content,
|
| 366 |
-
.modal .modal-footer {
|
| 367 |
-
background: #fff;
|
| 368 |
-
font-size:18px;
|
| 369 |
-
}
|
| 370 |
-
.modal .modal-content h3 {
|
| 371 |
-
font-size:22px;
|
| 372 |
-
}
|
| 373 |
-
.modal .modal-content input[type="text"] {
|
| 374 |
-
border: 1px solid #ccc;
|
| 375 |
-
padding: 10px;
|
| 376 |
-
}
|
| 377 |
-
.in-table-cta {
|
| 378 |
-
font-weight: bold;
|
| 379 |
-
font-size: 18px;
|
| 380 |
-
}
|
| 381 |
-
#gallery-list .card p {
|
| 382 |
-
height: 40px;
|
| 383 |
-
overflow: hidden;
|
| 384 |
-
}
|
| 385 |
-
#gallery-list .card .card-action {
|
| 386 |
-
padding: 10px 20px;
|
| 387 |
-
text-align: center;
|
| 388 |
-
}
|
| 389 |
-
#gallery-list .card .card-action a {
|
| 390 |
-
margin: 0 10px;
|
| 391 |
-
font-size: 20px;
|
| 392 |
-
color: #fff;
|
| 393 |
-
}
|
| 394 |
-
#gallery-list .card .card-image {
|
| 395 |
-
display: inline-block;
|
| 396 |
-
width: 150px;
|
| 397 |
-
height: 150px;
|
| 398 |
-
overflow: hidden;
|
| 399 |
-
}
|
| 400 |
-
#gallery-list .card .card-content {
|
| 401 |
-
height: 180px;
|
| 402 |
-
}
|
| 403 |
-
#gallery-list .card .card-title {
|
| 404 |
-
line-height: 32px;
|
| 405 |
-
margin-bottom: 18px;
|
| 406 |
-
display: block;
|
| 407 |
-
}
|
| 408 |
-
#edit-gallery .tab {
|
| 409 |
-
padding: 20px;
|
| 410 |
-
}
|
| 411 |
-
#edit-gallery label {
|
| 412 |
-
color: #333;
|
| 413 |
-
font-size: 12px;
|
| 414 |
-
top: 0.1rem;
|
| 415 |
-
height: auto;
|
| 416 |
-
}
|
| 417 |
-
#edit-gallery .input-field {
|
| 418 |
-
margin-bottom: 0;
|
| 419 |
-
}
|
| 420 |
-
#edit-gallery .field input[type=text],
|
| 421 |
-
#edit-gallery .field input[type=password],
|
| 422 |
-
#edit-gallery .field input[type=email],
|
| 423 |
-
#edit-gallery .field input[type=url],
|
| 424 |
-
#edit-gallery .field input[type=date],
|
| 425 |
-
#edit-gallery .field input[type=tel],
|
| 426 |
-
#edit-gallery .field input[type=number],
|
| 427 |
-
#edit-gallery .field input[type=search],
|
| 428 |
-
#edit-gallery .field textarea.materialize-textarea {
|
| 429 |
-
font-size: 12px;
|
| 430 |
-
}
|
| 431 |
-
#edit-gallery .field .dynamic-table input[type=text] {
|
| 432 |
-
width: calc(100% - 20px);
|
| 433 |
-
margin: 0;
|
| 434 |
-
}
|
| 435 |
-
#edit-gallery .field .dynamic-table.filters input[type=text] {
|
| 436 |
-
width: 50%;
|
| 437 |
-
min-width: 100px;
|
| 438 |
-
}
|
| 439 |
-
#edit-gallery .field .dynamic-table.filters p {
|
| 440 |
-
margin-bottom: 10px;
|
| 441 |
-
}
|
| 442 |
-
#edit-gallery select {
|
| 443 |
-
font-size: 12px;
|
| 444 |
-
background: #fff;
|
| 445 |
-
border: 1px solid #ccc;
|
| 446 |
-
width: auto;
|
| 447 |
-
}
|
| 448 |
-
#edit-gallery .range-field {
|
| 449 |
-
padding: 0;
|
| 450 |
-
display: inline-block;
|
| 451 |
-
width: 80%;
|
| 452 |
-
}
|
| 453 |
-
#edit-gallery .dynamic-table .del-filter,
|
| 454 |
-
#edit-gallery .dynamic-table table a {
|
| 455 |
-
width:20px;
|
| 456 |
-
height:20px;
|
| 457 |
-
line-height: 1;
|
| 458 |
-
}
|
| 459 |
-
#edit-gallery .dynamic-table .del-filter i,
|
| 460 |
-
#edit-gallery .dynamic-table table a i {
|
| 461 |
-
font-size:12px;
|
| 462 |
-
line-height: 20px;
|
| 463 |
-
}
|
| 464 |
-
#edit-gallery b.range-preview {
|
| 465 |
-
display: inline-block;
|
| 466 |
-
width: 30px;
|
| 467 |
-
text-align: center;
|
| 468 |
-
background: #fff;
|
| 469 |
-
height: 30px;
|
| 470 |
-
line-height: 28px;
|
| 471 |
-
border: 1px solid #ccc;
|
| 472 |
-
border-radius: 6px;
|
| 473 |
-
font-weight: normal;
|
| 474 |
-
font-size:12px;
|
| 475 |
-
}
|
| 476 |
-
#edit-gallery .range-field input[type="range"] {
|
| 477 |
-
max-width: 500px;
|
| 478 |
-
}
|
| 479 |
-
#edit-gallery .jump-head {
|
| 480 |
-
border-bottom: 2px solid rgba(0, 0, 0, 0.3);
|
| 481 |
-
padding: 0 0 10px 0;
|
| 482 |
-
}
|
| 483 |
-
#edit-gallery .jump-head select {
|
| 484 |
-
height: 2rem;
|
| 485 |
-
display: inline;
|
| 486 |
-
width: auto;
|
| 487 |
-
}
|
| 488 |
-
.bullet-menu {
|
| 489 |
-
position: fixed;
|
| 490 |
-
bottom: 20px;
|
| 491 |
-
right: 50px;
|
| 492 |
-
}
|
| 493 |
-
.update-gallery {
|
| 494 |
-
position: fixed;
|
| 495 |
-
bottom: 20px;
|
| 496 |
-
right: 120px;
|
| 497 |
-
}
|
| 498 |
-
.collapsible li {
|
| 499 |
-
margin-bottom: 0;
|
| 500 |
-
clear: both;
|
| 501 |
-
}
|
| 502 |
-
.collapsible li .alternate {
|
| 503 |
-
background: transparent;
|
| 504 |
-
}
|
| 505 |
-
.collapsible li .collapsible-header {
|
| 506 |
-
font-size: 1.2rem;
|
| 507 |
-
}
|
| 508 |
-
.collapsible li .collapsible-header,
|
| 509 |
-
.collapsible li .collapsible-header i {
|
| 510 |
-
line-height: 3rem;
|
| 511 |
-
height: 3rem;
|
| 512 |
-
}
|
| 513 |
-
.collapsible-header {
|
| 514 |
-
padding: 0;
|
| 515 |
-
}
|
| 516 |
-
.collapsible li .collapsible-header .ftg-section-icon {
|
| 517 |
-
width:3rem;
|
| 518 |
-
border-bottom:1px solid #ccc;
|
| 519 |
-
}
|
| 520 |
-
.collapsible li .field .text {
|
| 521 |
-
padding: 0px;
|
| 522 |
-
}
|
| 523 |
-
.collapsible li .field textarea {
|
| 524 |
-
background: #fff;
|
| 525 |
-
border: 1px solid #ccc;
|
| 526 |
-
}
|
| 527 |
-
.collapsible li .field input[type="text"] {
|
| 528 |
-
background: #fff;
|
| 529 |
-
border: 1px solid #ccc;
|
| 530 |
-
height: 30px;
|
| 531 |
-
padding: 0 4px;
|
| 532 |
-
border-radius: 6px;
|
| 533 |
-
}
|
| 534 |
-
.collapsible li .field .text .pickColor {
|
| 535 |
-
height: auto;
|
| 536 |
-
}
|
| 537 |
-
.collapsible li .field .text .wp-color-result {
|
| 538 |
-
border-radius: 0;
|
| 539 |
-
-webkit-border-radius: 0;
|
| 540 |
-
height: 24px;
|
| 541 |
-
}
|
| 542 |
-
.collapsible li .field .text .wp-color-result::after {
|
| 543 |
-
border-radius: 0;
|
| 544 |
-
-webkit-border-radius: 0;
|
| 545 |
-
}
|
| 546 |
-
.collapsible-body {
|
| 547 |
-
clear: both;
|
| 548 |
-
padding: 10px;
|
| 549 |
-
}
|
| 550 |
-
.collapsible li textarea {
|
| 551 |
-
height: 100px;
|
| 552 |
-
}
|
| 553 |
-
.collapsible li th,
|
| 554 |
-
.collapsible li td {
|
| 555 |
-
vertical-align: top;
|
| 556 |
-
}
|
| 557 |
-
.collapsible li th {
|
| 558 |
-
border-radius: 0;
|
| 559 |
-
}
|
| 560 |
-
.collapsible li th[scope=row] {
|
| 561 |
-
width: 200px;
|
| 562 |
-
padding-top: 10px;
|
| 563 |
-
}
|
| 564 |
-
.collapsible li tr.slider {
|
| 565 |
-
height: auto;
|
| 566 |
-
}
|
| 567 |
-
.collapsible li tr.filter {
|
| 568 |
-
float: none;
|
| 569 |
-
margin: 0;
|
| 570 |
-
}
|
| 571 |
-
.collapsible li .toggle div.help p {
|
| 572 |
-
display: none;
|
| 573 |
-
}
|
| 574 |
-
.collapsible li .toggle [type="checkbox"]:not(:checked) + label:before {
|
| 575 |
-
top: 4px;
|
| 576 |
-
}
|
| 577 |
-
.collapsible li div.help {
|
| 578 |
-
background: rgba(255, 255, 255, 0.5);
|
| 579 |
-
border-top-left-radius: 0;
|
| 580 |
-
border-top-right-radius: 0;
|
| 581 |
-
border-bottom-left-radius: 6px;
|
| 582 |
-
border-bottom-right-radius: 6px;
|
| 583 |
-
padding: 10px 10px 0 10px;
|
| 584 |
-
color: #666;
|
| 585 |
-
/*display: none;*/
|
| 586 |
-
}
|
| 587 |
-
.collapsible li div.help span code {
|
| 588 |
-
display: none;
|
| 589 |
-
}
|
| 590 |
-
.collapsible li div.help span.visible code {
|
| 591 |
-
display: inline-block;
|
| 592 |
-
}
|
| 593 |
-
.collapsible li div.help .ftg-code {
|
| 594 |
-
display: block;
|
| 595 |
-
padding-top: 10px;
|
| 596 |
-
height: 40px;
|
| 597 |
-
}
|
| 598 |
-
.collapsible li div.help .ftg-code a {
|
| 599 |
-
color: #999;
|
| 600 |
-
font-size: 18px;
|
| 601 |
-
}
|
| 602 |
-
.collapsible li div.help .ftg-code a .fa-eye{
|
| 603 |
-
color:#007cba;
|
| 604 |
-
}
|
| 605 |
-
|
| 606 |
-
.collapsible li div.help .ftg-code a:focus {
|
| 607 |
-
box-shadow: none;
|
| 608 |
-
}
|
| 609 |
-
.collapsible li div.help .ftg-code input[type=text] {
|
| 610 |
-
font-size:12px;
|
| 611 |
-
font-family: courier, monospace;
|
| 612 |
-
width:200px;
|
| 613 |
-
display: inline-block;
|
| 614 |
-
padding: 5px;
|
| 615 |
-
height: auto;
|
| 616 |
-
border:1px solid #ccc;
|
| 617 |
-
}
|
| 618 |
-
.collapsible li div.help p {
|
| 619 |
-
padding:0 0 10px 0;
|
| 620 |
-
border-bottom:1px dotted #ccc;
|
| 621 |
-
}
|
| 622 |
-
.collapsible li div.help strong {
|
| 623 |
-
font-weight: 700;
|
| 624 |
-
}
|
| 625 |
-
.collapsible li .custom_isf td th {
|
| 626 |
-
background: #333;
|
| 627 |
-
color: #fff;
|
| 628 |
-
padding: 4px;
|
| 629 |
-
}
|
| 630 |
-
.collapsible li .custom_isf td td input[type=text] {
|
| 631 |
-
background: #fff;
|
| 632 |
-
}
|
| 633 |
-
.collapsible li .dynamic-table tr {
|
| 634 |
-
background: #fff;
|
| 635 |
-
}
|
| 636 |
-
.collapsible li .dynamic-table .btn {
|
| 637 |
-
outline: 0;
|
| 638 |
-
color: #fff;
|
| 639 |
-
}
|
| 640 |
-
.collapsible li .dynamic-table .btn:hover {
|
| 641 |
-
color: #fff;
|
| 642 |
-
}
|
| 643 |
-
.collapsible li .dynamic-table .btn.add {
|
| 644 |
-
width: 100%;
|
| 645 |
-
}
|
| 646 |
-
.collapsible li .dynamic-table .del {
|
| 647 |
-
width: 50px;
|
| 648 |
-
padding-left: 10px;
|
| 649 |
-
padding-top: 18px;
|
| 650 |
-
}
|
| 651 |
-
.collapsible li td .filters .add {
|
| 652 |
-
margin: 0;
|
| 653 |
-
}
|
| 654 |
-
.collapsible li td .filters .text p {
|
| 655 |
-
padding: 0;
|
| 656 |
-
}
|
| 657 |
-
.collapsible li td .filters .text p a {
|
| 658 |
-
display: inline-block;
|
| 659 |
-
margin-right: 20px;
|
| 660 |
-
}
|
| 661 |
-
.collapsible li td .filters .text p input[type=text] {
|
| 662 |
-
width: 77%;
|
| 663 |
-
}
|
| 664 |
-
.collapsible li td .filters .text p input[type=radio] {
|
| 665 |
-
position: static;
|
| 666 |
-
opacity: 1;
|
| 667 |
-
pointer-events: all;
|
| 668 |
-
}
|
| 669 |
-
.collapsible li td .filters .reset {
|
| 670 |
-
background-color: #fff;
|
| 671 |
-
text-align: right;
|
| 672 |
-
}
|
| 673 |
-
.collapsible li td .filters .reset button {
|
| 674 |
-
color: #333;
|
| 675 |
-
}
|
| 676 |
-
.collapsible li td .filters .reset button:hover {
|
| 677 |
-
color: #000;
|
| 678 |
-
}
|
| 679 |
-
#tutorial h5 {
|
| 680 |
-
margin: 60px 0 20px;
|
| 681 |
-
}
|
| 682 |
-
#images .images-bar {
|
| 683 |
-
padding-top:10px;
|
| 684 |
-
}
|
| 685 |
-
#images .actions .row.selection-row {
|
| 686 |
-
margin-top:10px;
|
| 687 |
-
}
|
| 688 |
-
#images .images-bar select {
|
| 689 |
-
max-width: 200px;
|
| 690 |
-
display: inline-block;
|
| 691 |
-
}
|
| 692 |
-
#images .actions {
|
| 693 |
-
margin: 0 10px;
|
| 694 |
-
}
|
| 695 |
-
#images .card .card-content {
|
| 696 |
-
cursor: pointer;
|
| 697 |
-
padding: 6px;
|
| 698 |
-
}
|
| 699 |
-
#images .actions.source-posts .checkboxes strong,
|
| 700 |
-
#images .actions.source-woocommerce .checkboxes strong {
|
| 701 |
-
font-weight: bold;
|
| 702 |
-
width: 90px;
|
| 703 |
-
display: inline-block;
|
| 704 |
-
}
|
| 705 |
-
#images .actions.source-posts .checkboxes label,
|
| 706 |
-
#images .actions.source-woocommerce .checkboxes label {
|
| 707 |
-
display: inline-block;
|
| 708 |
-
margin-right: 20px;
|
| 709 |
-
}
|
| 710 |
-
#images .actions.source-posts .checkboxes [type="checkbox"] + label:before,
|
| 711 |
-
#images .actions.source-woocommerce .checkboxes [type="checkbox"] + label:before {
|
| 712 |
-
left: 6px;
|
| 713 |
-
}
|
| 714 |
-
#images .actions.source-posts .checkboxes [type=text],
|
| 715 |
-
#images .actions.source-woocommerce .checkboxes [type=text] {
|
| 716 |
-
max-width: 200px;
|
| 717 |
-
}
|
| 718 |
-
#images .actions label {
|
| 719 |
-
font-weight: bold;
|
| 720 |
-
cursor: default;
|
| 721 |
-
display: block;
|
| 722 |
-
}
|
| 723 |
-
#images span.tax-item {
|
| 724 |
-
display: inline-block;
|
| 725 |
-
background: #fff;
|
| 726 |
-
padding: 5px;
|
| 727 |
-
margin: 0 10px 10px 0;
|
| 728 |
-
border-radius: 4px;
|
| 729 |
-
border: 1px solid #ccc;
|
| 730 |
-
}
|
| 731 |
-
#images span.tax-item input {
|
| 732 |
-
position: static;
|
| 733 |
-
opacity: 1;
|
| 734 |
-
pointer-events: all;
|
| 735 |
-
}
|
| 736 |
-
#images .actions label span {
|
| 737 |
-
font-weight: normal;
|
| 738 |
-
padding-left: 10px;
|
| 739 |
-
}
|
| 740 |
-
#images .actions .row {
|
| 741 |
-
margin: 0 0 10px 0;
|
| 742 |
-
}
|
| 743 |
-
#images .actions .bulk .panel {
|
| 744 |
-
display: none;
|
| 745 |
-
}
|
| 746 |
-
#images .actions .bulk .panel label {
|
| 747 |
-
display: inline-block;
|
| 748 |
-
margin-right: 30px;
|
| 749 |
-
padding-left: 28px;
|
| 750 |
-
}
|
| 751 |
-
#images .actions .bulk .panel p {
|
| 752 |
-
padding: 1rem 0;
|
| 753 |
-
}
|
| 754 |
-
#images .actions .tips {
|
| 755 |
-
font-style: italic;
|
| 756 |
-
color: #777;
|
| 757 |
-
padding: 5px 10px;
|
| 758 |
-
background: rgba(255, 255, 255, 0.7);
|
| 759 |
-
border-radius: 4px;
|
| 760 |
-
}
|
| 761 |
-
#images .actions .tips strong {
|
| 762 |
-
font-weight: 700;
|
| 763 |
-
}
|
| 764 |
-
#images .source-panel {
|
| 765 |
-
display: none;
|
| 766 |
-
}
|
| 767 |
-
#image-panel-model[data-source=posts] {
|
| 768 |
-
width: 300px;
|
| 769 |
-
}
|
| 770 |
-
#image-panel-model[data-source=posts] .right-side {
|
| 771 |
-
display: none;
|
| 772 |
-
}
|
| 773 |
-
#image-panel-model .figure {
|
| 774 |
-
margin-bottom: 10px;
|
| 775 |
-
}
|
| 776 |
-
#image-panel-model .modal-content {
|
| 777 |
-
padding-bottom: 0;
|
| 778 |
-
}
|
| 779 |
-
#image-panel-model .modal-footer {
|
| 780 |
-
padding-right: 24px;
|
| 781 |
-
}
|
| 782 |
-
#image-panel-model .right-side {
|
| 783 |
-
margin-left: 170px;
|
| 784 |
-
}
|
| 785 |
-
#image-panel-model .right-side .field {
|
| 786 |
-
margin-bottom: 14px;
|
| 787 |
-
}
|
| 788 |
-
#image-panel-model .right-side textarea {
|
| 789 |
-
height: 3.75rem;
|
| 790 |
-
}
|
| 791 |
-
#image-panel-model .right-side input[type=text] {
|
| 792 |
-
height: 2em;
|
| 793 |
-
padding: 0 6px;
|
| 794 |
-
width: 96%;
|
| 795 |
-
}
|
| 796 |
-
#image-panel-model .right-side input[type=text],
|
| 797 |
-
#image-panel-model .right-side textarea {
|
| 798 |
-
border: 1px solid #ccc;
|
| 799 |
-
margin-bottom: 0;
|
| 800 |
-
font-size: 12px;
|
| 801 |
-
}
|
| 802 |
-
#image-panel-model .right-side .info {
|
| 803 |
-
font-size: 11px;
|
| 804 |
-
margin: 0;
|
| 805 |
-
}
|
| 806 |
-
#image-panel-model .right-side .filters {
|
| 807 |
-
margin-top: 15px;
|
| 808 |
-
}
|
| 809 |
-
#image-panel-model .right-side .filters label {
|
| 810 |
-
margin-right: 30px;
|
| 811 |
-
}
|
| 812 |
-
#video-panel-model textarea {
|
| 813 |
-
height: 160px;
|
| 814 |
-
font-size: 14px;
|
| 815 |
-
}
|
| 816 |
-
#video-panel-model label {
|
| 817 |
-
margin-right: 14px;
|
| 818 |
-
}
|
| 819 |
-
#image-list {
|
| 820 |
-
padding: 10px;
|
| 821 |
-
}
|
| 822 |
-
#image-list .ui-sortable-handle {
|
| 823 |
-
float: left;
|
| 824 |
-
}
|
| 825 |
-
#image-list .item.card {
|
| 826 |
-
width: 160px;
|
| 827 |
-
margin: 4px;
|
| 828 |
-
float: left;
|
| 829 |
-
}
|
| 830 |
-
#image-list .item.card.hidden-T {
|
| 831 |
-
opacity:.5;
|
| 832 |
-
}
|
| 833 |
-
#image-list .card .card-image .card-title {
|
| 834 |
-
position: absolute;
|
| 835 |
-
bottom: 0;
|
| 836 |
-
left: 0;
|
| 837 |
-
padding: 3px 8px;
|
| 838 |
-
background: rgba(0,0,0,.8);
|
| 839 |
-
font-size: 12px;
|
| 840 |
-
border-top-right-radius: 6px;
|
| 841 |
-
bottom: 0;
|
| 842 |
-
left: 0;
|
| 843 |
-
}
|
| 844 |
-
#image-list .card.selected {
|
| 845 |
-
border: 2px solid #000;
|
| 846 |
-
}
|
| 847 |
-
#image-list .card.hidden-T .card-image {
|
| 848 |
-
/*&:after {
|
| 849 |
-
display: block;
|
| 850 |
-
content:"";
|
| 851 |
-
position: absolute;
|
| 852 |
-
top:0;
|
| 853 |
-
right:0;
|
| 854 |
-
left:0;
|
| 855 |
-
bottom:0;
|
| 856 |
-
z-index: 1;
|
| 857 |
-
}*/
|
| 858 |
-
}
|
| 859 |
-
#image-list .card.hidden-T .card-image .card-title {
|
| 860 |
-
display: none;
|
| 861 |
-
}
|
| 862 |
-
#image-list .card .card-hidden {
|
| 863 |
-
position: absolute;
|
| 864 |
-
top: 50%;
|
| 865 |
-
left: 50%;
|
| 866 |
-
background: #fff;
|
| 867 |
-
width: 30px;
|
| 868 |
-
height: 30px;
|
| 869 |
-
border-radius: 4px;
|
| 870 |
-
text-align: center;
|
| 871 |
-
color: #000;
|
| 872 |
-
line-height: 30px;
|
| 873 |
-
font-size: 20px;
|
| 874 |
-
margin: -15px 0 0 -15px;
|
| 875 |
-
}
|
| 876 |
-
#image-list .card .card-image {
|
| 877 |
-
cursor: move;
|
| 878 |
-
background-size: cover;
|
| 879 |
-
}
|
| 880 |
-
#image-list .card .card-image iframe {
|
| 881 |
-
width: 100%;
|
| 882 |
-
}
|
| 883 |
-
#image-list .card p {
|
| 884 |
-
padding: 0;
|
| 885 |
-
min-height: 20px;
|
| 886 |
-
}
|
| 887 |
-
#image-list .card a {
|
| 888 |
-
color: #388E3C;
|
| 889 |
-
}
|
| 890 |
-
#image-list .card a.ftg-action-link {
|
| 891 |
-
color: #333;
|
| 892 |
-
position: absolute;
|
| 893 |
-
z-index: 100;
|
| 894 |
-
top: 10px;
|
| 895 |
-
right: 4px;
|
| 896 |
-
background: #fff;
|
| 897 |
-
margin: 0;
|
| 898 |
-
width: 20px;
|
| 899 |
-
height: 20px;
|
| 900 |
-
text-align: center;
|
| 901 |
-
border-radius: 3px;
|
| 902 |
-
opacity: 0;
|
| 903 |
-
}
|
| 904 |
-
#image-list .card a.remove {
|
| 905 |
-
color: #f00;
|
| 906 |
-
right: 30px;
|
| 907 |
-
}
|
| 908 |
-
#image-list .card:hover a {
|
| 909 |
-
opacity: 1;
|
| 910 |
-
}
|
| 911 |
-
#image-list .card .filters {
|
| 912 |
-
position: absolute;
|
| 913 |
-
top: 10px;
|
| 914 |
-
left: 0px;
|
| 915 |
-
z-index: 10;
|
| 916 |
-
}
|
| 917 |
-
#image-list .card .filters li {
|
| 918 |
-
background: rgba(255,255,255, .8);
|
| 919 |
-
color: #333;
|
| 920 |
-
padding: 2px 10px;
|
| 921 |
-
margin: 0 0 2px 0;
|
| 922 |
-
border-top-right-radius: 4px;
|
| 923 |
-
}
|
| 924 |
-
#delete-gallery-modal span {
|
| 925 |
-
color: #ff8a0b;
|
| 926 |
-
font-weight: bold;
|
| 927 |
-
}
|
| 928 |
-
#spinner {
|
| 929 |
-
display: none;
|
| 930 |
-
position: fixed;
|
| 931 |
-
top: 50px;
|
| 932 |
-
right: 50px;
|
| 933 |
-
}
|
| 934 |
-
#spinner.shown {
|
| 935 |
-
display: block;
|
| 936 |
-
}
|
| 937 |
-
.listview {
|
| 938 |
-
font-size: 16px;
|
| 939 |
-
display: inline;
|
| 940 |
-
float: left;
|
| 941 |
-
}
|
| 942 |
-
.li {
|
| 943 |
-
cursor: pointer;
|
| 944 |
-
font-size: 16px;
|
| 945 |
-
display: inline;
|
| 946 |
-
float: left;
|
| 947 |
-
margin-left: 7px;
|
| 948 |
-
}
|
| 949 |
-
.filter-item {
|
| 950 |
-
cursor: pointer;
|
| 951 |
-
display: inline;
|
| 952 |
-
margin-left: 10px;
|
| 953 |
-
}
|
| 954 |
-
.filter-list {
|
| 955 |
-
margin-left: 10px;
|
| 956 |
-
margin-right: 10px;
|
| 957 |
-
padding: 12px;
|
| 958 |
-
font-size:12px;
|
| 959 |
-
line-height: 30px;
|
| 960 |
-
}
|
| 961 |
-
/**
|
| 962 |
-
* For modern browsers
|
| 963 |
-
* 1. The space content is one way to avoid an Opera bug when the
|
| 964 |
-
* contenteditable attribute is included anywhere else in the document.
|
| 965 |
-
* Otherwise it causes space to appear at the top and bottom of elements
|
| 966 |
-
* that are clearfixed.
|
| 967 |
-
* 2. The use of `table` rather than `block` is only necessary if using
|
| 968 |
-
* `:before` to contain the top-margins of child elements.
|
| 969 |
-
*/
|
| 970 |
-
.cf:before,
|
| 971 |
-
.cf:after {
|
| 972 |
-
content: " ";
|
| 973 |
-
/* 1 */
|
| 974 |
-
display: table;
|
| 975 |
-
/* 2 */
|
| 976 |
-
}
|
| 977 |
-
.cf:after {
|
| 978 |
-
clear: both;
|
| 979 |
-
}
|
| 980 |
-
/**
|
| 981 |
-
* For IE 6/7 only
|
| 982 |
-
* Include this rule to trigger hasLayout and contain floats.
|
| 983 |
-
*/
|
| 984 |
-
.cf {
|
| 985 |
-
*zoom: 1;
|
| 986 |
-
}
|
| 987 |
-
#fs_connect {
|
| 988 |
-
margin: 60px auto !important;
|
| 989 |
-
}
|
| 990 |
-
#fs_connect .fs-visual .dashicons-wordpress {
|
| 991 |
-
height: 76px !important;
|
| 992 |
-
width: 76px !important;
|
| 993 |
-
}
|
| 994 |
-
#import-modal textarea,
|
| 995 |
-
#export-modal textarea {
|
| 996 |
-
height:200px;
|
| 997 |
-
}
|
| 998 |
-
.gallery-actions input[type=text] {
|
| 999 |
-
display: block;
|
| 1000 |
-
margin-bottom: 10px;
|
| 1001 |
-
width: 100%;
|
| 1002 |
-
padding: 6px;
|
| 1003 |
-
}
|
| 1004 |
-
.gallery-actions li .collapsible-header {
|
| 1005 |
-
font-weight: 600;
|
| 1006 |
-
color: #191e23;
|
| 1007 |
-
font-size: 13px;
|
| 1008 |
-
padding: 15px;
|
| 1009 |
-
line-height: 1;
|
| 1010 |
-
position: relative;
|
| 1011 |
-
}
|
| 1012 |
-
.components-panel__arrow {
|
| 1013 |
-
position: absolute;
|
| 1014 |
-
right: 10px;
|
| 1015 |
-
top: 50%;
|
| 1016 |
-
transform: translateY(-50%);
|
| 1017 |
-
color: #191e23;
|
| 1018 |
-
fill: currentColor;
|
| 1019 |
-
transition: color .1s ease-in-out;
|
| 1020 |
-
}
|
| 1021 |
-
.collapsible-body {
|
| 1022 |
-
background: #fafafa;
|
| 1023 |
-
}
|
| 1024 |
-
.gallery-actions.collapsible li .collapsible-header i {
|
| 1025 |
-
line-height: 1;
|
| 1026 |
-
height: auto;
|
| 1027 |
-
font-size: 15px;
|
| 1028 |
-
width: auto;
|
| 1029 |
-
margin-right: 10px;
|
| 1030 |
-
}
|
| 1031 |
-
.components-button.is-primary {
|
| 1032 |
-
background: #0085ba;
|
| 1033 |
-
border-color: #006a95 #00648c #00648c;
|
| 1034 |
-
box-shadow: inset 0 -1px 0 #00648c;
|
| 1035 |
-
color: #fff;
|
| 1036 |
-
text-decoration: none;
|
| 1037 |
-
text-shadow: 0 -1px 1px #005d82, 1px 0 1px #005d82, 0 1px 1px #005d82, -1px 0 1px #005d82;
|
| 1038 |
-
}
|
| 1039 |
-
.components-button.is-primary:focus,
|
| 1040 |
-
.components-button.is-primary:active,
|
| 1041 |
-
.components-button.is-primary:hover {
|
| 1042 |
-
background: #007eb1;
|
| 1043 |
-
border-color: #00435d;
|
| 1044 |
-
color: #fff;
|
| 1045 |
-
}
|
| 1046 |
-
.ftg-upsell {
|
| 1047 |
-
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fcb900+1,f79621+100 */
|
| 1048 |
-
background: #fcb900; /* Old browsers */
|
| 1049 |
-
background: -moz-linear-gradient(-45deg, #fcb900 1%, #f79621 100%); /* FF3.6-15 */
|
| 1050 |
-
background: -webkit-linear-gradient(-45deg, #fcb900 1%,#f79621 100%); /* Chrome10-25,Safari5.1-6 */
|
| 1051 |
-
background: linear-gradient(135deg, #fcb900 1%,#f79621 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
|
| 1052 |
-
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcb900', endColorstr='#f79621',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
|
| 1053 |
-
padding: 10px;
|
| 1054 |
-
}
|
| 1055 |
-
.ftg-upsell a {
|
| 1056 |
-
color:#fff;
|
| 1057 |
-
font-weight: bold;
|
| 1058 |
-
text-transform: uppercase;
|
| 1059 |
-
font-size:16px;
|
| 1060 |
-
}
|
| 1061 |
-
#upgrade-cta {
|
| 1062 |
-
background: yellow;
|
| 1063 |
-
font-size: 18px;
|
| 1064 |
-
font-weight: bold;
|
| 1065 |
-
text-transform: uppercase;
|
| 1066 |
-
padding: 18px;
|
| 1067 |
-
}
|
| 1068 |
-
#upgrade-cta a {
|
| 1069 |
-
color: #000;
|
| 1070 |
-
}
|
| 1071 |
-
.modal h4 {
|
| 1072 |
-
font-size: 14px;
|
| 1073 |
-
}
|
| 1074 |
-
.browser-default[type="radio"]:not(:checked),
|
| 1075 |
-
.browser-default[type="radio"]:checked,
|
| 1076 |
-
.browser-default[type="checkbox"]:not(:checked),
|
| 1077 |
-
.browser-default[type="checkbox"]:checked {
|
| 1078 |
-
opacity: 1;
|
| 1079 |
-
position: static;
|
| 1080 |
-
pointer-events: all;
|
| 1081 |
-
}
|
| 1082 |
-
.field-help {
|
| 1083 |
-
width: 16px;
|
| 1084 |
-
height: 16px;
|
| 1085 |
-
background: #333;
|
| 1086 |
-
color: #ffff;
|
| 1087 |
-
border-radius: 20px;
|
| 1088 |
-
line-height: 17px;
|
| 1089 |
-
text-align: center;
|
| 1090 |
-
opacity: 0;
|
| 1091 |
-
display: inline-block;
|
| 1092 |
-
}
|
| 1093 |
-
.field-row:hover .field-help:active,
|
| 1094 |
-
.field-row:hover .field-help:focus,
|
| 1095 |
-
.field-row:hover .field-help:hover {
|
| 1096 |
-
color: #fff;
|
| 1097 |
-
opacity: 1;
|
| 1098 |
-
}
|
| 1099 |
-
.field-row:hover .field-help {
|
| 1100 |
-
opacity: .8;
|
| 1101 |
-
}
|
| 1102 |
-
.no-thank-you {
|
| 1103 |
-
float: right;
|
| 1104 |
-
margin-top: 7px;
|
| 1105 |
-
}
|
| 1106 |
-
|
| 1107 |
-
|
| 1108 |
-
/* Tabs tooltips */
|
| 1109 |
-
.ftg-tooltip {
|
| 1110 |
-
position: relative;
|
| 1111 |
-
display: inline-block;
|
| 1112 |
-
}
|
| 1113 |
-
.ftg-tooltip > span {
|
| 1114 |
-
cursor: pointer;
|
| 1115 |
-
color: #0073aa;
|
| 1116 |
-
text-decoration: underline;
|
| 1117 |
-
margin-left: 5px;
|
| 1118 |
-
}
|
| 1119 |
-
.ftg-tooltip .ftg-tooltip-content {
|
| 1120 |
-
display: none;
|
| 1121 |
-
position: absolute;
|
| 1122 |
-
top: 50%;
|
| 1123 |
-
right: -10px;
|
| 1124 |
-
transform: translate( 100% ,-50% );
|
| 1125 |
-
width: 300px;
|
| 1126 |
-
background: #000;
|
| 1127 |
-
color: #fff;
|
| 1128 |
-
padding: 10px;
|
| 1129 |
-
box-sizing: border-box;
|
| 1130 |
-
z-index: 99;
|
| 1131 |
-
}
|
| 1132 |
-
.ftg-tooltip .ftg-tooltip-content:before {
|
| 1133 |
-
content: '';
|
| 1134 |
-
width: 0px;
|
| 1135 |
-
height: 0px;
|
| 1136 |
-
border-style: solid;
|
| 1137 |
-
border-width: 8px 8px 8px 0;
|
| 1138 |
-
border-color: transparent #000 transparent transparent;
|
| 1139 |
-
display: block;
|
| 1140 |
-
position: absolute;
|
| 1141 |
-
top: 50%;
|
| 1142 |
-
left: -8px;
|
| 1143 |
-
transform: translateY( -50% );
|
| 1144 |
-
}
|
| 1145 |
-
.ftg-tooltip:hover .ftg-tooltip-content {
|
| 1146 |
-
display: block;
|
| 1147 |
-
}
|
| 1148 |
-
|
| 1149 |
-
/* Copy shortcode design */
|
| 1150 |
-
.gallery-actions .copy-ftg-shortcode {
|
| 1151 |
-
height: 40px;
|
| 1152 |
-
line-height: 40px !important;
|
| 1153 |
-
}
|
| 1154 |
-
|
| 1155 |
-
.copy-ftg-shortcode {
|
| 1156 |
-
height:max-content;
|
| 1157 |
-
}
|
| 1158 |
-
|
| 1159 |
-
/* Color picker fix */
|
| 1160 |
-
.field.js-update-shortcode .iris-border .iris-picker-inner {
|
| 1161 |
-
min-width:250px;
|
| 1162 |
-
min-height:250px;
|
| 1163 |
-
}
|
| 1164 |
-
.media-router button.media-menu-item {
|
| 1165 |
-
height: fit-content;
|
| 1166 |
}
|
| 1 |
+
@import "materialize.css";
|
| 2 |
+
* {
|
| 3 |
+
box-sizing: border-box !important;
|
| 4 |
+
-webkit-box-sizing: border-box !important;
|
| 5 |
+
}
|
| 6 |
+
a {
|
| 7 |
+
color: #0073aa;
|
| 8 |
+
}
|
| 9 |
+
td, th {
|
| 10 |
+
padding:10px 5px;
|
| 11 |
+
}
|
| 12 |
+
#wpcontent {
|
| 13 |
+
padding-left: 0;
|
| 14 |
+
}
|
| 15 |
+
.shortpixel img {
|
| 16 |
+
position: relative;
|
| 17 |
+
top: 6px;
|
| 18 |
+
}
|
| 19 |
+
.button-delete {
|
| 20 |
+
border-bottom-color:red !important;
|
| 21 |
+
}
|
| 22 |
+
#filters-to-assign {
|
| 23 |
+
margin-top:30px;
|
| 24 |
+
}
|
| 25 |
+
#filters-to-assign label {
|
| 26 |
+
margin-left:20px;
|
| 27 |
+
color: #444;
|
| 28 |
+
}
|
| 29 |
+
#filters-to-assign label span {
|
| 30 |
+
padding-left: 22px;
|
| 31 |
+
}
|
| 32 |
+
#media-attachment-media_category-filters,
|
| 33 |
+
#media-attachment-date-filters {
|
| 34 |
+
display: inline;
|
| 35 |
+
}
|
| 36 |
+
.collapsible .list-view-control li {
|
| 37 |
+
display: inline-block;
|
| 38 |
+
clear: none;
|
| 39 |
+
}
|
| 40 |
+
.collapsible .list-view-control .selected {
|
| 41 |
+
border-bottom: 2px solid;
|
| 42 |
+
}
|
| 43 |
+
[type="radio"]:not(:checked) + label, [type="radio"]:checked + label {
|
| 44 |
+
color:#333;
|
| 45 |
+
}
|
| 46 |
+
[type="radio"]:disabled + label {
|
| 47 |
+
color:#666;
|
| 48 |
+
}
|
| 49 |
+
#gallery-list {
|
| 50 |
+
margin-top: 2rem;
|
| 51 |
+
}
|
| 52 |
+
#gallery-list .card {
|
| 53 |
+
padding: 0;
|
| 54 |
+
}
|
| 55 |
+
|
| 56 |
+
#gallery-list .card .card-content {
|
| 57 |
+
cursor: pointer;
|
| 58 |
+
padding: 6px;
|
| 59 |
+
}
|
| 60 |
+
#gallery-list .card .data {
|
| 61 |
+
background-size: cover;
|
| 62 |
+
background-position: 50% 50%;
|
| 63 |
+
}
|
| 64 |
+
#gallery-list .card .card-action,
|
| 65 |
+
#gallery-list .card .card-content {
|
| 66 |
+
background: rgba(0, 0, 0, 0.5);
|
| 67 |
+
transition: all .2s;
|
| 68 |
+
}
|
| 69 |
+
#gallery-list .card:hover .card-content {
|
| 70 |
+
background: rgba(0, 0, 0, 0);
|
| 71 |
+
}
|
| 72 |
+
.bulk.options > span {
|
| 73 |
+
display: inline-block;
|
| 74 |
+
margin-right: 10px;
|
| 75 |
+
}
|
| 76 |
+
.bulk.options > span:after {
|
| 77 |
+
content:"";
|
| 78 |
+
display: inline-block;
|
| 79 |
+
border-right: 1px solid #ccc;
|
| 80 |
+
width:1px;
|
| 81 |
+
height: 20px;
|
| 82 |
+
position: relative;
|
| 83 |
+
top: 4px;
|
| 84 |
+
margin-left: 10px;
|
| 85 |
+
}
|
| 86 |
+
.bulk.options > span:last-of-type:after {
|
| 87 |
+
|
| 88 |
+
}
|
| 89 |
+
.bulk .options > span .btn {
|
| 90 |
+
font-size: 11px;
|
| 91 |
+
line-height: 28px;
|
| 92 |
+
height: auto;
|
| 93 |
+
padding: 0 1em;
|
| 94 |
+
margin-bottom: 0;
|
| 95 |
+
}
|
| 96 |
+
.waves-light.btn {
|
| 97 |
+
color: #fff;
|
| 98 |
+
}
|
| 99 |
+
.waves-light.btn:hover {
|
| 100 |
+
color: #fff;
|
| 101 |
+
}
|
| 102 |
+
.card {
|
| 103 |
+
padding: 0;
|
| 104 |
+
min-width: 0;
|
| 105 |
+
max-width: 999em;
|
| 106 |
+
}
|
| 107 |
+
#top {
|
| 108 |
+
padding: 1rem 0 0px 40px;
|
| 109 |
+
font-family: Roboto, 'sans-serif';
|
| 110 |
+
}
|
| 111 |
+
#top h1 {
|
| 112 |
+
font-size: 3.4rem;
|
| 113 |
+
margin: 16px 0 0 0;
|
| 114 |
+
font-weight: 300;
|
| 115 |
+
color: #333;
|
| 116 |
+
}
|
| 117 |
+
#top h1 small {
|
| 118 |
+
font-size: 1rem;
|
| 119 |
+
}
|
| 120 |
+
#top h4 {
|
| 121 |
+
margin: 0 0 13px 0;
|
| 122 |
+
color: #666;
|
| 123 |
+
font-size: 20px;
|
| 124 |
+
font-weight: 100;
|
| 125 |
+
}
|
| 126 |
+
.upgrade-call {
|
| 127 |
+
display: inline-block;
|
| 128 |
+
position: absolute;
|
| 129 |
+
background: yellow;
|
| 130 |
+
top:20px;
|
| 131 |
+
right: 20px;
|
| 132 |
+
border-radius: 4px;
|
| 133 |
+
color: #111;
|
| 134 |
+
text-decoration: none;
|
| 135 |
+
text-transform: uppercase;
|
| 136 |
+
padding: 4px 6px;
|
| 137 |
+
}
|
| 138 |
+
.settings-header {
|
| 139 |
+
padding:1px 16px;
|
| 140 |
+
background: #fff;
|
| 141 |
+
-webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
|
| 142 |
+
-moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
|
| 143 |
+
box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
|
| 144 |
+
margin-bottom: 0;
|
| 145 |
+
}
|
| 146 |
+
.settings-header .shortcode {
|
| 147 |
+
margin-top: 20px;
|
| 148 |
+
margin-bottom: 0;
|
| 149 |
+
}
|
| 150 |
+
.settings-header .shortcode input {
|
| 151 |
+
height: 30px;
|
| 152 |
+
}
|
| 153 |
+
.import-export {
|
| 154 |
+
margin: 6px 0;
|
| 155 |
+
}
|
| 156 |
+
.import-export a {
|
| 157 |
+
display: inline-block;
|
| 158 |
+
margin-right: 20px;
|
| 159 |
+
font-size:14px;
|
| 160 |
+
color: #333;
|
| 161 |
+
}
|
| 162 |
+
.import-export a:hover {
|
| 163 |
+
color: #666;
|
| 164 |
+
text-decoration: underline;
|
| 165 |
+
}
|
| 166 |
+
#shortcode-shortcut {
|
| 167 |
+
font-family: Courier, monospace;
|
| 168 |
+
display: inline-block;
|
| 169 |
+
width: 200px;
|
| 170 |
+
background: #fafafa;
|
| 171 |
+
border:1px solid #999;
|
| 172 |
+
padding: 0px 10px;
|
| 173 |
+
height: 20px;
|
| 174 |
+
font-size:12px;
|
| 175 |
+
margin: 0 10px;
|
| 176 |
+
}
|
| 177 |
+
#support-page {
|
| 178 |
+
background: #fff;
|
| 179 |
+
font-family: Roboto, 'sans-serif';
|
| 180 |
+
padding: 40px;
|
| 181 |
+
}
|
| 182 |
+
#support-page p {
|
| 183 |
+
font-size: 16px;
|
| 184 |
+
color: #666;
|
| 185 |
+
}
|
| 186 |
+
#support-page ul {
|
| 187 |
+
margin: 40px 20px;
|
| 188 |
+
}
|
| 189 |
+
#support-page ul li {
|
| 190 |
+
list-style-type: circle;
|
| 191 |
+
font-size: 18px;
|
| 192 |
+
line-height: 1.5;
|
| 193 |
+
}
|
| 194 |
+
#support-page .buttons {
|
| 195 |
+
margin-top: 40px;
|
| 196 |
+
}
|
| 197 |
+
.bd {
|
| 198 |
+
padding: 0px 40px;
|
| 199 |
+
}
|
| 200 |
+
.bd .gallery-hd {
|
| 201 |
+
margin: 60px 0;
|
| 202 |
+
}
|
| 203 |
+
.bd .gallery-hd code {
|
| 204 |
+
font-size: 1rem;
|
| 205 |
+
}
|
| 206 |
+
.input-field {
|
| 207 |
+
margin-bottom: 20px;
|
| 208 |
+
}
|
| 209 |
+
.input-field label {
|
| 210 |
+
left: 0;
|
| 211 |
+
}
|
| 212 |
+
#ftg-wizard {
|
| 213 |
+
margin: 40px auto;
|
| 214 |
+
padding: 20px;
|
| 215 |
+
max-width: 600px;
|
| 216 |
+
box-shadow: #ccc 0px 0px 40px;
|
| 217 |
+
border-radius: 4px;
|
| 218 |
+
background: #fff;
|
| 219 |
+
}
|
| 220 |
+
#ftg-wizard fieldset {
|
| 221 |
+
border: 0;
|
| 222 |
+
display: none;
|
| 223 |
+
}
|
| 224 |
+
#ftg-wizard fieldset label {
|
| 225 |
+
font-size: 16px;
|
| 226 |
+
color: #333;
|
| 227 |
+
display: block;
|
| 228 |
+
margin-bottom: 4px;
|
| 229 |
+
}
|
| 230 |
+
#ftg-wizard fieldset .req {
|
| 231 |
+
font-size:12px;
|
| 232 |
+
font-weight: bold;
|
| 233 |
+
}
|
| 234 |
+
#ftg-wizard fieldset input[type=text] {
|
| 235 |
+
border: 1px solid #ccc;
|
| 236 |
+
display: block;
|
| 237 |
+
width: 100%;
|
| 238 |
+
padding: 10px;
|
| 239 |
+
}
|
| 240 |
+
#ftg-wizard fieldset textarea {
|
| 241 |
+
height: 100px;
|
| 242 |
+
}
|
| 243 |
+
#ftg-wizard fieldset .ftg-inline label {
|
| 244 |
+
display: inline-block;
|
| 245 |
+
}
|
| 246 |
+
#ftg-wizard .ftg-input {
|
| 247 |
+
display: inline-block;
|
| 248 |
+
margin-right: 20px;
|
| 249 |
+
margin-bottom: 10px;
|
| 250 |
+
}
|
| 251 |
+
#ftg-wizard fieldset:first-of-type {
|
| 252 |
+
display: block;
|
| 253 |
+
}
|
| 254 |
+
#ftg-wizard fieldset h5 {
|
| 255 |
+
font-size: 14px;
|
| 256 |
+
margin-bottom: 4px;
|
| 257 |
+
}
|
| 258 |
+
#ftg-wizard fieldset select {
|
| 259 |
+
height: 34px;
|
| 260 |
+
}
|
| 261 |
+
#ftg-wizard fieldset .select-images {
|
| 262 |
+
text-align: center;
|
| 263 |
+
}
|
| 264 |
+
#ftg-wizard fieldset .select-images .button {
|
| 265 |
+
font-size: 19px;
|
| 266 |
+
padding: 10px 20px;
|
| 267 |
+
height: auto;
|
| 268 |
+
}
|
| 269 |
+
#ftg-wizard fieldset .select-images label {
|
| 270 |
+
margin-top: 20px;
|
| 271 |
+
}
|
| 272 |
+
#ftg-wizard h1 {
|
| 273 |
+
font-size: 32px;
|
| 274 |
+
text-transform: uppercase;
|
| 275 |
+
text-align: center;
|
| 276 |
+
margin: 0;
|
| 277 |
+
}
|
| 278 |
+
#ftg-wizard h1 small {
|
| 279 |
+
font-size: 12px;
|
| 280 |
+
}
|
| 281 |
+
#success h4 {
|
| 282 |
+
font-size: 20px;
|
| 283 |
+
}
|
| 284 |
+
#success input[type=text] {
|
| 285 |
+
width: 100%;
|
| 286 |
+
display: block;
|
| 287 |
+
margin:10px 0;
|
| 288 |
+
}
|
| 289 |
+
#success .modal-footer {
|
| 290 |
+
text-align: right;
|
| 291 |
+
padding: 10px;
|
| 292 |
+
}
|
| 293 |
+
h2.ftg-subtitle {
|
| 294 |
+
font-size:16px;
|
| 295 |
+
color:#666;
|
| 296 |
+
margin:0;
|
| 297 |
+
}
|
| 298 |
+
#ftg-wizard h2 {
|
| 299 |
+
font-size: 16px;
|
| 300 |
+
text-transform: uppercase;
|
| 301 |
+
text-align: center;
|
| 302 |
+
margin: 0;
|
| 303 |
+
margin-bottom: 50px;
|
| 304 |
+
line-height: 1;
|
| 305 |
+
}
|
| 306 |
+
#ftg-wizard h5 {
|
| 307 |
+
margin-bottom: 20px;
|
| 308 |
+
}
|
| 309 |
+
#ftg-wizard .field {
|
| 310 |
+
margin-bottom: 40px;
|
| 311 |
+
}
|
| 312 |
+
#ftg-wizard .images {
|
| 313 |
+
padding: 10px;
|
| 314 |
+
max-height: 300px;
|
| 315 |
+
overflow: auto;
|
| 316 |
+
}
|
| 317 |
+
#ftg-wizard .images .tile {
|
| 318 |
+
margin: 0 10px 10px 0;
|
| 319 |
+
width: 23%;
|
| 320 |
+
display: inline-block;
|
| 321 |
+
position: relative;
|
| 322 |
+
}
|
| 323 |
+
#ftg-wizard .images .tile img {
|
| 324 |
+
width: 100%;
|
| 325 |
+
}
|
| 326 |
+
#ftg-wizard .images .tile a {
|
| 327 |
+
position: absolute;
|
| 328 |
+
top: -5px;
|
| 329 |
+
right: -5px;
|
| 330 |
+
z-index: 10;
|
| 331 |
+
display: none;
|
| 332 |
+
width: 26px;
|
| 333 |
+
height: 26px;
|
| 334 |
+
line-height: 26px;
|
| 335 |
+
}
|
| 336 |
+
#ftg-wizard .images .tile a i {
|
| 337 |
+
line-height: 26px;
|
| 338 |
+
font-size: 1.2rem;
|
| 339 |
+
}
|
| 340 |
+
#ftg-wizard .images .tile:hover a {
|
| 341 |
+
display: block;
|
| 342 |
+
}
|
| 343 |
+
#ftg-wizard .images .tile:nth-child(4n) {
|
| 344 |
+
margin-right: 0;
|
| 345 |
+
}
|
| 346 |
+
#ftg-wizard footer {
|
| 347 |
+
background: transparent;
|
| 348 |
+
text-align: right;
|
| 349 |
+
}
|
| 350 |
+
#ftg-wizard footer .prev {
|
| 351 |
+
visibility: hidden;
|
| 352 |
+
}
|
| 353 |
+
#ftg-wizard .loading {
|
| 354 |
+
display: none;
|
| 355 |
+
}
|
| 356 |
+
.modal code {
|
| 357 |
+
display: block;
|
| 358 |
+
margin: 20px;
|
| 359 |
+
padding: 10px;
|
| 360 |
+
font-size: 16px;
|
| 361 |
+
}
|
| 362 |
+
.modal a {
|
| 363 |
+
outline: 0;
|
| 364 |
+
}
|
| 365 |
+
.modal .modal-content,
|
| 366 |
+
.modal .modal-footer {
|
| 367 |
+
background: #fff;
|
| 368 |
+
font-size:18px;
|
| 369 |
+
}
|
| 370 |
+
.modal .modal-content h3 {
|
| 371 |
+
font-size:22px;
|
| 372 |
+
}
|
| 373 |
+
.modal .modal-content input[type="text"] {
|
| 374 |
+
border: 1px solid #ccc;
|
| 375 |
+
padding: 10px;
|
| 376 |
+
}
|
| 377 |
+
.in-table-cta {
|
| 378 |
+
font-weight: bold;
|
| 379 |
+
font-size: 18px;
|
| 380 |
+
}
|
| 381 |
+
#gallery-list .card p {
|
| 382 |
+
height: 40px;
|
| 383 |
+
overflow: hidden;
|
| 384 |
+
}
|
| 385 |
+
#gallery-list .card .card-action {
|
| 386 |
+
padding: 10px 20px;
|
| 387 |
+
text-align: center;
|
| 388 |
+
}
|
| 389 |
+
#gallery-list .card .card-action a {
|
| 390 |
+
margin: 0 10px;
|
| 391 |
+
font-size: 20px;
|
| 392 |
+
color: #fff;
|
| 393 |
+
}
|
| 394 |
+
#gallery-list .card .card-image {
|
| 395 |
+
display: inline-block;
|
| 396 |
+
width: 150px;
|
| 397 |
+
height: 150px;
|
| 398 |
+
overflow: hidden;
|
| 399 |
+
}
|
| 400 |
+
#gallery-list .card .card-content {
|
| 401 |
+
height: 180px;
|
| 402 |
+
}
|
| 403 |
+
#gallery-list .card .card-title {
|
| 404 |
+
line-height: 32px;
|
| 405 |
+
margin-bottom: 18px;
|
| 406 |
+
display: block;
|
| 407 |
+
}
|
| 408 |
+
#edit-gallery .tab {
|
| 409 |
+
padding: 20px;
|
| 410 |
+
}
|
| 411 |
+
#edit-gallery label {
|
| 412 |
+
color: #333;
|
| 413 |
+
font-size: 12px;
|
| 414 |
+
top: 0.1rem;
|
| 415 |
+
height: auto;
|
| 416 |
+
}
|
| 417 |
+
#edit-gallery .input-field {
|
| 418 |
+
margin-bottom: 0;
|
| 419 |
+
}
|
| 420 |
+
#edit-gallery .field input[type=text],
|
| 421 |
+
#edit-gallery .field input[type=password],
|
| 422 |
+
#edit-gallery .field input[type=email],
|
| 423 |
+
#edit-gallery .field input[type=url],
|
| 424 |
+
#edit-gallery .field input[type=date],
|
| 425 |
+
#edit-gallery .field input[type=tel],
|
| 426 |
+
#edit-gallery .field input[type=number],
|
| 427 |
+
#edit-gallery .field input[type=search],
|
| 428 |
+
#edit-gallery .field textarea.materialize-textarea {
|
| 429 |
+
font-size: 12px;
|
| 430 |
+
}
|
| 431 |
+
#edit-gallery .field .dynamic-table input[type=text] {
|
| 432 |
+
width: calc(100% - 20px);
|
| 433 |
+
margin: 0;
|
| 434 |
+
}
|
| 435 |
+
#edit-gallery .field .dynamic-table.filters input[type=text] {
|
| 436 |
+
width: 50%;
|
| 437 |
+
min-width: 100px;
|
| 438 |
+
}
|
| 439 |
+
#edit-gallery .field .dynamic-table.filters p {
|
| 440 |
+
margin-bottom: 10px;
|
| 441 |
+
}
|
| 442 |
+
#edit-gallery select {
|
| 443 |
+
font-size: 12px;
|
| 444 |
+
background: #fff;
|
| 445 |
+
border: 1px solid #ccc;
|
| 446 |
+
width: auto;
|
| 447 |
+
}
|
| 448 |
+
#edit-gallery .range-field {
|
| 449 |
+
padding: 0;
|
| 450 |
+
display: inline-block;
|
| 451 |
+
width: 80%;
|
| 452 |
+
}
|
| 453 |
+
#edit-gallery .dynamic-table .del-filter,
|
| 454 |
+
#edit-gallery .dynamic-table table a {
|
| 455 |
+
width:20px;
|
| 456 |
+
height:20px;
|
| 457 |
+
line-height: 1;
|
| 458 |
+
}
|
| 459 |
+
#edit-gallery .dynamic-table .del-filter i,
|
| 460 |
+
#edit-gallery .dynamic-table table a i {
|
| 461 |
+
font-size:12px;
|
| 462 |
+
line-height: 20px;
|
| 463 |
+
}
|
| 464 |
+
#edit-gallery b.range-preview {
|
| 465 |
+
display: inline-block;
|
| 466 |
+
width: 30px;
|
| 467 |
+
text-align: center;
|
| 468 |
+
background: #fff;
|
| 469 |
+
height: 30px;
|
| 470 |
+
line-height: 28px;
|
| 471 |
+
border: 1px solid #ccc;
|
| 472 |
+
border-radius: 6px;
|
| 473 |
+
font-weight: normal;
|
| 474 |
+
font-size:12px;
|
| 475 |
+
}
|
| 476 |
+
#edit-gallery .range-field input[type="range"] {
|
| 477 |
+
max-width: 500px;
|
| 478 |
+
}
|
| 479 |
+
#edit-gallery .jump-head {
|
| 480 |
+
border-bottom: 2px solid rgba(0, 0, 0, 0.3);
|
| 481 |
+
padding: 0 0 10px 0;
|
| 482 |
+
}
|
| 483 |
+
#edit-gallery .jump-head select {
|
| 484 |
+
height: 2rem;
|
| 485 |
+
display: inline;
|
| 486 |
+
width: auto;
|
| 487 |
+
}
|
| 488 |
+
.bullet-menu {
|
| 489 |
+
position: fixed;
|
| 490 |
+
bottom: 20px;
|
| 491 |
+
right: 50px;
|
| 492 |
+
}
|
| 493 |
+
.update-gallery {
|
| 494 |
+
position: fixed;
|
| 495 |
+
bottom: 20px;
|
| 496 |
+
right: 120px;
|
| 497 |
+
}
|
| 498 |
+
.collapsible li {
|
| 499 |
+
margin-bottom: 0;
|
| 500 |
+
clear: both;
|
| 501 |
+
}
|
| 502 |
+
.collapsible li .alternate {
|
| 503 |
+
background: transparent;
|
| 504 |
+
}
|
| 505 |
+
.collapsible li .collapsible-header {
|
| 506 |
+
font-size: 1.2rem;
|
| 507 |
+
}
|
| 508 |
+
.collapsible li .collapsible-header,
|
| 509 |
+
.collapsible li .collapsible-header i {
|
| 510 |
+
line-height: 3rem;
|
| 511 |
+
height: 3rem;
|
| 512 |
+
}
|
| 513 |
+
.collapsible-header {
|
| 514 |
+
padding: 0;
|
| 515 |
+
}
|
| 516 |
+
.collapsible li .collapsible-header .ftg-section-icon {
|
| 517 |
+
width:3rem;
|
| 518 |
+
border-bottom:1px solid #ccc;
|
| 519 |
+
}
|
| 520 |
+
.collapsible li .field .text {
|
| 521 |
+
padding: 0px;
|
| 522 |
+
}
|
| 523 |
+
.collapsible li .field textarea {
|
| 524 |
+
background: #fff;
|
| 525 |
+
border: 1px solid #ccc;
|
| 526 |
+
}
|
| 527 |
+
.collapsible li .field input[type="text"] {
|
| 528 |
+
background: #fff;
|
| 529 |
+
border: 1px solid #ccc;
|
| 530 |
+
height: 30px;
|
| 531 |
+
padding: 0 4px;
|
| 532 |
+
border-radius: 6px;
|
| 533 |
+
}
|
| 534 |
+
.collapsible li .field .text .pickColor {
|
| 535 |
+
height: auto;
|
| 536 |
+
}
|
| 537 |
+
.collapsible li .field .text .wp-color-result {
|
| 538 |
+
border-radius: 0;
|
| 539 |
+
-webkit-border-radius: 0;
|
| 540 |
+
height: 24px;
|
| 541 |
+
}
|
| 542 |
+
.collapsible li .field .text .wp-color-result::after {
|
| 543 |
+
border-radius: 0;
|
| 544 |
+
-webkit-border-radius: 0;
|
| 545 |
+
}
|
| 546 |
+
.collapsible-body {
|
| 547 |
+
clear: both;
|
| 548 |
+
padding: 10px;
|
| 549 |
+
}
|
| 550 |
+
.collapsible li textarea {
|
| 551 |
+
height: 100px;
|
| 552 |
+
}
|
| 553 |
+
.collapsible li th,
|
| 554 |
+
.collapsible li td {
|
| 555 |
+
vertical-align: top;
|
| 556 |
+
}
|
| 557 |
+
.collapsible li th {
|
| 558 |
+
border-radius: 0;
|
| 559 |
+
}
|
| 560 |
+
.collapsible li th[scope=row] {
|
| 561 |
+
width: 200px;
|
| 562 |
+
padding-top: 10px;
|
| 563 |
+
}
|
| 564 |
+
.collapsible li tr.slider {
|
| 565 |
+
height: auto;
|
| 566 |
+
}
|
| 567 |
+
.collapsible li tr.filter {
|
| 568 |
+
float: none;
|
| 569 |
+
margin: 0;
|
| 570 |
+
}
|
| 571 |
+
.collapsible li .toggle div.help p {
|
| 572 |
+
display: none;
|
| 573 |
+
}
|
| 574 |
+
.collapsible li .toggle [type="checkbox"]:not(:checked) + label:before {
|
| 575 |
+
top: 4px;
|
| 576 |
+
}
|
| 577 |
+
.collapsible li div.help {
|
| 578 |
+
background: rgba(255, 255, 255, 0.5);
|
| 579 |
+
border-top-left-radius: 0;
|
| 580 |
+
border-top-right-radius: 0;
|
| 581 |
+
border-bottom-left-radius: 6px;
|
| 582 |
+
border-bottom-right-radius: 6px;
|
| 583 |
+
padding: 10px 10px 0 10px;
|
| 584 |
+
color: #666;
|
| 585 |
+
/*display: none;*/
|
| 586 |
+
}
|
| 587 |
+
.collapsible li div.help span code {
|
| 588 |
+
display: none;
|
| 589 |
+
}
|
| 590 |
+
.collapsible li div.help span.visible code {
|
| 591 |
+
display: inline-block;
|
| 592 |
+
}
|
| 593 |
+
.collapsible li div.help .ftg-code {
|
| 594 |
+
display: block;
|
| 595 |
+
padding-top: 10px;
|
| 596 |
+
height: 40px;
|
| 597 |
+
}
|
| 598 |
+
.collapsible li div.help .ftg-code a {
|
| 599 |
+
color: #999;
|
| 600 |
+
font-size: 18px;
|
| 601 |
+
}
|
| 602 |
+
.collapsible li div.help .ftg-code a .fa-eye{
|
| 603 |
+
color:#007cba;
|
| 604 |
+
}
|
| 605 |
+
|
| 606 |
+
.collapsible li div.help .ftg-code a:focus {
|
| 607 |
+
box-shadow: none;
|
| 608 |
+
}
|
| 609 |
+
.collapsible li div.help .ftg-code input[type=text] {
|
| 610 |
+
font-size:12px;
|
| 611 |
+
font-family: courier, monospace;
|
| 612 |
+
width:200px;
|
| 613 |
+
display: inline-block;
|
| 614 |
+
padding: 5px;
|
| 615 |
+
height: auto;
|
| 616 |
+
border:1px solid #ccc;
|
| 617 |
+
}
|
| 618 |
+
.collapsible li div.help p {
|
| 619 |
+
padding:0 0 10px 0;
|
| 620 |
+
border-bottom:1px dotted #ccc;
|
| 621 |
+
}
|
| 622 |
+
.collapsible li div.help strong {
|
| 623 |
+
font-weight: 700;
|
| 624 |
+
}
|
| 625 |
+
.collapsible li .custom_isf td th {
|
| 626 |
+
background: #333;
|
| 627 |
+
color: #fff;
|
| 628 |
+
padding: 4px;
|
| 629 |
+
}
|
| 630 |
+
.collapsible li .custom_isf td td input[type=text] {
|
| 631 |
+
background: #fff;
|
| 632 |
+
}
|
| 633 |
+
.collapsible li .dynamic-table tr {
|
| 634 |
+
background: #fff;
|
| 635 |
+
}
|
| 636 |
+
.collapsible li .dynamic-table .btn {
|
| 637 |
+
outline: 0;
|
| 638 |
+
color: #fff;
|
| 639 |
+
}
|
| 640 |
+
.collapsible li .dynamic-table .btn:hover {
|
| 641 |
+
color: #fff;
|
| 642 |
+
}
|
| 643 |
+
.collapsible li .dynamic-table .btn.add {
|
| 644 |
+
width: 100%;
|
| 645 |
+
}
|
| 646 |
+
.collapsible li .dynamic-table .del {
|
| 647 |
+
width: 50px;
|
| 648 |
+
padding-left: 10px;
|
| 649 |
+
padding-top: 18px;
|
| 650 |
+
}
|
| 651 |
+
.collapsible li td .filters .add {
|
| 652 |
+
margin: 0;
|
| 653 |
+
}
|
| 654 |
+
.collapsible li td .filters .text p {
|
| 655 |
+
padding: 0;
|
| 656 |
+
}
|
| 657 |
+
.collapsible li td .filters .text p a {
|
| 658 |
+
display: inline-block;
|
| 659 |
+
margin-right: 20px;
|
| 660 |
+
}
|
| 661 |
+
.collapsible li td .filters .text p input[type=text] {
|
| 662 |
+
width: 77%;
|
| 663 |
+
}
|
| 664 |
+
.collapsible li td .filters .text p input[type=radio] {
|
| 665 |
+
position: static;
|
| 666 |
+
opacity: 1;
|
| 667 |
+
pointer-events: all;
|
| 668 |
+
}
|
| 669 |
+
.collapsible li td .filters .reset {
|
| 670 |
+
background-color: #fff;
|
| 671 |
+
text-align: right;
|
| 672 |
+
}
|
| 673 |
+
.collapsible li td .filters .reset button {
|
| 674 |
+
color: #333;
|
| 675 |
+
}
|
| 676 |
+
.collapsible li td .filters .reset button:hover {
|
| 677 |
+
color: #000;
|
| 678 |
+
}
|
| 679 |
+
#tutorial h5 {
|
| 680 |
+
margin: 60px 0 20px;
|
| 681 |
+
}
|
| 682 |
+
#images .images-bar {
|
| 683 |
+
padding-top:10px;
|
| 684 |
+
}
|
| 685 |
+
#images .actions .row.selection-row {
|
| 686 |
+
margin-top:10px;
|
| 687 |
+
}
|
| 688 |
+
#images .images-bar select {
|
| 689 |
+
max-width: 200px;
|
| 690 |
+
display: inline-block;
|
| 691 |
+
}
|
| 692 |
+
#images .actions {
|
| 693 |
+
margin: 0 10px;
|
| 694 |
+
}
|
| 695 |
+
#images .card .card-content {
|
| 696 |
+
cursor: pointer;
|
| 697 |
+
padding: 6px;
|
| 698 |
+
}
|
| 699 |
+
#images .actions.source-posts .checkboxes strong,
|
| 700 |
+
#images .actions.source-woocommerce .checkboxes strong {
|
| 701 |
+
font-weight: bold;
|
| 702 |
+
width: 90px;
|
| 703 |
+
display: inline-block;
|
| 704 |
+
}
|
| 705 |
+
#images .actions.source-posts .checkboxes label,
|
| 706 |
+
#images .actions.source-woocommerce .checkboxes label {
|
| 707 |
+
display: inline-block;
|
| 708 |
+
margin-right: 20px;
|
| 709 |
+
}
|
| 710 |
+
#images .actions.source-posts .checkboxes [type="checkbox"] + label:before,
|
| 711 |
+
#images .actions.source-woocommerce .checkboxes [type="checkbox"] + label:before {
|
| 712 |
+
left: 6px;
|
| 713 |
+
}
|
| 714 |
+
#images .actions.source-posts .checkboxes [type=text],
|
| 715 |
+
#images .actions.source-woocommerce .checkboxes [type=text] {
|
| 716 |
+
max-width: 200px;
|
| 717 |
+
}
|
| 718 |
+
#images .actions label {
|
| 719 |
+
font-weight: bold;
|
| 720 |
+
cursor: default;
|
| 721 |
+
display: block;
|
| 722 |
+
}
|
| 723 |
+
#images span.tax-item {
|
| 724 |
+
display: inline-block;
|
| 725 |
+
background: #fff;
|
| 726 |
+
padding: 5px;
|
| 727 |
+
margin: 0 10px 10px 0;
|
| 728 |
+
border-radius: 4px;
|
| 729 |
+
border: 1px solid #ccc;
|
| 730 |
+
}
|
| 731 |
+
#images span.tax-item input {
|
| 732 |
+
position: static;
|
| 733 |
+
opacity: 1;
|
| 734 |
+
pointer-events: all;
|
| 735 |
+
}
|
| 736 |
+
#images .actions label span {
|
| 737 |
+
font-weight: normal;
|
| 738 |
+
padding-left: 10px;
|
| 739 |
+
}
|
| 740 |
+
#images .actions .row {
|
| 741 |
+
margin: 0 0 10px 0;
|
| 742 |
+
}
|
| 743 |
+
#images .actions .bulk .panel {
|
| 744 |
+
display: none;
|
| 745 |
+
}
|
| 746 |
+
#images .actions .bulk .panel label {
|
| 747 |
+
display: inline-block;
|
| 748 |
+
margin-right: 30px;
|
| 749 |
+
padding-left: 28px;
|
| 750 |
+
}
|
| 751 |
+
#images .actions .bulk .panel p {
|
| 752 |
+
padding: 1rem 0;
|
| 753 |
+
}
|
| 754 |
+
#images .actions .tips {
|
| 755 |
+
font-style: italic;
|
| 756 |
+
color: #777;
|
| 757 |
+
padding: 5px 10px;
|
| 758 |
+
background: rgba(255, 255, 255, 0.7);
|
| 759 |
+
border-radius: 4px;
|
| 760 |
+
}
|
| 761 |
+
#images .actions .tips strong {
|
| 762 |
+
font-weight: 700;
|
| 763 |
+
}
|
| 764 |
+
#images .source-panel {
|
| 765 |
+
display: none;
|
| 766 |
+
}
|
| 767 |
+
#image-panel-model[data-source=posts] {
|
| 768 |
+
width: 300px;
|
| 769 |
+
}
|
| 770 |
+
#image-panel-model[data-source=posts] .right-side {
|
| 771 |
+
display: none;
|
| 772 |
+
}
|
| 773 |
+
#image-panel-model .figure {
|
| 774 |
+
margin-bottom: 10px;
|
| 775 |
+
}
|
| 776 |
+
#image-panel-model .modal-content {
|
| 777 |
+
padding-bottom: 0;
|
| 778 |
+
}
|
| 779 |
+
#image-panel-model .modal-footer {
|
| 780 |
+
padding-right: 24px;
|
| 781 |
+
}
|
| 782 |
+
#image-panel-model .right-side {
|
| 783 |
+
margin-left: 170px;
|
| 784 |
+
}
|
| 785 |
+
#image-panel-model .right-side .field {
|
| 786 |
+
margin-bottom: 14px;
|
| 787 |
+
}
|
| 788 |
+
#image-panel-model .right-side textarea {
|
| 789 |
+
height: 3.75rem;
|
| 790 |
+
}
|
| 791 |
+
#image-panel-model .right-side input[type=text] {
|
| 792 |
+
height: 2em;
|
| 793 |
+
padding: 0 6px;
|
| 794 |
+
width: 96%;
|
| 795 |
+
}
|
| 796 |
+
#image-panel-model .right-side input[type=text],
|
| 797 |
+
#image-panel-model .right-side textarea {
|
| 798 |
+
border: 1px solid #ccc;
|
| 799 |
+
margin-bottom: 0;
|
| 800 |
+
font-size: 12px;
|
| 801 |
+
}
|
| 802 |
+
#image-panel-model .right-side .info {
|
| 803 |
+
font-size: 11px;
|
| 804 |
+
margin: 0;
|
| 805 |
+
}
|
| 806 |
+
#image-panel-model .right-side .filters {
|
| 807 |
+
margin-top: 15px;
|
| 808 |
+
}
|
| 809 |
+
#image-panel-model .right-side .filters label {
|
| 810 |
+
margin-right: 30px;
|
| 811 |
+
}
|
| 812 |
+
#video-panel-model textarea {
|
| 813 |
+
height: 160px;
|
| 814 |
+
font-size: 14px;
|
| 815 |
+
}
|
| 816 |
+
#video-panel-model label {
|
| 817 |
+
margin-right: 14px;
|
| 818 |
+
}
|
| 819 |
+
#image-list {
|
| 820 |
+
padding: 10px;
|
| 821 |
+
}
|
| 822 |
+
#image-list .ui-sortable-handle {
|
| 823 |
+
float: left;
|
| 824 |
+
}
|
| 825 |
+
#image-list .item.card {
|
| 826 |
+
width: 160px;
|
| 827 |
+
margin: 4px;
|
| 828 |
+
float: left;
|
| 829 |
+
}
|
| 830 |
+
#image-list .item.card.hidden-T {
|
| 831 |
+
opacity:.5;
|
| 832 |
+
}
|
| 833 |
+
#image-list .card .card-image .card-title {
|
| 834 |
+
position: absolute;
|
| 835 |
+
bottom: 0;
|
| 836 |
+
left: 0;
|
| 837 |
+
padding: 3px 8px;
|
| 838 |
+
background: rgba(0,0,0,.8);
|
| 839 |
+
font-size: 12px;
|
| 840 |
+
border-top-right-radius: 6px;
|
| 841 |
+
bottom: 0;
|
| 842 |
+
left: 0;
|
| 843 |
+
}
|
| 844 |
+
#image-list .card.selected {
|
| 845 |
+
border: 2px solid #000;
|
| 846 |
+
}
|
| 847 |
+
#image-list .card.hidden-T .card-image {
|
| 848 |
+
/*&:after {
|
| 849 |
+
display: block;
|
| 850 |
+
content:"";
|
| 851 |
+
position: absolute;
|
| 852 |
+
top:0;
|
| 853 |
+
right:0;
|
| 854 |
+
left:0;
|
| 855 |
+
bottom:0;
|
| 856 |
+
z-index: 1;
|
| 857 |
+
}*/
|
| 858 |
+
}
|
| 859 |
+
#image-list .card.hidden-T .card-image .card-title {
|
| 860 |
+
display: none;
|
| 861 |
+
}
|
| 862 |
+
#image-list .card .card-hidden {
|
| 863 |
+
position: absolute;
|
| 864 |
+
top: 50%;
|
| 865 |
+
left: 50%;
|
| 866 |
+
background: #fff;
|
| 867 |
+
width: 30px;
|
| 868 |
+
height: 30px;
|
| 869 |
+
border-radius: 4px;
|
| 870 |
+
text-align: center;
|
| 871 |
+
color: #000;
|
| 872 |
+
line-height: 30px;
|
| 873 |
+
font-size: 20px;
|
| 874 |
+
margin: -15px 0 0 -15px;
|
| 875 |
+
}
|
| 876 |
+
#image-list .card .card-image {
|
| 877 |
+
cursor: move;
|
| 878 |
+
background-size: cover;
|
| 879 |
+
}
|
| 880 |
+
#image-list .card .card-image iframe {
|
| 881 |
+
width: 100%;
|
| 882 |
+
}
|
| 883 |
+
#image-list .card p {
|
| 884 |
+
padding: 0;
|
| 885 |
+
min-height: 20px;
|
| 886 |
+
}
|
| 887 |
+
#image-list .card a {
|
| 888 |
+
color: #388E3C;
|
| 889 |
+
}
|
| 890 |
+
#image-list .card a.ftg-action-link {
|
| 891 |
+
color: #333;
|
| 892 |
+
position: absolute;
|
| 893 |
+
z-index: 100;
|
| 894 |
+
top: 10px;
|
| 895 |
+
right: 4px;
|
| 896 |
+
background: #fff;
|
| 897 |
+
margin: 0;
|
| 898 |
+
width: 20px;
|
| 899 |
+
height: 20px;
|
| 900 |
+
text-align: center;
|
| 901 |
+
border-radius: 3px;
|
| 902 |
+
opacity: 0;
|
| 903 |
+
}
|
| 904 |
+
#image-list .card a.remove {
|
| 905 |
+
color: #f00;
|
| 906 |
+
right: 30px;
|
| 907 |
+
}
|
| 908 |
+
#image-list .card:hover a {
|
| 909 |
+
opacity: 1;
|
| 910 |
+
}
|
| 911 |
+
#image-list .card .filters {
|
| 912 |
+
position: absolute;
|
| 913 |
+
top: 10px;
|
| 914 |
+
left: 0px;
|
| 915 |
+
z-index: 10;
|
| 916 |
+
}
|
| 917 |
+
#image-list .card .filters li {
|
| 918 |
+
background: rgba(255,255,255, .8);
|
| 919 |
+
color: #333;
|
| 920 |
+
padding: 2px 10px;
|
| 921 |
+
margin: 0 0 2px 0;
|
| 922 |
+
border-top-right-radius: 4px;
|
| 923 |
+
}
|
| 924 |
+
#delete-gallery-modal span {
|
| 925 |
+
color: #ff8a0b;
|
| 926 |
+
font-weight: bold;
|
| 927 |
+
}
|
| 928 |
+
#spinner {
|
| 929 |
+
display: none;
|
| 930 |
+
position: fixed;
|
| 931 |
+
top: 50px;
|
| 932 |
+
right: 50px;
|
| 933 |
+
}
|
| 934 |
+
#spinner.shown {
|
| 935 |
+
display: block;
|
| 936 |
+
}
|
| 937 |
+
.listview {
|
| 938 |
+
font-size: 16px;
|
| 939 |
+
display: inline;
|
| 940 |
+
float: left;
|
| 941 |
+
}
|
| 942 |
+
.li {
|
| 943 |
+
cursor: pointer;
|
| 944 |
+
font-size: 16px;
|
| 945 |
+
display: inline;
|
| 946 |
+
float: left;
|
| 947 |
+
margin-left: 7px;
|
| 948 |
+
}
|
| 949 |
+
.filter-item {
|
| 950 |
+
cursor: pointer;
|
| 951 |
+
display: inline;
|
| 952 |
+
margin-left: 10px;
|
| 953 |
+
}
|
| 954 |
+
.filter-list {
|
| 955 |
+
margin-left: 10px;
|
| 956 |
+
margin-right: 10px;
|
| 957 |
+
padding: 12px;
|
| 958 |
+
font-size:12px;
|
| 959 |
+
line-height: 30px;
|
| 960 |
+
}
|
| 961 |
+
/**
|
| 962 |
+
* For modern browsers
|
| 963 |
+
* 1. The space content is one way to avoid an Opera bug when the
|
| 964 |
+
* contenteditable attribute is included anywhere else in the document.
|
| 965 |
+
* Otherwise it causes space to appear at the top and bottom of elements
|
| 966 |
+
* that are clearfixed.
|
| 967 |
+
* 2. The use of `table` rather than `block` is only necessary if using
|
| 968 |
+
* `:before` to contain the top-margins of child elements.
|
| 969 |
+
*/
|
| 970 |
+
.cf:before,
|
| 971 |
+
.cf:after {
|
| 972 |
+
content: " ";
|
| 973 |
+
/* 1 */
|
| 974 |
+
display: table;
|
| 975 |
+
/* 2 */
|
| 976 |
+
}
|
| 977 |
+
.cf:after {
|
| 978 |
+
clear: both;
|
| 979 |
+
}
|
| 980 |
+
/**
|
| 981 |
+
* For IE 6/7 only
|
| 982 |
+
* Include this rule to trigger hasLayout and contain floats.
|
| 983 |
+
*/
|
| 984 |
+
.cf {
|
| 985 |
+
*zoom: 1;
|
| 986 |
+
}
|
| 987 |
+
#fs_connect {
|
| 988 |
+
margin: 60px auto !important;
|
| 989 |
+
}
|
| 990 |
+
#fs_connect .fs-visual .dashicons-wordpress {
|
| 991 |
+
height: 76px !important;
|
| 992 |
+
width: 76px !important;
|
| 993 |
+
}
|
| 994 |
+
#import-modal textarea,
|
| 995 |
+
#export-modal textarea {
|
| 996 |
+
height:200px;
|
| 997 |
+
}
|
| 998 |
+
.gallery-actions input[type=text] {
|
| 999 |
+
display: block;
|
| 1000 |
+
margin-bottom: 10px;
|
| 1001 |
+
width: 100%;
|
| 1002 |
+
padding: 6px;
|
| 1003 |
+
}
|
| 1004 |
+
.gallery-actions li .collapsible-header {
|
| 1005 |
+
font-weight: 600;
|
| 1006 |
+
color: #191e23;
|
| 1007 |
+
font-size: 13px;
|
| 1008 |
+
padding: 15px;
|
| 1009 |
+
line-height: 1;
|
| 1010 |
+
position: relative;
|
| 1011 |
+
}
|
| 1012 |
+
.components-panel__arrow {
|
| 1013 |
+
position: absolute;
|
| 1014 |
+
right: 10px;
|
| 1015 |
+
top: 50%;
|
| 1016 |
+
transform: translateY(-50%);
|
| 1017 |
+
color: #191e23;
|
| 1018 |
+
fill: currentColor;
|
| 1019 |
+
transition: color .1s ease-in-out;
|
| 1020 |
+
}
|
| 1021 |
+
.collapsible-body {
|
| 1022 |
+
background: #fafafa;
|
| 1023 |
+
}
|
| 1024 |
+
.gallery-actions.collapsible li .collapsible-header i {
|
| 1025 |
+
line-height: 1;
|
| 1026 |
+
height: auto;
|
| 1027 |
+
font-size: 15px;
|
| 1028 |
+
width: auto;
|
| 1029 |
+
margin-right: 10px;
|
| 1030 |
+
}
|
| 1031 |
+
.components-button.is-primary {
|
| 1032 |
+
background: #0085ba;
|
| 1033 |
+
border-color: #006a95 #00648c #00648c;
|
| 1034 |
+
box-shadow: inset 0 -1px 0 #00648c;
|
| 1035 |
+
color: #fff;
|
| 1036 |
+
text-decoration: none;
|
| 1037 |
+
text-shadow: 0 -1px 1px #005d82, 1px 0 1px #005d82, 0 1px 1px #005d82, -1px 0 1px #005d82;
|
| 1038 |
+
}
|
| 1039 |
+
.components-button.is-primary:focus,
|
| 1040 |
+
.components-button.is-primary:active,
|
| 1041 |
+
.components-button.is-primary:hover {
|
| 1042 |
+
background: #007eb1;
|
| 1043 |
+
border-color: #00435d;
|
| 1044 |
+
color: #fff;
|
| 1045 |
+
}
|
| 1046 |
+
.ftg-upsell {
|
| 1047 |
+
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fcb900+1,f79621+100 */
|
| 1048 |
+
background: #fcb900; /* Old browsers */
|
| 1049 |
+
background: -moz-linear-gradient(-45deg, #fcb900 1%, #f79621 100%); /* FF3.6-15 */
|
| 1050 |
+
background: -webkit-linear-gradient(-45deg, #fcb900 1%,#f79621 100%); /* Chrome10-25,Safari5.1-6 */
|
| 1051 |
+
background: linear-gradient(135deg, #fcb900 1%,#f79621 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
|
| 1052 |
+
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcb900', endColorstr='#f79621',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
|
| 1053 |
+
padding: 10px;
|
| 1054 |
+
}
|
| 1055 |
+
.ftg-upsell a {
|
| 1056 |
+
color:#fff;
|
| 1057 |
+
font-weight: bold;
|
| 1058 |
+
text-transform: uppercase;
|
| 1059 |
+
font-size:16px;
|
| 1060 |
+
}
|
| 1061 |
+
#upgrade-cta {
|
| 1062 |
+
background: yellow;
|
| 1063 |
+
font-size: 18px;
|
| 1064 |
+
font-weight: bold;
|
| 1065 |
+
text-transform: uppercase;
|
| 1066 |
+
padding: 18px;
|
| 1067 |
+
}
|
| 1068 |
+
#upgrade-cta a {
|
| 1069 |
+
color: #000;
|
| 1070 |
+
}
|
| 1071 |
+
.modal h4 {
|
| 1072 |
+
font-size: 14px;
|
| 1073 |
+
}
|
| 1074 |
+
.browser-default[type="radio"]:not(:checked),
|
| 1075 |
+
.browser-default[type="radio"]:checked,
|
| 1076 |
+
.browser-default[type="checkbox"]:not(:checked),
|
| 1077 |
+
.browser-default[type="checkbox"]:checked {
|
| 1078 |
+
opacity: 1;
|
| 1079 |
+
position: static;
|
| 1080 |
+
pointer-events: all;
|
| 1081 |
+
}
|
| 1082 |
+
.field-help {
|
| 1083 |
+
width: 16px;
|
| 1084 |
+
height: 16px;
|
| 1085 |
+
background: #333;
|
| 1086 |
+
color: #ffff;
|
| 1087 |
+
border-radius: 20px;
|
| 1088 |
+
line-height: 17px;
|
| 1089 |
+
text-align: center;
|
| 1090 |
+
opacity: 0;
|
| 1091 |
+
display: inline-block;
|
| 1092 |
+
}
|
| 1093 |
+
.field-row:hover .field-help:active,
|
| 1094 |
+
.field-row:hover .field-help:focus,
|
| 1095 |
+
.field-row:hover .field-help:hover {
|
| 1096 |
+
color: #fff;
|
| 1097 |
+
opacity: 1;
|
| 1098 |
+
}
|
| 1099 |
+
.field-row:hover .field-help {
|
| 1100 |
+
opacity: .8;
|
| 1101 |
+
}
|
| 1102 |
+
.no-thank-you {
|
| 1103 |
+
float: right;
|
| 1104 |
+
margin-top: 7px;
|
| 1105 |
+
}
|
| 1106 |
+
|
| 1107 |
+
|
| 1108 |
+
/* Tabs tooltips */
|
| 1109 |
+
.ftg-tooltip {
|
| 1110 |
+
position: relative;
|
| 1111 |
+
display: inline-block;
|
| 1112 |
+
}
|
| 1113 |
+
.ftg-tooltip > span {
|
| 1114 |
+
cursor: pointer;
|
| 1115 |
+
color: #0073aa;
|
| 1116 |
+
text-decoration: underline;
|
| 1117 |
+
margin-left: 5px;
|
| 1118 |
+
}
|
| 1119 |
+
.ftg-tooltip .ftg-tooltip-content {
|
| 1120 |
+
display: none;
|
| 1121 |
+
position: absolute;
|
| 1122 |
+
top: 50%;
|
| 1123 |
+
right: -10px;
|
| 1124 |
+
transform: translate( 100% ,-50% );
|
| 1125 |
+
width: 300px;
|
| 1126 |
+
background: #000;
|
| 1127 |
+
color: #fff;
|
| 1128 |
+
padding: 10px;
|
| 1129 |
+
box-sizing: border-box;
|
| 1130 |
+
z-index: 99;
|
| 1131 |
+
}
|
| 1132 |
+
.ftg-tooltip .ftg-tooltip-content:before {
|
| 1133 |
+
content: '';
|
| 1134 |
+
width: 0px;
|
| 1135 |
+
height: 0px;
|
| 1136 |
+
border-style: solid;
|
| 1137 |
+
border-width: 8px 8px 8px 0;
|
| 1138 |
+
border-color: transparent #000 transparent transparent;
|
| 1139 |
+
display: block;
|
| 1140 |
+
position: absolute;
|
| 1141 |
+
top: 50%;
|
| 1142 |
+
left: -8px;
|
| 1143 |
+
transform: translateY( -50% );
|
| 1144 |
+
}
|
| 1145 |
+
.ftg-tooltip:hover .ftg-tooltip-content {
|
| 1146 |
+
display: block;
|
| 1147 |
+
}
|
| 1148 |
+
|
| 1149 |
+
/* Copy shortcode design */
|
| 1150 |
+
.gallery-actions .copy-ftg-shortcode {
|
| 1151 |
+
height: 40px;
|
| 1152 |
+
line-height: 40px !important;
|
| 1153 |
+
}
|
| 1154 |
+
|
| 1155 |
+
.copy-ftg-shortcode {
|
| 1156 |
+
height:max-content;
|
| 1157 |
+
}
|
| 1158 |
+
|
| 1159 |
+
/* Color picker fix */
|
| 1160 |
+
.field.js-update-shortcode .iris-border .iris-picker-inner {
|
| 1161 |
+
min-width:250px;
|
| 1162 |
+
min-height:250px;
|
| 1163 |
+
}
|
| 1164 |
+
.media-router button.media-menu-item {
|
| 1165 |
+
height: fit-content;
|
| 1166 |
}
|
admin/facebook.php
CHANGED
|
@@ -1,12 +1,12 @@
|
|
| 1 |
-
<p>Support Final Tiles Grid Gallery, share on Facebook</p>
|
| 2 |
-
<div class="fb-like" data-href="https://www.facebook.com/machothemes" data-layout="standard" data-action="recommend" data-show-faces="false" data-share="true"></div>
|
| 3 |
-
|
| 4 |
-
|
| 5 |
-
<div id="fb-root"></div>
|
| 6 |
-
<script>(function(d, s, id) {
|
| 7 |
-
var js, fjs = d.getElementsByTagName(s)[0];
|
| 8 |
-
if (d.getElementById(id)) return;
|
| 9 |
-
js = d.createElement(s); js.id = id;
|
| 10 |
-
js.src = "//connect.facebook.net/en_US/sdk.js#xfbml=1&appId=369027749840700&version=v2.0";
|
| 11 |
-
fjs.parentNode.insertBefore(js, fjs);
|
| 12 |
}(document, 'script', 'facebook-jssdk'));</script>
|
| 1 |
+
<p>Support Final Tiles Grid Gallery, share on Facebook</p>
|
| 2 |
+
<div class="fb-like" data-href="https://www.facebook.com/machothemes" data-layout="standard" data-action="recommend" data-show-faces="false" data-share="true"></div>
|
| 3 |
+
|
| 4 |
+
|
| 5 |
+
<div id="fb-root"></div>
|
| 6 |
+
<script>(function(d, s, id) {
|
| 7 |
+
var js, fjs = d.getElementsByTagName(s)[0];
|
| 8 |
+
if (d.getElementById(id)) return;
|
| 9 |
+
js = d.createElement(s); js.id = id;
|
| 10 |
+
js.src = "//connect.facebook.net/en_US/sdk.js#xfbml=1&appId=369027749840700&version=v2.0";
|
| 11 |
+
fjs.parentNode.insertBefore(js, fjs);
|
| 12 |
}(document, 'script', 'facebook-jssdk'));</script>
|
admin/header.php
CHANGED
|
@@ -1,9 +1,9 @@
|
|
| 1 |
-
<?php
|
| 2 |
-
|
| 3 |
-
$colors = array('indigo', 'blue', 'cyan', 'teal' ,'green', 'lime', 'amber', 'deep-orange');
|
| 4 |
-
|
| 5 |
-
?>
|
| 6 |
-
<header id="top">
|
| 7 |
-
<h1 class="hidden header center-on-small-only">Final Tiles Grid Gallery <small><?php echo esc_html(FTGVERSION); ?> <?php echo esc_html(FTG_PLAN); ?></small></h1>
|
| 8 |
-
<h4 class="center-on-small-only"><?php echo esc_html($ftg_subtitle); ?></h4>
|
| 9 |
-
</header>
|
| 1 |
+
<?php
|
| 2 |
+
|
| 3 |
+
$colors = array('indigo', 'blue', 'cyan', 'teal' ,'green', 'lime', 'amber', 'deep-orange');
|
| 4 |
+
|
| 5 |
+
?>
|
| 6 |
+
<header id="top">
|
| 7 |
+
<h1 class="hidden header center-on-small-only">Final Tiles Grid Gallery <small><?php echo esc_html(FTGVERSION); ?> <?php echo esc_html(FTG_PLAN); ?></small></h1>
|
| 8 |
+
<h4 class="center-on-small-only"><?php echo esc_html($ftg_subtitle); ?></h4>
|
| 9 |
+
</header>
|
admin/images/everlightbox-reviews.png
ADDED
|
Binary file
|
admin/images/everlightbox.png
ADDED
|
Binary file
|
admin/images/photoblocks.png
CHANGED
|
File without changes
|
admin/include/fields.php
CHANGED
|
@@ -1,1110 +1,1110 @@
|
|
| 1 |
-
<?php
|
| 2 |
-
|
| 3 |
-
$this->fields = array(
|
| 4 |
-
"General" => array(
|
| 5 |
-
"icon" => "fa fa-cog",
|
| 6 |
-
"fields" => array(),
|
| 7 |
-
),
|
| 8 |
-
"Links & Lightbox" => array(
|
| 9 |
-
"icon" => "fa fa-link",
|
| 10 |
-
"fields" => array(),
|
| 11 |
-
),
|
| 12 |
-
"Captions" => array(
|
| 13 |
-
"icon" => "fa fa-font",
|
| 14 |
-
"fields" => array(),
|
| 15 |
-
),
|
| 16 |
-
"Hover effects" => array(
|
| 17 |
-
"icon" => "fa fa-diamond",
|
| 18 |
-
"idx" => 3,
|
| 19 |
-
"presets" => array(
|
| 20 |
-
"Slow zoom in" => array(
|
| 21 |
-
"hoverDuration" => 60000,
|
| 22 |
-
"hoverZoom" => 400,
|
| 23 |
-
"hoverRotation" => 0,
|
| 24 |
-
),
|
| 25 |
-
"Zoom in" => array(
|
| 26 |
-
"hoverDuration" => 250,
|
| 27 |
-
"hoverZoom" => 200,
|
| 28 |
-
"hoverRotation" => 0,
|
| 29 |
-
),
|
| 30 |
-
"Swirl in" => array(
|
| 31 |
-
"hoverZoom" => 200,
|
| 32 |
-
"hoverRotation" => 20,
|
| 33 |
-
),
|
| 34 |
-
"Swirl in super" => array(
|
| 35 |
-
"hoverZoom" => 200,
|
| 36 |
-
"hoverRotation" => 360,
|
| 37 |
-
),
|
| 38 |
-
"Zoom out" => array(
|
| 39 |
-
"hoverZoom" => 50,
|
| 40 |
-
"hoverRotation" => 0,
|
| 41 |
-
),
|
| 42 |
-
"Swirl out" => array(
|
| 43 |
-
"hoverZoom" => 50,
|
| 44 |
-
"hoverRotation" => -20,
|
| 45 |
-
),
|
| 46 |
-
"Swirl out super" => array(
|
| 47 |
-
"hoverZoom" => 50,
|
| 48 |
-
"hoverRotation" => -360,
|
| 49 |
-
),
|
| 50 |
-
),
|
| 51 |
-
"fields" => array(),
|
| 52 |
-
),
|
| 53 |
-
"Image loaded effects" => array(
|
| 54 |
-
"icon" => "fa fa-star",
|
| 55 |
-
"idx" => 4,
|
| 56 |
-
"presets" => array(
|
| 57 |
-
"Wobble" => array(
|
| 58 |
-
"loadedDuration" => 600,
|
| 59 |
-
"loadedEasing" => "elastic-out",
|
| 60 |
-
"loadedScaleY" => 50,
|
| 61 |
-
"loadedScaleX" => 50,
|
| 62 |
-
"loadedRotateY" => 0,
|
| 63 |
-
"loadedRotateX" => 0,
|
| 64 |
-
"loadedVSlide" => 0,
|
| 65 |
-
"loadedHSlide" => 0,
|
| 66 |
-
),
|
| 67 |
-
"Windows" => array(
|
| 68 |
-
"loadedDuration" => 600,
|
| 69 |
-
"loadedEasing" => "elastic-out",
|
| 70 |
-
"loadedRotateY" => -120,
|
| 71 |
-
"loadedScaleY" => 100,
|
| 72 |
-
"loadedScaleX" => 100,
|
| 73 |
-
"loadedRotateX" => 0,
|
| 74 |
-
"loadedVSlide" => 0,
|
| 75 |
-
"loadedHSlide" => 0,
|
| 76 |
-
),
|
| 77 |
-
"Cards" => array(
|
| 78 |
-
"loadedDuration" => 600,
|
| 79 |
-
"loadedEasing" => "ease-in-out",
|
| 80 |
-
"loadedRotateX" => -120,
|
| 81 |
-
"loadedRotateY" => -120,
|
| 82 |
-
"loadedScaleY" => 100,
|
| 83 |
-
"loadedScaleX" => 0,
|
| 84 |
-
"loadedVSlide" => 0,
|
| 85 |
-
"loadedHSlide" => 0,
|
| 86 |
-
),
|
| 87 |
-
"Slide from bottom" => array(
|
| 88 |
-
"loadedDuration" => 250,
|
| 89 |
-
"loadedEasing" => "ease-out",
|
| 90 |
-
"loadedRotateX" => 0,
|
| 91 |
-
"loadedRotateY" => 0,
|
| 92 |
-
"loadedScaleY" => 100,
|
| 93 |
-
"loadedScaleX" => 100,
|
| 94 |
-
"loadedVSlide" => 100,
|
| 95 |
-
"loadedHSlide" => 0,
|
| 96 |
-
),
|
| 97 |
-
"Slide from left" => array(
|
| 98 |
-
"loadedDuration" => 250,
|
| 99 |
-
"loadedEasing" => "ease-out",
|
| 100 |
-
"loadedRotateX" => 0,
|
| 101 |
-
"loadedRotateY" => 0,
|
| 102 |
-
"loadedScaleY" => 100,
|
| 103 |
-
"loadedScaleX" => 100,
|
| 104 |
-
"loadedVSlide" => 0,
|
| 105 |
-
"loadedHSlide" => -100,
|
| 106 |
-
),
|
| 107 |
-
"Elastic skew" => array(
|
| 108 |
-
"loadedDuration" => 800,
|
| 109 |
-
"loadedEasing" => "elastic-out",
|
| 110 |
-
"loadedRotateX" => 0,
|
| 111 |
-
"loadedRotateY" => -180,
|
| 112 |
-
"loadedScaleY" => 200,
|
| 113 |
-
"loadedScaleX" => 100,
|
| 114 |
-
"loadedVSlide" => 300,
|
| 115 |
-
"loadedHSlide" => 0,
|
| 116 |
-
),
|
| 117 |
-
"Flying doors" => array(
|
| 118 |
-
"loadedDuration" => 800,
|
| 119 |
-
"loadedEasing" => "ease-out-back",
|
| 120 |
-
"loadedRotateX" => -180,
|
| 121 |
-
"loadedRotateY" => 0,
|
| 122 |
-
"loadedScaleY" => 100,
|
| 123 |
-
"loadedScaleX" => 300,
|
| 124 |
-
"loadedVSlide" => -500,
|
| 125 |
-
"loadedHSlide" => -800,
|
| 126 |
-
),
|
| 127 |
-
"Pop" => array(
|
| 128 |
-
"loadedDuration" => 300,
|
| 129 |
-
"loadedEasing" => "ease-in-out",
|
| 130 |
-
"loadedRotateX" => 0,
|
| 131 |
-
"loadedRotateY" => 0,
|
| 132 |
-
"loadedScaleY" => 1,
|
| 133 |
-
"loadedScaleX" => 1,
|
| 134 |
-
"loadedVSlide" => 0,
|
| 135 |
-
"loadedHSlide" => 0,
|
| 136 |
-
),
|
| 137 |
-
),
|
| 138 |
-
"fields" => array(),
|
| 139 |
-
),
|
| 140 |
-
"Style" => array(
|
| 141 |
-
"icon" => "fa fa-paint-brush",
|
| 142 |
-
"fields" => array(),
|
| 143 |
-
),
|
| 144 |
-
"Customizations" => array(
|
| 145 |
-
"icon" => "fa fa-puzzle-piece",
|
| 146 |
-
"fields" => array(),
|
| 147 |
-
),
|
| 148 |
-
"Advanced" => array(
|
| 149 |
-
"icon" => "fa fa-rocket",
|
| 150 |
-
"fields" => array(),
|
| 151 |
-
),
|
| 152 |
-
);
|
| 153 |
-
$this->addField( "Advanced", "loadMethod", array(
|
| 154 |
-
"name" => esc_html__( "Loading method", 'final-tiles-grid-gallery-lite' ),
|
| 155 |
-
"hiddenFor" => array( "dashboard", "shortcode" ),
|
| 156 |
-
"type" => "select",
|
| 157 |
-
"values" => array(
|
| 158 |
-
"Loading method" => array( "sequential|Sequential", "lazy|Lazy (load images on scroll)" ),
|
| 159 |
-
),
|
| 160 |
-
"description" => "",
|
| 161 |
-
"proCall" => false,
|
| 162 |
-
"excludeFrom" => array( "dashboard", "shortcode" ),
|
| 163 |
-
) );
|
| 164 |
-
$this->addField( "Advanced", "ajaxLoading", array(
|
| 165 |
-
"name" => esc_html__( "Asynchronous loading", 'final-tiles-grid-gallery-lite' ),
|
| 166 |
-
"hiddenFor" => array( "dashboard", "shortcode" ),
|
| 167 |
-
"type" => "select",
|
| 168 |
-
"values" => array(
|
| 169 |
-
"Loading method" => array( "F|Complete markup on page", "lazy|Enable ajax loading" ),
|
| 170 |
-
),
|
| 171 |
-
"description" => esc_html__( "Don't enable ajax loading if you need to index your images on search engines", "final-tiles-grid-gallery-lite" ),
|
| 172 |
-
"proCall" => false,
|
| 173 |
-
"excludeFrom" => array( "dashboard", "shortcode" ),
|
| 174 |
-
) );
|
| 175 |
-
$this->addField( "Advanced", "tilesPerPage", array(
|
| 176 |
-
"name" => esc_html__( "Number of images to load via ajax", 'final-tiles-grid-gallery-lite' ),
|
| 177 |
-
"hiddenFor" => array( "dashboard", "shortcode" ),
|
| 178 |
-
"type" => "number",
|
| 179 |
-
"proCall" => false,
|
| 180 |
-
"excludeFrom" => array( "dashboard", "shortcode" ),
|
| 181 |
-
) );
|
| 182 |
-
$this->addField( "General", "name", array(
|
| 183 |
-
"name" => esc_html__( "Name", 'final-tiles-grid-gallery-lite' ),
|
| 184 |
-
"hiddenFor" => array( "dashboard", "shortcode" ),
|
| 185 |
-
"type" => "text",
|
| 186 |
-
"description" => esc_html__( "Name of the gallery, for internal use.", "final-tiles-grid-gallery-lite" ),
|
| 187 |
-
"proCall" => false,
|
| 188 |
-
"excludeFrom" => array( "dashboard", "shortcode" ),
|
| 189 |
-
) );
|
| 190 |
-
$this->addField( "General", "description", array(
|
| 191 |
-
"name" => esc_html__( "Description", 'final-tiles-grid-gallery-lite' ),
|
| 192 |
-
"hiddenFor" => array( "dashboard", "shortcode" ),
|
| 193 |
-
"type" => "text",
|
| 194 |
-
"description" => esc_html__( "Description of the gallery, for internal use.", "final-tiles-grid-gallery-lite" ),
|
| 195 |
-
"proCall" => false,
|
| 196 |
-
"excludeFrom" => array( "dashboard", "shortcode" ),
|
| 197 |
-
) );
|
| 198 |
-
$this->addField( "General", "layout", array(
|
| 199 |
-
"name" => esc_html__( "Layout", 'final-tiles-grid-gallery-lite' ),
|
| 200 |
-
"type" => "select",
|
| 201 |
-
"description" => wp_kses( __( "<strong>Final Tiles</strong>: use images with different sizes<br><strong>Masonry</strong>: multi-column layout, use this one if you need images of the same size.", "final-tiles-grid-gallery-lite" ), array() ),
|
| 202 |
-
"values" => array(
|
| 203 |
-
"Layout" => array( "final|Final Tiles", "columns|Masonry" ),
|
| 204 |
-
),
|
| 205 |
-
"proCall" => false,
|
| 206 |
-
"excludeFrom" => array(),
|
| 207 |
-
) );
|
| 208 |
-
$this->addField( "General", "width", array(
|
| 209 |
-
"name" => esc_html__( "Width", "final-tiles-grid-gallery-lite" ),
|
| 210 |
-
"type" => "text",
|
| 211 |
-
"description" => esc_html__( "Width of the gallery in pixels or percentage.", "final-tiles-grid-gallery-lite" ),
|
| 212 |
-
"proCall" => false,
|
| 213 |
-
"excludeFrom" => array(),
|
| 214 |
-
) );
|
| 215 |
-
$this->addField( "General", "margin", array(
|
| 216 |
-
"name" => esc_html__( "Margin", "final-tiles-grid-gallery-lite" ),
|
| 217 |
-
"type" => "number",
|
| 218 |
-
"description" => esc_html__( "Margin between images", "final-tiles-grid-gallery-lite" ),
|
| 219 |
-
"mu" => "px",
|
| 220 |
-
"min" => 0,
|
| 221 |
-
"max" => 50,
|
| 222 |
-
"proCall" => false,
|
| 223 |
-
"excludeFrom" => array(),
|
| 224 |
-
) );
|
| 225 |
-
$this->addField( "General", "columns", array(
|
| 226 |
-
"name" => esc_html__( "Number of columns", "final-tiles-grid-gallery-lite" ),
|
| 227 |
-
"type" => "number",
|
| 228 |
-
"description" => "",
|
| 229 |
-
"mu" => "",
|
| 230 |
-
"min" => 1,
|
| 231 |
-
"max" => 50,
|
| 232 |
-
"proCall" => false,
|
| 233 |
-
"excludeFrom" => array(),
|
| 234 |
-
) );
|
| 235 |
-
$this->addField( "General", "imagesOrder", array(
|
| 236 |
-
"name" => esc_html__( "Images order", "final-tiles-grid-gallery-lite" ),
|
| 237 |
-
"type" => "select",
|
| 238 |
-
"description" => esc_html__( "Choose the order of the images", "final-tiles-grid-gallery-lite" ),
|
| 239 |
-
"default" => "",
|
| 240 |
-
"values" => array(
|
| 241 |
-
"Images order" => array( "user|User", "reverse|Reverse", "random|Random" ),
|
| 242 |
-
),
|
| 243 |
-
"proCall" => false,
|
| 244 |
-
"excludeFrom" => array(),
|
| 245 |
-
) );
|
| 246 |
-
$this->addField( "General", "filter", array(
|
| 247 |
-
"name" => esc_html__( "Filters", "final-tiles-grid-gallery-lite" ),
|
| 248 |
-
"type" => FinalTiles_Gallery::getFieldType( "filter" ),
|
| 249 |
-
"description" => esc_html__( "Manage here all the filters of this gallery", "final-tiles-grid-gallery-lite" ),
|
| 250 |
-
"proCall" => true,
|
| 251 |
-
"excludeFrom" => array( "dashboard", "shortcode" ),
|
| 252 |
-
) );
|
| 253 |
-
if ( ftg_fs()->is_plan_or_trial( 'ultimate' ) ) {
|
| 254 |
-
$this->addField( "General", "filterClick", array(
|
| 255 |
-
"name" => esc_html__( "Reload Page on filter click", "final-tiles-grid-gallery-lite" ),
|
| 256 |
-
"type" => "toggle",
|
| 257 |
-
"description" => esc_html__( "Turn this feature ON if you want to use filters with most lightboxes", "final-tiles-grid-gallery-lite" ),
|
| 258 |
-
"proCall" => false,
|
| 259 |
-
"excludeFrom" => array(),
|
| 260 |
-
) );
|
| 261 |
-
}
|
| 262 |
-
$this->addField( "General", "gridCellSize", array(
|
| 263 |
-
"name" => esc_html__( "Size of the grid", "final-tiles-grid-gallery-lite" ),
|
| 264 |
-
"type" => "number",
|
| 265 |
-
"default" => 25,
|
| 266 |
-
"min" => 1,
|
| 267 |
-
"max" => 100,
|
| 268 |
-
"mu" => "px",
|
| 269 |
-
"description" => wp_kses( __( "Tiles are snapped to a virtual grid, <strong>the higher this value the higher the chance to get bottom aligned tiles</strong> (but it needs to crop vertically).", "final-tiles-grid-gallery-lite" ), array() ),
|
| 270 |
-
"proCall" => false,
|
| 271 |
-
"excludeFrom" => array(),
|
| 272 |
-
) );
|
| 273 |
-
$this->addField( "General", "gridCellSizeDisabledBelow", array(
|
| 274 |
-
"name" => esc_html__( "Disable grid size below resolution", "final-tiles-grid-gallery-lite" ),
|
| 275 |
-
"type" => "number",
|
| 276 |
-
"default" => 800,
|
| 277 |
-
"min" => 0,
|
| 278 |
-
"max" => 4000,
|
| 279 |
-
"mu" => "px",
|
| 280 |
-
"description" => esc_html__( "If you have small tiny images under certain resolutions then you can switch off grid size (image cropping) when the screen resolution is below this value.", "final-tiles-grid-gallery-lite" ),
|
| 281 |
-
"proCall" => false,
|
| 282 |
-
"excludeFrom" => array(),
|
| 283 |
-
) );
|
| 284 |
-
/*"scrollEffect" , array(
|
| 285 |
-
"name" => __("Scroll effect"),
|
| 286 |
-
"type" => "select",
|
| 287 |
-
"description" => __("Effect on tiles when scrolling the page", "final-tiles-grid-gallery-lite"),
|
| 288 |
-
"values" => array(
|
| 289 |
-
"Scroll effect" => array(
|
| 290 |
-
"none|None", "slide|Sliding tiles", "zoom|Zoom", "rotate-left|Left rotation", "rotate-right|Right rotation"
|
| 291 |
-
)
|
| 292 |
-
),
|
| 293 |
-
"proCall" => false,
|
| 294 |
-
"excludeFrom" => array()
|
| 295 |
-
));*/
|
| 296 |
-
$this->addField( "Links & Lightbox", "lightbox", array(
|
| 297 |
-
"name" => "Links & Lightbox",
|
| 298 |
-
"type" => "select",
|
| 299 |
-
"description" => esc_html__( "Define here what happens when user click on the images. Lightboxes with video support: EverlightBox, LightGallery, Magnific popup, Colorbox (require embed URL)); PrettyPhoto, FancyBox (require embed URL)", "final-tiles-grid-gallery-lite" ),
|
| 300 |
-
"values" => array(
|
| 301 |
-
"Link" => array( "none|No lightbox", "direct|Direct link to image (useful for external lightboxes)|disabled", "post|Post or WooCommerce product|disabled" ),
|
| 302 |
-
"Lightboxes" => array(
|
| 303 |
-
"lightbox2|Lightbox",
|
| 304 |
-
"everlightbox|EverlightBox + social sharing and comments",
|
| 305 |
-
"lightgallery|LightGallery|disabled",
|
| 306 |
-
"magnific|Magnific popup|disabled",
|
| 307 |
-
"colorbox|ColorBox|disabled",
|
| 308 |
-
"prettyphoto|PrettyPhoto|disabled",
|
| 309 |
-
"fancybox|FancyBox|disabled",
|
| 310 |
-
"swipebox|SwipeBox|disabled"
|
| 311 |
-
),
|
| 312 |
-
),
|
| 313 |
-
"proCall" => true,
|
| 314 |
-
"excludeFrom" => array(),
|
| 315 |
-
) );
|
| 316 |
-
$this->addField( "Links & Lightbox", "mobileLightbox", array(
|
| 317 |
-
"name" => "Links & Lightbox (mobile)",
|
| 318 |
-
"type" => "select",
|
| 319 |
-
"description" => esc_html__( "Define here what happens when user click on the images. Lightboxes with video support: EverlightBox, LightGallery, Magnific popup, Colorbox (require embed URL)); PrettyPhoto, FancyBox (require embed URL)", "final-tiles-grid-gallery-lite" ),
|
| 320 |
-
"values" => array(
|
| 321 |
-
"Link" => array( "none|No lightbox", "direct|Direct link to image (useful for external lightboxes)", "post|Post or WooCommerce product|disabled" ),
|
| 322 |
-
"Lightboxes" => array(
|
| 323 |
-
"lightbox2|Lightbox",
|
| 324 |
-
"everlightbox|EverlightBox + social sharing and comments",
|
| 325 |
-
"lightgallery|LightGallery|disabled",
|
| 326 |
-
"magnific|Magnific popup|disabled",
|
| 327 |
-
"colorbox|ColorBox|disabled",
|
| 328 |
-
"prettyphoto|PrettyPhoto|disabled",
|
| 329 |
-
"fancybox|FancyBox|disabled",
|
| 330 |
-
"swipebox|SwipeBox|disabled"
|
| 331 |
-
),
|
| 332 |
-
),
|
| 333 |
-
"proCall" => true,
|
| 334 |
-
"excludeFrom" => array(),
|
| 335 |
-
) );
|
| 336 |
-
$this->addField( "Links & Lightbox", "lightboxImageSize", array(
|
| 337 |
-
"name" => esc_html__( "Image size for the lightbox", "final-tiles-grid-gallery-lite" ),
|
| 338 |
-
"type" => "select",
|
| 339 |
-
"description" => "",
|
| 340 |
-
"values" => array(
|
| 341 |
-
"Size" => array(),
|
| 342 |
-
),
|
| 343 |
-
"proCall" => false,
|
| 344 |
-
"excludeFrom" => array(),
|
| 345 |
-
) );
|
| 346 |
-
$this->addField( "Links & Lightbox", "disableLightboxGroups", array(
|
| 347 |
-
"name" => esc_html__( "Disable lightbox grouping", "final-tiles-grid-gallery-lite" ),
|
| 348 |
-
"type" => "toggle",
|
| 349 |
-
"description" => esc_html__( "Flag this option if you don't want to group images when opened in a lightbox.", "final-tiles-grid-gallery-lite" ),
|
| 350 |
-
"default" => "F",
|
| 351 |
-
"proCall" => false,
|
| 352 |
-
"excludeFrom" => array(),
|
| 353 |
-
) );
|
| 354 |
-
$this->addField( "Links & Lightbox", "blank", array(
|
| 355 |
-
"name" => esc_html__( "Links target", "final-tiles-grid-gallery-lite" ),
|
| 356 |
-
"type" => "toggle",
|
| 357 |
-
"description" => esc_html__( "Open links in a blank page.", "final-tiles-grid-gallery-lite" ),
|
| 358 |
-
"proCall" => false,
|
| 359 |
-
"excludeFrom" => array(),
|
| 360 |
-
) );
|
| 361 |
-
$this->addField( "Links & Lightbox", "enableTwitter", array(
|
| 362 |
-
"name" => esc_html__( "Enable Twitter icon", "final-tiles-grid-gallery-lite" ),
|
| 363 |
-
"type" => "toggle",
|
| 364 |
-
"description" => esc_html__( "Enable Twitter sharing.", "final-tiles-grid-gallery-lite" ),
|
| 365 |
-
"default" => "F",
|
| 366 |
-
"proCall" => false,
|
| 367 |
-
"excludeFrom" => array(),
|
| 368 |
-
) );
|
| 369 |
-
$this->addField( "Links & Lightbox", "enableFacebook", array(
|
| 370 |
-
"name" => esc_html__( "Enable Facebook icon", "final-tiles-grid-gallery-lite" ),
|
| 371 |
-
"type" => "toggle",
|
| 372 |
-
"description" => esc_html__( "Enable Facebook sharing. Note: after the last version of OpenGraph API it's not possible to share a specific image anymore.", "final-tiles-grid-gallery-lite" ),
|
| 373 |
-
"default" => "F",
|
| 374 |
-
"proCall" => false,
|
| 375 |
-
"excludeFrom" => array(),
|
| 376 |
-
) );
|
| 377 |
-
$this->addField( "Links & Lightbox", "enablePinterest", array(
|
| 378 |
-
"name" => esc_html__( "Enable Pinterest icon", "final-tiles-grid-gallery-lite" ),
|
| 379 |
-
"type" => "toggle",
|
| 380 |
-
"description" => esc_html__( "Enable Pinterest sharing", "final-tiles-grid-gallery-lite" ),
|
| 381 |
-
"default" => "F",
|
| 382 |
-
"proCall" => false,
|
| 383 |
-
"excludeFrom" => array(),
|
| 384 |
-
) );
|
| 385 |
-
$this->addField( "Links & Lightbox", "socialIconColor", array(
|
| 386 |
-
"name" => esc_html__( "Color of social sharing icons", "final-tiles-grid-gallery-lite" ),
|
| 387 |
-
"type" => "color",
|
| 388 |
-
"description" => esc_html__( "Set the color of the social sharing icons", "final-tiles-grid-gallery-lite" ),
|
| 389 |
-
"default" => "#ffffff",
|
| 390 |
-
"proCall" => false,
|
| 391 |
-
"excludeFrom" => array(),
|
| 392 |
-
) );
|
| 393 |
-
$this->addField( "Links & Lightbox", "socialIconStyle", array(
|
| 394 |
-
"name" => esc_html__( "Style of the social icons panel", "final-tiles-grid-gallery-lite" ),
|
| 395 |
-
"type" => "select",
|
| 396 |
-
"description" => esc_html__( "Set the color of the social sharing icons", "final-tiles-grid-gallery-lite" ),
|
| 397 |
-
"default" => "none",
|
| 398 |
-
"values" => array(
|
| 399 |
-
"Style" => array( "none|None", "circle|Circles", "bar|Bar" ),
|
| 400 |
-
),
|
| 401 |
-
"proCall" => false,
|
| 402 |
-
"excludeFrom" => array(),
|
| 403 |
-
) );
|
| 404 |
-
$this->addField( "Links & Lightbox", "socialIconPosition", array(
|
| 405 |
-
"name" => esc_html__( "Position of the social icons panel", "final-tiles-grid-gallery-lite" ),
|
| 406 |
-
"type" => "select",
|
| 407 |
-
"description" => esc_html__( "Set the position of the social sharing icons", "final-tiles-grid-gallery-lite" ),
|
| 408 |
-
"default" => "bottom",
|
| 409 |
-
"values" => array(
|
| 410 |
-
"Position" => array( "bottom|Bottom", "right|Right" ),
|
| 411 |
-
),
|
| 412 |
-
"proCall" => false,
|
| 413 |
-
"excludeFrom" => array(),
|
| 414 |
-
) );
|
| 415 |
-
$this->addField( "Captions", "captionBehavior", array(
|
| 416 |
-
"name" => esc_html__( "Caption behavior", "final-tiles-grid-gallery-lite" ),
|
| 417 |
-
"type" => "select",
|
| 418 |
-
"description" => esc_html__( "Effect used to show the captions.", "final-tiles-grid-gallery-lite" ),
|
| 419 |
-
"values" => array(
|
| 420 |
-
"Effect" => array(
|
| 421 |
-
"none|Fade in",
|
| 422 |
-
"fixed|Fixed|disabled",
|
| 423 |
-
"fixed-bg|Fixed with background|disabled",
|
| 424 |
-
"fixed-then-hidden|Fixed, hidden on mouse hover|disabled",
|
| 425 |
-
"fixed-bottom|Fixed at bottom|disabled",
|
| 426 |
-
"slide-from-top|Slide from top|disabled",
|
| 427 |
-
"slide-from-bottom|Slide from bottom|disabled",
|
| 428 |
-
"flip-h|Flip horizontally|disabled"
|
| 429 |
-
),
|
| 430 |
-
),
|
| 431 |
-
"proCall" => true,
|
| 432 |
-
"excludeFrom" => array(),
|
| 433 |
-
) );
|
| 434 |
-
$this->addField( "Captions", "captionMobileBehavior", array(
|
| 435 |
-
"name" => esc_html__( "Caption mobile behavior", "final-tiles-grid-gallery-lite" ),
|
| 436 |
-
"type" => "select",
|
| 437 |
-
"description" => esc_html__( "Caption behavior for mobile devices.", "final-tiles-grid-gallery-lite" ),
|
| 438 |
-
"values" => array(
|
| 439 |
-
"Behavior" => array(
|
| 440 |
-
"desktop|Same as desktop",
|
| 441 |
-
"none|Never show captions|disabled",
|
| 442 |
-
"fixed-bg|Fixed with background|disabled",
|
| 443 |
-
"fixed-bottom|Fixed at bottom|disabled",
|
| 444 |
-
"fixed-then-hidden|Visible, hidden on touch|disabled"
|
| 445 |
-
),
|
| 446 |
-
),
|
| 447 |
-
"proCall" => false,
|
| 448 |
-
"excludeFrom" => array(),
|
| 449 |
-
) );
|
| 450 |
-
$this->addField( "Captions", "captionPosition", array(
|
| 451 |
-
"name" => esc_html__( "Position", "final-tiles-grid-gallery-lite" ),
|
| 452 |
-
"type" => "select",
|
| 453 |
-
"description" => esc_html__( "Choose the position of the caption.", "final-tiles-grid-gallery-lite" ),
|
| 454 |
-
"values" => array(
|
| 455 |
-
"Behavior" => array( "inside|Inside", "outside|Outside (EXPERIMENTAL)" ),
|
| 456 |
-
),
|
| 457 |
-
"proCall" => false,
|
| 458 |
-
"excludeFrom" => array(),
|
| 459 |
-
) );
|
| 460 |
-
/*"captionFullHeight" , array(
|
| 461 |
-
"name" => __("Caption full height"),
|
| 462 |
-
"type" => "toggle",
|
| 463 |
-
"description" => __("Enable this option for full height captions. <strong>This is required if you want to use caption icons and caption effects other than <i>fade</i>.</strong>", "final-tiles-grid-gallery-lite"),
|
| 464 |
-
"default" => "T",
|
| 465 |
-
"proCall" => false,
|
| 466 |
-
"excludeFrom" => array()
|
| 467 |
-
));*/
|
| 468 |
-
$this->addField( "Captions", "captionEmpty", array(
|
| 469 |
-
"name" => esc_html__( "Empty captions", "final-tiles-grid-gallery-lite" ),
|
| 470 |
-
"type" => "select",
|
| 471 |
-
"description" => esc_html__( "Choose if empty caption has to be shown.", "final-tiles-grid-gallery-lite" ),
|
| 472 |
-
"values" => array(
|
| 473 |
-
"Empty captions" => array( "hide|Don't show empty captions", "show|Show empty captions|disabled" ),
|
| 474 |
-
),
|
| 475 |
-
"proCall" => false,
|
| 476 |
-
"excludeFrom" => array(),
|
| 477 |
-
) );
|
| 478 |
-
$this->addField( "Captions", "captionIcon", array(
|
| 479 |
-
"name" => esc_html__( "Caption icon", "final-tiles-grid-gallery-lite" ),
|
| 480 |
-
"type" => "select",
|
| 481 |
-
"description" => esc_html__( "Choose the icon for the captions.", "final-tiles-grid-gallery-lite" ),
|
| 482 |
-
"values" => array(
|
| 483 |
-
"Icon" => array(
|
| 484 |
-
"|None",
|
| 485 |
-
"search|Lens",
|
| 486 |
-
"search-plus|Lens (plus)",
|
| 487 |
-
"link|Link",
|
| 488 |
-
"heart|Heart",
|
| 489 |
-
"heart-o|Heart empty",
|
| 490 |
-
"camera|Camera",
|
| 491 |
-
"camera-retro|Camera retro",
|
| 492 |
-
"picture-o|Picture",
|
| 493 |
-
"star|Star",
|
| 494 |
-
"star-o|Star empty",
|
| 495 |
-
"sun-o|Sun",
|
| 496 |
-
"arrows-alt|Arrows",
|
| 497 |
-
"hand-o-right|Hand"
|
| 498 |
-
),
|
| 499 |
-
),
|
| 500 |
-
"proCall" => false,
|
| 501 |
-
"excludeFrom" => array(),
|
| 502 |
-
) );
|
| 503 |
-
$this->addField( "Captions", "customCaptionIcon", array(
|
| 504 |
-
"name" => esc_html__( "Custom caption icon", "final-tiles-grid-gallery-lite" ),
|
| 505 |
-
"type" => FinalTiles_Gallery::getFieldType( "customCaptionIcon" ),
|
| 506 |
-
"description" => wp_kses( __( "Use this field to insert the class of a FontAwesome icon (i.e.: fa-heart). <a href='https://fontawesome.com/v4.7.0/icons/' target='blank'>See all available icons</a>. <strong>This value override the <i>Caption icon</i> value</strong>.", "final-tiles-grid-gallery-lite" ), array() ),
|
| 507 |
-
"proCall" => false,
|
| 508 |
-
"excludeFrom" => array(),
|
| 509 |
-
) );
|
| 510 |
-
$this->addField( "Captions", "captionIconColor", array(
|
| 511 |
-
"name" => esc_html__( "Caption icon color", "final-tiles-grid-gallery-lite" ),
|
| 512 |
-
"type" => "color",
|
| 513 |
-
"description" => esc_html__( "Color of the icon in captions.", "final-tiles-grid-gallery-lite" ),
|
| 514 |
-
"default" => "#ffffff",
|
| 515 |
-
"proCall" => false,
|
| 516 |
-
"excludeFrom" => array(),
|
| 517 |
-
) );
|
| 518 |
-
$this->addField( "Captions", "captionIconSize", array(
|
| 519 |
-
"name" => esc_html__( "Caption icon size", "final-tiles-grid-gallery-lite" ),
|
| 520 |
-
"type" => "number",
|
| 521 |
-
"description" => esc_html__( "Size of the icon in captions.", "final-tiles-grid-gallery-lite" ),
|
| 522 |
-
"default" => 12,
|
| 523 |
-
"min" => 10,
|
| 524 |
-
"max" => 96,
|
| 525 |
-
"mu" => "px",
|
| 526 |
-
"proCall" => false,
|
| 527 |
-
"excludeFrom" => array(),
|
| 528 |
-
) );
|
| 529 |
-
$this->addField( "Captions", "captionFontSize", array(
|
| 530 |
-
"name" => esc_html__( "Caption font size", "final-tiles-grid-gallery-lite" ),
|
| 531 |
-
"type" => "number",
|
| 532 |
-
"description" => esc_html__( "Size of the font in captions.", "final-tiles-grid-gallery-lite" ),
|
| 533 |
-
"default" => 12,
|
| 534 |
-
"min" => 10,
|
| 535 |
-
"max" => 96,
|
| 536 |
-
"mu" => "px",
|
| 537 |
-
"proCall" => false,
|
| 538 |
-
"excludeFrom" => array(),
|
| 539 |
-
) );
|
| 540 |
-
$this->addField( "Captions", "captionEasing", array(
|
| 541 |
-
"name" => esc_html__( "Caption effect easing", "final-tiles-grid-gallery-lite" ),
|
| 542 |
-
"type" => "select",
|
| 543 |
-
"description" => esc_html__( "Easing function for the caption animation, works better with sliding animations.", "final-tiles-grid-gallery-lite" ),
|
| 544 |
-
"values" => array(
|
| 545 |
-
"Easing" => array(
|
| 546 |
-
"ease|Ease",
|
| 547 |
-
"linear|Linear|disabled",
|
| 548 |
-
"ease-in|Ease in|disabled",
|
| 549 |
-
"ease-out|Ease out|disabled",
|
| 550 |
-
"ease-in-out|Ease in and out|disabled"
|
| 551 |
-
),
|
| 552 |
-
),
|
| 553 |
-
"proCall" => false,
|
| 554 |
-
"excludeFrom" => array(),
|
| 555 |
-
) );
|
| 556 |
-
$this->addField( "Captions", "captionFrame", array(
|
| 557 |
-
"name" => esc_html__( "Caption frame", "final-tiles-grid-gallery-lite" ),
|
| 558 |
-
"type" => "toggle",
|
| 559 |
-
"description" => esc_html__( "Add a frame around the caption", "final-tiles-grid-gallery-lite" ),
|
| 560 |
-
"default" => "F",
|
| 561 |
-
"proCall" => false,
|
| 562 |
-
"excludeFrom" => array(),
|
| 563 |
-
) );
|
| 564 |
-
$this->addField( "Captions", "captionFrameColor", array(
|
| 565 |
-
"name" => esc_html__( "Caption frame color", "final-tiles-grid-gallery-lite" ),
|
| 566 |
-
"type" => "color",
|
| 567 |
-
"description" => esc_html__( "Color of the frame around the caption", "final-tiles-grid-gallery-lite" ),
|
| 568 |
-
"default" => "#ffffff",
|
| 569 |
-
"proCall" => false,
|
| 570 |
-
"excludeFrom" => array(),
|
| 571 |
-
) );
|
| 572 |
-
$this->addField( "Captions", "captionColor", array(
|
| 573 |
-
"name" => esc_html__( "Caption color", "final-tiles-grid-gallery-lite" ),
|
| 574 |
-
"type" => "color",
|
| 575 |
-
"description" => esc_html__( "Text color of the captions.", "final-tiles-grid-gallery-lite" ),
|
| 576 |
-
"default" => "#ffffff",
|
| 577 |
-
"proCall" => false,
|
| 578 |
-
"excludeFrom" => array(),
|
| 579 |
-
) );
|
| 580 |
-
$this->addField( "Captions", "captionEffectDuration", array(
|
| 581 |
-
"name" => esc_html__( "Caption effect duration", "final-tiles-grid-gallery-lite" ),
|
| 582 |
-
"type" => "text",
|
| 583 |
-
"description" => esc_html__( "Duration of the caption animation.", "final-tiles-grid-gallery-lite" ),
|
| 584 |
-
"default" => 250,
|
| 585 |
-
"mu" => "ms",
|
| 586 |
-
"min" => 0,
|
| 587 |
-
"max" => 1000,
|
| 588 |
-
"proCall" => false,
|
| 589 |
-
"excludeFrom" => array(),
|
| 590 |
-
) );
|
| 591 |
-
$this->addField( "Captions", "captionBackgroundColor", array(
|
| 592 |
-
"name" => esc_html__( "Caption background color", "final-tiles-grid-gallery-lite" ),
|
| 593 |
-
"type" => "color",
|
| 594 |
-
"description" => esc_html__( "Caption background color", "final-tiles-grid-gallery-lite" ),
|
| 595 |
-
"default" => "#000000",
|
| 596 |
-
"proCall" => false,
|
| 597 |
-
"excludeFrom" => array(),
|
| 598 |
-
) );
|
| 599 |
-
$this->addField( "Captions", "captionOpacity", array(
|
| 600 |
-
"name" => esc_html__( "Caption opacity", "final-tiles-grid-gallery-lite" ),
|
| 601 |
-
"type" => "text",
|
| 602 |
-
"description" => esc_html__( "Opacity of the caption, 0% means 'invisible' while 100% is a plain color without opacity.", "final-tiles-grid-gallery-lite" ),
|
| 603 |
-
"default" => 80,
|
| 604 |
-
"min" => 0,
|
| 605 |
-
"max" => 100,
|
| 606 |
-
"mu" => "%",
|
| 607 |
-
"proCall" => false,
|
| 608 |
-
"excludeFrom" => array(),
|
| 609 |
-
) );
|
| 610 |
-
$this->addField( "Captions", "wp_field_caption", array(
|
| 611 |
-
"name" => esc_html__( "WordPress caption field", "final-tiles-grid-gallery-lite" ),
|
| 612 |
-
"type" => "select",
|
| 613 |
-
"description" => wp_kses( __( "WordPress field used for captions. <strong>This field is used ONLY when images are added to the gallery, </strong> however, if you want to ignore captions just set it to '<i>Don't use captions</i>'.", "final-tiles-grid-gallery-lite" ), array() ),
|
| 614 |
-
"values" => array(
|
| 615 |
-
"Field" => array(
|
| 616 |
-
"none|Don't use captions",
|
| 617 |
-
"title|Title",
|
| 618 |
-
"caption|Caption",
|
| 619 |
-
"description|Description"
|
| 620 |
-
),
|
| 621 |
-
),
|
| 622 |
-
"proCall" => false,
|
| 623 |
-
"excludeFrom" => array( "shortcode" ),
|
| 624 |
-
) );
|
| 625 |
-
$this->addField( "Captions", "wp_field_title", array(
|
| 626 |
-
"name" => esc_html__( "WordPress title field", "final-tiles-grid-gallery-lite" ),
|
| 627 |
-
"type" => "select",
|
| 628 |
-
"description" => wp_kses( __( "WordPress field used for titles. <strong>This field is used ONLY when images are added to the gallery, </strong> however, if you want to ignore titles just set it to '<i>Don't use titles</i>'.", "final-tiles-grid-gallery-lite" ), array() ),
|
| 629 |
-
"values" => array(
|
| 630 |
-
"Field" => array( "none|Don't use titles", "title|Title", "description|Description" ),
|
| 631 |
-
),
|
| 632 |
-
"proCall" => false,
|
| 633 |
-
"excludeFrom" => array( "shortcode" ),
|
| 634 |
-
) );
|
| 635 |
-
$this->addField( "Captions", "recentPostsCaption", array(
|
| 636 |
-
"name" => esc_html__( "Recent posts caption", "final-tiles-grid-gallery-lite" ),
|
| 637 |
-
"type" => "select",
|
| 638 |
-
"description" => esc_html__( "Field of the post used for captions when using \"Recent posts\" as source.", "final-tiles-grid-gallery-lite" ),
|
| 639 |
-
"values" => array(
|
| 640 |
-
"Field" => array(
|
| 641 |
-
"none|Don't use captions",
|
| 642 |
-
"custom|Use custom fields",
|
| 643 |
-
"title|Title",
|
| 644 |
-
"excerpt|Excerpt",
|
| 645 |
-
"auto-excerpt|Auto excerpt"
|
| 646 |
-
),
|
| 647 |
-
),
|
| 648 |
-
"proCall" => false,
|
| 649 |
-
"excludeFrom" => array( "shortcode" ),
|
| 650 |
-
) );
|
| 651 |
-
$this->addField( "Captions", "recentPostsCaptionAutoExcerptLength", array(
|
| 652 |
-
"name" => esc_html__( "Max number of words for 'Auto excerpt'", "final-tiles-grid-gallery-lite" ),
|
| 653 |
-
"type" => "text",
|
| 654 |
-
"description" => wp_kses( __( "Define the max number of words of the caption when <i>Recent posts caption</i> is set to <i>Auto excerpt</i>.", "final-tiles-grid-gallery-lite" ), array() ),
|
| 655 |
-
"default" => "20",
|
| 656 |
-
"proCall" => false,
|
| 657 |
-
"excludeFrom" => array(),
|
| 658 |
-
) );
|
| 659 |
-
$this->addField( "Captions", "captionVerticalAlignment", array(
|
| 660 |
-
"name" => esc_html__( "Caption Vertical Alignment", "final-tiles-grid-gallery-lite" ),
|
| 661 |
-
"type" => "select",
|
| 662 |
-
"description" => esc_html__( "Choose the vertical alignment of the caption", "final-tiles-grid-gallery-lite" ),
|
| 663 |
-
"values" => array(
|
| 664 |
-
"Caption vertical alignment" => array( "top|Top", "middle|Middle", "bottom|Bottom" ),
|
| 665 |
-
),
|
| 666 |
-
"proCall" => false,
|
| 667 |
-
"excludeFrom" => array(),
|
| 668 |
-
) );
|
| 669 |
-
$this->addField( "Captions", "captionHorizontalAlignment", array(
|
| 670 |
-
"name" => esc_html__( "Caption Horizontal Alignment", "final-tiles-grid-gallery-lite" ),
|
| 671 |
-
"type" => "select",
|
| 672 |
-
"description" => esc_html__( "Choose the horizontal alignment of the caption", "final-tiles-grid-gallery-lite" ),
|
| 673 |
-
"values" => array(
|
| 674 |
-
"Caption horizontal alignment" => array( "left|Left", "center|Center", "right|Right" ),
|
| 675 |
-
),
|
| 676 |
-
"proCall" => false,
|
| 677 |
-
"excludeFrom" => array(),
|
| 678 |
-
) );
|
| 679 |
-
$this->addField( "Captions", "titleFontSize", array(
|
| 680 |
-
"name" => esc_html__( "Title font size", "final-tiles-grid-gallery-lite" ),
|
| 681 |
-
"type" => "number",
|
| 682 |
-
"description" => esc_html__( "Size of the font in captions.", "final-tiles-grid-gallery-lite" ),
|
| 683 |
-
"min" => 10,
|
| 684 |
-
"max" => 96,
|
| 685 |
-
"mu" => "px",
|
| 686 |
-
"proCall" => false,
|
| 687 |
-
"excludeFrom" => array(),
|
| 688 |
-
) );
|
| 689 |
-
$this->addField( "Hover effects", "hoverZoom", array(
|
| 690 |
-
"name" => esc_html__( "Zoom", "final-tiles-grid-gallery-lite" ),
|
| 691 |
-
"type" => FinalTiles_gallery::getFieldType( "hoverZoom" ),
|
| 692 |
-
"description" => esc_html__( "Scale value.", "final-tiles-grid-gallery-lite" ),
|
| 693 |
-
"default" => 100,
|
| 694 |
-
"min" => 0,
|
| 695 |
-
"max" => 600,
|
| 696 |
-
"mu" => "%",
|
| 697 |
-
"proCall" => false,
|
| 698 |
-
"excludeFrom" => array(),
|
| 699 |
-
) );
|
| 700 |
-
$this->addField( "Hover effects", "hoverRotation", array(
|
| 701 |
-
"name" => esc_html__( "Rotation", "final-tiles-grid-gallery-lite" ),
|
| 702 |
-
"type" => FinalTiles_gallery::getFieldType( "hoverRotation" ),
|
| 703 |
-
"description" => esc_html__( "Rotation value in degrees.", "final-tiles-grid-gallery-lite" ),
|
| 704 |
-
"min" => 0,
|
| 705 |
-
"max" => 360,
|
| 706 |
-
"mu" => "deg",
|
| 707 |
-
"default" => 0,
|
| 708 |
-
"proCall" => false,
|
| 709 |
-
"excludeFrom" => array(),
|
| 710 |
-
) );
|
| 711 |
-
$this->addField( "Hover effects", "hoverDuration", array(
|
| 712 |
-
"name" => esc_html__( "Duration", "final-tiles-grid-gallery-lite" ),
|
| 713 |
-
"description" => "",
|
| 714 |
-
"type" => FinalTiles_gallery::getFieldType( "hoverDuration" ),
|
| 715 |
-
"min" => 10,
|
| 716 |
-
"max" => 60000,
|
| 717 |
-
"mu" => "ms",
|
| 718 |
-
"default" => 500,
|
| 719 |
-
"proCall" => false,
|
| 720 |
-
"excludeFrom" => array(),
|
| 721 |
-
) );
|
| 722 |
-
$this->addField( "Hover effects", "hoverIconRotation", array(
|
| 723 |
-
"name" => esc_html__( "Rotate icon", "final-tiles-grid-gallery-lite" ),
|
| 724 |
-
"type" => "toggle",
|
| 725 |
-
"default" => "F",
|
| 726 |
-
"description" => esc_html__( "Enable rotation of the icon.", "final-tiles-grid-gallery-lite" ),
|
| 727 |
-
"proCall" => false,
|
| 728 |
-
"excludeFrom" => array(),
|
| 729 |
-
) );
|
| 730 |
-
$this->addField( "Image loaded effects", "loadedDuration", array(
|
| 731 |
-
"name" => esc_html__( "Duration", "final-tiles-grid-gallery-lite" ),
|
| 732 |
-
"description" => "",
|
| 733 |
-
"type" => "slider",
|
| 734 |
-
"min" => 10,
|
| 735 |
-
"max" => 1000,
|
| 736 |
-
"mu" => "ms",
|
| 737 |
-
"default" => 500,
|
| 738 |
-
"proCall" => false,
|
| 739 |
-
"excludeFrom" => array(),
|
| 740 |
-
) );
|
| 741 |
-
$this->addField( "Image loaded effects", "loadedEasing", array(
|
| 742 |
-
"name" => esc_html__( "Easing curve", "final-tiles-grid-gallery-lite" ),
|
| 743 |
-
"type" => "select",
|
| 744 |
-
"description" => esc_html__( "Choose the easing curve for the loading effect animation", "final-tiles-grid-gallery-lite" ),
|
| 745 |
-
"values" => array(
|
| 746 |
-
"Easing curve" => array(
|
| 747 |
-
"linear|Linear",
|
| 748 |
-
"ease-in|Ease in",
|
| 749 |
-
"ease-out|Ease out",
|
| 750 |
-
"ease-in-out|Ease in and out",
|
| 751 |
-
"ease-out-back|Ease out back",
|
| 752 |
-
"ease-in-out-back|Ease in and out back",
|
| 753 |
-
"ease-out-back-accent|Ease out back (accent)",
|
| 754 |
-
"elastic-out|Elastic out"
|
| 755 |
-
),
|
| 756 |
-
),
|
| 757 |
-
"proCall" => false,
|
| 758 |
-
"excludeFrom" => array(),
|
| 759 |
-
) );
|
| 760 |
-
$this->addField( "Image loaded effects", "loadedScaleY", array(
|
| 761 |
-
"name" => esc_html__( "Vertical scaling", "final-tiles-grid-gallery-lite" ),
|
| 762 |
-
"description" => "",
|
| 763 |
-
"type" => "slider",
|
| 764 |
-
"min" => 1,
|
| 765 |
-
"max" => 300,
|
| 766 |
-
"mu" => "%",
|
| 767 |
-
"default" => 100,
|
| 768 |
-
"proCall" => false,
|
| 769 |
-
"excludeFrom" => array(),
|
| 770 |
-
) );
|
| 771 |
-
$this->addField( "Image loaded effects", "loadedScaleX", array(
|
| 772 |
-
"name" => esc_html__( "Horizontal scaling", "final-tiles-grid-gallery-lite" ),
|
| 773 |
-
"description" => "",
|
| 774 |
-
"type" => "slider",
|
| 775 |
-
"min" => 1,
|
| 776 |
-
"max" => 300,
|
| 777 |
-
"mu" => "%",
|
| 778 |
-
"default" => 100,
|
| 779 |
-
"proCall" => false,
|
| 780 |
-
"excludeFrom" => array(),
|
| 781 |
-
) );
|
| 782 |
-
$this->addField( "Image loaded effects", "loadedRotateY", array(
|
| 783 |
-
"name" => esc_html__( "Vertical rotation", "final-tiles-grid-gallery-lite" ),
|
| 784 |
-
"description" => "",
|
| 785 |
-
"type" => "slider",
|
| 786 |
-
"min" => -180,
|
| 787 |
-
"max" => 180,
|
| 788 |
-
"default" => 0,
|
| 789 |
-
"mu" => "deg",
|
| 790 |
-
"proCall" => false,
|
| 791 |
-
"excludeFrom" => array(),
|
| 792 |
-
) );
|
| 793 |
-
$this->addField( "Image loaded effects", "loadedRotateX", array(
|
| 794 |
-
"name" => esc_html__( "Horizontal rotation", "final-tiles-grid-gallery-lite" ),
|
| 795 |
-
"description" => "",
|
| 796 |
-
"type" => "slider",
|
| 797 |
-
"min" => -180,
|
| 798 |
-
"max" => 180,
|
| 799 |
-
"default" => 0,
|
| 800 |
-
"mu" => "deg",
|
| 801 |
-
"proCall" => false,
|
| 802 |
-
"excludeFrom" => array(),
|
| 803 |
-
) );
|
| 804 |
-
$this->addField( "Image loaded effects", "loadedHSlide", array(
|
| 805 |
-
"name" => esc_html__( "Horizontal slide", "final-tiles-grid-gallery-lite" ),
|
| 806 |
-
"description" => "",
|
| 807 |
-
"type" => "slider",
|
| 808 |
-
"min" => -1000,
|
| 809 |
-
"max" => 1000,
|
| 810 |
-
"mu" => "px",
|
| 811 |
-
"default" => 0,
|
| 812 |
-
"proCall" => false,
|
| 813 |
-
"excludeFrom" => array(),
|
| 814 |
-
) );
|
| 815 |
-
$this->addField( "Image loaded effects", "loadedVSlide", array(
|
| 816 |
-
"name" => esc_html__( "Vertical slide", "final-tiles-grid-gallery-lite" ),
|
| 817 |
-
"description" => "",
|
| 818 |
-
"type" => "slider",
|
| 819 |
-
"min" => -1000,
|
| 820 |
-
"max" => 1000,
|
| 821 |
-
"mu" => "px",
|
| 822 |
-
"default" => 0,
|
| 823 |
-
"proCall" => false,
|
| 824 |
-
"excludeFrom" => array(),
|
| 825 |
-
) );
|
| 826 |
-
$this->addField( "Style", "borderSize", array(
|
| 827 |
-
"name" => esc_html__( "Border size", "final-tiles-grid-gallery-lite" ),
|
| 828 |
-
"type" => "number",
|
| 829 |
-
"description" => esc_html__( "Size of the border of each image.", "final-tiles-grid-gallery-lite" ),
|
| 830 |
-
"default" => 0,
|
| 831 |
-
"min" => 0,
|
| 832 |
-
"max" => 10,
|
| 833 |
-
"mu" => "px",
|
| 834 |
-
"proCall" => false,
|
| 835 |
-
"excludeFrom" => array(),
|
| 836 |
-
) );
|
| 837 |
-
$this->addField( "Style", "borderRadius", array(
|
| 838 |
-
"name" => esc_html__( "Border radius", "final-tiles-grid-gallery-lite" ),
|
| 839 |
-
"type" => "number",
|
| 840 |
-
"description" => esc_html__( "Border radius of the images.", "final-tiles-grid-gallery-lite" ),
|
| 841 |
-
"default" => 0,
|
| 842 |
-
"min" => 0,
|
| 843 |
-
"max" => 100,
|
| 844 |
-
"mu" => "px",
|
| 845 |
-
"proCall" => false,
|
| 846 |
-
"excludeFrom" => array(),
|
| 847 |
-
) );
|
| 848 |
-
$this->addField( "Style", "borderColor", array(
|
| 849 |
-
"name" => esc_html__( "Border color", "final-tiles-grid-gallery-lite" ),
|
| 850 |
-
"type" => "color",
|
| 851 |
-
"description" => esc_html__( "Color of the border when size is greater than 0.", "final-tiles-grid-gallery-lite" ),
|
| 852 |
-
"default" => "#000000",
|
| 853 |
-
"proCall" => false,
|
| 854 |
-
"excludeFrom" => array(),
|
| 855 |
-
) );
|
| 856 |
-
$this->addField( "Style", "loadingBarColor", array(
|
| 857 |
-
"name" => esc_html__( "Loading Bar color", "final-tiles-grid-gallery-lite" ),
|
| 858 |
-
"type" => "color",
|
| 859 |
-
"description" => esc_html__( "Color of the loading bar", "final-tiles-grid-gallery-lite" ),
|
| 860 |
-
"default" => "#000000",
|
| 861 |
-
"proCall" => false,
|
| 862 |
-
"excludeFrom" => array(),
|
| 863 |
-
) );
|
| 864 |
-
$this->addField( "Style", "loadingBarBackgroundColor", array(
|
| 865 |
-
"name" => esc_html__( "Loading Bar background color", "final-tiles-grid-gallery-lite" ),
|
| 866 |
-
"type" => "color",
|
| 867 |
-
"description" => esc_html__( "Background color of the loading bar", "final-tiles-grid-gallery-lite" ),
|
| 868 |
-
"default" => "#cccccc",
|
| 869 |
-
"proCall" => false,
|
| 870 |
-
"excludeFrom" => array(),
|
| 871 |
-
) );
|
| 872 |
-
$this->addField( "Style", "shadowSize", array(
|
| 873 |
-
"name" => esc_html__( "Shadow size", "final-tiles-grid-gallery-lite" ),
|
| 874 |
-
"type" => "number",
|
| 875 |
-
"description" => esc_html__( "Shadow size of the images.", "final-tiles-grid-gallery-lite" ),
|
| 876 |
-
"default" => 0,
|
| 877 |
-
"min" => 0,
|
| 878 |
-
"max" => 20,
|
| 879 |
-
"mu" => "px",
|
| 880 |
-
"proCall" => false,
|
| 881 |
-
"excludeFrom" => array(),
|
| 882 |
-
) );
|
| 883 |
-
$this->addField( "Style", "shadowColor", array(
|
| 884 |
-
"name" => esc_html__( "Shadow color", "final-tiles-grid-gallery-lite" ),
|
| 885 |
-
"type" => "color",
|
| 886 |
-
"description" => esc_html__( "Color of the shadow when size is greater than 0.", "final-tiles-grid-gallery-lite" ),
|
| 887 |
-
"default" => "#000000",
|
| 888 |
-
"proCall" => false,
|
| 889 |
-
"excludeFrom" => array(),
|
| 890 |
-
) );
|
| 891 |
-
$this->addField( "Style", "backgroundColor", array(
|
| 892 |
-
"name" => esc_html__( "Tile background color", "final-tiles-grid-gallery-lite" ),
|
| 893 |
-
"type" => "color",
|
| 894 |
-
"description" => esc_html__( "Background color of tiles", "final-tiles-grid-gallery-lite" ),
|
| 895 |
-
"default" => "#fafafa",
|
| 896 |
-
"proCall" => false,
|
| 897 |
-
"excludeFrom" => array(),
|
| 898 |
-
) );
|
| 899 |
-
$this->addField( "Customizations", "aClass", array(
|
| 900 |
-
"name" => esc_html__( "Additional CSS class on A tag", "final-tiles-grid-gallery-lite" ),
|
| 901 |
-
"type" => "text",
|
| 902 |
-
"description" => esc_html__( "Use this field if you need to add additional CSS classes to the link that contains the image.", "final-tiles-grid-gallery-lite" ),
|
| 903 |
-
"default" => "",
|
| 904 |
-
"proCall" => false,
|
| 905 |
-
"excludeFrom" => array(),
|
| 906 |
-
) );
|
| 907 |
-
$this->addField( "Customizations", "rel", array(
|
| 908 |
-
"name" => esc_html__( "Value of 'rel' attribute on the link that contains the image.", "final-tiles-grid-gallery-lite" ),
|
| 909 |
-
"type" => "text",
|
| 910 |
-
"description" => esc_html__( "Use this field if you need to add additional CSS classes to the link that contains the image. This is useful mostly to integrate the gallery with other lightbox plugins.", "final-tiles-grid-gallery-lite" ),
|
| 911 |
-
"default" => "",
|
| 912 |
-
"proCall" => false,
|
| 913 |
-
"excludeFrom" => array(),
|
| 914 |
-
) );
|
| 915 |
-
$this->addField( "Customizations", "beforeGalleryText", array(
|
| 916 |
-
"name" => esc_html__( "Text before gallery", "final-tiles-grid-gallery-lite" ),
|
| 917 |
-
"type" => "textarea",
|
| 918 |
-
"description" => esc_html__( "Use this field to add text/html to be placed just before your gallery.", "final-tiles-grid-gallery-lite" ),
|
| 919 |
-
"proCall" => false,
|
| 920 |
-
"excludeFrom" => array( "shortcode" ),
|
| 921 |
-
) );
|
| 922 |
-
$this->addField( "Customizations", "afterGalleryText", array(
|
| 923 |
-
"name" => esc_html__( "Text after gallery", "final-tiles-grid-gallery-lite" ),
|
| 924 |
-
"type" => "textarea",
|
| 925 |
-
"description" => esc_html__( "Use this field to add text/html to be placed just after your gallery.", "final-tiles-grid-gallery-lite" ),
|
| 926 |
-
"proCall" => false,
|
| 927 |
-
"excludeFrom" => array( "shortcode" ),
|
| 928 |
-
) );
|
| 929 |
-
$this->addField( "Customizations", "style", array(
|
| 930 |
-
"name" => __( "Custom CSS", "final-tiles-grid-gallery-lite" ),
|
| 931 |
-
"type" => "textarea",
|
| 932 |
-
"description" => wp_kses( __( "<strong>Write just the code without using the <style> tag.</strong><br>List of useful selectors:<br>\
|
| 933 |
-
"proCall" => false,
|
| 934 |
-
"excludeFrom" => array( "shortcode" ),
|
| 935 |
-
) );
|
| 936 |
-
$this->addField( "Customizations", "script", array(
|
| 937 |
-
"name" => esc_html__( "Custom scripts", "final-tiles-grid-gallery-lite" ),
|
| 938 |
-
"type" => "textarea",
|
| 939 |
-
"description" => wp_kses( __( "This script will be called after the gallery initialization. Useful for custom lightboxes.\
|
| 940 |
-
"proCall" => false,
|
| 941 |
-
"excludeFrom" => array( "shortcode" ),
|
| 942 |
-
) );
|
| 943 |
-
$this->addField( "Customizations", "delay", array(
|
| 944 |
-
"name" => esc_html__( "Delay", "final-tiles-grid-gallery-lite" ),
|
| 945 |
-
"type" => "text",
|
| 946 |
-
"description" => esc_html__( "Delay (in milliseconds) before firing the gallery. Sometimes it's needed to avoid conflicts with other plugins.", "final-tiles-grid-gallery-lite" ),
|
| 947 |
-
"min" => 0,
|
| 948 |
-
"max" => 5000,
|
| 949 |
-
"mu" => "ms",
|
| 950 |
-
"default" => 0,
|
| 951 |
-
"proCall" => false,
|
| 952 |
-
"excludeFrom" => array(),
|
| 953 |
-
) );
|
| 954 |
-
$this->addField( "Customizations", "support", array(
|
| 955 |
-
"name" => esc_html__( "Show developer link", "final-tiles-grid-gallery-lite" ),
|
| 956 |
-
"type" => "toggle",
|
| 957 |
-
"description" => esc_html__( "I want to support this plugin, show the developer link!", "final-tiles-grid-gallery-lite" ),
|
| 958 |
-
"default" => "F",
|
| 959 |
-
"proCall" => false,
|
| 960 |
-
"excludeFrom" => array(),
|
| 961 |
-
"proCall" => false,
|
| 962 |
-
"excludeFrom" => array(),
|
| 963 |
-
) );
|
| 964 |
-
$this->addField( "Customizations", "supportText", array(
|
| 965 |
-
"name" => esc_html__( "Developer link text", "final-tiles-grid-gallery-lite" ),
|
| 966 |
-
"type" => "text",
|
| 967 |
-
"description" => esc_html__( "Text for the developer link", "final-tiles-grid-gallery-lite" ),
|
| 968 |
-
"default" => "powered by Final Tiles Grid Gallery",
|
| 969 |
-
"proCall" => false,
|
| 970 |
-
"excludeFrom" => array(),
|
| 971 |
-
) );
|
| 972 |
-
$this->addField( "Advanced", "columnsTabletLandscape", array(
|
| 973 |
-
"name" => esc_html__( "Number of columns (Tablet landscape)", "final-tiles-grid-gallery-lite" ),
|
| 974 |
-
"type" => "number",
|
| 975 |
-
"description" => "",
|
| 976 |
-
"mu" => "",
|
| 977 |
-
"min" => 1,
|
| 978 |
-
"max" => 50,
|
| 979 |
-
"proCall" => false,
|
| 980 |
-
"excludeFrom" => array(),
|
| 981 |
-
) );
|
| 982 |
-
$this->addField( "Advanced", "columnsTabletPortrait", array(
|
| 983 |
-
"name" => esc_html__( "Number of columns (Tablet portrait)", "final-tiles-grid-gallery-lite" ),
|
| 984 |
-
"type" => "number",
|
| 985 |
-
"description" => "",
|
| 986 |
-
"mu" => "",
|
| 987 |
-
"min" => 1,
|
| 988 |
-
"max" => 50,
|
| 989 |
-
"proCall" => false,
|
| 990 |
-
"excludeFrom" => array(),
|
| 991 |
-
) );
|
| 992 |
-
$this->addField( "Advanced", "columnsPhoneLandscape", array(
|
| 993 |
-
"name" => esc_html__( "Number of columns (Phone landscape)", "final-tiles-grid-gallery-lite" ),
|
| 994 |
-
"type" => "number",
|
| 995 |
-
"description" => "",
|
| 996 |
-
"mu" => "",
|
| 997 |
-
"min" => 1,
|
| 998 |
-
"max" => 50,
|
| 999 |
-
"proCall" => false,
|
| 1000 |
-
"excludeFrom" => array(),
|
| 1001 |
-
) );
|
| 1002 |
-
$this->addField( "Advanced", "columnsPhonePortrait", array(
|
| 1003 |
-
"name" => esc_html__( "Number of columns (Phone portrait)", "final-tiles-grid-gallery-lite" ),
|
| 1004 |
-
"type" => "number",
|
| 1005 |
-
"description" => "",
|
| 1006 |
-
"mu" => "",
|
| 1007 |
-
"min" => 1,
|
| 1008 |
-
"max" => 50,
|
| 1009 |
-
"proCall" => false,
|
| 1010 |
-
"excludeFrom" => array(),
|
| 1011 |
-
) );
|
| 1012 |
-
$this->addField( "Advanced", "imageSizeFactor", array(
|
| 1013 |
-
"name" => esc_html__( "Image size factor", "final-tiles-grid-gallery-lite" ),
|
| 1014 |
-
"type" => "slider",
|
| 1015 |
-
"description" => esc_html__( "Percentage of image size, i.e.: if an image of the gallery is 300x200 and the size factor is 50% then the resulting image will be 150x100.\
|
| 1016 |
-
"default" => 90,
|
| 1017 |
-
"min" => 1,
|
| 1018 |
-
"max" => 100,
|
| 1019 |
-
"mu" => "%",
|
| 1020 |
-
"proCall" => false,
|
| 1021 |
-
"excludeFrom" => array(),
|
| 1022 |
-
) );
|
| 1023 |
-
$this->addField( "Advanced", "imageSizeFactorTabletLandscape", array(
|
| 1024 |
-
"name" => esc_html__( "Image size factor (Tablet Landscape)", "final-tiles-grid-gallery-lite" ),
|
| 1025 |
-
"type" => "slider",
|
| 1026 |
-
"description" => esc_html__( "Image size factor to apply when the viewport is 1024px, typically for tablets with landscape orientation", "final-tiles-grid-gallery-lite" ),
|
| 1027 |
-
"default" => 80,
|
| 1028 |
-
"min" => 1,
|
| 1029 |
-
"max" => 100,
|
| 1030 |
-
"mu" => "%",
|
| 1031 |
-
"proCall" => false,
|
| 1032 |
-
"excludeFrom" => array(),
|
| 1033 |
-
) );
|
| 1034 |
-
$this->addField( "Advanced", "imageSizeFactorTabletPortrait", array(
|
| 1035 |
-
"name" => esc_html__( "Image size factor Tablet Portrait", "final-tiles-grid-gallery-lite" ),
|
| 1036 |
-
"type" => "slider",
|
| 1037 |
-
"description" => esc_html__( "Image size factor to apply when the viewport is 768px, typically for tablets with portrait orientation", "final-tiles-grid-gallery-lite" ),
|
| 1038 |
-
"default" => 70,
|
| 1039 |
-
"min" => 1,
|
| 1040 |
-
"max" => 100,
|
| 1041 |
-
"mu" => "%",
|
| 1042 |
-
"proCall" => false,
|
| 1043 |
-
"excludeFrom" => array(),
|
| 1044 |
-
) );
|
| 1045 |
-
$this->addField( "Advanced", "imageSizeFactorPhoneLandscape", array(
|
| 1046 |
-
"name" => esc_html__( "Image size factor Smartphone Landscape", "final-tiles-grid-gallery-lite" ),
|
| 1047 |
-
"type" => "slider",
|
| 1048 |
-
"description" => esc_html__( "Image size factor to apply when the viewport is 640px, typically for smartphones with landscape orientation", "final-tiles-grid-gallery-lite" ),
|
| 1049 |
-
"default" => 60,
|
| 1050 |
-
"min" => 1,
|
| 1051 |
-
"max" => 100,
|
| 1052 |
-
"mu" => "%",
|
| 1053 |
-
"proCall" => false,
|
| 1054 |
-
"excludeFrom" => array(),
|
| 1055 |
-
) );
|
| 1056 |
-
$this->addField( "Advanced", "imageSizeFactorPhonePortrait", array(
|
| 1057 |
-
"name" => esc_html__( "Image size factor Phone Portrait", "final-tiles-grid-gallery-lite" ),
|
| 1058 |
-
"type" => "slider",
|
| 1059 |
-
"description" => esc_html__( "Image size factor to apply when the viewport is 320px, typically for smartphones with portrait orientation", "final-tiles-grid-gallery-lite" ),
|
| 1060 |
-
"default" => 50,
|
| 1061 |
-
"min" => 1,
|
| 1062 |
-
"max" => 100,
|
| 1063 |
-
"mu" => "%",
|
| 1064 |
-
"proCall" => false,
|
| 1065 |
-
"excludeFrom" => array(),
|
| 1066 |
-
) );
|
| 1067 |
-
$this->addField( "Advanced", "imageSizeFactorCustom", array(
|
| 1068 |
-
"name" => esc_html__( "Custom image size factor", "final-tiles-grid-gallery-lite" ),
|
| 1069 |
-
"hiddenFor" => array( "dashboard", "shortcode" ),
|
| 1070 |
-
"type" => FinalTiles_Gallery::getFieldType( "custom_isf" ),
|
| 1071 |
-
"description" => __( "Use this field if you need further resolutions. Make custom layout for any device and resolution.", "final-tiles-grid-gallery-lite" ),
|
| 1072 |
-
"proCall" => true,
|
| 1073 |
-
"excludeFrom" => array( "dashboard", "shortcode" ),
|
| 1074 |
-
) );
|
| 1075 |
-
$this->addField( "Advanced", "compressHTML", array(
|
| 1076 |
-
"name" => esc_html__( "Compress HTML", "final-tiles-grid-gallery-lite" ),
|
| 1077 |
-
"type" => "toggle",
|
| 1078 |
-
"description" => esc_html__( "Enable or disable HTML compression, some themes prefer uncompressed, switch it off in case of problems.", "final-tiles-grid-gallery-lite" ),
|
| 1079 |
-
"default" => "T",
|
| 1080 |
-
"proCall" => false,
|
| 1081 |
-
"excludeFrom" => array(),
|
| 1082 |
-
) );
|
| 1083 |
-
$this->addField( "Advanced", "minTileWidth", array(
|
| 1084 |
-
"name" => esc_html__( "Tile minimum width", "final-tiles-grid-gallery-lite" ),
|
| 1085 |
-
"type" => "number",
|
| 1086 |
-
"description" => wp_kses( __( "Minimum width of each tile, <strong>multiply this value for the image size factor to get the real size</strong>.", "final-tiles-grid-gallery-lite" ), array() ),
|
| 1087 |
-
"mu" => "px",
|
| 1088 |
-
"min" => 50,
|
| 1089 |
-
"max" => 500,
|
| 1090 |
-
"default" => 200,
|
| 1091 |
-
"proCall" => false,
|
| 1092 |
-
"excludeFrom" => array(),
|
| 1093 |
-
) );
|
| 1094 |
-
$this->addField( "Advanced", "enlargeImages", array(
|
| 1095 |
-
"name" => esc_html__( "Allow image enlargement", "final-tiles-grid-gallery-lite" ),
|
| 1096 |
-
"type" => "toggle",
|
| 1097 |
-
"description" => wp_kses( __( "Images can be occasionally enlarged to avoid gaps. If you notice a quality loss try to reduce the <strong>Image size factor</strong> parameter.", "final-tiles-grid-gallery-lite" ), array() ),
|
| 1098 |
-
"default" => "T",
|
| 1099 |
-
"proCall" => false,
|
| 1100 |
-
"excludeFrom" => array(),
|
| 1101 |
-
) );
|
| 1102 |
-
if ( ftg_fs()->is_plan_or_trial( 'ultimate' ) ) {
|
| 1103 |
-
$this->addField( "Advanced", "allFilterLabel", array(
|
| 1104 |
-
"name" => esc_html__( "Text for 'All' filter", "final-tiles-grid-gallery-lite" ),
|
| 1105 |
-
"type" => "text",
|
| 1106 |
-
"description" => esc_html__( "Write here the label for the 'All' filter", "final-tiles-grid-gallery-lite" ),
|
| 1107 |
-
"proCall" => false,
|
| 1108 |
-
"excludeFrom" => array(),
|
| 1109 |
-
) );
|
| 1110 |
}
|
| 1 |
+
<?php
|
| 2 |
+
|
| 3 |
+
$this->fields = array(
|
| 4 |
+
"General" => array(
|
| 5 |
+
"icon" => "fa fa-cog",
|
| 6 |
+
"fields" => array(),
|
| 7 |
+
),
|
| 8 |
+
"Links & Lightbox" => array(
|
| 9 |
+
"icon" => "fa fa-link",
|
| 10 |
+
"fields" => array(),
|
| 11 |
+
),
|
| 12 |
+
"Captions" => array(
|
| 13 |
+
"icon" => "fa fa-font",
|
| 14 |
+
"fields" => array(),
|
| 15 |
+
),
|
| 16 |
+
"Hover effects" => array(
|
| 17 |
+
"icon" => "fa fa-diamond",
|
| 18 |
+
"idx" => 3,
|
| 19 |
+
"presets" => array(
|
| 20 |
+
"Slow zoom in" => array(
|
| 21 |
+
"hoverDuration" => 60000,
|
| 22 |
+
"hoverZoom" => 400,
|
| 23 |
+
"hoverRotation" => 0,
|
| 24 |
+
),
|
| 25 |
+
"Zoom in" => array(
|
| 26 |
+
"hoverDuration" => 250,
|
| 27 |
+
"hoverZoom" => 200,
|
| 28 |
+
"hoverRotation" => 0,
|
| 29 |
+
),
|
| 30 |
+
"Swirl in" => array(
|
| 31 |
+
"hoverZoom" => 200,
|
| 32 |
+
"hoverRotation" => 20,
|
| 33 |
+
),
|
| 34 |
+
"Swirl in super" => array(
|
| 35 |
+
"hoverZoom" => 200,
|
| 36 |
+
"hoverRotation" => 360,
|
| 37 |
+
),
|
| 38 |
+
"Zoom out" => array(
|
| 39 |
+
"hoverZoom" => 50,
|
| 40 |
+
"hoverRotation" => 0,
|
| 41 |
+
),
|
| 42 |
+
"Swirl out" => array(
|
| 43 |
+
"hoverZoom" => 50,
|
| 44 |
+
"hoverRotation" => -20,
|
| 45 |
+
),
|
| 46 |
+
"Swirl out super" => array(
|
| 47 |
+
"hoverZoom" => 50,
|
| 48 |
+
"hoverRotation" => -360,
|
| 49 |
+
),
|
| 50 |
+
),
|
| 51 |
+
"fields" => array(),
|
| 52 |
+
),
|
| 53 |
+
"Image loaded effects" => array(
|
| 54 |
+
"icon" => "fa fa-star",
|
| 55 |
+
"idx" => 4,
|
| 56 |
+
"presets" => array(
|
| 57 |
+
"Wobble" => array(
|
| 58 |
+
"loadedDuration" => 600,
|
| 59 |
+
"loadedEasing" => "elastic-out",
|
| 60 |
+
"loadedScaleY" => 50,
|
| 61 |
+
"loadedScaleX" => 50,
|
| 62 |
+
"loadedRotateY" => 0,
|
| 63 |
+
"loadedRotateX" => 0,
|
| 64 |
+
"loadedVSlide" => 0,
|
| 65 |
+
"loadedHSlide" => 0,
|
| 66 |
+
),
|
| 67 |
+
"Windows" => array(
|
| 68 |
+
"loadedDuration" => 600,
|
| 69 |
+
"loadedEasing" => "elastic-out",
|
| 70 |
+
"loadedRotateY" => -120,
|
| 71 |
+
"loadedScaleY" => 100,
|
| 72 |
+
"loadedScaleX" => 100,
|
| 73 |
+
"loadedRotateX" => 0,
|
| 74 |
+
"loadedVSlide" => 0,
|
| 75 |
+
"loadedHSlide" => 0,
|
| 76 |
+
),
|
| 77 |
+
"Cards" => array(
|
| 78 |
+
"loadedDuration" => 600,
|
| 79 |
+
"loadedEasing" => "ease-in-out",
|
| 80 |
+
"loadedRotateX" => -120,
|
| 81 |
+
"loadedRotateY" => -120,
|
| 82 |
+
"loadedScaleY" => 100,
|
| 83 |
+
"loadedScaleX" => 0,
|
| 84 |
+
"loadedVSlide" => 0,
|
| 85 |
+
"loadedHSlide" => 0,
|
| 86 |
+
),
|
| 87 |
+
"Slide from bottom" => array(
|
| 88 |
+
"loadedDuration" => 250,
|
| 89 |
+
"loadedEasing" => "ease-out",
|
| 90 |
+
"loadedRotateX" => 0,
|
| 91 |
+
"loadedRotateY" => 0,
|
| 92 |
+
"loadedScaleY" => 100,
|
| 93 |
+
"loadedScaleX" => 100,
|
| 94 |
+
"loadedVSlide" => 100,
|
| 95 |
+
"loadedHSlide" => 0,
|
| 96 |
+
),
|
| 97 |
+
"Slide from left" => array(
|
| 98 |
+
"loadedDuration" => 250,
|
| 99 |
+
"loadedEasing" => "ease-out",
|
| 100 |
+
"loadedRotateX" => 0,
|
| 101 |
+
"loadedRotateY" => 0,
|
| 102 |
+
"loadedScaleY" => 100,
|
| 103 |
+
"loadedScaleX" => 100,
|
| 104 |
+
"loadedVSlide" => 0,
|
| 105 |
+
"loadedHSlide" => -100,
|
| 106 |
+
),
|
| 107 |
+
"Elastic skew" => array(
|
| 108 |
+
"loadedDuration" => 800,
|
| 109 |
+
"loadedEasing" => "elastic-out",
|
| 110 |
+
"loadedRotateX" => 0,
|
| 111 |
+
"loadedRotateY" => -180,
|
| 112 |
+
"loadedScaleY" => 200,
|
| 113 |
+
"loadedScaleX" => 100,
|
| 114 |
+
"loadedVSlide" => 300,
|
| 115 |
+
"loadedHSlide" => 0,
|
| 116 |
+
),
|
| 117 |
+
"Flying doors" => array(
|
| 118 |
+
"loadedDuration" => 800,
|
| 119 |
+
"loadedEasing" => "ease-out-back",
|
| 120 |
+
"loadedRotateX" => -180,
|
| 121 |
+
"loadedRotateY" => 0,
|
| 122 |
+
"loadedScaleY" => 100,
|
| 123 |
+
"loadedScaleX" => 300,
|
| 124 |
+
"loadedVSlide" => -500,
|
| 125 |
+
"loadedHSlide" => -800,
|
| 126 |
+
),
|
| 127 |
+
"Pop" => array(
|
| 128 |
+
"loadedDuration" => 300,
|
| 129 |
+
"loadedEasing" => "ease-in-out",
|
| 130 |
+
"loadedRotateX" => 0,
|
| 131 |
+
"loadedRotateY" => 0,
|
| 132 |
+
"loadedScaleY" => 1,
|
| 133 |
+
"loadedScaleX" => 1,
|
| 134 |
+
"loadedVSlide" => 0,
|
| 135 |
+
"loadedHSlide" => 0,
|
| 136 |
+
),
|
| 137 |
+
),
|
| 138 |
+
"fields" => array(),
|
| 139 |
+
),
|
| 140 |
+
"Style" => array(
|
| 141 |
+
"icon" => "fa fa-paint-brush",
|
| 142 |
+
"fields" => array(),
|
| 143 |
+
),
|
| 144 |
+
"Customizations" => array(
|
| 145 |
+
"icon" => "fa fa-puzzle-piece",
|
| 146 |
+
"fields" => array(),
|
| 147 |
+
),
|
| 148 |
+
"Advanced" => array(
|
| 149 |
+
"icon" => "fa fa-rocket",
|
| 150 |
+
"fields" => array(),
|
| 151 |
+
),
|
| 152 |
+
);
|
| 153 |
+
$this->addField( "Advanced", "loadMethod", array(
|
| 154 |
+
"name" => esc_html__( "Loading method", 'final-tiles-grid-gallery-lite' ),
|
| 155 |
+
"hiddenFor" => array( "dashboard", "shortcode" ),
|
| 156 |
+
"type" => "select",
|
| 157 |
+
"values" => array(
|
| 158 |
+
"Loading method" => array( "sequential|Sequential", "lazy|Lazy (load images on scroll)" ),
|
| 159 |
+
),
|
| 160 |
+
"description" => "",
|
| 161 |
+
"proCall" => false,
|
| 162 |
+
"excludeFrom" => array( "dashboard", "shortcode" ),
|
| 163 |
+
) );
|
| 164 |
+
$this->addField( "Advanced", "ajaxLoading", array(
|
| 165 |
+
"name" => esc_html__( "Asynchronous loading", 'final-tiles-grid-gallery-lite' ),
|
| 166 |
+
"hiddenFor" => array( "dashboard", "shortcode" ),
|
| 167 |
+
"type" => "select",
|
| 168 |
+
"values" => array(
|
| 169 |
+
"Loading method" => array( "F|Complete markup on page", "lazy|Enable ajax loading" ),
|
| 170 |
+
),
|
| 171 |
+
"description" => esc_html__( "Don't enable ajax loading if you need to index your images on search engines", "final-tiles-grid-gallery-lite" ),
|
| 172 |
+
"proCall" => false,
|
| 173 |
+
"excludeFrom" => array( "dashboard", "shortcode" ),
|
| 174 |
+
) );
|
| 175 |
+
$this->addField( "Advanced", "tilesPerPage", array(
|
| 176 |
+
"name" => esc_html__( "Number of images to load via ajax", 'final-tiles-grid-gallery-lite' ),
|
| 177 |
+
"hiddenFor" => array( "dashboard", "shortcode" ),
|
| 178 |
+
"type" => "number",
|
| 179 |
+
"proCall" => false,
|
| 180 |
+
"excludeFrom" => array( "dashboard", "shortcode" ),
|
| 181 |
+
) );
|
| 182 |
+
$this->addField( "General", "name", array(
|
| 183 |
+
"name" => esc_html__( "Name", 'final-tiles-grid-gallery-lite' ),
|
| 184 |
+
"hiddenFor" => array( "dashboard", "shortcode" ),
|
| 185 |
+
"type" => "text",
|
| 186 |
+
"description" => esc_html__( "Name of the gallery, for internal use.", "final-tiles-grid-gallery-lite" ),
|
| 187 |
+
"proCall" => false,
|
| 188 |
+
"excludeFrom" => array( "dashboard", "shortcode" ),
|
| 189 |
+
) );
|
| 190 |
+
$this->addField( "General", "description", array(
|
| 191 |
+
"name" => esc_html__( "Description", 'final-tiles-grid-gallery-lite' ),
|
| 192 |
+
"hiddenFor" => array( "dashboard", "shortcode" ),
|
| 193 |
+
"type" => "text",
|
| 194 |
+
"description" => esc_html__( "Description of the gallery, for internal use.", "final-tiles-grid-gallery-lite" ),
|
| 195 |
+
"proCall" => false,
|
| 196 |
+
"excludeFrom" => array( "dashboard", "shortcode" ),
|
| 197 |
+
) );
|
| 198 |
+
$this->addField( "General", "layout", array(
|
| 199 |
+
"name" => esc_html__( "Layout", 'final-tiles-grid-gallery-lite' ),
|
| 200 |
+
"type" => "select",
|
| 201 |
+
"description" => wp_kses( __( "<strong>Final Tiles</strong>: use images with different sizes<br><strong>Masonry</strong>: multi-column layout, use this one if you need images of the same size.", "final-tiles-grid-gallery-lite" ), array() ),
|
| 202 |
+
"values" => array(
|
| 203 |
+
"Layout" => array( "final|Final Tiles", "columns|Masonry" ),
|
| 204 |
+
),
|
| 205 |
+
"proCall" => false,
|
| 206 |
+
"excludeFrom" => array(),
|
| 207 |
+
) );
|
| 208 |
+
$this->addField( "General", "width", array(
|
| 209 |
+
"name" => esc_html__( "Width", "final-tiles-grid-gallery-lite" ),
|
| 210 |
+
"type" => "text",
|
| 211 |
+
"description" => esc_html__( "Width of the gallery in pixels or percentage.", "final-tiles-grid-gallery-lite" ),
|
| 212 |
+
"proCall" => false,
|
| 213 |
+
"excludeFrom" => array(),
|
| 214 |
+
) );
|
| 215 |
+
$this->addField( "General", "margin", array(
|
| 216 |
+
"name" => esc_html__( "Margin", "final-tiles-grid-gallery-lite" ),
|
| 217 |
+
"type" => "number",
|
| 218 |
+
"description" => esc_html__( "Margin between images", "final-tiles-grid-gallery-lite" ),
|
| 219 |
+
"mu" => "px",
|
| 220 |
+
"min" => 0,
|
| 221 |
+
"max" => 50,
|
| 222 |
+
"proCall" => false,
|
| 223 |
+
"excludeFrom" => array(),
|
| 224 |
+
) );
|
| 225 |
+
$this->addField( "General", "columns", array(
|
| 226 |
+
"name" => esc_html__( "Number of columns", "final-tiles-grid-gallery-lite" ),
|
| 227 |
+
"type" => "number",
|
| 228 |
+
"description" => "",
|
| 229 |
+
"mu" => "",
|
| 230 |
+
"min" => 1,
|
| 231 |
+
"max" => 50,
|
| 232 |
+
"proCall" => false,
|
| 233 |
+
"excludeFrom" => array(),
|
| 234 |
+
) );
|
| 235 |
+
$this->addField( "General", "imagesOrder", array(
|
| 236 |
+
"name" => esc_html__( "Images order", "final-tiles-grid-gallery-lite" ),
|
| 237 |
+
"type" => "select",
|
| 238 |
+
"description" => esc_html__( "Choose the order of the images", "final-tiles-grid-gallery-lite" ),
|
| 239 |
+
"default" => "",
|
| 240 |
+
"values" => array(
|
| 241 |
+
"Images order" => array( "user|User", "reverse|Reverse", "random|Random" ),
|
| 242 |
+
),
|
| 243 |
+
"proCall" => false,
|
| 244 |
+
"excludeFrom" => array(),
|
| 245 |
+
) );
|
| 246 |
+
$this->addField( "General", "filter", array(
|
| 247 |
+
"name" => esc_html__( "Filters", "final-tiles-grid-gallery-lite" ),
|
| 248 |
+
"type" => FinalTiles_Gallery::getFieldType( "filter" ),
|
| 249 |
+
"description" => esc_html__( "Manage here all the filters of this gallery", "final-tiles-grid-gallery-lite" ),
|
| 250 |
+
"proCall" => true,
|
| 251 |
+
"excludeFrom" => array( "dashboard", "shortcode" ),
|
| 252 |
+
) );
|
| 253 |
+
if ( ftg_fs()->is_plan_or_trial( 'ultimate' ) ) {
|
| 254 |
+
$this->addField( "General", "filterClick", array(
|
| 255 |
+
"name" => esc_html__( "Reload Page on filter click", "final-tiles-grid-gallery-lite" ),
|
| 256 |
+
"type" => "toggle",
|
| 257 |
+
"description" => esc_html__( "Turn this feature ON if you want to use filters with most lightboxes", "final-tiles-grid-gallery-lite" ),
|
| 258 |
+
"proCall" => false,
|
| 259 |
+
"excludeFrom" => array(),
|
| 260 |
+
) );
|
| 261 |
+
}
|
| 262 |
+
$this->addField( "General", "gridCellSize", array(
|
| 263 |
+
"name" => esc_html__( "Size of the grid", "final-tiles-grid-gallery-lite" ),
|
| 264 |
+
"type" => "number",
|
| 265 |
+
"default" => 25,
|
| 266 |
+
"min" => 1,
|
| 267 |
+
"max" => 100,
|
| 268 |
+
"mu" => "px",
|
| 269 |
+
"description" => wp_kses( __( "Tiles are snapped to a virtual grid, <strong>the higher this value the higher the chance to get bottom aligned tiles</strong> (but it needs to crop vertically).", "final-tiles-grid-gallery-lite" ), array() ),
|
| 270 |
+
"proCall" => false,
|
| 271 |
+
"excludeFrom" => array(),
|
| 272 |
+
) );
|
| 273 |
+
$this->addField( "General", "gridCellSizeDisabledBelow", array(
|
| 274 |
+
"name" => esc_html__( "Disable grid size below resolution", "final-tiles-grid-gallery-lite" ),
|
| 275 |
+
"type" => "number",
|
| 276 |
+
"default" => 800,
|
| 277 |
+
"min" => 0,
|
| 278 |
+
"max" => 4000,
|
| 279 |
+
"mu" => "px",
|
| 280 |
+
"description" => esc_html__( "If you have small tiny images under certain resolutions then you can switch off grid size (image cropping) when the screen resolution is below this value.", "final-tiles-grid-gallery-lite" ),
|
| 281 |
+
"proCall" => false,
|
| 282 |
+
"excludeFrom" => array(),
|
| 283 |
+
) );
|
| 284 |
+
/*"scrollEffect" , array(
|
| 285 |
+
"name" => __("Scroll effect"),
|
| 286 |
+
"type" => "select",
|
| 287 |
+
"description" => __("Effect on tiles when scrolling the page", "final-tiles-grid-gallery-lite"),
|
| 288 |
+
"values" => array(
|
| 289 |
+
"Scroll effect" => array(
|
| 290 |
+
"none|None", "slide|Sliding tiles", "zoom|Zoom", "rotate-left|Left rotation", "rotate-right|Right rotation"
|
| 291 |
+
)
|
| 292 |
+
),
|
| 293 |
+
"proCall" => false,
|
| 294 |
+
"excludeFrom" => array()
|
| 295 |
+
));*/
|
| 296 |
+
$this->addField( "Links & Lightbox", "lightbox", array(
|
| 297 |
+
"name" => "Links & Lightbox",
|
| 298 |
+
"type" => "select",
|
| 299 |
+
"description" => esc_html__( "Define here what happens when user click on the images. Lightboxes with video support: EverlightBox, LightGallery, Magnific popup, Colorbox (require embed URL)); PrettyPhoto, FancyBox (require embed URL)", "final-tiles-grid-gallery-lite" ),
|
| 300 |
+
"values" => array(
|
| 301 |
+
"Link" => array( "none|No lightbox", "direct|Direct link to image (useful for external lightboxes)|disabled", "post|Post or WooCommerce product|disabled" ),
|
| 302 |
+
"Lightboxes" => array(
|
| 303 |
+
"lightbox2|Lightbox",
|
| 304 |
+
"everlightbox|EverlightBox + social sharing and comments",
|
| 305 |
+
"lightgallery|LightGallery|disabled",
|
| 306 |
+
"magnific|Magnific popup|disabled",
|
| 307 |
+
"colorbox|ColorBox|disabled",
|
| 308 |
+
"prettyphoto|PrettyPhoto|disabled",
|
| 309 |
+
"fancybox|FancyBox|disabled",
|
| 310 |
+
"swipebox|SwipeBox|disabled"
|
| 311 |
+
),
|
| 312 |
+
),
|
| 313 |
+
"proCall" => true,
|
| 314 |
+
"excludeFrom" => array(),
|
| 315 |
+
) );
|
| 316 |
+
$this->addField( "Links & Lightbox", "mobileLightbox", array(
|
| 317 |
+
"name" => "Links & Lightbox (mobile)",
|
| 318 |
+
"type" => "select",
|
| 319 |
+
"description" => esc_html__( "Define here what happens when user click on the images. Lightboxes with video support: EverlightBox, LightGallery, Magnific popup, Colorbox (require embed URL)); PrettyPhoto, FancyBox (require embed URL)", "final-tiles-grid-gallery-lite" ),
|
| 320 |
+
"values" => array(
|
| 321 |
+
"Link" => array( "none|No lightbox", "direct|Direct link to image (useful for external lightboxes)", "post|Post or WooCommerce product|disabled" ),
|
| 322 |
+
"Lightboxes" => array(
|
| 323 |
+
"lightbox2|Lightbox",
|
| 324 |
+
"everlightbox|EverlightBox + social sharing and comments",
|
| 325 |
+
"lightgallery|LightGallery|disabled",
|
| 326 |
+
"magnific|Magnific popup|disabled",
|
| 327 |
+
"colorbox|ColorBox|disabled",
|
| 328 |
+
"prettyphoto|PrettyPhoto|disabled",
|
| 329 |
+
"fancybox|FancyBox|disabled",
|
| 330 |
+
"swipebox|SwipeBox|disabled"
|
| 331 |
+
),
|
| 332 |
+
),
|
| 333 |
+
"proCall" => true,
|
| 334 |
+
"excludeFrom" => array(),
|
| 335 |
+
) );
|
| 336 |
+
$this->addField( "Links & Lightbox", "lightboxImageSize", array(
|
| 337 |
+
"name" => esc_html__( "Image size for the lightbox", "final-tiles-grid-gallery-lite" ),
|
| 338 |
+
"type" => "select",
|
| 339 |
+
"description" => "",
|
| 340 |
+
"values" => array(
|
| 341 |
+
"Size" => array(),
|
| 342 |
+
),
|
| 343 |
+
"proCall" => false,
|
| 344 |
+
"excludeFrom" => array(),
|
| 345 |
+
) );
|
| 346 |
+
$this->addField( "Links & Lightbox", "disableLightboxGroups", array(
|
| 347 |
+
"name" => esc_html__( "Disable lightbox grouping", "final-tiles-grid-gallery-lite" ),
|
| 348 |
+
"type" => "toggle",
|
| 349 |
+
"description" => esc_html__( "Flag this option if you don't want to group images when opened in a lightbox.", "final-tiles-grid-gallery-lite" ),
|
| 350 |
+
"default" => "F",
|
| 351 |
+
"proCall" => false,
|
| 352 |
+
"excludeFrom" => array(),
|
| 353 |
+
) );
|
| 354 |
+
$this->addField( "Links & Lightbox", "blank", array(
|
| 355 |
+
"name" => esc_html__( "Links target", "final-tiles-grid-gallery-lite" ),
|
| 356 |
+
"type" => "toggle",
|
| 357 |
+
"description" => esc_html__( "Open links in a blank page.", "final-tiles-grid-gallery-lite" ),
|
| 358 |
+
"proCall" => false,
|
| 359 |
+
"excludeFrom" => array(),
|
| 360 |
+
) );
|
| 361 |
+
$this->addField( "Links & Lightbox", "enableTwitter", array(
|
| 362 |
+
"name" => esc_html__( "Enable Twitter icon", "final-tiles-grid-gallery-lite" ),
|
| 363 |
+
"type" => "toggle",
|
| 364 |
+
"description" => esc_html__( "Enable Twitter sharing.", "final-tiles-grid-gallery-lite" ),
|
| 365 |
+
"default" => "F",
|
| 366 |
+
"proCall" => false,
|
| 367 |
+
"excludeFrom" => array(),
|
| 368 |
+
) );
|
| 369 |
+
$this->addField( "Links & Lightbox", "enableFacebook", array(
|
| 370 |
+
"name" => esc_html__( "Enable Facebook icon", "final-tiles-grid-gallery-lite" ),
|
| 371 |
+
"type" => "toggle",
|
| 372 |
+
"description" => esc_html__( "Enable Facebook sharing. Note: after the last version of OpenGraph API it's not possible to share a specific image anymore.", "final-tiles-grid-gallery-lite" ),
|
| 373 |
+
"default" => "F",
|
| 374 |
+
"proCall" => false,
|
| 375 |
+
"excludeFrom" => array(),
|
| 376 |
+
) );
|
| 377 |
+
$this->addField( "Links & Lightbox", "enablePinterest", array(
|
| 378 |
+
"name" => esc_html__( "Enable Pinterest icon", "final-tiles-grid-gallery-lite" ),
|
| 379 |
+
"type" => "toggle",
|
| 380 |
+
"description" => esc_html__( "Enable Pinterest sharing", "final-tiles-grid-gallery-lite" ),
|
| 381 |
+
"default" => "F",
|
| 382 |
+
"proCall" => false,
|
| 383 |
+
"excludeFrom" => array(),
|
| 384 |
+
) );
|
| 385 |
+
$this->addField( "Links & Lightbox", "socialIconColor", array(
|
| 386 |
+
"name" => esc_html__( "Color of social sharing icons", "final-tiles-grid-gallery-lite" ),
|
| 387 |
+
"type" => "color",
|
| 388 |
+
"description" => esc_html__( "Set the color of the social sharing icons", "final-tiles-grid-gallery-lite" ),
|
| 389 |
+
"default" => "#ffffff",
|
| 390 |
+
"proCall" => false,
|
| 391 |
+
"excludeFrom" => array(),
|
| 392 |
+
) );
|
| 393 |
+
$this->addField( "Links & Lightbox", "socialIconStyle", array(
|
| 394 |
+
"name" => esc_html__( "Style of the social icons panel", "final-tiles-grid-gallery-lite" ),
|
| 395 |
+
"type" => "select",
|
| 396 |
+
"description" => esc_html__( "Set the color of the social sharing icons", "final-tiles-grid-gallery-lite" ),
|
| 397 |
+
"default" => "none",
|
| 398 |
+
"values" => array(
|
| 399 |
+
"Style" => array( "none|None", "circle|Circles", "bar|Bar" ),
|
| 400 |
+
),
|
| 401 |
+
"proCall" => false,
|
| 402 |
+
"excludeFrom" => array(),
|
| 403 |
+
) );
|
| 404 |
+
$this->addField( "Links & Lightbox", "socialIconPosition", array(
|
| 405 |
+
"name" => esc_html__( "Position of the social icons panel", "final-tiles-grid-gallery-lite" ),
|
| 406 |
+
"type" => "select",
|
| 407 |
+
"description" => esc_html__( "Set the position of the social sharing icons", "final-tiles-grid-gallery-lite" ),
|
| 408 |
+
"default" => "bottom",
|
| 409 |
+
"values" => array(
|
| 410 |
+
"Position" => array( "bottom|Bottom", "right|Right" ),
|
| 411 |
+
),
|
| 412 |
+
"proCall" => false,
|
| 413 |
+
"excludeFrom" => array(),
|
| 414 |
+
) );
|
| 415 |
+
$this->addField( "Captions", "captionBehavior", array(
|
| 416 |
+
"name" => esc_html__( "Caption behavior", "final-tiles-grid-gallery-lite" ),
|
| 417 |
+
"type" => "select",
|
| 418 |
+
"description" => esc_html__( "Effect used to show the captions.", "final-tiles-grid-gallery-lite" ),
|
| 419 |
+
"values" => array(
|
| 420 |
+
"Effect" => array(
|
| 421 |
+
"none|Fade in",
|
| 422 |
+
"fixed|Fixed|disabled",
|
| 423 |
+
"fixed-bg|Fixed with background|disabled",
|
| 424 |
+
"fixed-then-hidden|Fixed, hidden on mouse hover|disabled",
|
| 425 |
+
"fixed-bottom|Fixed at bottom|disabled",
|
| 426 |
+
"slide-from-top|Slide from top|disabled",
|
| 427 |
+
"slide-from-bottom|Slide from bottom|disabled",
|
| 428 |
+
"flip-h|Flip horizontally|disabled"
|
| 429 |
+
),
|
| 430 |
+
),
|
| 431 |
+
"proCall" => true,
|
| 432 |
+
"excludeFrom" => array(),
|
| 433 |
+
) );
|
| 434 |
+
$this->addField( "Captions", "captionMobileBehavior", array(
|
| 435 |
+
"name" => esc_html__( "Caption mobile behavior", "final-tiles-grid-gallery-lite" ),
|
| 436 |
+
"type" => "select",
|
| 437 |
+
"description" => esc_html__( "Caption behavior for mobile devices.", "final-tiles-grid-gallery-lite" ),
|
| 438 |
+
"values" => array(
|
| 439 |
+
"Behavior" => array(
|
| 440 |
+
"desktop|Same as desktop",
|
| 441 |
+
"none|Never show captions|disabled",
|
| 442 |
+
"fixed-bg|Fixed with background|disabled",
|
| 443 |
+
"fixed-bottom|Fixed at bottom|disabled",
|
| 444 |
+
"fixed-then-hidden|Visible, hidden on touch|disabled"
|
| 445 |
+
),
|
| 446 |
+
),
|
| 447 |
+
"proCall" => false,
|
| 448 |
+
"excludeFrom" => array(),
|
| 449 |
+
) );
|
| 450 |
+
$this->addField( "Captions", "captionPosition", array(
|
| 451 |
+
"name" => esc_html__( "Position", "final-tiles-grid-gallery-lite" ),
|
| 452 |
+
"type" => "select",
|
| 453 |
+
"description" => esc_html__( "Choose the position of the caption.", "final-tiles-grid-gallery-lite" ),
|
| 454 |
+
"values" => array(
|
| 455 |
+
"Behavior" => array( "inside|Inside", "outside|Outside (EXPERIMENTAL)" ),
|
| 456 |
+
),
|
| 457 |
+
"proCall" => false,
|
| 458 |
+
"excludeFrom" => array(),
|
| 459 |
+
) );
|
| 460 |
+
/*"captionFullHeight" , array(
|
| 461 |
+
"name" => __("Caption full height"),
|
| 462 |
+
"type" => "toggle",
|
| 463 |
+
"description" => __("Enable this option for full height captions. <strong>This is required if you want to use caption icons and caption effects other than <i>fade</i>.</strong>", "final-tiles-grid-gallery-lite"),
|
| 464 |
+
"default" => "T",
|
| 465 |
+
"proCall" => false,
|
| 466 |
+
"excludeFrom" => array()
|
| 467 |
+
));*/
|
| 468 |
+
$this->addField( "Captions", "captionEmpty", array(
|
| 469 |
+
"name" => esc_html__( "Empty captions", "final-tiles-grid-gallery-lite" ),
|
| 470 |
+
"type" => "select",
|
| 471 |
+
"description" => esc_html__( "Choose if empty caption has to be shown.", "final-tiles-grid-gallery-lite" ),
|
| 472 |
+
"values" => array(
|
| 473 |
+
"Empty captions" => array( "hide|Don't show empty captions", "show|Show empty captions|disabled" ),
|
| 474 |
+
),
|
| 475 |
+
"proCall" => false,
|
| 476 |
+
"excludeFrom" => array(),
|
| 477 |
+
) );
|
| 478 |
+
$this->addField( "Captions", "captionIcon", array(
|
| 479 |
+
"name" => esc_html__( "Caption icon", "final-tiles-grid-gallery-lite" ),
|
| 480 |
+
"type" => "select",
|
| 481 |
+
"description" => esc_html__( "Choose the icon for the captions.", "final-tiles-grid-gallery-lite" ),
|
| 482 |
+
"values" => array(
|
| 483 |
+
"Icon" => array(
|
| 484 |
+
"|None",
|
| 485 |
+
"search|Lens",
|
| 486 |
+
"search-plus|Lens (plus)",
|
| 487 |
+
"link|Link",
|
| 488 |
+
"heart|Heart",
|
| 489 |
+
"heart-o|Heart empty",
|
| 490 |
+
"camera|Camera",
|
| 491 |
+
"camera-retro|Camera retro",
|
| 492 |
+
"picture-o|Picture",
|
| 493 |
+
"star|Star",
|
| 494 |
+
"star-o|Star empty",
|
| 495 |
+
"sun-o|Sun",
|
| 496 |
+
"arrows-alt|Arrows",
|
| 497 |
+
"hand-o-right|Hand"
|
| 498 |
+
),
|
| 499 |
+
),
|
| 500 |
+
"proCall" => false,
|
| 501 |
+
"excludeFrom" => array(),
|
| 502 |
+
) );
|
| 503 |
+
$this->addField( "Captions", "customCaptionIcon", array(
|
| 504 |
+
"name" => esc_html__( "Custom caption icon", "final-tiles-grid-gallery-lite" ),
|
| 505 |
+
"type" => FinalTiles_Gallery::getFieldType( "customCaptionIcon" ),
|
| 506 |
+
"description" => wp_kses( __( "Use this field to insert the class of a FontAwesome icon (i.e.: fa-heart). <a href='https://fontawesome.com/v4.7.0/icons/' target='blank'>See all available icons</a>. <strong>This value override the <i>Caption icon</i> value</strong>.", "final-tiles-grid-gallery-lite" ), array() ),
|
| 507 |
+
"proCall" => false,
|
| 508 |
+
"excludeFrom" => array(),
|
| 509 |
+
) );
|
| 510 |
+
$this->addField( "Captions", "captionIconColor", array(
|
| 511 |
+
"name" => esc_html__( "Caption icon color", "final-tiles-grid-gallery-lite" ),
|
| 512 |
+
"type" => "color",
|
| 513 |
+
"description" => esc_html__( "Color of the icon in captions.", "final-tiles-grid-gallery-lite" ),
|
| 514 |
+
"default" => "#ffffff",
|
| 515 |
+
"proCall" => false,
|
| 516 |
+
"excludeFrom" => array(),
|
| 517 |
+
) );
|
| 518 |
+
$this->addField( "Captions", "captionIconSize", array(
|
| 519 |
+
"name" => esc_html__( "Caption icon size", "final-tiles-grid-gallery-lite" ),
|
| 520 |
+
"type" => "number",
|
| 521 |
+
"description" => esc_html__( "Size of the icon in captions.", "final-tiles-grid-gallery-lite" ),
|
| 522 |
+
"default" => 12,
|
| 523 |
+
"min" => 10,
|
| 524 |
+
"max" => 96,
|
| 525 |
+
"mu" => "px",
|
| 526 |
+
"proCall" => false,
|
| 527 |
+
"excludeFrom" => array(),
|
| 528 |
+
) );
|
| 529 |
+
$this->addField( "Captions", "captionFontSize", array(
|
| 530 |
+
"name" => esc_html__( "Caption font size", "final-tiles-grid-gallery-lite" ),
|
| 531 |
+
"type" => "number",
|
| 532 |
+
"description" => esc_html__( "Size of the font in captions.", "final-tiles-grid-gallery-lite" ),
|
| 533 |
+
"default" => 12,
|
| 534 |
+
"min" => 10,
|
| 535 |
+
"max" => 96,
|
| 536 |
+
"mu" => "px",
|
| 537 |
+
"proCall" => false,
|
| 538 |
+
"excludeFrom" => array(),
|
| 539 |
+
) );
|
| 540 |
+
$this->addField( "Captions", "captionEasing", array(
|
| 541 |
+
"name" => esc_html__( "Caption effect easing", "final-tiles-grid-gallery-lite" ),
|
| 542 |
+
"type" => "select",
|
| 543 |
+
"description" => esc_html__( "Easing function for the caption animation, works better with sliding animations.", "final-tiles-grid-gallery-lite" ),
|
| 544 |
+
"values" => array(
|
| 545 |
+
"Easing" => array(
|
| 546 |
+
"ease|Ease",
|
| 547 |
+
"linear|Linear|disabled",
|
| 548 |
+
"ease-in|Ease in|disabled",
|
| 549 |
+
"ease-out|Ease out|disabled",
|
| 550 |
+
"ease-in-out|Ease in and out|disabled"
|
| 551 |
+
),
|
| 552 |
+
),
|
| 553 |
+
"proCall" => false,
|
| 554 |
+
"excludeFrom" => array(),
|
| 555 |
+
) );
|
| 556 |
+
$this->addField( "Captions", "captionFrame", array(
|
| 557 |
+
"name" => esc_html__( "Caption frame", "final-tiles-grid-gallery-lite" ),
|
| 558 |
+
"type" => "toggle",
|
| 559 |
+
"description" => esc_html__( "Add a frame around the caption", "final-tiles-grid-gallery-lite" ),
|
| 560 |
+
"default" => "F",
|
| 561 |
+
"proCall" => false,
|
| 562 |
+
"excludeFrom" => array(),
|
| 563 |
+
) );
|
| 564 |
+
$this->addField( "Captions", "captionFrameColor", array(
|
| 565 |
+
"name" => esc_html__( "Caption frame color", "final-tiles-grid-gallery-lite" ),
|
| 566 |
+
"type" => "color",
|
| 567 |
+
"description" => esc_html__( "Color of the frame around the caption", "final-tiles-grid-gallery-lite" ),
|
| 568 |
+
"default" => "#ffffff",
|
| 569 |
+
"proCall" => false,
|
| 570 |
+
"excludeFrom" => array(),
|
| 571 |
+
) );
|
| 572 |
+
$this->addField( "Captions", "captionColor", array(
|
| 573 |
+
"name" => esc_html__( "Caption color", "final-tiles-grid-gallery-lite" ),
|
| 574 |
+
"type" => "color",
|
| 575 |
+
"description" => esc_html__( "Text color of the captions.", "final-tiles-grid-gallery-lite" ),
|
| 576 |
+
"default" => "#ffffff",
|
| 577 |
+
"proCall" => false,
|
| 578 |
+
"excludeFrom" => array(),
|
| 579 |
+
) );
|
| 580 |
+
$this->addField( "Captions", "captionEffectDuration", array(
|
| 581 |
+
"name" => esc_html__( "Caption effect duration", "final-tiles-grid-gallery-lite" ),
|
| 582 |
+
"type" => "text",
|
| 583 |
+
"description" => esc_html__( "Duration of the caption animation.", "final-tiles-grid-gallery-lite" ),
|
| 584 |
+
"default" => 250,
|
| 585 |
+
"mu" => "ms",
|
| 586 |
+
"min" => 0,
|
| 587 |
+
"max" => 1000,
|
| 588 |
+
"proCall" => false,
|
| 589 |
+
"excludeFrom" => array(),
|
| 590 |
+
) );
|
| 591 |
+
$this->addField( "Captions", "captionBackgroundColor", array(
|
| 592 |
+
"name" => esc_html__( "Caption background color", "final-tiles-grid-gallery-lite" ),
|
| 593 |
+
"type" => "color",
|
| 594 |
+
"description" => esc_html__( "Caption background color", "final-tiles-grid-gallery-lite" ),
|
| 595 |
+
"default" => "#000000",
|
| 596 |
+
"proCall" => false,
|
| 597 |
+
"excludeFrom" => array(),
|
| 598 |
+
) );
|
| 599 |
+
$this->addField( "Captions", "captionOpacity", array(
|
| 600 |
+
"name" => esc_html__( "Caption opacity", "final-tiles-grid-gallery-lite" ),
|
| 601 |
+
"type" => "text",
|
| 602 |
+
"description" => esc_html__( "Opacity of the caption, 0% means 'invisible' while 100% is a plain color without opacity.", "final-tiles-grid-gallery-lite" ),
|
| 603 |
+
"default" => 80,
|
| 604 |
+
"min" => 0,
|
| 605 |
+
"max" => 100,
|
| 606 |
+
"mu" => "%",
|
| 607 |
+
"proCall" => false,
|
| 608 |
+
"excludeFrom" => array(),
|
| 609 |
+
) );
|
| 610 |
+
$this->addField( "Captions", "wp_field_caption", array(
|
| 611 |
+
"name" => esc_html__( "WordPress caption field", "final-tiles-grid-gallery-lite" ),
|
| 612 |
+
"type" => "select",
|
| 613 |
+
"description" => wp_kses( __( "WordPress field used for captions. <strong>This field is used ONLY when images are added to the gallery, </strong> however, if you want to ignore captions just set it to '<i>Don't use captions</i>'.", "final-tiles-grid-gallery-lite" ), array() ),
|
| 614 |
+
"values" => array(
|
| 615 |
+
"Field" => array(
|
| 616 |
+
"none|Don't use captions",
|
| 617 |
+
"title|Title",
|
| 618 |
+
"caption|Caption",
|
| 619 |
+
"description|Description"
|
| 620 |
+
),
|
| 621 |
+
),
|
| 622 |
+
"proCall" => false,
|
| 623 |
+
"excludeFrom" => array( "shortcode" ),
|
| 624 |
+
) );
|
| 625 |
+
$this->addField( "Captions", "wp_field_title", array(
|
| 626 |
+
"name" => esc_html__( "WordPress title field", "final-tiles-grid-gallery-lite" ),
|
| 627 |
+
"type" => "select",
|
| 628 |
+
"description" => wp_kses( __( "WordPress field used for titles. <strong>This field is used ONLY when images are added to the gallery, </strong> however, if you want to ignore titles just set it to '<i>Don't use titles</i>'.", "final-tiles-grid-gallery-lite" ), array() ),
|
| 629 |
+
"values" => array(
|
| 630 |
+
"Field" => array( "none|Don't use titles", "title|Title", "description|Description" ),
|
| 631 |
+
),
|
| 632 |
+
"proCall" => false,
|
| 633 |
+
"excludeFrom" => array( "shortcode" ),
|
| 634 |
+
) );
|
| 635 |
+
$this->addField( "Captions", "recentPostsCaption", array(
|
| 636 |
+
"name" => esc_html__( "Recent posts caption", "final-tiles-grid-gallery-lite" ),
|
| 637 |
+
"type" => "select",
|
| 638 |
+
"description" => esc_html__( "Field of the post used for captions when using \"Recent posts\" as source.", "final-tiles-grid-gallery-lite" ),
|
| 639 |
+
"values" => array(
|
| 640 |
+
"Field" => array(
|
| 641 |
+
"none|Don't use captions",
|
| 642 |
+
"custom|Use custom fields",
|
| 643 |
+
"title|Title",
|
| 644 |
+
"excerpt|Excerpt",
|
| 645 |
+
"auto-excerpt|Auto excerpt"
|
| 646 |
+
),
|
| 647 |
+
),
|
| 648 |
+
"proCall" => false,
|
| 649 |
+
"excludeFrom" => array( "shortcode" ),
|
| 650 |
+
) );
|
| 651 |
+
$this->addField( "Captions", "recentPostsCaptionAutoExcerptLength", array(
|
| 652 |
+
"name" => esc_html__( "Max number of words for 'Auto excerpt'", "final-tiles-grid-gallery-lite" ),
|
| 653 |
+
"type" => "text",
|
| 654 |
+
"description" => wp_kses( __( "Define the max number of words of the caption when <i>Recent posts caption</i> is set to <i>Auto excerpt</i>.", "final-tiles-grid-gallery-lite" ), array() ),
|
| 655 |
+
"default" => "20",
|
| 656 |
+
"proCall" => false,
|
| 657 |
+
"excludeFrom" => array(),
|
| 658 |
+
) );
|
| 659 |
+
$this->addField( "Captions", "captionVerticalAlignment", array(
|
| 660 |
+
"name" => esc_html__( "Caption Vertical Alignment", "final-tiles-grid-gallery-lite" ),
|
| 661 |
+
"type" => "select",
|
| 662 |
+
"description" => esc_html__( "Choose the vertical alignment of the caption", "final-tiles-grid-gallery-lite" ),
|
| 663 |
+
"values" => array(
|
| 664 |
+
"Caption vertical alignment" => array( "top|Top", "middle|Middle", "bottom|Bottom" ),
|
| 665 |
+
),
|
| 666 |
+
"proCall" => false,
|
| 667 |
+
"excludeFrom" => array(),
|
| 668 |
+
) );
|
| 669 |
+
$this->addField( "Captions", "captionHorizontalAlignment", array(
|
| 670 |
+
"name" => esc_html__( "Caption Horizontal Alignment", "final-tiles-grid-gallery-lite" ),
|
| 671 |
+
"type" => "select",
|
| 672 |
+
"description" => esc_html__( "Choose the horizontal alignment of the caption", "final-tiles-grid-gallery-lite" ),
|
| 673 |
+
"values" => array(
|
| 674 |
+
"Caption horizontal alignment" => array( "left|Left", "center|Center", "right|Right" ),
|
| 675 |
+
),
|
| 676 |
+
"proCall" => false,
|
| 677 |
+
"excludeFrom" => array(),
|
| 678 |
+
) );
|
| 679 |
+
$this->addField( "Captions", "titleFontSize", array(
|
| 680 |
+
"name" => esc_html__( "Title font size", "final-tiles-grid-gallery-lite" ),
|
| 681 |
+
"type" => "number",
|
| 682 |
+
"description" => esc_html__( "Size of the font in captions.", "final-tiles-grid-gallery-lite" ),
|
| 683 |
+
"min" => 10,
|
| 684 |
+
"max" => 96,
|
| 685 |
+
"mu" => "px",
|
| 686 |
+
"proCall" => false,
|
| 687 |
+
"excludeFrom" => array(),
|
| 688 |
+
) );
|
| 689 |
+
$this->addField( "Hover effects", "hoverZoom", array(
|
| 690 |
+
"name" => esc_html__( "Zoom", "final-tiles-grid-gallery-lite" ),
|
| 691 |
+
"type" => FinalTiles_gallery::getFieldType( "hoverZoom" ),
|
| 692 |
+
"description" => esc_html__( "Scale value.", "final-tiles-grid-gallery-lite" ),
|
| 693 |
+
"default" => 100,
|
| 694 |
+
"min" => 0,
|
| 695 |
+
"max" => 600,
|
| 696 |
+
"mu" => "%",
|
| 697 |
+
"proCall" => false,
|
| 698 |
+
"excludeFrom" => array(),
|
| 699 |
+
) );
|
| 700 |
+
$this->addField( "Hover effects", "hoverRotation", array(
|
| 701 |
+
"name" => esc_html__( "Rotation", "final-tiles-grid-gallery-lite" ),
|
| 702 |
+
"type" => FinalTiles_gallery::getFieldType( "hoverRotation" ),
|
| 703 |
+
"description" => esc_html__( "Rotation value in degrees.", "final-tiles-grid-gallery-lite" ),
|
| 704 |
+
"min" => 0,
|
| 705 |
+
"max" => 360,
|
| 706 |
+
"mu" => "deg",
|
| 707 |
+
"default" => 0,
|
| 708 |
+
"proCall" => false,
|
| 709 |
+
"excludeFrom" => array(),
|
| 710 |
+
) );
|
| 711 |
+
$this->addField( "Hover effects", "hoverDuration", array(
|
| 712 |
+
"name" => esc_html__( "Duration", "final-tiles-grid-gallery-lite" ),
|
| 713 |
+
"description" => "",
|
| 714 |
+
"type" => FinalTiles_gallery::getFieldType( "hoverDuration" ),
|
| 715 |
+
"min" => 10,
|
| 716 |
+
"max" => 60000,
|
| 717 |
+
"mu" => "ms",
|
| 718 |
+
"default" => 500,
|
| 719 |
+
"proCall" => false,
|
| 720 |
+
"excludeFrom" => array(),
|
| 721 |
+
) );
|
| 722 |
+
$this->addField( "Hover effects", "hoverIconRotation", array(
|
| 723 |
+
"name" => esc_html__( "Rotate icon", "final-tiles-grid-gallery-lite" ),
|
| 724 |
+
"type" => "toggle",
|
| 725 |
+
"default" => "F",
|
| 726 |
+
"description" => esc_html__( "Enable rotation of the icon.", "final-tiles-grid-gallery-lite" ),
|
| 727 |
+
"proCall" => false,
|
| 728 |
+
"excludeFrom" => array(),
|
| 729 |
+
) );
|
| 730 |
+
$this->addField( "Image loaded effects", "loadedDuration", array(
|
| 731 |
+
"name" => esc_html__( "Duration", "final-tiles-grid-gallery-lite" ),
|
| 732 |
+
"description" => "",
|
| 733 |
+
"type" => "slider",
|
| 734 |
+
"min" => 10,
|
| 735 |
+
"max" => 1000,
|
| 736 |
+
"mu" => "ms",
|
| 737 |
+
"default" => 500,
|
| 738 |
+
"proCall" => false,
|
| 739 |
+
"excludeFrom" => array(),
|
| 740 |
+
) );
|
| 741 |
+
$this->addField( "Image loaded effects", "loadedEasing", array(
|
| 742 |
+
"name" => esc_html__( "Easing curve", "final-tiles-grid-gallery-lite" ),
|
| 743 |
+
"type" => "select",
|
| 744 |
+
"description" => esc_html__( "Choose the easing curve for the loading effect animation", "final-tiles-grid-gallery-lite" ),
|
| 745 |
+
"values" => array(
|
| 746 |
+
"Easing curve" => array(
|
| 747 |
+
"linear|Linear",
|
| 748 |
+
"ease-in|Ease in",
|
| 749 |
+
"ease-out|Ease out",
|
| 750 |
+
"ease-in-out|Ease in and out",
|
| 751 |
+
"ease-out-back|Ease out back",
|
| 752 |
+
"ease-in-out-back|Ease in and out back",
|
| 753 |
+
"ease-out-back-accent|Ease out back (accent)",
|
| 754 |
+
"elastic-out|Elastic out"
|
| 755 |
+
),
|
| 756 |
+
),
|
| 757 |
+
"proCall" => false,
|
| 758 |
+
"excludeFrom" => array(),
|
| 759 |
+
) );
|
| 760 |
+
$this->addField( "Image loaded effects", "loadedScaleY", array(
|
| 761 |
+
"name" => esc_html__( "Vertical scaling", "final-tiles-grid-gallery-lite" ),
|
| 762 |
+
"description" => "",
|
| 763 |
+
"type" => "slider",
|
| 764 |
+
"min" => 1,
|
| 765 |
+
"max" => 300,
|
| 766 |
+
"mu" => "%",
|
| 767 |
+
"default" => 100,
|
| 768 |
+
"proCall" => false,
|
| 769 |
+
"excludeFrom" => array(),
|
| 770 |
+
) );
|
| 771 |
+
$this->addField( "Image loaded effects", "loadedScaleX", array(
|
| 772 |
+
"name" => esc_html__( "Horizontal scaling", "final-tiles-grid-gallery-lite" ),
|
| 773 |
+
"description" => "",
|
| 774 |
+
"type" => "slider",
|
| 775 |
+
"min" => 1,
|
| 776 |
+
"max" => 300,
|
| 777 |
+
"mu" => "%",
|
| 778 |
+
"default" => 100,
|
| 779 |
+
"proCall" => false,
|
| 780 |
+
"excludeFrom" => array(),
|
| 781 |
+
) );
|
| 782 |
+
$this->addField( "Image loaded effects", "loadedRotateY", array(
|
| 783 |
+
"name" => esc_html__( "Vertical rotation", "final-tiles-grid-gallery-lite" ),
|
| 784 |
+
"description" => "",
|
| 785 |
+
"type" => "slider",
|
| 786 |
+
"min" => -180,
|
| 787 |
+
"max" => 180,
|
| 788 |
+
"default" => 0,
|
| 789 |
+
"mu" => "deg",
|
| 790 |
+
"proCall" => false,
|
| 791 |
+
"excludeFrom" => array(),
|
| 792 |
+
) );
|
| 793 |
+
$this->addField( "Image loaded effects", "loadedRotateX", array(
|
| 794 |
+
"name" => esc_html__( "Horizontal rotation", "final-tiles-grid-gallery-lite" ),
|
| 795 |
+
"description" => "",
|
| 796 |
+
"type" => "slider",
|
| 797 |
+
"min" => -180,
|
| 798 |
+
"max" => 180,
|
| 799 |
+
"default" => 0,
|
| 800 |
+
"mu" => "deg",
|
| 801 |
+
"proCall" => false,
|
| 802 |
+
"excludeFrom" => array(),
|
| 803 |
+
) );
|
| 804 |
+
$this->addField( "Image loaded effects", "loadedHSlide", array(
|
| 805 |
+
"name" => esc_html__( "Horizontal slide", "final-tiles-grid-gallery-lite" ),
|
| 806 |
+
"description" => "",
|
| 807 |
+
"type" => "slider",
|
| 808 |
+
"min" => -1000,
|
| 809 |
+
"max" => 1000,
|
| 810 |
+
"mu" => "px",
|
| 811 |
+
"default" => 0,
|
| 812 |
+
"proCall" => false,
|
| 813 |
+
"excludeFrom" => array(),
|
| 814 |
+
) );
|
| 815 |
+
$this->addField( "Image loaded effects", "loadedVSlide", array(
|
| 816 |
+
"name" => esc_html__( "Vertical slide", "final-tiles-grid-gallery-lite" ),
|
| 817 |
+
"description" => "",
|
| 818 |
+
"type" => "slider",
|
| 819 |
+
"min" => -1000,
|
| 820 |
+
"max" => 1000,
|
| 821 |
+
"mu" => "px",
|
| 822 |
+
"default" => 0,
|
| 823 |
+
"proCall" => false,
|
| 824 |
+
"excludeFrom" => array(),
|
| 825 |
+
) );
|
| 826 |
+
$this->addField( "Style", "borderSize", array(
|
| 827 |
+
"name" => esc_html__( "Border size", "final-tiles-grid-gallery-lite" ),
|
| 828 |
+
"type" => "number",
|
| 829 |
+
"description" => esc_html__( "Size of the border of each image.", "final-tiles-grid-gallery-lite" ),
|
| 830 |
+
"default" => 0,
|
| 831 |
+
"min" => 0,
|
| 832 |
+
"max" => 10,
|
| 833 |
+
"mu" => "px",
|
| 834 |
+
"proCall" => false,
|
| 835 |
+
"excludeFrom" => array(),
|
| 836 |
+
) );
|
| 837 |
+
$this->addField( "Style", "borderRadius", array(
|
| 838 |
+
"name" => esc_html__( "Border radius", "final-tiles-grid-gallery-lite" ),
|
| 839 |
+
"type" => "number",
|
| 840 |
+
"description" => esc_html__( "Border radius of the images.", "final-tiles-grid-gallery-lite" ),
|
| 841 |
+
"default" => 0,
|
| 842 |
+
"min" => 0,
|
| 843 |
+
"max" => 100,
|
| 844 |
+
"mu" => "px",
|
| 845 |
+
"proCall" => false,
|
| 846 |
+
"excludeFrom" => array(),
|
| 847 |
+
) );
|
| 848 |
+
$this->addField( "Style", "borderColor", array(
|
| 849 |
+
"name" => esc_html__( "Border color", "final-tiles-grid-gallery-lite" ),
|
| 850 |
+
"type" => "color",
|
| 851 |
+
"description" => esc_html__( "Color of the border when size is greater than 0.", "final-tiles-grid-gallery-lite" ),
|
| 852 |
+
"default" => "#000000",
|
| 853 |
+
"proCall" => false,
|
| 854 |
+
"excludeFrom" => array(),
|
| 855 |
+
) );
|
| 856 |
+
$this->addField( "Style", "loadingBarColor", array(
|
| 857 |
+
"name" => esc_html__( "Loading Bar color", "final-tiles-grid-gallery-lite" ),
|
| 858 |
+
"type" => "color",
|
| 859 |
+
"description" => esc_html__( "Color of the loading bar", "final-tiles-grid-gallery-lite" ),
|
| 860 |
+
"default" => "#000000",
|
| 861 |
+
"proCall" => false,
|
| 862 |
+
"excludeFrom" => array(),
|
| 863 |
+
) );
|
| 864 |
+
$this->addField( "Style", "loadingBarBackgroundColor", array(
|
| 865 |
+
"name" => esc_html__( "Loading Bar background color", "final-tiles-grid-gallery-lite" ),
|
| 866 |
+
"type" => "color",
|
| 867 |
+
"description" => esc_html__( "Background color of the loading bar", "final-tiles-grid-gallery-lite" ),
|
| 868 |
+
"default" => "#cccccc",
|
| 869 |
+
"proCall" => false,
|
| 870 |
+
"excludeFrom" => array(),
|
| 871 |
+
) );
|
| 872 |
+
$this->addField( "Style", "shadowSize", array(
|
| 873 |
+
"name" => esc_html__( "Shadow size", "final-tiles-grid-gallery-lite" ),
|
| 874 |
+
"type" => "number",
|
| 875 |
+
"description" => esc_html__( "Shadow size of the images.", "final-tiles-grid-gallery-lite" ),
|
| 876 |
+
"default" => 0,
|
| 877 |
+
"min" => 0,
|
| 878 |
+
"max" => 20,
|
| 879 |
+
"mu" => "px",
|
| 880 |
+
"proCall" => false,
|
| 881 |
+
"excludeFrom" => array(),
|
| 882 |
+
) );
|
| 883 |
+
$this->addField( "Style", "shadowColor", array(
|
| 884 |
+
"name" => esc_html__( "Shadow color", "final-tiles-grid-gallery-lite" ),
|
| 885 |
+
"type" => "color",
|
| 886 |
+
"description" => esc_html__( "Color of the shadow when size is greater than 0.", "final-tiles-grid-gallery-lite" ),
|
| 887 |
+
"default" => "#000000",
|
| 888 |
+
"proCall" => false,
|
| 889 |
+
"excludeFrom" => array(),
|
| 890 |
+
) );
|
| 891 |
+
$this->addField( "Style", "backgroundColor", array(
|
| 892 |
+
"name" => esc_html__( "Tile background color", "final-tiles-grid-gallery-lite" ),
|
| 893 |
+
"type" => "color",
|
| 894 |
+
"description" => esc_html__( "Background color of tiles", "final-tiles-grid-gallery-lite" ),
|
| 895 |
+
"default" => "#fafafa",
|
| 896 |
+
"proCall" => false,
|
| 897 |
+
"excludeFrom" => array(),
|
| 898 |
+
) );
|
| 899 |
+
$this->addField( "Customizations", "aClass", array(
|
| 900 |
+
"name" => esc_html__( "Additional CSS class on A tag", "final-tiles-grid-gallery-lite" ),
|
| 901 |
+
"type" => "text",
|
| 902 |
+
"description" => esc_html__( "Use this field if you need to add additional CSS classes to the link that contains the image.", "final-tiles-grid-gallery-lite" ),
|
| 903 |
+
"default" => "",
|
| 904 |
+
"proCall" => false,
|
| 905 |
+
"excludeFrom" => array(),
|
| 906 |
+
) );
|
| 907 |
+
$this->addField( "Customizations", "rel", array(
|
| 908 |
+
"name" => esc_html__( "Value of 'rel' attribute on the link that contains the image.", "final-tiles-grid-gallery-lite" ),
|
| 909 |
+
"type" => "text",
|
| 910 |
+
"description" => esc_html__( "Use this field if you need to add additional CSS classes to the link that contains the image. This is useful mostly to integrate the gallery with other lightbox plugins.", "final-tiles-grid-gallery-lite" ),
|
| 911 |
+
"default" => "",
|
| 912 |
+
"proCall" => false,
|
| 913 |
+
"excludeFrom" => array(),
|
| 914 |
+
) );
|
| 915 |
+
$this->addField( "Customizations", "beforeGalleryText", array(
|
| 916 |
+
"name" => esc_html__( "Text before gallery", "final-tiles-grid-gallery-lite" ),
|
| 917 |
+
"type" => "textarea",
|
| 918 |
+
"description" => esc_html__( "Use this field to add text/html to be placed just before your gallery.", "final-tiles-grid-gallery-lite" ),
|
| 919 |
+
"proCall" => false,
|
| 920 |
+
"excludeFrom" => array( "shortcode" ),
|
| 921 |
+
) );
|
| 922 |
+
$this->addField( "Customizations", "afterGalleryText", array(
|
| 923 |
+
"name" => esc_html__( "Text after gallery", "final-tiles-grid-gallery-lite" ),
|
| 924 |
+
"type" => "textarea",
|
| 925 |
+
"description" => esc_html__( "Use this field to add text/html to be placed just after your gallery.", "final-tiles-grid-gallery-lite" ),
|
| 926 |
+
"proCall" => false,
|
| 927 |
+
"excludeFrom" => array( "shortcode" ),
|
| 928 |
+
) );
|
| 929 |
+
$this->addField( "Customizations", "style", array(
|
| 930 |
+
"name" => __( "Custom CSS", "final-tiles-grid-gallery-lite" ),
|
| 931 |
+
"type" => "textarea",
|
| 932 |
+
"description" => wp_kses( __( "<strong>Write just the code without using the <style> tag.</strong><br>List of useful selectors:<br>\n <br>\n <ul>\n <li>\n <em>.final-tiles-gallery</em> : gallery container;\n </li>\n <li>\n <em>.final-tiles-gallery .tile-inner</em> : tile content;\n </li>\n <li>\n <em>.final-tiles-gallery .tile-inner .item</em> : image of the tile;\n </li>\n <li>\n <em>.final-tiles-gallery .tile-inner .caption</em> : caption of the tile;\n </li>\n <li>\n <em>.final-tiles-gallery .ftg-filters</em> : filters container\n </li>\n <li>\n <em>.final-tiles-gallery .ftg-filters a</em> : filter\n </li>\n <li>\n <em>.final-tiles-gallery .ftg-filters a.selected</em> : selected filter\n </li>\n </ul>", "final-tiles-grid-gallery-lite" ), array() ),
|
| 933 |
+
"proCall" => false,
|
| 934 |
+
"excludeFrom" => array( "shortcode" ),
|
| 935 |
+
) );
|
| 936 |
+
$this->addField( "Customizations", "script", array(
|
| 937 |
+
"name" => esc_html__( "Custom scripts", "final-tiles-grid-gallery-lite" ),
|
| 938 |
+
"type" => "textarea",
|
| 939 |
+
"description" => wp_kses( __( "This script will be called after the gallery initialization. Useful for custom lightboxes.\n <br />\n <br />\n <strong>Write just the code without using the <script></script> tags</strong>", "final-tiles-grid-gallery-lite" ), array() ),
|
| 940 |
+
"proCall" => false,
|
| 941 |
+
"excludeFrom" => array( "shortcode" ),
|
| 942 |
+
) );
|
| 943 |
+
$this->addField( "Customizations", "delay", array(
|
| 944 |
+
"name" => esc_html__( "Delay", "final-tiles-grid-gallery-lite" ),
|
| 945 |
+
"type" => "text",
|
| 946 |
+
"description" => esc_html__( "Delay (in milliseconds) before firing the gallery. Sometimes it's needed to avoid conflicts with other plugins.", "final-tiles-grid-gallery-lite" ),
|
| 947 |
+
"min" => 0,
|
| 948 |
+
"max" => 5000,
|
| 949 |
+
"mu" => "ms",
|
| 950 |
+
"default" => 0,
|
| 951 |
+
"proCall" => false,
|
| 952 |
+
"excludeFrom" => array(),
|
| 953 |
+
) );
|
| 954 |
+
$this->addField( "Customizations", "support", array(
|
| 955 |
+
"name" => esc_html__( "Show developer link", "final-tiles-grid-gallery-lite" ),
|
| 956 |
+
"type" => "toggle",
|
| 957 |
+
"description" => esc_html__( "I want to support this plugin, show the developer link!", "final-tiles-grid-gallery-lite" ),
|
| 958 |
+
"default" => "F",
|
| 959 |
+
"proCall" => false,
|
| 960 |
+
"excludeFrom" => array(),
|
| 961 |
+
"proCall" => false,
|
| 962 |
+
"excludeFrom" => array(),
|
| 963 |
+
) );
|
| 964 |
+
$this->addField( "Customizations", "supportText", array(
|
| 965 |
+
"name" => esc_html__( "Developer link text", "final-tiles-grid-gallery-lite" ),
|
| 966 |
+
"type" => "text",
|
| 967 |
+
"description" => esc_html__( "Text for the developer link", "final-tiles-grid-gallery-lite" ),
|
| 968 |
+
"default" => "powered by Final Tiles Grid Gallery",
|
| 969 |
+
"proCall" => false,
|
| 970 |
+
"excludeFrom" => array(),
|
| 971 |
+
) );
|
| 972 |
+
$this->addField( "Advanced", "columnsTabletLandscape", array(
|
| 973 |
+
"name" => esc_html__( "Number of columns (Tablet landscape)", "final-tiles-grid-gallery-lite" ),
|
| 974 |
+
"type" => "number",
|
| 975 |
+
"description" => "",
|
| 976 |
+
"mu" => "",
|
| 977 |
+
"min" => 1,
|
| 978 |
+
"max" => 50,
|
| 979 |
+
"proCall" => false,
|
| 980 |
+
"excludeFrom" => array(),
|
| 981 |
+
) );
|
| 982 |
+
$this->addField( "Advanced", "columnsTabletPortrait", array(
|
| 983 |
+
"name" => esc_html__( "Number of columns (Tablet portrait)", "final-tiles-grid-gallery-lite" ),
|
| 984 |
+
"type" => "number",
|
| 985 |
+
"description" => "",
|
| 986 |
+
"mu" => "",
|
| 987 |
+
"min" => 1,
|
| 988 |
+
"max" => 50,
|
| 989 |
+
"proCall" => false,
|
| 990 |
+
"excludeFrom" => array(),
|
| 991 |
+
) );
|
| 992 |
+
$this->addField( "Advanced", "columnsPhoneLandscape", array(
|
| 993 |
+
"name" => esc_html__( "Number of columns (Phone landscape)", "final-tiles-grid-gallery-lite" ),
|
| 994 |
+
"type" => "number",
|
| 995 |
+
"description" => "",
|
| 996 |
+
"mu" => "",
|
| 997 |
+
"min" => 1,
|
| 998 |
+
"max" => 50,
|
| 999 |
+
"proCall" => false,
|
| 1000 |
+
"excludeFrom" => array(),
|
| 1001 |
+
) );
|
| 1002 |
+
$this->addField( "Advanced", "columnsPhonePortrait", array(
|
| 1003 |
+
"name" => esc_html__( "Number of columns (Phone portrait)", "final-tiles-grid-gallery-lite" ),
|
| 1004 |
+
"type" => "number",
|
| 1005 |
+
"description" => "",
|
| 1006 |
+
"mu" => "",
|
| 1007 |
+
"min" => 1,
|
| 1008 |
+
"max" => 50,
|
| 1009 |
+
"proCall" => false,
|
| 1010 |
+
"excludeFrom" => array(),
|
| 1011 |
+
) );
|
| 1012 |
+
$this->addField( "Advanced", "imageSizeFactor", array(
|
| 1013 |
+
"name" => esc_html__( "Image size factor", "final-tiles-grid-gallery-lite" ),
|
| 1014 |
+
"type" => "slider",
|
| 1015 |
+
"description" => esc_html__( "Percentage of image size, i.e.: if an image of the gallery is 300x200 and the size factor is 50% then the resulting image will be 150x100.\n 90% is a suggested default value, because under some circumstances, the images could be enlarged by the script (to fill gaps and avoid blank spaces between tiles).", "final-tiles-grid-gallery-lite" ),
|
| 1016 |
+
"default" => 90,
|
| 1017 |
+
"min" => 1,
|
| 1018 |
+
"max" => 100,
|
| 1019 |
+
"mu" => "%",
|
| 1020 |
+
"proCall" => false,
|
| 1021 |
+
"excludeFrom" => array(),
|
| 1022 |
+
) );
|
| 1023 |
+
$this->addField( "Advanced", "imageSizeFactorTabletLandscape", array(
|
| 1024 |
+
"name" => esc_html__( "Image size factor (Tablet Landscape)", "final-tiles-grid-gallery-lite" ),
|
| 1025 |
+
"type" => "slider",
|
| 1026 |
+
"description" => esc_html__( "Image size factor to apply when the viewport is 1024px, typically for tablets with landscape orientation", "final-tiles-grid-gallery-lite" ),
|
| 1027 |
+
"default" => 80,
|
| 1028 |
+
"min" => 1,
|
| 1029 |
+
"max" => 100,
|
| 1030 |
+
"mu" => "%",
|
| 1031 |
+
"proCall" => false,
|
| 1032 |
+
"excludeFrom" => array(),
|
| 1033 |
+
) );
|
| 1034 |
+
$this->addField( "Advanced", "imageSizeFactorTabletPortrait", array(
|
| 1035 |
+
"name" => esc_html__( "Image size factor Tablet Portrait", "final-tiles-grid-gallery-lite" ),
|
| 1036 |
+
"type" => "slider",
|
| 1037 |
+
"description" => esc_html__( "Image size factor to apply when the viewport is 768px, typically for tablets with portrait orientation", "final-tiles-grid-gallery-lite" ),
|
| 1038 |
+
"default" => 70,
|
| 1039 |
+
"min" => 1,
|
| 1040 |
+
"max" => 100,
|
| 1041 |
+
"mu" => "%",
|
| 1042 |
+
"proCall" => false,
|
| 1043 |
+
"excludeFrom" => array(),
|
| 1044 |
+
) );
|
| 1045 |
+
$this->addField( "Advanced", "imageSizeFactorPhoneLandscape", array(
|
| 1046 |
+
"name" => esc_html__( "Image size factor Smartphone Landscape", "final-tiles-grid-gallery-lite" ),
|
| 1047 |
+
"type" => "slider",
|
| 1048 |
+
"description" => esc_html__( "Image size factor to apply when the viewport is 640px, typically for smartphones with landscape orientation", "final-tiles-grid-gallery-lite" ),
|
| 1049 |
+
"default" => 60,
|
| 1050 |
+
"min" => 1,
|
| 1051 |
+
"max" => 100,
|
| 1052 |
+
"mu" => "%",
|
| 1053 |
+
"proCall" => false,
|
| 1054 |
+
"excludeFrom" => array(),
|
| 1055 |
+
) );
|
| 1056 |
+
$this->addField( "Advanced", "imageSizeFactorPhonePortrait", array(
|
| 1057 |
+
"name" => esc_html__( "Image size factor Phone Portrait", "final-tiles-grid-gallery-lite" ),
|
| 1058 |
+
"type" => "slider",
|
| 1059 |
+
"description" => esc_html__( "Image size factor to apply when the viewport is 320px, typically for smartphones with portrait orientation", "final-tiles-grid-gallery-lite" ),
|
| 1060 |
+
"default" => 50,
|
| 1061 |
+
"min" => 1,
|
| 1062 |
+
"max" => 100,
|
| 1063 |
+
"mu" => "%",
|
| 1064 |
+
"proCall" => false,
|
| 1065 |
+
"excludeFrom" => array(),
|
| 1066 |
+
) );
|
| 1067 |
+
$this->addField( "Advanced", "imageSizeFactorCustom", array(
|
| 1068 |
+
"name" => esc_html__( "Custom image size factor", "final-tiles-grid-gallery-lite" ),
|
| 1069 |
+
"hiddenFor" => array( "dashboard", "shortcode" ),
|
| 1070 |
+
"type" => FinalTiles_Gallery::getFieldType( "custom_isf" ),
|
| 1071 |
+
"description" => __( "Use this field if you need further resolutions. Make custom layout for any device and resolution.", "final-tiles-grid-gallery-lite" ),
|
| 1072 |
+
"proCall" => true,
|
| 1073 |
+
"excludeFrom" => array( "dashboard", "shortcode" ),
|
| 1074 |
+
) );
|
| 1075 |
+
$this->addField( "Advanced", "compressHTML", array(
|
| 1076 |
+
"name" => esc_html__( "Compress HTML", "final-tiles-grid-gallery-lite" ),
|
| 1077 |
+
"type" => "toggle",
|
| 1078 |
+
"description" => esc_html__( "Enable or disable HTML compression, some themes prefer uncompressed, switch it off in case of problems.", "final-tiles-grid-gallery-lite" ),
|
| 1079 |
+
"default" => "T",
|
| 1080 |
+
"proCall" => false,
|
| 1081 |
+
"excludeFrom" => array(),
|
| 1082 |
+
) );
|
| 1083 |
+
$this->addField( "Advanced", "minTileWidth", array(
|
| 1084 |
+
"name" => esc_html__( "Tile minimum width", "final-tiles-grid-gallery-lite" ),
|
| 1085 |
+
"type" => "number",
|
| 1086 |
+
"description" => wp_kses( __( "Minimum width of each tile, <strong>multiply this value for the image size factor to get the real size</strong>.", "final-tiles-grid-gallery-lite" ), array() ),
|
| 1087 |
+
"mu" => "px",
|
| 1088 |
+
"min" => 50,
|
| 1089 |
+
"max" => 500,
|
| 1090 |
+
"default" => 200,
|
| 1091 |
+
"proCall" => false,
|
| 1092 |
+
"excludeFrom" => array(),
|
| 1093 |
+
) );
|
| 1094 |
+
$this->addField( "Advanced", "enlargeImages", array(
|
| 1095 |
+
"name" => esc_html__( "Allow image enlargement", "final-tiles-grid-gallery-lite" ),
|
| 1096 |
+
"type" => "toggle",
|
| 1097 |
+
"description" => wp_kses( __( "Images can be occasionally enlarged to avoid gaps. If you notice a quality loss try to reduce the <strong>Image size factor</strong> parameter.", "final-tiles-grid-gallery-lite" ), array() ),
|
| 1098 |
+
"default" => "T",
|
| 1099 |
+
"proCall" => false,
|
| 1100 |
+
"excludeFrom" => array(),
|
| 1101 |
+
) );
|
| 1102 |
+
if ( ftg_fs()->is_plan_or_trial( 'ultimate' ) ) {
|
| 1103 |
+
$this->addField( "Advanced", "allFilterLabel", array(
|
| 1104 |
+
"name" => esc_html__( "Text for 'All' filter", "final-tiles-grid-gallery-lite" ),
|
| 1105 |
+
"type" => "text",
|
| 1106 |
+
"description" => esc_html__( "Write here the label for the 'All' filter", "final-tiles-grid-gallery-lite" ),
|
| 1107 |
+
"proCall" => false,
|
| 1108 |
+
"excludeFrom" => array(),
|
| 1109 |
+
) );
|
| 1110 |
}
|
admin/include/tinymce-galleries.php
CHANGED
|
@@ -1,87 +1,87 @@
|
|
| 1 |
-
<?php global $wp_version, $wpdb, $wp_post_types; ?>
|
| 2 |
-
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
| 3 |
-
<html xmlns="http://www.w3.org/1999/xhtml">
|
| 4 |
-
<head>
|
| 5 |
-
<title>Final Tiles Gallery</title>
|
| 6 |
-
<!--<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>-->
|
| 7 |
-
<script>
|
| 8 |
-
var wpColorPickerL10n = {"clear":"Clear","defaultString":"Default","pick":"Select Color","current":"Current Color"};
|
| 9 |
-
</script>
|
| 10 |
-
<script type="text/javascript" src="<?php print esc_url( $admin_url ) ?>/load-scripts.php?c=1&load%5B%5D=jquery-core,jquery-migrate,utils,jquery-ui-core,jquery-ui-widget,jquery-ui-mouse,jquery-ui-draggable,jquery-ui-slider,jquery-tou&load%5B%5D=ch-punch,iris,wp-color-picker"></script>
|
| 11 |
-
<link rel="stylesheet" href="<?php print esc_url( admin_url( 'load-styles.php?c=1&dir=ltr&load=buttons,wp-admin,iris,wp-color-picker') ); ?>" type="text/css" media="all">
|
| 12 |
-
<link rel="stylesheet" href="<?php print esc_url( $css_path ) ?>">
|
| 13 |
-
<script language="javascript" type="text/javascript" src="<?php echo esc_url( includes_url( 'js/tinymce/tiny_mce_popup.js' ).'?ver='.$wp_version); ?>"></script>
|
| 14 |
-
<style type="text/css">
|
| 15 |
-
h1
|
| 16 |
-
{
|
| 17 |
-
color: black;
|
| 18 |
-
}
|
| 19 |
-
body {
|
| 20 |
-
overflow-y:scroll;
|
| 21 |
-
padding: 5px 20px 100px 20px;
|
| 22 |
-
height: auto;
|
| 23 |
-
}
|
| 24 |
-
#galleries{
|
| 25 |
-
width: 100%;
|
| 26 |
-
border-collapse: collapse;
|
| 27 |
-
}
|
| 28 |
-
tr:nth-child(1){
|
| 29 |
-
background-color: #90caf9;
|
| 30 |
-
}
|
| 31 |
-
tr{
|
| 32 |
-
background-color: #e3f2fd;
|
| 33 |
-
cursor: pointer;
|
| 34 |
-
}
|
| 35 |
-
tr:not(:nth-child(1)):hover{
|
| 36 |
-
background-color: #bbdefb;
|
| 37 |
-
}
|
| 38 |
-
|
| 39 |
-
#galleries td, #galleries th{
|
| 40 |
-
border: 1px solid white;
|
| 41 |
-
padding: 10px;
|
| 42 |
-
}
|
| 43 |
-
</style>
|
| 44 |
-
</head>
|
| 45 |
-
<body class="popup">
|
| 46 |
-
<h1> YOUR GALLERIES: </h1>
|
| 47 |
-
<br>
|
| 48 |
-
<table id="galleries">
|
| 49 |
-
<!-- list here galleries -->
|
| 50 |
-
<!-- loop variable $galleries -->
|
| 51 |
-
<tr>
|
| 52 |
-
<td>
|
| 53 |
-
<b> Name </b>
|
| 54 |
-
</td>
|
| 55 |
-
<td>
|
| 56 |
-
<b> Type </b>
|
| 57 |
-
</td>
|
| 58 |
-
<td>
|
| 59 |
-
<b> ID </b>
|
| 60 |
-
</td>
|
| 61 |
-
</tr>
|
| 62 |
-
<?php foreach($galleries as $gallery): ?>
|
| 63 |
-
<tr>
|
| 64 |
-
<td>
|
| 65 |
-
<label id="<?php print 'gall_' . esc_attr( $gallery->Id ) ?>"> <?php print esc_html( $gallery->name ); ?> </label>
|
| 66 |
-
</td>
|
| 67 |
-
|
| 68 |
-
<td>
|
| 69 |
-
<?php print !empty($gallery->source) ? esc_html( $gallery->source ) : "images"; ?>
|
| 70 |
-
</td>
|
| 71 |
-
|
| 72 |
-
<td>
|
| 73 |
-
<?php print esc_html( $gallery->Id ); ?>
|
| 74 |
-
</td>
|
| 75 |
-
</tr>
|
| 76 |
-
<?php endforeach ?>
|
| 77 |
-
</table>
|
| 78 |
-
<script>
|
| 79 |
-
jQuery("#galleries tr").click(function (e) {
|
| 80 |
-
var id = jQuery(this).find('label').attr('id').split('gall_');
|
| 81 |
-
id.shift();
|
| 82 |
-
top.tinymce.activeEditor.insertContent('[FinalTilesGallery id="'+ id +'"]');
|
| 83 |
-
top.tinymce.activeEditor.windowManager.close();
|
| 84 |
-
});
|
| 85 |
-
</script>
|
| 86 |
-
</body>
|
| 87 |
-
</html>
|
| 1 |
+
<?php global $wp_version, $wpdb, $wp_post_types; ?>
|
| 2 |
+
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
| 3 |
+
<html xmlns="http://www.w3.org/1999/xhtml">
|
| 4 |
+
<head>
|
| 5 |
+
<title>Final Tiles Gallery</title>
|
| 6 |
+
<!--<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>-->
|
| 7 |
+
<script>
|
| 8 |
+
var wpColorPickerL10n = {"clear":"Clear","defaultString":"Default","pick":"Select Color","current":"Current Color"};
|
| 9 |
+
</script>
|
| 10 |
+
<script type="text/javascript" src="<?php print esc_url( $admin_url ) ?>/load-scripts.php?c=1&load%5B%5D=jquery-core,jquery-migrate,utils,jquery-ui-core,jquery-ui-widget,jquery-ui-mouse,jquery-ui-draggable,jquery-ui-slider,jquery-tou&load%5B%5D=ch-punch,iris,wp-color-picker"></script>
|
| 11 |
+
<link rel="stylesheet" href="<?php print esc_url( admin_url( 'load-styles.php?c=1&dir=ltr&load=buttons,wp-admin,iris,wp-color-picker') ); ?>" type="text/css" media="all">
|
| 12 |
+
<link rel="stylesheet" href="<?php print esc_url( $css_path ) ?>">
|
| 13 |
+
<script language="javascript" type="text/javascript" src="<?php echo esc_url( includes_url( 'js/tinymce/tiny_mce_popup.js' ).'?ver='.$wp_version); ?>"></script>
|
| 14 |
+
<style type="text/css">
|
| 15 |
+
h1
|
| 16 |
+
{
|
| 17 |
+
color: black;
|
| 18 |
+
}
|
| 19 |
+
body {
|
| 20 |
+
overflow-y:scroll;
|
| 21 |
+
padding: 5px 20px 100px 20px;
|
| 22 |
+
height: auto;
|
| 23 |
+
}
|
| 24 |
+
#galleries{
|
| 25 |
+
width: 100%;
|
| 26 |
+
border-collapse: collapse;
|
| 27 |
+
}
|
| 28 |
+
tr:nth-child(1){
|
| 29 |
+
background-color: #90caf9;
|
| 30 |
+
}
|
| 31 |
+
tr{
|
| 32 |
+
background-color: #e3f2fd;
|
| 33 |
+
cursor: pointer;
|
| 34 |
+
}
|
| 35 |
+
tr:not(:nth-child(1)):hover{
|
| 36 |
+
background-color: #bbdefb;
|
| 37 |
+
}
|
| 38 |
+
|
| 39 |
+
#galleries td, #galleries th{
|
| 40 |
+
border: 1px solid white;
|
| 41 |
+
padding: 10px;
|
| 42 |
+
}
|
| 43 |
+
</style>
|
| 44 |
+
</head>
|
| 45 |
+
<body class="popup">
|
| 46 |
+
<h1> YOUR GALLERIES: </h1>
|
| 47 |
+
<br>
|
| 48 |
+
<table id="galleries">
|
| 49 |
+
<!-- list here galleries -->
|
| 50 |
+
<!-- loop variable $galleries -->
|
| 51 |
+
<tr>
|
| 52 |
+
<td>
|
| 53 |
+
<b> Name </b>
|
| 54 |
+
</td>
|
| 55 |
+
<td>
|
| 56 |
+
<b> Type </b>
|
| 57 |
+
</td>
|
| 58 |
+
<td>
|
| 59 |
+
<b> ID </b>
|
| 60 |
+
</td>
|
| 61 |
+
</tr>
|
| 62 |
+
<?php foreach($galleries as $gallery): ?>
|
| 63 |
+
<tr>
|
| 64 |
+
<td>
|
| 65 |
+
<label id="<?php print 'gall_' . esc_attr( $gallery->Id ) ?>"> <?php print esc_html( $gallery->name ); ?> </label>
|
| 66 |
+
</td>
|
| 67 |
+
|
| 68 |
+
<td>
|
| 69 |
+
<?php print !empty($gallery->source) ? esc_html( $gallery->source ) : "images"; ?>
|
| 70 |
+
</td>
|
| 71 |
+
|
| 72 |
+
<td>
|
| 73 |
+
<?php print esc_html( $gallery->Id ); ?>
|
| 74 |
+
</td>
|
| 75 |
+
</tr>
|
| 76 |
+
<?php endforeach ?>
|
| 77 |
+
</table>
|
| 78 |
+
<script>
|
| 79 |
+
jQuery("#galleries tr").click(function (e) {
|
| 80 |
+
var id = jQuery(this).find('label').attr('id').split('gall_');
|
| 81 |
+
id.shift();
|
| 82 |
+
top.tinymce.activeEditor.insertContent('[FinalTilesGallery id="'+ id +'"]');
|
| 83 |
+
top.tinymce.activeEditor.windowManager.close();
|
| 84 |
+
});
|
| 85 |
+
</script>
|
| 86 |
+
</body>
|
| 87 |
+
</html>
|
admin/overview.php
CHANGED
|
@@ -1,239 +1,239 @@
|
|
| 1 |
-
<?php if(preg_match('#' . basename(__FILE__) . '#', $_SERVER['PHP_SELF'])) { die(esc_html_e('You are not allowed to call this page directly.', 'final-tiles-grid-gallery-lite')); } ?>
|
| 2 |
-
|
| 3 |
-
<?php $ftg_subtitle = "Dashboard" ?>
|
| 4 |
-
|
| 5 |
-
<?php
|
| 6 |
-
$galleries = $this->FinalTilesdb->getGalleries();
|
| 7 |
-
?>
|
| 8 |
-
|
| 9 |
-
<div class="bd wrap">
|
| 10 |
-
<h1 class="wp-heading-inline"><?php echo esc_html('Final Tiles Gallery') ?> <small><?php echo esc_html( FTGVERSION ) . " " . esc_html( FTG_PLAN ); ?></small></h1>
|
| 11 |
-
<h2 class="ftg-subtitle"><?php esc_html_e('Galleries','final-tiles-grid-gallery-lite') ?></h2>
|
| 12 |
-
<hr class="wp-header-end">
|
| 13 |
-
<?php if(count($galleries) == 0) : ?>
|
| 14 |
-
<div class="row ">
|
| 15 |
-
<div class="col s9">
|
| 16 |
-
<div class="card-panel light-green lighten-4">
|
| 17 |
-
<h5 class="cyan-text text-darken-3"><?php esc_html_e('Welcome to Final Tiles Grid Gallery!', 'final-tiles-grid-gallery-lite')?></h5>
|
| 18 |
-
<p>
|
| 19 |
-
<?php esc_html_e('Create your first awesome gallery, click', 'final-tiles-grid-gallery-lite')?> <a href="<?php echo esc_url( admin_url('admin.php?page=ftg-add-gallery') ); ?>"><?php esc_html_e('here', 'final-tiles-grid-gallery-lite')?></a>.
|
| 20 |
-
</p>
|
| 21 |
-
</div>
|
| 22 |
-
</div>
|
| 23 |
-
<div class="col s3">
|
| 24 |
-
<?php if ( ftg_fs()->is_not_paying()) : ?>
|
| 25 |
-
<ul class="collapsible gallery-actions">
|
| 26 |
-
<li class="active">
|
| 27 |
-
<div class="collapsible-header"><?php esc_html_e('Upgrade', 'final-tiles-grid-gallery-lite') ?>: <?php esc_html_e('unlock features', 'final-tiles-grid-gallery-lite') ?></div>
|
| 28 |
-
<div class="collapsible-body">
|
| 29 |
-
<div class="ftg-upsell">
|
| 30 |
-
<a href="<?php echo esc_url( ftg_fs()->get_upgrade_url() ); ?>"><i class="fa fa-hand-o-right"></i> <?php esc_html_e('Upgrade', 'final-tiles-grid-gallery-lite') ?></a>
|
| 31 |
-
</div>
|
| 32 |
-
</div>
|
| 33 |
-
</li>
|
| 34 |
-
</ul>
|
| 35 |
-
<?php endif ?>
|
| 36 |
-
</div>
|
| 37 |
-
</div>
|
| 38 |
-
<?php else : ?>
|
| 39 |
-
<div id="gallery-list" class="row">
|
| 40 |
-
<form id="reloadform"></form>
|
| 41 |
-
<div class="col s9">
|
| 42 |
-
<?php wp_nonce_field('FinalTiles_gallery', 'FinalTiles_gallery'); ?>
|
| 43 |
-
|
| 44 |
-
<table class="wp-list-table widefat fixed striped posts">
|
| 45 |
-
<thead>
|
| 46 |
-
<tr>
|
| 47 |
-
<td scope="col" class="manage-column column-title column-primary">
|
| 48 |
-
<?php esc_html_e('Title', 'final-tiles-grid-gallery-lite') ?>
|
| 49 |
-
</td>
|
| 50 |
-
<td scope="col" class="manage-column column-title column-primary">
|
| 51 |
-
<?php esc_html_e('Description', 'final-tiles-grid-gallery-lite') ?>
|
| 52 |
-
</td>
|
| 53 |
-
<td scope="col" class="manage-column column-title column-primary">
|
| 54 |
-
<?php esc_html_e('type', 'final-tiles-grid-gallery-lite') ?>
|
| 55 |
-
</td>
|
| 56 |
-
<td scope="col" class="manage-column column-title column-primary">
|
| 57 |
-
<?php esc_html_e('Shortcode', 'final-tiles-grid-gallery-lite') ?>
|
| 58 |
-
</td>
|
| 59 |
-
</thead>
|
| 60 |
-
|
| 61 |
-
<tbody id="the-list">
|
| 62 |
-
<?php foreach($galleries as $gallery) : ?>
|
| 63 |
-
<tr id="gallery-<?php echo absint($gallery->Id); ?>" class="iedit author-self level-0 post-10 type-post status-publish format-standard hentry">
|
| 64 |
-
<td class="title column-title has-row-actions column-primary page-title" data-colname="Title">
|
| 65 |
-
<strong>
|
| 66 |
-
<a href="<?php echo esc_url( admin_url('?page=ftg-lite-gallery-admin&id='.absint($gallery->Id) ) ); ?>"><?php echo esc_html($gallery->name); ?></a>
|
| 67 |
-
</strong>
|
| 68 |
-
<div class="row-actions">
|
| 69 |
-
<span class="edit">
|
| 70 |
-
<a href="<?php echo esc_url( admin_url('?page=ftg-lite-gallery-admin&id=' . absint( $gallery->Id ) ) ); ?>" aria-label="Edit"><?php esc_html_e("Edit","final-tiles-grid-gallery-lite") ?></a> |
|
| 71 |
-
</span>
|
| 72 |
-
<span class="edit">
|
| 73 |
-
<a href="#" class="clone-gallery" data-gid="<?php echo absint($gallery->Id); ?>" aria-label="Clone"><?php esc_html_e("Clone gallery","final-tiles-grid-gallery-lite") ?></a> |
|
| 74 |
-
</span>
|
| 75 |
-
<span class="trash">
|
| 76 |
-
<a href="#delete-gallery-modal" data-gid="<?php echo absint($gallery->Id); ?>" class="modal-trigger submitdelete"><?php esc_html_e("Delete gallery", "final-tiles-grid-gallery-lite") ?></a>
|
| 77 |
-
</span>
|
| 78 |
-
</div>
|
| 79 |
-
</td>
|
| 80 |
-
<td class="title column-title has-row-actions column-primary">
|
| 81 |
-
<?php echo wp_kses_post($gallery->description); ?>
|
| 82 |
-
</td>
|
| 83 |
-
<td class="title column-title has-row-actions column-primary">
|
| 84 |
-
<?php echo wp_kses_post($gallery->source); ?>
|
| 85 |
-
</td>
|
| 86 |
-
<td class="title column-title has-row-actions column-primary">
|
| 87 |
-
<input readonly type="text" value="[FinalTilesGallery id='<?php echo absint($gallery->Id); ?>']" style="height:30px;">
|
| 88 |
-
<a href="#" title="Click to copy shortcode" class="copy-ftg-shortcode button button-primary dashicons dashicons-format-gallery" style="width:40px;"></a><span style="margin-left:15px;"></span>
|
| 89 |
-
</td>
|
| 90 |
-
</tr>
|
| 91 |
-
<?php endforeach ?>
|
| 92 |
-
</tbody>
|
| 93 |
-
</table>
|
| 94 |
-
</div>
|
| 95 |
-
<div class="col s3">
|
| 96 |
-
<?php if (ftg_fs()->is_not_paying() ) : ?>
|
| 97 |
-
<ul class="collapsible gallery-actions">
|
| 98 |
-
<li class="active">
|
| 99 |
-
<div class="collapsible-header"><?php esc_html_e('Upgrade', 'final-tiles-grid-gallery-lite') ?>: <?php esc_html_e('unlock features', 'final-tiles-grid-gallery-lite') ?></div>
|
| 100 |
-
<div class="collapsible-body">
|
| 101 |
-
<div class="ftg-upsell">
|
| 102 |
-
<a href="<?php echo esc_url( ftg_fs()->get_upgrade_url() ); ?>"><i class="fa fa-hand-o-right"></i> <?php esc_html_e('Upgrade', 'final-tiles-grid-gallery-lite') ?></a>
|
| 103 |
-
</div>
|
| 104 |
-
</div>
|
| 105 |
-
</li>
|
| 106 |
-
</ul>
|
| 107 |
-
<?php endif ?>
|
| 108 |
-
<?php if (ftg_fs()->is_paying() && false) : ?>
|
| 109 |
-
<ul class="collapsible gallery-actions">
|
| 110 |
-
<li class="active">
|
| 111 |
-
<div class="collapsible-header">
|
| 112 |
-
<?php esc_html_e('Redeem your coupon', 'final-tiles-grid-gallery-lite')?>
|
| 113 |
-
</div>
|
| 114 |
-
<div class="collapsible-body">
|
| 115 |
-
<a href="<?php echo esc_url( admin_url('admin.php?page=ftg-add-gallery') ); ?>" class="button components-button is-primary"><?php esc_html_e('Add gallery', 'final-tiles-grid-gallery-lite')?></a>
|
| 116 |
-
<a href="#" class="no-thank-you"><?php esc_html_e('No, thank you', 'final-tiles-grid-gallery-lite') ?></a>
|
| 117 |
-
</div>
|
| 118 |
-
</li>
|
| 119 |
-
</ul>
|
| 120 |
-
<?php endif ?>
|
| 121 |
-
<ul class="collapsible gallery-actions">
|
| 122 |
-
<li class="active">
|
| 123 |
-
<div class="collapsible-header">
|
| 124 |
-
<?php esc_html_e('Galleries', 'final-tiles-grid-gallery-lite')?>
|
| 125 |
-
</div>
|
| 126 |
-
<div class="collapsible-body">
|
| 127 |
-
<a href="<?php echo esc_url( admin_url('admin.php?page=ftg-add-gallery') );?>" class="button components-button is-primary"><?php esc_html_e('Add gallery', 'final-tiles-grid-gallery-lite')?></a>
|
| 128 |
-
</div>
|
| 129 |
-
</li>
|
| 130 |
-
</ul>
|
| 131 |
-
</div>
|
| 132 |
-
|
| 133 |
-
</div>
|
| 134 |
-
<?php endif ?>
|
| 135 |
-
</div>
|
| 136 |
-
|
| 137 |
-
<!-- Delete gallery modal -->
|
| 138 |
-
<div id="delete-gallery-modal" class="modal">
|
| 139 |
-
<div class="modal-content">
|
| 140 |
-
<h4><?php esc_html_e('Confirmation', 'final-tiles-grid-gallery-lite')?></h4>
|
| 141 |
-
<p><?php esc_html_e('Do you really want to delete the gallery', 'final-tiles-grid-gallery-lite')?> <span></span> ?</p>
|
| 142 |
-
</div>
|
| 143 |
-
<div class="modal-footer">
|
| 144 |
-
<a href="#!" class=" modal-action modal-close waves-effect waves-green btn-flat yes"><?php esc_html_e('Yes', 'final-tiles-grid-gallery-lite')?></a>
|
| 145 |
-
<a href="#!" class=" modal-action modal-close waves-effect waves-green btn-flat"><?php esc_html_e('No', 'final-tiles-grid-gallery-lite')?></a>
|
| 146 |
-
</div>
|
| 147 |
-
</div>
|
| 148 |
-
<!-- Shortcode gallery modal -->
|
| 149 |
-
<div id="shortcode-gallery-modal" class="modal">
|
| 150 |
-
<div class="modal-content">
|
| 151 |
-
<h4></h4>
|
| 152 |
-
<p><?php esc_html_e('Copy and paste the following shortcode inside a post, page or widget:', 'final-tiles-grid-gallery-lite')?></p>
|
| 153 |
-
<code></code>
|
| 154 |
-
</div>
|
| 155 |
-
<div class="modal-footer">
|
| 156 |
-
<a href="#!" class=" modal-action modal-close waves-effect waves-green btn-flat"><?php esc_html_e('Close', 'final-tiles-grid-gallery-lite')?></a>
|
| 157 |
-
</div>
|
| 158 |
-
</div>
|
| 159 |
-
|
| 160 |
-
<div class="preloader-wrapper big active" id="spinner">
|
| 161 |
-
<div class="spinner-layer spinner-blue-only">
|
| 162 |
-
<div class="circle-clipper left">
|
| 163 |
-
<div class="circle"></div>
|
| 164 |
-
</div><div class="gap-patch">
|
| 165 |
-
<div class="circle"></div>
|
| 166 |
-
</div><div class="circle-clipper right">
|
| 167 |
-
<div class="circle"></div>
|
| 168 |
-
</div>
|
| 169 |
-
</div>
|
| 170 |
-
</div>
|
| 171 |
-
<script>
|
| 172 |
-
(function ($){
|
| 173 |
-
var galleryId;
|
| 174 |
-
var galleryName;
|
| 175 |
-
|
| 176 |
-
$("[data-gid]").click(function () {
|
| 177 |
-
galleryId = $(this).data("gid");
|
| 178 |
-
});
|
| 179 |
-
|
| 180 |
-
$(".delete-gallery").click(function (e) {
|
| 181 |
-
e.preventDefault();
|
| 182 |
-
|
| 183 |
-
galleryName = $(this).parents(".data").find(".card-title").text();
|
| 184 |
-
$("#delete-gallery-modal span").text(galleryName);
|
| 185 |
-
});
|
| 186 |
-
$(".clone-gallery").click(function (e) {
|
| 187 |
-
e.preventDefault();
|
| 188 |
-
var id = $(this).data("gid");
|
| 189 |
-
FTG.show_loading();
|
| 190 |
-
|
| 191 |
-
$.ajax({
|
| 192 |
-
url: ajaxurl,
|
| 193 |
-
data: {
|
| 194 |
-
action: 'clone_gallery',
|
| 195 |
-
id: id,
|
| 196 |
-
FinalTiles_gallery: $('#FinalTiles_gallery').val()
|
| 197 |
-
},
|
| 198 |
-
dataType: "json",
|
| 199 |
-
type: "post",
|
| 200 |
-
error: function(a, b, c) {
|
| 201 |
-
FTG.hide_loading();
|
| 202 |
-
},
|
| 203 |
-
success: function(r) {
|
| 204 |
-
location.href = "?page=ftg-lite-gallery-admin";
|
| 205 |
-
}
|
| 206 |
-
});
|
| 207 |
-
});
|
| 208 |
-
$(".show-shortcode").click(function(e) {
|
| 209 |
-
e.preventDefault();
|
| 210 |
-
|
| 211 |
-
var id = $(this).data("gid");
|
| 212 |
-
var name = $(this).parents(".data").find(".card-title").text();
|
| 213 |
-
$("#shortcode-gallery-modal h4").text(name);
|
| 214 |
-
$("#shortcode-gallery-modal code").text("[FinalTilesGallery id='"+id+"']");
|
| 215 |
-
$("#shortcode-gallery-modal").openModal();
|
| 216 |
-
});
|
| 217 |
-
$("body").on("click", "#delete-gallery-modal .yes", function () {
|
| 218 |
-
FTG.show_loading();
|
| 219 |
-
$.ajax({
|
| 220 |
-
url: ajaxurl,
|
| 221 |
-
data: {
|
| 222 |
-
action: 'delete_gallery',
|
| 223 |
-
id: galleryId,
|
| 224 |
-
FinalTiles_gallery: $('#FinalTiles_gallery').val()
|
| 225 |
-
},
|
| 226 |
-
dataType: "json",
|
| 227 |
-
type: "post",
|
| 228 |
-
error: function(a, b, c) {
|
| 229 |
-
console.log(a, b, c);
|
| 230 |
-
FTG.hide_loading();
|
| 231 |
-
},
|
| 232 |
-
success: function(r) {
|
| 233 |
-
$("#gallery-" + galleryId).remove();
|
| 234 |
-
FTG.hide_loading();
|
| 235 |
-
}
|
| 236 |
-
});
|
| 237 |
-
});
|
| 238 |
-
})(jQuery);
|
| 239 |
</script>
|
| 1 |
+
<?php if(preg_match('#' . basename(__FILE__) . '#', $_SERVER['PHP_SELF'])) { die(esc_html_e('You are not allowed to call this page directly.', 'final-tiles-grid-gallery-lite')); } ?>
|
| 2 |
+
|
| 3 |
+
<?php $ftg_subtitle = "Dashboard" ?>
|
| 4 |
+
|
| 5 |
+
<?php
|
| 6 |
+
$galleries = $this->FinalTilesdb->getGalleries();
|
| 7 |
+
?>
|
| 8 |
+
|
| 9 |
+
<div class="bd wrap">
|
| 10 |
+
<h1 class="wp-heading-inline"><?php echo esc_html('Final Tiles Gallery') ?> <small><?php echo esc_html( FTGVERSION ) . " " . esc_html( FTG_PLAN ); ?></small></h1>
|
| 11 |
+
<h2 class="ftg-subtitle"><?php esc_html_e('Galleries','final-tiles-grid-gallery-lite') ?></h2>
|
| 12 |
+
<hr class="wp-header-end">
|
| 13 |
+
<?php if(count($galleries) == 0) : ?>
|
| 14 |
+
<div class="row ">
|
| 15 |
+
<div class="col s9">
|
| 16 |
+
<div class="card-panel light-green lighten-4">
|
| 17 |
+
<h5 class="cyan-text text-darken-3"><?php esc_html_e('Welcome to Final Tiles Grid Gallery!', 'final-tiles-grid-gallery-lite')?></h5>
|
| 18 |
+
<p>
|
| 19 |
+
<?php esc_html_e('Create your first awesome gallery, click', 'final-tiles-grid-gallery-lite')?> <a href="<?php echo esc_url( admin_url('admin.php?page=ftg-add-gallery') ); ?>"><?php esc_html_e('here', 'final-tiles-grid-gallery-lite')?></a>.
|
| 20 |
+
</p>
|
| 21 |
+
</div>
|
| 22 |
+
</div>
|
| 23 |
+
<div class="col s3">
|
| 24 |
+
<?php if ( ftg_fs()->is_not_paying()) : ?>
|
| 25 |
+
<ul class="collapsible gallery-actions">
|
| 26 |
+
<li class="active">
|
| 27 |
+
<div class="collapsible-header"><?php esc_html_e('Upgrade', 'final-tiles-grid-gallery-lite') ?>: <?php esc_html_e('unlock features', 'final-tiles-grid-gallery-lite') ?></div>
|
| 28 |
+
<div class="collapsible-body">
|
| 29 |
+
<div class="ftg-upsell">
|
| 30 |
+
<a href="<?php echo esc_url( ftg_fs()->get_upgrade_url() ); ?>"><i class="fa fa-hand-o-right"></i> <?php esc_html_e('Upgrade', 'final-tiles-grid-gallery-lite') ?></a>
|
| 31 |
+
</div>
|
| 32 |
+
</div>
|
| 33 |
+
</li>
|
| 34 |
+
</ul>
|
| 35 |
+
<?php endif ?>
|
| 36 |
+
</div>
|
| 37 |
+
</div>
|
| 38 |
+
<?php else : ?>
|
| 39 |
+
<div id="gallery-list" class="row">
|
| 40 |
+
<form id="reloadform"></form>
|
| 41 |
+
<div class="col s9">
|
| 42 |
+
<?php wp_nonce_field('FinalTiles_gallery', 'FinalTiles_gallery'); ?>
|
| 43 |
+
|
| 44 |
+
<table class="wp-list-table widefat fixed striped posts">
|
| 45 |
+
<thead>
|
| 46 |
+
<tr>
|
| 47 |
+
<td scope="col" class="manage-column column-title column-primary">
|
| 48 |
+
<?php esc_html_e('Title', 'final-tiles-grid-gallery-lite') ?>
|
| 49 |
+
</td>
|
| 50 |
+
<td scope="col" class="manage-column column-title column-primary">
|
| 51 |
+
<?php esc_html_e('Description', 'final-tiles-grid-gallery-lite') ?>
|
| 52 |
+
</td>
|
| 53 |
+
<td scope="col" class="manage-column column-title column-primary">
|
| 54 |
+
<?php esc_html_e('type', 'final-tiles-grid-gallery-lite') ?>
|
| 55 |
+
</td>
|
| 56 |
+
<td scope="col" class="manage-column column-title column-primary">
|
| 57 |
+
<?php esc_html_e('Shortcode', 'final-tiles-grid-gallery-lite') ?>
|
| 58 |
+
</td>
|
| 59 |
+
</thead>
|
| 60 |
+
|
| 61 |
+
<tbody id="the-list">
|
| 62 |
+
<?php foreach($galleries as $gallery) : ?>
|
| 63 |
+
<tr id="gallery-<?php echo absint($gallery->Id); ?>" class="iedit author-self level-0 post-10 type-post status-publish format-standard hentry">
|
| 64 |
+
<td class="title column-title has-row-actions column-primary page-title" data-colname="Title">
|
| 65 |
+
<strong>
|
| 66 |
+
<a href="<?php echo esc_url( admin_url('?page=ftg-lite-gallery-admin&id='.absint($gallery->Id) ) ); ?>"><?php echo esc_html($gallery->name); ?></a>
|
| 67 |
+
</strong>
|
| 68 |
+
<div class="row-actions">
|
| 69 |
+
<span class="edit">
|
| 70 |
+
<a href="<?php echo esc_url( admin_url('?page=ftg-lite-gallery-admin&id=' . absint( $gallery->Id ) ) ); ?>" aria-label="Edit"><?php esc_html_e("Edit","final-tiles-grid-gallery-lite") ?></a> |
|
| 71 |
+
</span>
|
| 72 |
+
<span class="edit">
|
| 73 |
+
<a href="#" class="clone-gallery" data-gid="<?php echo absint($gallery->Id); ?>" aria-label="Clone"><?php esc_html_e("Clone gallery","final-tiles-grid-gallery-lite") ?></a> |
|
| 74 |
+
</span>
|
| 75 |
+
<span class="trash">
|
| 76 |
+
<a href="#delete-gallery-modal" data-gid="<?php echo absint($gallery->Id); ?>" class="modal-trigger submitdelete"><?php esc_html_e("Delete gallery", "final-tiles-grid-gallery-lite") ?></a>
|
| 77 |
+
</span>
|
| 78 |
+
</div>
|
| 79 |
+
</td>
|
| 80 |
+
<td class="title column-title has-row-actions column-primary">
|
| 81 |
+
<?php echo wp_kses_post($gallery->description); ?>
|
| 82 |
+
</td>
|
| 83 |
+
<td class="title column-title has-row-actions column-primary">
|
| 84 |
+
<?php echo wp_kses_post($gallery->source); ?>
|
| 85 |
+
</td>
|
| 86 |
+
<td class="title column-title has-row-actions column-primary">
|
| 87 |
+
<input readonly type="text" value="[FinalTilesGallery id='<?php echo absint($gallery->Id); ?>']" style="height:30px;">
|
| 88 |
+
<a href="#" title="Click to copy shortcode" class="copy-ftg-shortcode button button-primary dashicons dashicons-format-gallery" style="width:40px;"></a><span style="margin-left:15px;"></span>
|
| 89 |
+
</td>
|
| 90 |
+
</tr>
|
| 91 |
+
<?php endforeach ?>
|
| 92 |
+
</tbody>
|
| 93 |
+
</table>
|
| 94 |
+
</div>
|
| 95 |
+
<div class="col s3">
|
| 96 |
+
<?php if (ftg_fs()->is_not_paying() ) : ?>
|
| 97 |
+
<ul class="collapsible gallery-actions">
|
| 98 |
+
<li class="active">
|
| 99 |
+
<div class="collapsible-header"><?php esc_html_e('Upgrade', 'final-tiles-grid-gallery-lite') ?>: <?php esc_html_e('unlock features', 'final-tiles-grid-gallery-lite') ?></div>
|
| 100 |
+
<div class="collapsible-body">
|
| 101 |
+
<div class="ftg-upsell">
|
| 102 |
+
<a href="<?php echo esc_url( ftg_fs()->get_upgrade_url() ); ?>"><i class="fa fa-hand-o-right"></i> <?php esc_html_e('Upgrade', 'final-tiles-grid-gallery-lite') ?></a>
|
| 103 |
+
</div>
|
| 104 |
+
</div>
|
| 105 |
+
</li>
|
| 106 |
+
</ul>
|
| 107 |
+
<?php endif ?>
|
| 108 |
+
<?php if (ftg_fs()->is_paying() && false) : ?>
|
| 109 |
+
<ul class="collapsible gallery-actions">
|
| 110 |
+
<li class="active">
|
| 111 |
+
<div class="collapsible-header">
|
| 112 |
+
<?php esc_html_e('Redeem your coupon', 'final-tiles-grid-gallery-lite')?>
|
| 113 |
+
</div>
|
| 114 |
+
<div class="collapsible-body">
|
| 115 |
+
<a href="<?php echo esc_url( admin_url('admin.php?page=ftg-add-gallery') ); ?>" class="button components-button is-primary"><?php esc_html_e('Add gallery', 'final-tiles-grid-gallery-lite')?></a>
|
| 116 |
+
<a href="#" class="no-thank-you"><?php esc_html_e('No, thank you', 'final-tiles-grid-gallery-lite') ?></a>
|
| 117 |
+
</div>
|
| 118 |
+
</li>
|
| 119 |
+
</ul>
|
| 120 |
+
<?php endif ?>
|
| 121 |
+
<ul class="collapsible gallery-actions">
|
| 122 |
+
<li class="active">
|
| 123 |
+
<div class="collapsible-header">
|
| 124 |
+
<?php esc_html_e('Galleries', 'final-tiles-grid-gallery-lite')?>
|
| 125 |
+
</div>
|
| 126 |
+
<div class="collapsible-body">
|
| 127 |
+
<a href="<?php echo esc_url( admin_url('admin.php?page=ftg-add-gallery') );?>" class="button components-button is-primary"><?php esc_html_e('Add gallery', 'final-tiles-grid-gallery-lite')?></a>
|
| 128 |
+
</div>
|
| 129 |
+
</li>
|
| 130 |
+
</ul>
|
| 131 |
+
</div>
|
| 132 |
+
|
| 133 |
+
</div>
|
| 134 |
+
<?php endif ?>
|
| 135 |
+
</div>
|
| 136 |
+
|
| 137 |
+
<!-- Delete gallery modal -->
|
| 138 |
+
<div id="delete-gallery-modal" class="modal">
|
| 139 |
+
<div class="modal-content">
|
| 140 |
+
<h4><?php esc_html_e('Confirmation', 'final-tiles-grid-gallery-lite')?></h4>
|
| 141 |
+
<p><?php esc_html_e('Do you really want to delete the gallery', 'final-tiles-grid-gallery-lite')?> <span></span> ?</p>
|
| 142 |
+
</div>
|
| 143 |
+
<div class="modal-footer">
|
| 144 |
+
<a href="#!" class=" modal-action modal-close waves-effect waves-green btn-flat yes"><?php esc_html_e('Yes', 'final-tiles-grid-gallery-lite')?></a>
|
| 145 |
+
<a href="#!" class=" modal-action modal-close waves-effect waves-green btn-flat"><?php esc_html_e('No', 'final-tiles-grid-gallery-lite')?></a>
|
| 146 |
+
</div>
|
| 147 |
+
</div>
|
| 148 |
+
<!-- Shortcode gallery modal -->
|
| 149 |
+
<div id="shortcode-gallery-modal" class="modal">
|
| 150 |
+
<div class="modal-content">
|
| 151 |
+
<h4></h4>
|
| 152 |
+
<p><?php esc_html_e('Copy and paste the following shortcode inside a post, page or widget:', 'final-tiles-grid-gallery-lite')?></p>
|
| 153 |
+
<code></code>
|
| 154 |
+
</div>
|
| 155 |
+
<div class="modal-footer">
|
| 156 |
+
<a href="#!" class=" modal-action modal-close waves-effect waves-green btn-flat"><?php esc_html_e('Close', 'final-tiles-grid-gallery-lite')?></a>
|
| 157 |
+
</div>
|
| 158 |
+
</div>
|
| 159 |
+
|
| 160 |
+
<div class="preloader-wrapper big active" id="spinner">
|
| 161 |
+
<div class="spinner-layer spinner-blue-only">
|
| 162 |
+
<div class="circle-clipper left">
|
| 163 |
+
<div class="circle"></div>
|
| 164 |
+
</div><div class="gap-patch">
|
| 165 |
+
<div class="circle"></div>
|
| 166 |
+
</div><div class="circle-clipper right">
|
| 167 |
+
<div class="circle"></div>
|
| 168 |
+
</div>
|
| 169 |
+
</div>
|
| 170 |
+
</div>
|
| 171 |
+
<script>
|
| 172 |
+
(function ($){
|
| 173 |
+
var galleryId;
|
| 174 |
+
var galleryName;
|
| 175 |
+
|
| 176 |
+
$("[data-gid]").click(function () {
|
| 177 |
+
galleryId = $(this).data("gid");
|
| 178 |
+
});
|
| 179 |
+
|
| 180 |
+
$(".delete-gallery").click(function (e) {
|
| 181 |
+
e.preventDefault();
|
| 182 |
+
|
| 183 |
+
galleryName = $(this).parents(".data").find(".card-title").text();
|
| 184 |
+
$("#delete-gallery-modal span").text(galleryName);
|
| 185 |
+
});
|
| 186 |
+
$(".clone-gallery").click(function (e) {
|
| 187 |
+
e.preventDefault();
|
| 188 |
+
var id = $(this).data("gid");
|
| 189 |
+
FTG.show_loading();
|
| 190 |
+
|
| 191 |
+
$.ajax({
|
| 192 |
+
url: ajaxurl,
|
| 193 |
+
data: {
|
| 194 |
+
action: 'clone_gallery',
|
| 195 |
+
id: id,
|
| 196 |
+
FinalTiles_gallery: $('#FinalTiles_gallery').val()
|
| 197 |
+
},
|
| 198 |
+
dataType: "json",
|
| 199 |
+
type: "post",
|
| 200 |
+
error: function(a, b, c) {
|
| 201 |
+
FTG.hide_loading();
|
| 202 |
+
},
|
| 203 |
+
success: function(r) {
|
| 204 |
+
location.href = "?page=ftg-lite-gallery-admin";
|
| 205 |
+
}
|
| 206 |
+
});
|
| 207 |
+
});
|
| 208 |
+
$(".show-shortcode").click(function(e) {
|
| 209 |
+
e.preventDefault();
|
| 210 |
+
|
| 211 |
+
var id = $(this).data("gid");
|
| 212 |
+
var name = $(this).parents(".data").find(".card-title").text();
|
| 213 |
+
$("#shortcode-gallery-modal h4").text(name);
|
| 214 |
+
$("#shortcode-gallery-modal code").text("[FinalTilesGallery id='"+id+"']");
|
| 215 |
+
$("#shortcode-gallery-modal").openModal();
|
| 216 |
+
});
|
| 217 |
+
$("body").on("click", "#delete-gallery-modal .yes", function () {
|
| 218 |
+
FTG.show_loading();
|
| 219 |
+
$.ajax({
|
| 220 |
+
url: ajaxurl,
|
| 221 |
+
data: {
|
| 222 |
+
action: 'delete_gallery',
|
| 223 |
+
id: galleryId,
|
| 224 |
+
FinalTiles_gallery: $('#FinalTiles_gallery').val()
|
| 225 |
+
},
|
| 226 |
+
dataType: "json",
|
| 227 |
+
type: "post",
|
| 228 |
+
error: function(a, b, c) {
|
| 229 |
+
console.log(a, b, c);
|
| 230 |
+
FTG.hide_loading();
|
| 231 |
+
},
|
| 232 |
+
success: function(r) {
|
| 233 |
+
$("#gallery-" + galleryId).remove();
|
| 234 |
+
FTG.hide_loading();
|
| 235 |
+
}
|
| 236 |
+
});
|
| 237 |
+
});
|
| 238 |
+
})(jQuery);
|
| 239 |
</script>
|
admin/scripts/admin.js
CHANGED
|
@@ -1,21 +1,21 @@
|
|
| 1 |
-
jQuery(function () {
|
| 2 |
-
var $ = jQuery;
|
| 3 |
-
|
| 4 |
-
$(".fs-modal").on("click", 'input', function () {
|
| 5 |
-
if($(this).val() == "2" || $(this).val() == "7") {
|
| 6 |
-
$(this).parents(".reason").find('input[type="text"], .message').hide();
|
| 7 |
-
$(this).parents(".reason").addClass("other-plugin").find(".reason-input").prepend("<p class='photoblocks-tip'>👉 Maybe <a href='plugin-install.php?s=photoblocks&tab=search&type=term'>PhotoBlocks</a> could be the right gallery for you!</p>");
|
| 8 |
-
}
|
| 9 |
-
});
|
| 10 |
-
|
| 11 |
-
// Copy shortcode functionality
|
| 12 |
-
$('.copy-ftg-shortcode').click(function (e) {
|
| 13 |
-
e.preventDefault();
|
| 14 |
-
var gallery_shortcode = $(this).parent().find('input');
|
| 15 |
-
gallery_shortcode.focus();
|
| 16 |
-
gallery_shortcode.select();
|
| 17 |
-
document.execCommand("copy");
|
| 18 |
-
$(this).next('span').text('Copied');
|
| 19 |
-
setTimeout( function() { $('.copy-ftg-shortcode ~ span').text('') }, 1000) ;
|
| 20 |
-
});
|
| 21 |
});
|
| 1 |
+
jQuery(function () {
|
| 2 |
+
var $ = jQuery;
|
| 3 |
+
|
| 4 |
+
$(".fs-modal").on("click", 'input', function () {
|
| 5 |
+
if($(this).val() == "2" || $(this).val() == "7") {
|
| 6 |
+
$(this).parents(".reason").find('input[type="text"], .message').hide();
|
| 7 |
+
$(this).parents(".reason").addClass("other-plugin").find(".reason-input").prepend("<p class='photoblocks-tip'>👉 Maybe <a href='plugin-install.php?s=photoblocks&tab=search&type=term'>PhotoBlocks</a> could be the right gallery for you!</p>");
|
| 8 |
+
}
|
| 9 |
+
});
|
| 10 |
+
|
| 11 |
+
// Copy shortcode functionality
|
| 12 |
+
$('.copy-ftg-shortcode').click(function (e) {
|
| 13 |
+
e.preventDefault();
|
| 14 |
+
var gallery_shortcode = $(this).parent().find('input');
|
| 15 |
+
gallery_shortcode.focus();
|
| 16 |
+
gallery_shortcode.select();
|
| 17 |
+
document.execCommand("copy");
|
| 18 |
+
$(this).next('span').text('Copied');
|
| 19 |
+
setTimeout( function() { $('.copy-ftg-shortcode ~ span').text('') }, 1000) ;
|
| 20 |
+
});
|
| 21 |
});
|
admin/scripts/editor-plugin.js
CHANGED
|
@@ -1,32 +1,32 @@
|
|
| 1 |
-
(function() {
|
| 2 |
-
tinymce.create('tinymce.plugins.FinalTilesGallery', {
|
| 3 |
-
init : function(ed, url)
|
| 4 |
-
{
|
| 5 |
-
ed.addCommand('ftg_shortcode_editor_button', function()
|
| 6 |
-
{
|
| 7 |
-
ed.windowManager.open(
|
| 8 |
-
{
|
| 9 |
-
file: ajaxurl + '?action=ftg_shortcode_editor',
|
| 10 |
-
width : 900 + parseInt(ed.getLang('button.delta_width', 0)),
|
| 11 |
-
height : 500 + parseInt(ed.getLang('button.delta_height', 0)),
|
| 12 |
-
inline : 1
|
| 13 |
-
}, {
|
| 14 |
-
plugin_url : url
|
| 15 |
-
});
|
| 16 |
-
});
|
| 17 |
-
|
| 18 |
-
ed.addButton('ftg_shortcode_editor', {title : 'Final Tiles Gallery', cmd : 'ftg_shortcode_editor_button', image: url.substring(0,url.lastIndexOf("/admin/scripts")) + '/admin/icon.png' });
|
| 19 |
-
},
|
| 20 |
-
getInfo : function()
|
| 21 |
-
{
|
| 22 |
-
return {
|
| 23 |
-
longname : 'Final Tiles Gallery',
|
| 24 |
-
author : 'MachoThemes',
|
| 25 |
-
authorurl : 'https://machothemes.com',
|
| 26 |
-
infourl : 'https://machothemes.com',
|
| 27 |
-
version : tinymce.majorVersion + "." + tinymce.minorVersion
|
| 28 |
-
};
|
| 29 |
-
}
|
| 30 |
-
});
|
| 31 |
-
tinymce.PluginManager.add('ftg_shortcode_editor', tinymce.plugins.FinalTilesGallery);
|
| 32 |
})();
|
| 1 |
+
(function() {
|
| 2 |
+
tinymce.create('tinymce.plugins.FinalTilesGallery', {
|
| 3 |
+
init : function(ed, url)
|
| 4 |
+
{
|
| 5 |
+
ed.addCommand('ftg_shortcode_editor_button', function()
|
| 6 |
+
{
|
| 7 |
+
ed.windowManager.open(
|
| 8 |
+
{
|
| 9 |
+
file: ajaxurl + '?action=ftg_shortcode_editor',
|
| 10 |
+
width : 900 + parseInt(ed.getLang('button.delta_width', 0)),
|
| 11 |
+
height : 500 + parseInt(ed.getLang('button.delta_height', 0)),
|
| 12 |
+
inline : 1
|
| 13 |
+
}, {
|
| 14 |
+
plugin_url : url
|
| 15 |
+
});
|
| 16 |
+
});
|
| 17 |
+
|
| 18 |
+
ed.addButton('ftg_shortcode_editor', {title : 'Final Tiles Gallery', cmd : 'ftg_shortcode_editor_button', image: url.substring(0,url.lastIndexOf("/admin/scripts")) + '/admin/icon.png' });
|
| 19 |
+
},
|
| 20 |
+
getInfo : function()
|
| 21 |
+
{
|
| 22 |
+
return {
|
| 23 |
+
longname : 'Final Tiles Gallery',
|
| 24 |
+
author : 'MachoThemes',
|
| 25 |
+
authorurl : 'https://machothemes.com',
|
| 26 |
+
infourl : 'https://machothemes.com',
|
| 27 |
+
version : tinymce.majorVersion + "." + tinymce.minorVersion
|
| 28 |
+
};
|
| 29 |
+
}
|
| 30 |
+
});
|
| 31 |
+
tinymce.PluginManager.add('ftg_shortcode_editor', tinymce.plugins.FinalTilesGallery);
|
| 32 |
})();
|
admin/scripts/final-tiles-gallery-admin.js
CHANGED
|
File without changes
|
admin/scripts/materialize.min.js
CHANGED
|
@@ -1,11961 +1,11961 @@
|
|
| 1 |
-
/*!
|
| 2 |
-
* Materialize v1.0.0 (http://materializecss.com)
|
| 3 |
-
* Copyright 2014-2017 Materialize
|
| 4 |
-
* MIT License (https://raw.githubusercontent.com/Dogfalo/materialize/master/LICENSE)
|
| 5 |
-
*/
|
| 6 |
-
var _get = function get(object, property, receiver) { if (object === null) object = Function.prototype; var desc = Object.getOwnPropertyDescriptor(object, property); if (desc === undefined) { var parent = Object.getPrototypeOf(object); if (parent === null) { return undefined; } else { return get(parent, property, receiver); } } else if ("value" in desc) { return desc.value; } else { var getter = desc.get; if (getter === undefined) { return undefined; } return getter.call(receiver); } };
|
| 7 |
-
|
| 8 |
-
var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
|
| 9 |
-
|
| 10 |
-
function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
|
| 11 |
-
|
| 12 |
-
function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
|
| 13 |
-
|
| 14 |
-
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
| 15 |
-
|
| 16 |
-
/*! cash-dom 1.3.5, https://github.com/kenwheeler/cash @license MIT */
|
| 17 |
-
(function (factory) {
|
| 18 |
-
window.cash = factory();
|
| 19 |
-
})(function () {
|
| 20 |
-
var doc = document,
|
| 21 |
-
win = window,
|
| 22 |
-
ArrayProto = Array.prototype,
|
| 23 |
-
slice = ArrayProto.slice,
|
| 24 |
-
filter = ArrayProto.filter,
|
| 25 |
-
push = ArrayProto.push;
|
| 26 |
-
|
| 27 |
-
var noop = function () {},
|
| 28 |
-
isFunction = function (item) {
|
| 29 |
-
// @see https://crbug.com/568448
|
| 30 |
-
return typeof item === typeof noop && item.call;
|
| 31 |
-
},
|
| 32 |
-
isString = function (item) {
|
| 33 |
-
return typeof item === typeof "";
|
| 34 |
-
};
|
| 35 |
-
|
| 36 |
-
var idMatch = /^#[\w-]*$/,
|
| 37 |
-
classMatch = /^\.[\w-]*$/,
|
| 38 |
-
htmlMatch = /<.+>/,
|
| 39 |
-
singlet = /^\w+$/;
|
| 40 |
-
|
| 41 |
-
function find(selector, context) {
|
| 42 |
-
context = context || doc;
|
| 43 |
-
var elems = classMatch.test(selector) ? context.getElementsByClassName(selector.slice(1)) : singlet.test(selector) ? context.getElementsByTagName(selector) : context.querySelectorAll(selector);
|
| 44 |
-
return elems;
|
| 45 |
-
}
|
| 46 |
-
|
| 47 |
-
var frag;
|
| 48 |
-
function parseHTML(str) {
|
| 49 |
-
if (!frag) {
|
| 50 |
-
frag = doc.implementation.createHTMLDocument(null);
|
| 51 |
-
var base = frag.createElement("base");
|
| 52 |
-
base.href = doc.location.href;
|
| 53 |
-
frag.head.appendChild(base);
|
| 54 |
-
}
|
| 55 |
-
|
| 56 |
-
frag.body.innerHTML = str;
|
| 57 |
-
|
| 58 |
-
return frag.body.childNodes;
|
| 59 |
-
}
|
| 60 |
-
|
| 61 |
-
function onReady(fn) {
|
| 62 |
-
if (doc.readyState !== "loading") {
|
| 63 |
-
fn();
|
| 64 |
-
} else {
|
| 65 |
-
doc.addEventListener("DOMContentLoaded", fn);
|
| 66 |
-
}
|
| 67 |
-
}
|
| 68 |
-
|
| 69 |
-
function Init(selector, context) {
|
| 70 |
-
if (!selector) {
|
| 71 |
-
return this;
|
| 72 |
-
}
|
| 73 |
-
|
| 74 |
-
// If already a cash collection, don't do any further processing
|
| 75 |
-
if (selector.cash && selector !== win) {
|
| 76 |
-
return selector;
|
| 77 |
-
}
|
| 78 |
-
|
| 79 |
-
var elems = selector,
|
| 80 |
-
i = 0,
|
| 81 |
-
length;
|
| 82 |
-
|
| 83 |
-
if (isString(selector)) {
|
| 84 |
-
elems = idMatch.test(selector) ?
|
| 85 |
-
// If an ID use the faster getElementById check
|
| 86 |
-
doc.getElementById(selector.slice(1)) : htmlMatch.test(selector) ?
|
| 87 |
-
// If HTML, parse it into real elements
|
| 88 |
-
parseHTML(selector) :
|
| 89 |
-
// else use `find`
|
| 90 |
-
find(selector, context);
|
| 91 |
-
|
| 92 |
-
// If function, use as shortcut for DOM ready
|
| 93 |
-
} else if (isFunction(selector)) {
|
| 94 |
-
onReady(selector);return this;
|
| 95 |
-
}
|
| 96 |
-
|
| 97 |
-
if (!elems) {
|
| 98 |
-
return this;
|
| 99 |
-
}
|
| 100 |
-
|
| 101 |
-
// If a single DOM element is passed in or received via ID, return the single element
|
| 102 |
-
if (elems.nodeType || elems === win) {
|
| 103 |
-
this[0] = elems;
|
| 104 |
-
this.length = 1;
|
| 105 |
-
} else {
|
| 106 |
-
// Treat like an array and loop through each item.
|
| 107 |
-
length = this.length = elems.length;
|
| 108 |
-
for (; i < length; i++) {
|
| 109 |
-
this[i] = elems[i];
|
| 110 |
-
}
|
| 111 |
-
}
|
| 112 |
-
|
| 113 |
-
return this;
|
| 114 |
-
}
|
| 115 |
-
|
| 116 |
-
function cash(selector, context) {
|
| 117 |
-
return new Init(selector, context);
|
| 118 |
-
}
|
| 119 |
-
|
| 120 |
-
var fn = cash.fn = cash.prototype = Init.prototype = { // jshint ignore:line
|
| 121 |
-
cash: true,
|
| 122 |
-
length: 0,
|
| 123 |
-
push: push,
|
| 124 |
-
splice: ArrayProto.splice,
|
| 125 |
-
map: ArrayProto.map,
|
| 126 |
-
init: Init
|
| 127 |
-
};
|
| 128 |
-
|
| 129 |
-
Object.defineProperty(fn, "constructor", { value: cash });
|
| 130 |
-
|
| 131 |
-
cash.parseHTML = parseHTML;
|
| 132 |
-
cash.noop = noop;
|
| 133 |
-
cash.isFunction = isFunction;
|
| 134 |
-
cash.isString = isString;
|
| 135 |
-
|
| 136 |
-
cash.extend = fn.extend = function (target) {
|
| 137 |
-
target = target || {};
|
| 138 |
-
|
| 139 |
-
var args = slice.call(arguments),
|
| 140 |
-
length = args.length,
|
| 141 |
-
i = 1;
|
| 142 |
-
|
| 143 |
-
if (args.length === 1) {
|
| 144 |
-
target = this;
|
| 145 |
-
i = 0;
|
| 146 |
-
}
|
| 147 |
-
|
| 148 |
-
for (; i < length; i++) {
|
| 149 |
-
if (!args[i]) {
|
| 150 |
-
continue;
|
| 151 |
-
}
|
| 152 |
-
for (var key in args[i]) {
|
| 153 |
-
if (args[i].hasOwnProperty(key)) {
|
| 154 |
-
target[key] = args[i][key];
|
| 155 |
-
}
|
| 156 |
-
}
|
| 157 |
-
}
|
| 158 |
-
|
| 159 |
-
return target;
|
| 160 |
-
};
|
| 161 |
-
|
| 162 |
-
function each(collection, callback) {
|
| 163 |
-
var l = collection.length,
|
| 164 |
-
i = 0;
|
| 165 |
-
|
| 166 |
-
for (; i < l; i++) {
|
| 167 |
-
if (callback.call(collection[i], collection[i], i, collection) === false) {
|
| 168 |
-
break;
|
| 169 |
-
}
|
| 170 |
-
}
|
| 171 |
-
}
|
| 172 |
-
|
| 173 |
-
function matches(el, selector) {
|
| 174 |
-
var m = el && (el.matches || el.webkitMatchesSelector || el.mozMatchesSelector || el.msMatchesSelector || el.oMatchesSelector);
|
| 175 |
-
return !!m && m.call(el, selector);
|
| 176 |
-
}
|
| 177 |
-
|
| 178 |
-
function getCompareFunction(selector) {
|
| 179 |
-
return (
|
| 180 |
-
/* Use browser's `matches` function if string */
|
| 181 |
-
isString(selector) ? matches :
|
| 182 |
-
/* Match a cash element */
|
| 183 |
-
selector.cash ? function (el) {
|
| 184 |
-
return selector.is(el);
|
| 185 |
-
} :
|
| 186 |
-
/* Direct comparison */
|
| 187 |
-
function (el, selector) {
|
| 188 |
-
return el === selector;
|
| 189 |
-
}
|
| 190 |
-
);
|
| 191 |
-
}
|
| 192 |
-
|
| 193 |
-
function unique(collection) {
|
| 194 |
-
return cash(slice.call(collection).filter(function (item, index, self) {
|
| 195 |
-
return self.indexOf(item) === index;
|
| 196 |
-
}));
|
| 197 |
-
}
|
| 198 |
-
|
| 199 |
-
cash.extend({
|
| 200 |
-
merge: function (first, second) {
|
| 201 |
-
var len = +second.length,
|
| 202 |
-
i = first.length,
|
| 203 |
-
j = 0;
|
| 204 |
-
|
| 205 |
-
for (; j < len; i++, j++) {
|
| 206 |
-
first[i] = second[j];
|
| 207 |
-
}
|
| 208 |
-
|
| 209 |
-
first.length = i;
|
| 210 |
-
return first;
|
| 211 |
-
},
|
| 212 |
-
|
| 213 |
-
each: each,
|
| 214 |
-
matches: matches,
|
| 215 |
-
unique: unique,
|
| 216 |
-
isArray: Array.isArray,
|
| 217 |
-
isNumeric: function (n) {
|
| 218 |
-
return !isNaN(parseFloat(n)) && isFinite(n);
|
| 219 |
-
}
|
| 220 |
-
|
| 221 |
-
});
|
| 222 |
-
|
| 223 |
-
var uid = cash.uid = "_cash" + Date.now();
|
| 224 |
-
|
| 225 |
-
function getDataCache(node) {
|
| 226 |
-
return node[uid] = node[uid] || {};
|
| 227 |
-
}
|
| 228 |
-
|
| 229 |
-
function setData(node, key, value) {
|
| 230 |
-
return getDataCache(node)[key] = value;
|
| 231 |
-
}
|
| 232 |
-
|
| 233 |
-
function getData(node, key) {
|
| 234 |
-
var c = getDataCache(node);
|
| 235 |
-
if (c[key] === undefined) {
|
| 236 |
-
c[key] = node.dataset ? node.dataset[key] : cash(node).attr("data-" + key);
|
| 237 |
-
}
|
| 238 |
-
return c[key];
|
| 239 |
-
}
|
| 240 |
-
|
| 241 |
-
function removeData(node, key) {
|
| 242 |
-
var c = getDataCache(node);
|
| 243 |
-
if (c) {
|
| 244 |
-
delete c[key];
|
| 245 |
-
} else if (node.dataset) {
|
| 246 |
-
delete node.dataset[key];
|
| 247 |
-
} else {
|
| 248 |
-
cash(node).removeAttr("data-" + name);
|
| 249 |
-
}
|
| 250 |
-
}
|
| 251 |
-
|
| 252 |
-
fn.extend({
|
| 253 |
-
data: function (name, value) {
|
| 254 |
-
if (isString(name)) {
|
| 255 |
-
return value === undefined ? getData(this[0], name) : this.each(function (v) {
|
| 256 |
-
return setData(v, name, value);
|
| 257 |
-
});
|
| 258 |
-
}
|
| 259 |
-
|
| 260 |
-
for (var key in name) {
|
| 261 |
-
this.data(key, name[key]);
|
| 262 |
-
}
|
| 263 |
-
|
| 264 |
-
return this;
|
| 265 |
-
},
|
| 266 |
-
|
| 267 |
-
removeData: function (key) {
|
| 268 |
-
return this.each(function (v) {
|
| 269 |
-
return removeData(v, key);
|
| 270 |
-
});
|
| 271 |
-
}
|
| 272 |
-
|
| 273 |
-
});
|
| 274 |
-
|
| 275 |
-
var notWhiteMatch = /\S+/g;
|
| 276 |
-
|
| 277 |
-
function getClasses(c) {
|
| 278 |
-
return isString(c) && c.match(notWhiteMatch);
|
| 279 |
-
}
|
| 280 |
-
|
| 281 |
-
function hasClass(v, c) {
|
| 282 |
-
return v.classList ? v.classList.contains(c) : new RegExp("(^| )" + c + "( |$)", "gi").test(v.className);
|
| 283 |
-
}
|
| 284 |
-
|
| 285 |
-
function addClass(v, c, spacedName) {
|
| 286 |
-
if (v.classList) {
|
| 287 |
-
v.classList.add(c);
|
| 288 |
-
} else if (spacedName.indexOf(" " + c + " ")) {
|
| 289 |
-
v.className += " " + c;
|
| 290 |
-
}
|
| 291 |
-
}
|
| 292 |
-
|
| 293 |
-
function removeClass(v, c) {
|
| 294 |
-
if (v.classList) {
|
| 295 |
-
v.classList.remove(c);
|
| 296 |
-
} else {
|
| 297 |
-
v.className = v.className.replace(c, "");
|
| 298 |
-
}
|
| 299 |
-
}
|
| 300 |
-
|
| 301 |
-
fn.extend({
|
| 302 |
-
addClass: function (c) {
|
| 303 |
-
var classes = getClasses(c);
|
| 304 |
-
|
| 305 |
-
return classes ? this.each(function (v) {
|
| 306 |
-
var spacedName = " " + v.className + " ";
|
| 307 |
-
each(classes, function (c) {
|
| 308 |
-
addClass(v, c, spacedName);
|
| 309 |
-
});
|
| 310 |
-
}) : this;
|
| 311 |
-
},
|
| 312 |
-
|
| 313 |
-
attr: function (name, value) {
|
| 314 |
-
if (!name) {
|
| 315 |
-
return undefined;
|
| 316 |
-
}
|
| 317 |
-
|
| 318 |
-
if (isString(name)) {
|
| 319 |
-
if (value === undefined) {
|
| 320 |
-
return this[0] ? this[0].getAttribute ? this[0].getAttribute(name) : this[0][name] : undefined;
|
| 321 |
-
}
|
| 322 |
-
|
| 323 |
-
return this.each(function (v) {
|
| 324 |
-
if (v.setAttribute) {
|
| 325 |
-
v.setAttribute(name, value);
|
| 326 |
-
} else {
|
| 327 |
-
v[name] = value;
|
| 328 |
-
}
|
| 329 |
-
});
|
| 330 |
-
}
|
| 331 |
-
|
| 332 |
-
for (var key in name) {
|
| 333 |
-
this.attr(key, name[key]);
|
| 334 |
-
}
|
| 335 |
-
|
| 336 |
-
return this;
|
| 337 |
-
},
|
| 338 |
-
|
| 339 |
-
hasClass: function (c) {
|
| 340 |
-
var check = false,
|
| 341 |
-
classes = getClasses(c);
|
| 342 |
-
if (classes && classes.length) {
|
| 343 |
-
this.each(function (v) {
|
| 344 |
-
check = hasClass(v, classes[0]);
|
| 345 |
-
return !check;
|
| 346 |
-
});
|
| 347 |
-
}
|
| 348 |
-
return check;
|
| 349 |
-
},
|
| 350 |
-
|
| 351 |
-
prop: function (name, value) {
|
| 352 |
-
if (isString(name)) {
|
| 353 |
-
return value === undefined ? this[0][name] : this.each(function (v) {
|
| 354 |
-
v[name] = value;
|
| 355 |
-
});
|
| 356 |
-
}
|
| 357 |
-
|
| 358 |
-
for (var key in name) {
|
| 359 |
-
this.prop(key, name[key]);
|
| 360 |
-
}
|
| 361 |
-
|
| 362 |
-
return this;
|
| 363 |
-
},
|
| 364 |
-
|
| 365 |
-
removeAttr: function (name) {
|
| 366 |
-
return this.each(function (v) {
|
| 367 |
-
if (v.removeAttribute) {
|
| 368 |
-
v.removeAttribute(name);
|
| 369 |
-
} else {
|
| 370 |
-
delete v[name];
|
| 371 |
-
}
|
| 372 |
-
});
|
| 373 |
-
},
|
| 374 |
-
|
| 375 |
-
removeClass: function (c) {
|
| 376 |
-
if (!arguments.length) {
|
| 377 |
-
return this.attr("class", "");
|
| 378 |
-
}
|
| 379 |
-
var classes = getClasses(c);
|
| 380 |
-
return classes ? this.each(function (v) {
|
| 381 |
-
each(classes, function (c) {
|
| 382 |
-
removeClass(v, c);
|
| 383 |
-
});
|
| 384 |
-
}) : this;
|
| 385 |
-
},
|
| 386 |
-
|
| 387 |
-
removeProp: function (name) {
|
| 388 |
-
return this.each(function (v) {
|
| 389 |
-
delete v[name];
|
| 390 |
-
});
|
| 391 |
-
},
|
| 392 |
-
|
| 393 |
-
toggleClass: function (c, state) {
|
| 394 |
-
if (state !== undefined) {
|
| 395 |
-
return this[state ? "addClass" : "removeClass"](c);
|
| 396 |
-
}
|
| 397 |
-
var classes = getClasses(c);
|
| 398 |
-
return classes ? this.each(function (v) {
|
| 399 |
-
var spacedName = " " + v.className + " ";
|
| 400 |
-
each(classes, function (c) {
|
| 401 |
-
if (hasClass(v, c)) {
|
| 402 |
-
removeClass(v, c);
|
| 403 |
-
} else {
|
| 404 |
-
addClass(v, c, spacedName);
|
| 405 |
-
}
|
| 406 |
-
});
|
| 407 |
-
}) : this;
|
| 408 |
-
} });
|
| 409 |
-
|
| 410 |
-
fn.extend({
|
| 411 |
-
add: function (selector, context) {
|
| 412 |
-
return unique(cash.merge(this, cash(selector, context)));
|
| 413 |
-
},
|
| 414 |
-
|
| 415 |
-
each: function (callback) {
|
| 416 |
-
each(this, callback);
|
| 417 |
-
return this;
|
| 418 |
-
},
|
| 419 |
-
|
| 420 |
-
eq: function (index) {
|
| 421 |
-
return cash(this.get(index));
|
| 422 |
-
},
|
| 423 |
-
|
| 424 |
-
filter: function (selector) {
|
| 425 |
-
if (!selector) {
|
| 426 |
-
return this;
|
| 427 |
-
}
|
| 428 |
-
|
| 429 |
-
var comparator = isFunction(selector) ? selector : getCompareFunction(selector);
|
| 430 |
-
|
| 431 |
-
return cash(filter.call(this, function (e) {
|
| 432 |
-
return comparator(e, selector);
|
| 433 |
-
}));
|
| 434 |
-
},
|
| 435 |
-
|
| 436 |
-
first: function () {
|
| 437 |
-
return this.eq(0);
|
| 438 |
-
},
|
| 439 |
-
|
| 440 |
-
get: function (index) {
|
| 441 |
-
if (index === undefined) {
|
| 442 |
-
return slice.call(this);
|
| 443 |
-
}
|
| 444 |
-
return index < 0 ? this[index + this.length] : this[index];
|
| 445 |
-
},
|
| 446 |
-
|
| 447 |
-
index: function (elem) {
|
| 448 |
-
var child = elem ? cash(elem)[0] : this[0],
|
| 449 |
-
collection = elem ? this : cash(child).parent().children();
|
| 450 |
-
return slice.call(collection).indexOf(child);
|
| 451 |
-
},
|
| 452 |
-
|
| 453 |
-
last: function () {
|
| 454 |
-
return this.eq(-1);
|
| 455 |
-
}
|
| 456 |
-
|
| 457 |
-
});
|
| 458 |
-
|
| 459 |
-
var camelCase = function () {
|
| 460 |
-
var camelRegex = /(?:^\w|[A-Z]|\b\w)/g,
|
| 461 |
-
whiteSpace = /[\s-_]+/g;
|
| 462 |
-
return function (str) {
|
| 463 |
-
return str.replace(camelRegex, function (letter, index) {
|
| 464 |
-
return letter[index === 0 ? "toLowerCase" : "toUpperCase"]();
|
| 465 |
-
}).replace(whiteSpace, "");
|
| 466 |
-
};
|
| 467 |
-
}();
|
| 468 |
-
|
| 469 |
-
var getPrefixedProp = function () {
|
| 470 |
-
var cache = {},
|
| 471 |
-
doc = document,
|
| 472 |
-
div = doc.createElement("div"),
|
| 473 |
-
style = div.style;
|
| 474 |
-
|
| 475 |
-
return function (prop) {
|
| 476 |
-
prop = camelCase(prop);
|
| 477 |
-
if (cache[prop]) {
|
| 478 |
-
return cache[prop];
|
| 479 |
-
}
|
| 480 |
-
|
| 481 |
-
var ucProp = prop.charAt(0).toUpperCase() + prop.slice(1),
|
| 482 |
-
prefixes = ["webkit", "moz", "ms", "o"],
|
| 483 |
-
props = (prop + " " + prefixes.join(ucProp + " ") + ucProp).split(" ");
|
| 484 |
-
|
| 485 |
-
each(props, function (p) {
|
| 486 |
-
if (p in style) {
|
| 487 |
-
cache[p] = prop = cache[prop] = p;
|
| 488 |
-
return false;
|
| 489 |
-
}
|
| 490 |
-
});
|
| 491 |
-
|
| 492 |
-
return cache[prop];
|
| 493 |
-
};
|
| 494 |
-
}();
|
| 495 |
-
|
| 496 |
-
cash.prefixedProp = getPrefixedProp;
|
| 497 |
-
cash.camelCase = camelCase;
|
| 498 |
-
|
| 499 |
-
fn.extend({
|
| 500 |
-
css: function (prop, value) {
|
| 501 |
-
if (isString(prop)) {
|
| 502 |
-
prop = getPrefixedProp(prop);
|
| 503 |
-
return arguments.length > 1 ? this.each(function (v) {
|
| 504 |
-
return v.style[prop] = value;
|
| 505 |
-
}) : win.getComputedStyle(this[0])[prop];
|
| 506 |
-
}
|
| 507 |
-
|
| 508 |
-
for (var key in prop) {
|
| 509 |
-
this.css(key, prop[key]);
|
| 510 |
-
}
|
| 511 |
-
|
| 512 |
-
return this;
|
| 513 |
-
}
|
| 514 |
-
|
| 515 |
-
});
|
| 516 |
-
|
| 517 |
-
function compute(el, prop) {
|
| 518 |
-
return parseInt(win.getComputedStyle(el[0], null)[prop], 10) || 0;
|
| 519 |
-
}
|
| 520 |
-
|
| 521 |
-
each(["Width", "Height"], function (v) {
|
| 522 |
-
var lower = v.toLowerCase();
|
| 523 |
-
|
| 524 |
-
fn[lower] = function () {
|
| 525 |
-
return this[0].getBoundingClientRect()[lower];
|
| 526 |
-
};
|
| 527 |
-
|
| 528 |
-
fn["inner" + v] = function () {
|
| 529 |
-
return this[0]["client" + v];
|
| 530 |
-
};
|
| 531 |
-
|
| 532 |
-
fn["outer" + v] = function (margins) {
|
| 533 |
-
return this[0]["offset" + v] + (margins ? compute(this, "margin" + (v === "Width" ? "Left" : "Top")) + compute(this, "margin" + (v === "Width" ? "Right" : "Bottom")) : 0);
|
| 534 |
-
};
|
| 535 |
-
});
|
| 536 |
-
|
| 537 |
-
function registerEvent(node, eventName, callback) {
|
| 538 |
-
var eventCache = getData(node, "_cashEvents") || setData(node, "_cashEvents", {});
|
| 539 |
-
eventCache[eventName] = eventCache[eventName] || [];
|
| 540 |
-
eventCache[eventName].push(callback);
|
| 541 |
-
node.addEventListener(eventName, callback);
|
| 542 |
-
}
|
| 543 |
-
|
| 544 |
-
function removeEvent(node, eventName, callback) {
|
| 545 |
-
var events = getData(node, "_cashEvents"),
|
| 546 |
-
eventCache = events && events[eventName],
|
| 547 |
-
index;
|
| 548 |
-
|
| 549 |
-
if (!eventCache) {
|
| 550 |
-
return;
|
| 551 |
-
}
|
| 552 |
-
|
| 553 |
-
if (callback) {
|
| 554 |
-
node.removeEventListener(eventName, callback);
|
| 555 |
-
index = eventCache.indexOf(callback);
|
| 556 |
-
if (index >= 0) {
|
| 557 |
-
eventCache.splice(index, 1);
|
| 558 |
-
}
|
| 559 |
-
} else {
|
| 560 |
-
each(eventCache, function (event) {
|
| 561 |
-
node.removeEventListener(eventName, event);
|
| 562 |
-
});
|
| 563 |
-
eventCache = [];
|
| 564 |
-
}
|
| 565 |
-
}
|
| 566 |
-
|
| 567 |
-
fn.extend({
|
| 568 |
-
off: function (eventName, callback) {
|
| 569 |
-
return this.each(function (v) {
|
| 570 |
-
return removeEvent(v, eventName, callback);
|
| 571 |
-
});
|
| 572 |
-
},
|
| 573 |
-
|
| 574 |
-
on: function (eventName, delegate, callback, runOnce) {
|
| 575 |
-
// jshint ignore:line
|
| 576 |
-
var originalCallback;
|
| 577 |
-
if (!isString(eventName)) {
|
| 578 |
-
for (var key in eventName) {
|
| 579 |
-
this.on(key, delegate, eventName[key]);
|
| 580 |
-
}
|
| 581 |
-
return this;
|
| 582 |
-
}
|
| 583 |
-
|
| 584 |
-
if (isFunction(delegate)) {
|
| 585 |
-
callback = delegate;
|
| 586 |
-
delegate = null;
|
| 587 |
-
}
|
| 588 |
-
|
| 589 |
-
if (eventName === "ready") {
|
| 590 |
-
onReady(callback);
|
| 591 |
-
return this;
|
| 592 |
-
}
|
| 593 |
-
|
| 594 |
-
if (delegate) {
|
| 595 |
-
originalCallback = callback;
|
| 596 |
-
callback = function (e) {
|
| 597 |
-
var t = e.target;
|
| 598 |
-
while (!matches(t, delegate)) {
|
| 599 |
-
if (t === this || t === null) {
|
| 600 |
-
return t = false;
|
| 601 |
-
}
|
| 602 |
-
|
| 603 |
-
t = t.parentNode;
|
| 604 |
-
}
|
| 605 |
-
|
| 606 |
-
if (t) {
|
| 607 |
-
originalCallback.call(t, e);
|
| 608 |
-
}
|
| 609 |
-
};
|
| 610 |
-
}
|
| 611 |
-
|
| 612 |
-
return this.each(function (v) {
|
| 613 |
-
var finalCallback = callback;
|
| 614 |
-
if (runOnce) {
|
| 615 |
-
finalCallback = function () {
|
| 616 |
-
callback.apply(this, arguments);
|
| 617 |
-
removeEvent(v, eventName, finalCallback);
|
| 618 |
-
};
|
| 619 |
-
}
|
| 620 |
-
registerEvent(v, eventName, finalCallback);
|
| 621 |
-
});
|
| 622 |
-
},
|
| 623 |
-
|
| 624 |
-
one: function (eventName, delegate, callback) {
|
| 625 |
-
return this.on(eventName, delegate, callback, true);
|
| 626 |
-
},
|
| 627 |
-
|
| 628 |
-
ready: onReady,
|
| 629 |
-
|
| 630 |
-
/**
|
| 631 |
-
* Modified
|
| 632 |
-
* Triggers browser event
|
| 633 |
-
* @param String eventName
|
| 634 |
-
* @param Object data - Add properties to event object
|
| 635 |
-
*/
|
| 636 |
-
trigger: function (eventName, data) {
|
| 637 |
-
if (document.createEvent) {
|
| 638 |
-
var evt = document.createEvent('HTMLEvents');
|
| 639 |
-
evt.initEvent(eventName, true, false);
|
| 640 |
-
evt = this.extend(evt, data);
|
| 641 |
-
return this.each(function (v) {
|
| 642 |
-
return v.dispatchEvent(evt);
|
| 643 |
-
});
|
| 644 |
-
}
|
| 645 |
-
}
|
| 646 |
-
|
| 647 |
-
});
|
| 648 |
-
|
| 649 |
-
function encode(name, value) {
|
| 650 |
-
return "&" + encodeURIComponent(name) + "=" + encodeURIComponent(value).replace(/%20/g, "+");
|
| 651 |
-
}
|
| 652 |
-
|
| 653 |
-
function getSelectMultiple_(el) {
|
| 654 |
-
var values = [];
|
| 655 |
-
each(el.options, function (o) {
|
| 656 |
-
if (o.selected) {
|
| 657 |
-
values.push(o.value);
|
| 658 |
-
}
|
| 659 |
-
});
|
| 660 |
-
return values.length ? values : null;
|
| 661 |
-
}
|
| 662 |
-
|
| 663 |
-
function getSelectSingle_(el) {
|
| 664 |
-
var selectedIndex = el.selectedIndex;
|
| 665 |
-
return selectedIndex >= 0 ? el.options[selectedIndex].value : null;
|
| 666 |
-
}
|
| 667 |
-
|
| 668 |
-
function getValue(el) {
|
| 669 |
-
var type = el.type;
|
| 670 |
-
if (!type) {
|
| 671 |
-
return null;
|
| 672 |
-
}
|
| 673 |
-
switch (type.toLowerCase()) {
|
| 674 |
-
case "select-one":
|
| 675 |
-
return getSelectSingle_(el);
|
| 676 |
-
case "select-multiple":
|
| 677 |
-
return getSelectMultiple_(el);
|
| 678 |
-
case "radio":
|
| 679 |
-
return el.checked ? el.value : null;
|
| 680 |
-
case "checkbox":
|
| 681 |
-
return el.checked ? el.value : null;
|
| 682 |
-
default:
|
| 683 |
-
return el.value ? el.value : null;
|
| 684 |
-
}
|
| 685 |
-
}
|
| 686 |
-
|
| 687 |
-
fn.extend({
|
| 688 |
-
serialize: function () {
|
| 689 |
-
var query = "";
|
| 690 |
-
|
| 691 |
-
each(this[0].elements || this, function (el) {
|
| 692 |
-
if (el.disabled || el.tagName === "FIELDSET") {
|
| 693 |
-
return;
|
| 694 |
-
}
|
| 695 |
-
var name = el.name;
|
| 696 |
-
switch (el.type.toLowerCase()) {
|
| 697 |
-
case "file":
|
| 698 |
-
case "reset":
|
| 699 |
-
case "submit":
|
| 700 |
-
case "button":
|
| 701 |
-
break;
|
| 702 |
-
case "select-multiple":
|
| 703 |
-
var values = getValue(el);
|
| 704 |
-
if (values !== null) {
|
| 705 |
-
each(values, function (value) {
|
| 706 |
-
query += encode(name, value);
|
| 707 |
-
});
|
| 708 |
-
}
|
| 709 |
-
break;
|
| 710 |
-
default:
|
| 711 |
-
var value = getValue(el);
|
| 712 |
-
if (value !== null) {
|
| 713 |
-
query += encode(name, value);
|
| 714 |
-
}
|
| 715 |
-
}
|
| 716 |
-
});
|
| 717 |
-
|
| 718 |
-
return query.substr(1);
|
| 719 |
-
},
|
| 720 |
-
|
| 721 |
-
val: function (value) {
|
| 722 |
-
if (value === undefined) {
|
| 723 |
-
return getValue(this[0]);
|
| 724 |
-
}
|
| 725 |
-
|
| 726 |
-
return this.each(function (v) {
|
| 727 |
-
return v.value = value;
|
| 728 |
-
});
|
| 729 |
-
}
|
| 730 |
-
|
| 731 |
-
});
|
| 732 |
-
|
| 733 |
-
function insertElement(el, child, prepend) {
|
| 734 |
-
if (prepend) {
|
| 735 |
-
var first = el.childNodes[0];
|
| 736 |
-
el.insertBefore(child, first);
|
| 737 |
-
} else {
|
| 738 |
-
el.appendChild(child);
|
| 739 |
-
}
|
| 740 |
-
}
|
| 741 |
-
|
| 742 |
-
function insertContent(parent, child, prepend) {
|
| 743 |
-
var str = isString(child);
|
| 744 |
-
|
| 745 |
-
if (!str && child.length) {
|
| 746 |
-
each(child, function (v) {
|
| 747 |
-
return insertContent(parent, v, prepend);
|
| 748 |
-
});
|
| 749 |
-
return;
|
| 750 |
-
}
|
| 751 |
-
|
| 752 |
-
each(parent, str ? function (v) {
|
| 753 |
-
return v.insertAdjacentHTML(prepend ? "afterbegin" : "beforeend", child);
|
| 754 |
-
} : function (v, i) {
|
| 755 |
-
return insertElement(v, i === 0 ? child : child.cloneNode(true), prepend);
|
| 756 |
-
});
|
| 757 |
-
}
|
| 758 |
-
|
| 759 |
-
fn.extend({
|
| 760 |
-
after: function (selector) {
|
| 761 |
-
cash(selector).insertAfter(this);
|
| 762 |
-
return this;
|
| 763 |
-
},
|
| 764 |
-
|
| 765 |
-
append: function (content) {
|
| 766 |
-
insertContent(this, content);
|
| 767 |
-
return this;
|
| 768 |
-
},
|
| 769 |
-
|
| 770 |
-
appendTo: function (parent) {
|
| 771 |
-
insertContent(cash(parent), this);
|
| 772 |
-
return this;
|
| 773 |
-
},
|
| 774 |
-
|
| 775 |
-
before: function (selector) {
|
| 776 |
-
cash(selector).insertBefore(this);
|
| 777 |
-
return this;
|
| 778 |
-
},
|
| 779 |
-
|
| 780 |
-
clone: function () {
|
| 781 |
-
return cash(this.map(function (v) {
|
| 782 |
-
return v.cloneNode(true);
|
| 783 |
-
}));
|
| 784 |
-
},
|
| 785 |
-
|
| 786 |
-
empty: function () {
|
| 787 |
-
this.html("");
|
| 788 |
-
return this;
|
| 789 |
-
},
|
| 790 |
-
|
| 791 |
-
html: function (content) {
|
| 792 |
-
if (content === undefined) {
|
| 793 |
-
return this[0].innerHTML;
|
| 794 |
-
}
|
| 795 |
-
var source = content.nodeType ? content[0].outerHTML : content;
|
| 796 |
-
return this.each(function (v) {
|
| 797 |
-
return v.innerHTML = source;
|
| 798 |
-
});
|
| 799 |
-
},
|
| 800 |
-
|
| 801 |
-
insertAfter: function (selector) {
|
| 802 |
-
var _this = this;
|
| 803 |
-
|
| 804 |
-
cash(selector).each(function (el, i) {
|
| 805 |
-
var parent = el.parentNode,
|
| 806 |
-
sibling = el.nextSibling;
|
| 807 |
-
_this.each(function (v) {
|
| 808 |
-
parent.insertBefore(i === 0 ? v : v.cloneNode(true), sibling);
|
| 809 |
-
});
|
| 810 |
-
});
|
| 811 |
-
|
| 812 |
-
return this;
|
| 813 |
-
},
|
| 814 |
-
|
| 815 |
-
insertBefore: function (selector) {
|
| 816 |
-
var _this2 = this;
|
| 817 |
-
cash(selector).each(function (el, i) {
|
| 818 |
-
var parent = el.parentNode;
|
| 819 |
-
_this2.each(function (v) {
|
| 820 |
-
parent.insertBefore(i === 0 ? v : v.cloneNode(true), el);
|
| 821 |
-
});
|
| 822 |
-
});
|
| 823 |
-
return this;
|
| 824 |
-
},
|
| 825 |
-
|
| 826 |
-
prepend: function (content) {
|
| 827 |
-
insertContent(this, content, true);
|
| 828 |
-
return this;
|
| 829 |
-
},
|
| 830 |
-
|
| 831 |
-
prependTo: function (parent) {
|
| 832 |
-
insertContent(cash(parent), this, true);
|
| 833 |
-
return this;
|
| 834 |
-
},
|
| 835 |
-
|
| 836 |
-
remove: function () {
|
| 837 |
-
return this.each(function (v) {
|
| 838 |
-
if (!!v.parentNode) {
|
| 839 |
-
return v.parentNode.removeChild(v);
|
| 840 |
-
}
|
| 841 |
-
});
|
| 842 |
-
},
|
| 843 |
-
|
| 844 |
-
text: function (content) {
|
| 845 |
-
if (content === undefined) {
|
| 846 |
-
return this[0].textContent;
|
| 847 |
-
}
|
| 848 |
-
return this.each(function (v) {
|
| 849 |
-
return v.textContent = content;
|
| 850 |
-
});
|
| 851 |
-
}
|
| 852 |
-
|
| 853 |
-
});
|
| 854 |
-
|
| 855 |
-
var docEl = doc.documentElement;
|
| 856 |
-
|
| 857 |
-
fn.extend({
|
| 858 |
-
position: function () {
|
| 859 |
-
var el = this[0];
|
| 860 |
-
return {
|
| 861 |
-
left: el.offsetLeft,
|
| 862 |
-
top: el.offsetTop
|
| 863 |
-
};
|
| 864 |
-
},
|
| 865 |
-
|
| 866 |
-
offset: function () {
|
| 867 |
-
var rect = this[0].getBoundingClientRect();
|
| 868 |
-
return {
|
| 869 |
-
top: rect.top + win.pageYOffset - docEl.clientTop,
|
| 870 |
-
left: rect.left + win.pageXOffset - docEl.clientLeft
|
| 871 |
-
};
|
| 872 |
-
},
|
| 873 |
-
|
| 874 |
-
offsetParent: function () {
|
| 875 |
-
return cash(this[0].offsetParent);
|
| 876 |
-
}
|
| 877 |
-
|
| 878 |
-
});
|
| 879 |
-
|
| 880 |
-
fn.extend({
|
| 881 |
-
children: function (selector) {
|
| 882 |
-
var elems = [];
|
| 883 |
-
this.each(function (el) {
|
| 884 |
-
push.apply(elems, el.children);
|
| 885 |
-
});
|
| 886 |
-
elems = unique(elems);
|
| 887 |
-
|
| 888 |
-
return !selector ? elems : elems.filter(function (v) {
|
| 889 |
-
return matches(v, selector);
|
| 890 |
-
});
|
| 891 |
-
},
|
| 892 |
-
|
| 893 |
-
closest: function (selector) {
|
| 894 |
-
if (!selector || this.length < 1) {
|
| 895 |
-
return cash();
|
| 896 |
-
}
|
| 897 |
-
if (this.is(selector)) {
|
| 898 |
-
return this.filter(selector);
|
| 899 |
-
}
|
| 900 |
-
return this.parent().closest(selector);
|
| 901 |
-
},
|
| 902 |
-
|
| 903 |
-
is: function (selector) {
|
| 904 |
-
if (!selector) {
|
| 905 |
-
return false;
|
| 906 |
-
}
|
| 907 |
-
|
| 908 |
-
var match = false,
|
| 909 |
-
comparator = getCompareFunction(selector);
|
| 910 |
-
|
| 911 |
-
this.each(function (el) {
|
| 912 |
-
match = comparator(el, selector);
|
| 913 |
-
return !match;
|
| 914 |
-
});
|
| 915 |
-
|
| 916 |
-
return match;
|
| 917 |
-
},
|
| 918 |
-
|
| 919 |
-
find: function (selector) {
|
| 920 |
-
if (!selector || selector.nodeType) {
|
| 921 |
-
return cash(selector && this.has(selector).length ? selector : null);
|
| 922 |
-
}
|
| 923 |
-
|
| 924 |
-
var elems = [];
|
| 925 |
-
this.each(function (el) {
|
| 926 |
-
push.apply(elems, find(selector, el));
|
| 927 |
-
});
|
| 928 |
-
|
| 929 |
-
return unique(elems);
|
| 930 |
-
},
|
| 931 |
-
|
| 932 |
-
has: function (selector) {
|
| 933 |
-
var comparator = isString(selector) ? function (el) {
|
| 934 |
-
return find(selector, el).length !== 0;
|
| 935 |
-
} : function (el) {
|
| 936 |
-
return el.contains(selector);
|
| 937 |
-
};
|
| 938 |
-
|
| 939 |
-
return this.filter(comparator);
|
| 940 |
-
},
|
| 941 |
-
|
| 942 |
-
next: function () {
|
| 943 |
-
return cash(this[0].nextElementSibling);
|
| 944 |
-
},
|
| 945 |
-
|
| 946 |
-
not: function (selector) {
|
| 947 |
-
if (!selector) {
|
| 948 |
-
return this;
|
| 949 |
-
}
|
| 950 |
-
|
| 951 |
-
var comparator = getCompareFunction(selector);
|
| 952 |
-
|
| 953 |
-
return this.filter(function (el) {
|
| 954 |
-
return !comparator(el, selector);
|
| 955 |
-
});
|
| 956 |
-
},
|
| 957 |
-
|
| 958 |
-
parent: function () {
|
| 959 |
-
var result = [];
|
| 960 |
-
|
| 961 |
-
this.each(function (item) {
|
| 962 |
-
if (item && item.parentNode) {
|
| 963 |
-
result.push(item.parentNode);
|
| 964 |
-
}
|
| 965 |
-
});
|
| 966 |
-
|
| 967 |
-
return unique(result);
|
| 968 |
-
},
|
| 969 |
-
|
| 970 |
-
parents: function (selector) {
|
| 971 |
-
var last,
|
| 972 |
-
result = [];
|
| 973 |
-
|
| 974 |
-
this.each(function (item) {
|
| 975 |
-
last = item;
|
| 976 |
-
|
| 977 |
-
while (last && last.parentNode && last !== doc.body.parentNode) {
|
| 978 |
-
last = last.parentNode;
|
| 979 |
-
|
| 980 |
-
if (!selector || selector && matches(last, selector)) {
|
| 981 |
-
result.push(last);
|
| 982 |
-
}
|
| 983 |
-
}
|
| 984 |
-
});
|
| 985 |
-
|
| 986 |
-
return unique(result);
|
| 987 |
-
},
|
| 988 |
-
|
| 989 |
-
prev: function () {
|
| 990 |
-
return cash(this[0].previousElementSibling);
|
| 991 |
-
},
|
| 992 |
-
|
| 993 |
-
siblings: function (selector) {
|
| 994 |
-
var collection = this.parent().children(selector),
|
| 995 |
-
el = this[0];
|
| 996 |
-
|
| 997 |
-
return collection.filter(function (i) {
|
| 998 |
-
return i !== el;
|
| 999 |
-
});
|
| 1000 |
-
}
|
| 1001 |
-
|
| 1002 |
-
});
|
| 1003 |
-
|
| 1004 |
-
return cash;
|
| 1005 |
-
});
|
| 1006 |
-
;
|
| 1007 |
-
var Component = function () {
|
| 1008 |
-
/**
|
| 1009 |
-
* Generic constructor for all components
|
| 1010 |
-
* @constructor
|
| 1011 |
-
* @param {Element} el
|
| 1012 |
-
* @param {Object} options
|
| 1013 |
-
*/
|
| 1014 |
-
function Component(classDef, el, options) {
|
| 1015 |
-
_classCallCheck(this, Component);
|
| 1016 |
-
|
| 1017 |
-
// Display error if el is valid HTML Element
|
| 1018 |
-
if (!(el instanceof Element)) {
|
| 1019 |
-
console.error(Error(el + ' is not an HTML Element'));
|
| 1020 |
-
}
|
| 1021 |
-
|
| 1022 |
-
// If exists, destroy and reinitialize in child
|
| 1023 |
-
var ins = classDef.getInstance(el);
|
| 1024 |
-
if (!!ins) {
|
| 1025 |
-
ins.destroy();
|
| 1026 |
-
}
|
| 1027 |
-
|
| 1028 |
-
this.el = el;
|
| 1029 |
-
this.$el = cash(el);
|
| 1030 |
-
}
|
| 1031 |
-
|
| 1032 |
-
/**
|
| 1033 |
-
* Initializes components
|
| 1034 |
-
* @param {class} classDef
|
| 1035 |
-
* @param {Element | NodeList | jQuery} els
|
| 1036 |
-
* @param {Object} options
|
| 1037 |
-
*/
|
| 1038 |
-
|
| 1039 |
-
|
| 1040 |
-
_createClass(Component, null, [{
|
| 1041 |
-
key: "init",
|
| 1042 |
-
value: function init(classDef, els, options) {
|
| 1043 |
-
var instances = null;
|
| 1044 |
-
if (els instanceof Element) {
|
| 1045 |
-
instances = new classDef(els, options);
|
| 1046 |
-
} else if (!!els && (els.jquery || els.cash || els instanceof NodeList)) {
|
| 1047 |
-
var instancesArr = [];
|
| 1048 |
-
for (var i = 0; i < els.length; i++) {
|
| 1049 |
-
instancesArr.push(new classDef(els[i], options));
|
| 1050 |
-
}
|
| 1051 |
-
instances = instancesArr;
|
| 1052 |
-
}
|
| 1053 |
-
|
| 1054 |
-
return instances;
|
| 1055 |
-
}
|
| 1056 |
-
}]);
|
| 1057 |
-
|
| 1058 |
-
return Component;
|
| 1059 |
-
}();
|
| 1060 |
-
|
| 1061 |
-
; // Required for Meteor package, the use of window prevents export by Meteor
|
| 1062 |
-
(function (window) {
|
| 1063 |
-
if (window.Package) {
|
| 1064 |
-
M = {};
|
| 1065 |
-
} else {
|
| 1066 |
-
window.M = {};
|
| 1067 |
-
}
|
| 1068 |
-
|
| 1069 |
-
// Check for jQuery
|
| 1070 |
-
M.jQueryLoaded = !!window.jQuery;
|
| 1071 |
-
})(window);
|
| 1072 |
-
|
| 1073 |
-
// AMD
|
| 1074 |
-
if (typeof define === 'function' && define.amd) {
|
| 1075 |
-
define('M', [], function () {
|
| 1076 |
-
return M;
|
| 1077 |
-
});
|
| 1078 |
-
|
| 1079 |
-
// Common JS
|
| 1080 |
-
} else if (typeof exports !== 'undefined' && !exports.nodeType) {
|
| 1081 |
-
if (typeof module !== 'undefined' && !module.nodeType && module.exports) {
|
| 1082 |
-
exports = module.exports = M;
|
| 1083 |
-
}
|
| 1084 |
-
exports.default = M;
|
| 1085 |
-
}
|
| 1086 |
-
|
| 1087 |
-
M.version = '1.0.0';
|
| 1088 |
-
|
| 1089 |
-
M.keys = {
|
| 1090 |
-
TAB: 9,
|
| 1091 |
-
ENTER: 13,
|
| 1092 |
-
ESC: 27,
|
| 1093 |
-
ARROW_UP: 38,
|
| 1094 |
-
ARROW_DOWN: 40
|
| 1095 |
-
};
|
| 1096 |
-
|
| 1097 |
-
/**
|
| 1098 |
-
* TabPress Keydown handler
|
| 1099 |
-
*/
|
| 1100 |
-
M.tabPressed = false;
|
| 1101 |
-
M.keyDown = false;
|
| 1102 |
-
var docHandleKeydown = function (e) {
|
| 1103 |
-
M.keyDown = true;
|
| 1104 |
-
if (e.which === M.keys.TAB || e.which === M.keys.ARROW_DOWN || e.which === M.keys.ARROW_UP) {
|
| 1105 |
-
M.tabPressed = true;
|
| 1106 |
-
}
|
| 1107 |
-
};
|
| 1108 |
-
var docHandleKeyup = function (e) {
|
| 1109 |
-
M.keyDown = false;
|
| 1110 |
-
if (e.which === M.keys.TAB || e.which === M.keys.ARROW_DOWN || e.which === M.keys.ARROW_UP) {
|
| 1111 |
-
M.tabPressed = false;
|
| 1112 |
-
}
|
| 1113 |
-
};
|
| 1114 |
-
var docHandleFocus = function (e) {
|
| 1115 |
-
if (M.keyDown) {
|
| 1116 |
-
document.body.classList.add('keyboard-focused');
|
| 1117 |
-
}
|
| 1118 |
-
};
|
| 1119 |
-
var docHandleBlur = function (e) {
|
| 1120 |
-
document.body.classList.remove('keyboard-focused');
|
| 1121 |
-
};
|
| 1122 |
-
document.addEventListener('keydown', docHandleKeydown, true);
|
| 1123 |
-
document.addEventListener('keyup', docHandleKeyup, true);
|
| 1124 |
-
document.addEventListener('focus', docHandleFocus, true);
|
| 1125 |
-
document.addEventListener('blur', docHandleBlur, true);
|
| 1126 |
-
|
| 1127 |
-
/**
|
| 1128 |
-
* Initialize jQuery wrapper for plugin
|
| 1129 |
-
* @param {Class} plugin javascript class
|
| 1130 |
-
* @param {string} pluginName jQuery plugin name
|
| 1131 |
-
* @param {string} classRef Class reference name
|
| 1132 |
-
*/
|
| 1133 |
-
M.initializeJqueryWrapper = function (plugin, pluginName, classRef) {
|
| 1134 |
-
jQuery.fn[pluginName] = function (methodOrOptions) {
|
| 1135 |
-
// Call plugin method if valid method name is passed in
|
| 1136 |
-
if (plugin.prototype[methodOrOptions]) {
|
| 1137 |
-
var params = Array.prototype.slice.call(arguments, 1);
|
| 1138 |
-
|
| 1139 |
-
// Getter methods
|
| 1140 |
-
if (methodOrOptions.slice(0, 3) === 'get') {
|
| 1141 |
-
var instance = this.first()[0][classRef];
|
| 1142 |
-
return instance[methodOrOptions].apply(instance, params);
|
| 1143 |
-
}
|
| 1144 |
-
|
| 1145 |
-
// Void methods
|
| 1146 |
-
return this.each(function () {
|
| 1147 |
-
var instance = this[classRef];
|
| 1148 |
-
instance[methodOrOptions].apply(instance, params);
|
| 1149 |
-
});
|
| 1150 |
-
|
| 1151 |
-
// Initialize plugin if options or no argument is passed in
|
| 1152 |
-
} else if (typeof methodOrOptions === 'object' || !methodOrOptions) {
|
| 1153 |
-
plugin.init(this, arguments[0]);
|
| 1154 |
-
return this;
|
| 1155 |
-
}
|
| 1156 |
-
|
| 1157 |
-
// Return error if an unrecognized method name is passed in
|
| 1158 |
-
jQuery.error("Method " + methodOrOptions + " does not exist on jQuery." + pluginName);
|
| 1159 |
-
};
|
| 1160 |
-
};
|
| 1161 |
-
|
| 1162 |
-
/**
|
| 1163 |
-
* Automatically initialize components
|
| 1164 |
-
* @param {Element} context DOM Element to search within for components
|
| 1165 |
-
*/
|
| 1166 |
-
M.AutoInit = function (context) {
|
| 1167 |
-
// Use document.body if no context is given
|
| 1168 |
-
var root = !!context ? context : document.body;
|
| 1169 |
-
|
| 1170 |
-
var registry = {
|
| 1171 |
-
Autocomplete: root.querySelectorAll('.autocomplete:not(.no-autoinit)'),
|
| 1172 |
-
Carousel: root.querySelectorAll('.carousel:not(.no-autoinit)'),
|
| 1173 |
-
Chips: root.querySelectorAll('.chips:not(.no-autoinit)'),
|
| 1174 |
-
Collapsible: root.querySelectorAll('.collapsible:not(.no-autoinit)'),
|
| 1175 |
-
Datepicker: root.querySelectorAll('.datepicker:not(.no-autoinit)'),
|
| 1176 |
-
Dropdown: root.querySelectorAll('.dropdown-trigger:not(.no-autoinit)'),
|
| 1177 |
-
Materialbox: root.querySelectorAll('.materialboxed:not(.no-autoinit)'),
|
| 1178 |
-
Modal: root.querySelectorAll('.modal:not(.no-autoinit)'),
|
| 1179 |
-
Parallax: root.querySelectorAll('.parallax:not(.no-autoinit)'),
|
| 1180 |
-
Pushpin: root.querySelectorAll('.pushpin:not(.no-autoinit)'),
|
| 1181 |
-
ScrollSpy: root.querySelectorAll('.scrollspy:not(.no-autoinit)'),
|
| 1182 |
-
FormSelect: root.querySelectorAll('select:not(.no-autoinit)'),
|
| 1183 |
-
Sidenav: root.querySelectorAll('.sidenav:not(.no-autoinit)'),
|
| 1184 |
-
Tabs: root.querySelectorAll('.tabs:not(.no-autoinit)'),
|
| 1185 |
-
TapTarget: root.querySelectorAll('.tap-target:not(.no-autoinit)'),
|
| 1186 |
-
Timepicker: root.querySelectorAll('.timepicker:not(.no-autoinit)'),
|
| 1187 |
-
Tooltip: root.querySelectorAll('.tooltipped:not(.no-autoinit)'),
|
| 1188 |
-
FloatingActionButton: root.querySelectorAll('.fixed-action-btn:not(.no-autoinit)')
|
| 1189 |
-
};
|
| 1190 |
-
|
| 1191 |
-
for (var pluginName in registry) {
|
| 1192 |
-
var plugin = M[pluginName];
|
| 1193 |
-
plugin.init(registry[pluginName]);
|
| 1194 |
-
}
|
| 1195 |
-
};
|
| 1196 |
-
|
| 1197 |
-
/**
|
| 1198 |
-
* Generate approximated selector string for a jQuery object
|
| 1199 |
-
* @param {jQuery} obj jQuery object to be parsed
|
| 1200 |
-
* @returns {string}
|
| 1201 |
-
*/
|
| 1202 |
-
M.objectSelectorString = function (obj) {
|
| 1203 |
-
var tagStr = obj.prop('tagName') || '';
|
| 1204 |
-
var idStr = obj.attr('id') || '';
|
| 1205 |
-
var classStr = obj.attr('class') || '';
|
| 1206 |
-
return (tagStr + idStr + classStr).replace(/\s/g, '');
|
| 1207 |
-
};
|
| 1208 |
-
|
| 1209 |
-
// Unique Random ID
|
| 1210 |
-
M.guid = function () {
|
| 1211 |
-
function s4() {
|
| 1212 |
-
return Math.floor((1 + Math.random()) * 0x10000).toString(16).substring(1);
|
| 1213 |
-
}
|
| 1214 |
-
return function () {
|
| 1215 |
-
return s4() + s4() + '-' + s4() + '-' + s4() + '-' + s4() + '-' + s4() + s4() + s4();
|
| 1216 |
-
};
|
| 1217 |
-
}();
|
| 1218 |
-
|
| 1219 |
-
/**
|
| 1220 |
-
* Escapes hash from special characters
|
| 1221 |
-
* @param {string} hash String returned from this.hash
|
| 1222 |
-
* @returns {string}
|
| 1223 |
-
*/
|
| 1224 |
-
M.escapeHash = function (hash) {
|
| 1225 |
-
return hash.replace(/(:|\.|\[|\]|,|=|\/)/g, '\\$1');
|
| 1226 |
-
};
|
| 1227 |
-
|
| 1228 |
-
M.elementOrParentIsFixed = function (element) {
|
| 1229 |
-
var $element = $(element);
|
| 1230 |
-
var $checkElements = $element.add($element.parents());
|
| 1231 |
-
var isFixed = false;
|
| 1232 |
-
$checkElements.each(function () {
|
| 1233 |
-
if ($(this).css('position') === 'fixed') {
|
| 1234 |
-
isFixed = true;
|
| 1235 |
-
return false;
|
| 1236 |
-
}
|
| 1237 |
-
});
|
| 1238 |
-
return isFixed;
|
| 1239 |
-
};
|
| 1240 |
-
|
| 1241 |
-
/**
|
| 1242 |
-
* @typedef {Object} Edges
|
| 1243 |
-
* @property {Boolean} top If the top edge was exceeded
|
| 1244 |
-
* @property {Boolean} right If the right edge was exceeded
|
| 1245 |
-
* @property {Boolean} bottom If the bottom edge was exceeded
|
| 1246 |
-
* @property {Boolean} left If the left edge was exceeded
|
| 1247 |
-
*/
|
| 1248 |
-
|
| 1249 |
-
/**
|
| 1250 |
-
* @typedef {Object} Bounding
|
| 1251 |
-
* @property {Number} left left offset coordinate
|
| 1252 |
-
* @property {Number} top top offset coordinate
|
| 1253 |
-
* @property {Number} width
|
| 1254 |
-
* @property {Number} height
|
| 1255 |
-
*/
|
| 1256 |
-
|
| 1257 |
-
/**
|
| 1258 |
-
* Escapes hash from special characters
|
| 1259 |
-
* @param {Element} container Container element that acts as the boundary
|
| 1260 |
-
* @param {Bounding} bounding element bounding that is being checked
|
| 1261 |
-
* @param {Number} offset offset from edge that counts as exceeding
|
| 1262 |
-
* @returns {Edges}
|
| 1263 |
-
*/
|
| 1264 |
-
M.checkWithinContainer = function (container, bounding, offset) {
|
| 1265 |
-
var edges = {
|
| 1266 |
-
top: false,
|
| 1267 |
-
right: false,
|
| 1268 |
-
bottom: false,
|
| 1269 |
-
left: false
|
| 1270 |
-
};
|
| 1271 |
-
|
| 1272 |
-
var containerRect = container.getBoundingClientRect();
|
| 1273 |
-
// If body element is smaller than viewport, use viewport height instead.
|
| 1274 |
-
var containerBottom = container === document.body ? Math.max(containerRect.bottom, window.innerHeight) : containerRect.bottom;
|
| 1275 |
-
|
| 1276 |
-
var scrollLeft = container.scrollLeft;
|
| 1277 |
-
var scrollTop = container.scrollTop;
|
| 1278 |
-
|
| 1279 |
-
var scrolledX = bounding.left - scrollLeft;
|
| 1280 |
-
var scrolledY = bounding.top - scrollTop;
|
| 1281 |
-
|
| 1282 |
-
// Check for container and viewport for each edge
|
| 1283 |
-
if (scrolledX < containerRect.left + offset || scrolledX < offset) {
|
| 1284 |
-
edges.left = true;
|
| 1285 |
-
}
|
| 1286 |
-
|
| 1287 |
-
if (scrolledX + bounding.width > containerRect.right - offset || scrolledX + bounding.width > window.innerWidth - offset) {
|
| 1288 |
-
edges.right = true;
|
| 1289 |
-
}
|
| 1290 |
-
|
| 1291 |
-
if (scrolledY < containerRect.top + offset || scrolledY < offset) {
|
| 1292 |
-
edges.top = true;
|
| 1293 |
-
}
|
| 1294 |
-
|
| 1295 |
-
if (scrolledY + bounding.height > containerBottom - offset || scrolledY + bounding.height > window.innerHeight - offset) {
|
| 1296 |
-
edges.bottom = true;
|
| 1297 |
-
}
|
| 1298 |
-
|
| 1299 |
-
return edges;
|
| 1300 |
-
};
|
| 1301 |
-
|
| 1302 |
-
M.checkPossibleAlignments = function (el, container, bounding, offset) {
|
| 1303 |
-
var canAlign = {
|
| 1304 |
-
top: true,
|
| 1305 |
-
right: true,
|
| 1306 |
-
bottom: true,
|
| 1307 |
-
left: true,
|
| 1308 |
-
spaceOnTop: null,
|
| 1309 |
-
spaceOnRight: null,
|
| 1310 |
-
spaceOnBottom: null,
|
| 1311 |
-
spaceOnLeft: null
|
| 1312 |
-
};
|
| 1313 |
-
|
| 1314 |
-
var containerAllowsOverflow = getComputedStyle(container).overflow === 'visible';
|
| 1315 |
-
var containerRect = container.getBoundingClientRect();
|
| 1316 |
-
var containerHeight = Math.min(containerRect.height, window.innerHeight);
|
| 1317 |
-
var containerWidth = Math.min(containerRect.width, window.innerWidth);
|
| 1318 |
-
var elOffsetRect = el.getBoundingClientRect();
|
| 1319 |
-
|
| 1320 |
-
var scrollLeft = container.scrollLeft;
|
| 1321 |
-
var scrollTop = container.scrollTop;
|
| 1322 |
-
|
| 1323 |
-
var scrolledX = bounding.left - scrollLeft;
|
| 1324 |
-
var scrolledYTopEdge = bounding.top - scrollTop;
|
| 1325 |
-
var scrolledYBottomEdge = bounding.top + elOffsetRect.height - scrollTop;
|
| 1326 |
-
|
| 1327 |
-
// Check for container and viewport for left
|
| 1328 |
-
canAlign.spaceOnRight = !containerAllowsOverflow ? containerWidth - (scrolledX + bounding.width) : window.innerWidth - (elOffsetRect.left + bounding.width);
|
| 1329 |
-
if (canAlign.spaceOnRight < 0) {
|
| 1330 |
-
canAlign.left = false;
|
| 1331 |
-
}
|
| 1332 |
-
|
| 1333 |
-
// Check for container and viewport for Right
|
| 1334 |
-
canAlign.spaceOnLeft = !containerAllowsOverflow ? scrolledX - bounding.width + elOffsetRect.width : elOffsetRect.right - bounding.width;
|
| 1335 |
-
if (canAlign.spaceOnLeft < 0) {
|
| 1336 |
-
canAlign.right = false;
|
| 1337 |
-
}
|
| 1338 |
-
|
| 1339 |
-
// Check for container and viewport for Top
|
| 1340 |
-
canAlign.spaceOnBottom = !containerAllowsOverflow ? containerHeight - (scrolledYTopEdge + bounding.height + offset) : window.innerHeight - (elOffsetRect.top + bounding.height + offset);
|
| 1341 |
-
if (canAlign.spaceOnBottom < 0) {
|
| 1342 |
-
canAlign.top = false;
|
| 1343 |
-
}
|
| 1344 |
-
|
| 1345 |
-
// Check for container and viewport for Bottom
|
| 1346 |
-
canAlign.spaceOnTop = !containerAllowsOverflow ? scrolledYBottomEdge - (bounding.height - offset) : elOffsetRect.bottom - (bounding.height + offset);
|
| 1347 |
-
if (canAlign.spaceOnTop < 0) {
|
| 1348 |
-
canAlign.bottom = false;
|
| 1349 |
-
}
|
| 1350 |
-
|
| 1351 |
-
return canAlign;
|
| 1352 |
-
};
|
| 1353 |
-
|
| 1354 |
-
M.getOverflowParent = function (element) {
|
| 1355 |
-
if (element == null) {
|
| 1356 |
-
return null;
|
| 1357 |
-
}
|
| 1358 |
-
|
| 1359 |
-
if (element === document.body || getComputedStyle(element).overflow !== 'visible') {
|
| 1360 |
-
return element;
|
| 1361 |
-
}
|
| 1362 |
-
|
| 1363 |
-
return M.getOverflowParent(element.parentElement);
|
| 1364 |
-
};
|
| 1365 |
-
|
| 1366 |
-
/**
|
| 1367 |
-
* Gets id of component from a trigger
|
| 1368 |
-
* @param {Element} trigger trigger
|
| 1369 |
-
* @returns {string}
|
| 1370 |
-
*/
|
| 1371 |
-
M.getIdFromTrigger = function (trigger) {
|
| 1372 |
-
var id = trigger.getAttribute('data-target');
|
| 1373 |
-
if (!id) {
|
| 1374 |
-
id = trigger.getAttribute('href');
|
| 1375 |
-
if (id) {
|
| 1376 |
-
id = id.slice(1);
|
| 1377 |
-
} else {
|
| 1378 |
-
id = '';
|
| 1379 |
-
}
|
| 1380 |
-
}
|
| 1381 |
-
return id;
|
| 1382 |
-
};
|
| 1383 |
-
|
| 1384 |
-
/**
|
| 1385 |
-
* Multi browser support for document scroll top
|
| 1386 |
-
* @returns {Number}
|
| 1387 |
-
*/
|
| 1388 |
-
M.getDocumentScrollTop = function () {
|
| 1389 |
-
return window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop || 0;
|
| 1390 |
-
};
|
| 1391 |
-
|
| 1392 |
-
/**
|
| 1393 |
-
* Multi browser support for document scroll left
|
| 1394 |
-
* @returns {Number}
|
| 1395 |
-
*/
|
| 1396 |
-
M.getDocumentScrollLeft = function () {
|
| 1397 |
-
return window.pageXOffset || document.documentElement.scrollLeft || document.body.scrollLeft || 0;
|
| 1398 |
-
};
|
| 1399 |
-
|
| 1400 |
-
/**
|
| 1401 |
-
* @typedef {Object} Edges
|
| 1402 |
-
* @property {Boolean} top If the top edge was exceeded
|
| 1403 |
-
* @property {Boolean} right If the right edge was exceeded
|
| 1404 |
-
* @property {Boolean} bottom If the bottom edge was exceeded
|
| 1405 |
-
* @property {Boolean} left If the left edge was exceeded
|
| 1406 |
-
*/
|
| 1407 |
-
|
| 1408 |
-
/**
|
| 1409 |
-
* @typedef {Object} Bounding
|
| 1410 |
-
* @property {Number} left left offset coordinate
|
| 1411 |
-
* @property {Number} top top offset coordinate
|
| 1412 |
-
* @property {Number} width
|
| 1413 |
-
* @property {Number} height
|
| 1414 |
-
*/
|
| 1415 |
-
|
| 1416 |
-
/**
|
| 1417 |
-
* Get time in ms
|
| 1418 |
-
* @license https://raw.github.com/jashkenas/underscore/master/LICENSE
|
| 1419 |
-
* @type {function}
|
| 1420 |
-
* @return {number}
|
| 1421 |
-
*/
|
| 1422 |
-
var getTime = Date.now || function () {
|
| 1423 |
-
return new Date().getTime();
|
| 1424 |
-
};
|
| 1425 |
-
|
| 1426 |
-
/**
|
| 1427 |
-
* Returns a function, that, when invoked, will only be triggered at most once
|
| 1428 |
-
* during a given window of time. Normally, the throttled function will run
|
| 1429 |
-
* as much as it can, without ever going more than once per `wait` duration;
|
| 1430 |
-
* but if you'd like to disable the execution on the leading edge, pass
|
| 1431 |
-
* `{leading: false}`. To disable execution on the trailing edge, ditto.
|
| 1432 |
-
* @license https://raw.github.com/jashkenas/underscore/master/LICENSE
|
| 1433 |
-
* @param {function} func
|
| 1434 |
-
* @param {number} wait
|
| 1435 |
-
* @param {Object=} options
|
| 1436 |
-
* @returns {Function}
|
| 1437 |
-
*/
|
| 1438 |
-
M.throttle = function (func, wait, options) {
|
| 1439 |
-
var context = void 0,
|
| 1440 |
-
args = void 0,
|
| 1441 |
-
result = void 0;
|
| 1442 |
-
var timeout = null;
|
| 1443 |
-
var previous = 0;
|
| 1444 |
-
options || (options = {});
|
| 1445 |
-
var later = function () {
|
| 1446 |
-
previous = options.leading === false ? 0 : getTime();
|
| 1447 |
-
timeout = null;
|
| 1448 |
-
result = func.apply(context, args);
|
| 1449 |
-
context = args = null;
|
| 1450 |
-
};
|
| 1451 |
-
return function () {
|
| 1452 |
-
var now = getTime();
|
| 1453 |
-
if (!previous && options.leading === false) previous = now;
|
| 1454 |
-
var remaining = wait - (now - previous);
|
| 1455 |
-
context = this;
|
| 1456 |
-
args = arguments;
|
| 1457 |
-
if (remaining <= 0) {
|
| 1458 |
-
clearTimeout(timeout);
|
| 1459 |
-
timeout = null;
|
| 1460 |
-
previous = now;
|
| 1461 |
-
result = func.apply(context, args);
|
| 1462 |
-
context = args = null;
|
| 1463 |
-
} else if (!timeout && options.trailing !== false) {
|
| 1464 |
-
timeout = setTimeout(later, remaining);
|
| 1465 |
-
}
|
| 1466 |
-
return result;
|
| 1467 |
-
};
|
| 1468 |
-
};
|
| 1469 |
-
; /*
|
| 1470 |
-
v2.2.0
|
| 1471 |
-
2017 Julian Garnier
|
| 1472 |
-
Released under the MIT license
|
| 1473 |
-
*/
|
| 1474 |
-
var $jscomp = { scope: {} };$jscomp.defineProperty = "function" == typeof Object.defineProperties ? Object.defineProperty : function (e, r, p) {
|
| 1475 |
-
if (p.get || p.set) throw new TypeError("ES3 does not support getters and setters.");e != Array.prototype && e != Object.prototype && (e[r] = p.value);
|
| 1476 |
-
};$jscomp.getGlobal = function (e) {
|
| 1477 |
-
return "undefined" != typeof window && window === e ? e : "undefined" != typeof global && null != global ? global : e;
|
| 1478 |
-
};$jscomp.global = $jscomp.getGlobal(this);$jscomp.SYMBOL_PREFIX = "jscomp_symbol_";
|
| 1479 |
-
$jscomp.initSymbol = function () {
|
| 1480 |
-
$jscomp.initSymbol = function () {};$jscomp.global.Symbol || ($jscomp.global.Symbol = $jscomp.Symbol);
|
| 1481 |
-
};$jscomp.symbolCounter_ = 0;$jscomp.Symbol = function (e) {
|
| 1482 |
-
return $jscomp.SYMBOL_PREFIX + (e || "") + $jscomp.symbolCounter_++;
|
| 1483 |
-
};
|
| 1484 |
-
$jscomp.initSymbolIterator = function () {
|
| 1485 |
-
$jscomp.initSymbol();var e = $jscomp.global.Symbol.iterator;e || (e = $jscomp.global.Symbol.iterator = $jscomp.global.Symbol("iterator"));"function" != typeof Array.prototype[e] && $jscomp.defineProperty(Array.prototype, e, { configurable: !0, writable: !0, value: function () {
|
| 1486 |
-
return $jscomp.arrayIterator(this);
|
| 1487 |
-
} });$jscomp.initSymbolIterator = function () {};
|
| 1488 |
-
};$jscomp.arrayIterator = function (e) {
|
| 1489 |
-
var r = 0;return $jscomp.iteratorPrototype(function () {
|
| 1490 |
-
return r < e.length ? { done: !1, value: e[r++] } : { done: !0 };
|
| 1491 |
-
});
|
| 1492 |
-
};
|
| 1493 |
-
$jscomp.iteratorPrototype = function (e) {
|
| 1494 |
-
$jscomp.initSymbolIterator();e = { next: e };e[$jscomp.global.Symbol.iterator] = function () {
|
| 1495 |
-
return this;
|
| 1496 |
-
};return e;
|
| 1497 |
-
};$jscomp.array = $jscomp.array || {};$jscomp.iteratorFromArray = function (e, r) {
|
| 1498 |
-
$jscomp.initSymbolIterator();e instanceof String && (e += "");var p = 0,
|
| 1499 |
-
m = { next: function () {
|
| 1500 |
-
if (p < e.length) {
|
| 1501 |
-
var u = p++;return { value: r(u, e[u]), done: !1 };
|
| 1502 |
-
}m.next = function () {
|
| 1503 |
-
return { done: !0, value: void 0 };
|
| 1504 |
-
};return m.next();
|
| 1505 |
-
} };m[Symbol.iterator] = function () {
|
| 1506 |
-
return m;
|
| 1507 |
-
};return m;
|
| 1508 |
-
};
|
| 1509 |
-
$jscomp.polyfill = function (e, r, p, m) {
|
| 1510 |
-
if (r) {
|
| 1511 |
-
p = $jscomp.global;e = e.split(".");for (m = 0; m < e.length - 1; m++) {
|
| 1512 |
-
var u = e[m];u in p || (p[u] = {});p = p[u];
|
| 1513 |
-
}e = e[e.length - 1];m = p[e];r = r(m);r != m && null != r && $jscomp.defineProperty(p, e, { configurable: !0, writable: !0, value: r });
|
| 1514 |
-
}
|
| 1515 |
-
};$jscomp.polyfill("Array.prototype.keys", function (e) {
|
| 1516 |
-
return e ? e : function () {
|
| 1517 |
-
return $jscomp.iteratorFromArray(this, function (e) {
|
| 1518 |
-
return e;
|
| 1519 |
-
});
|
| 1520 |
-
};
|
| 1521 |
-
}, "es6-impl", "es3");var $jscomp$this = this;
|
| 1522 |
-
(function (r) {
|
| 1523 |
-
M.anime = r();
|
| 1524 |
-
})(function () {
|
| 1525 |
-
function e(a) {
|
| 1526 |
-
if (!h.col(a)) try {
|
| 1527 |
-
return document.querySelectorAll(a);
|
| 1528 |
-
} catch (c) {}
|
| 1529 |
-
}function r(a, c) {
|
| 1530 |
-
for (var d = a.length, b = 2 <= arguments.length ? arguments[1] : void 0, f = [], n = 0; n < d; n++) {
|
| 1531 |
-
if (n in a) {
|
| 1532 |
-
var k = a[n];c.call(b, k, n, a) && f.push(k);
|
| 1533 |
-
}
|
| 1534 |
-
}return f;
|
| 1535 |
-
}function p(a) {
|
| 1536 |
-
return a.reduce(function (a, d) {
|
| 1537 |
-
return a.concat(h.arr(d) ? p(d) : d);
|
| 1538 |
-
}, []);
|
| 1539 |
-
}function m(a) {
|
| 1540 |
-
if (h.arr(a)) return a;
|
| 1541 |
-
h.str(a) && (a = e(a) || a);return a instanceof NodeList || a instanceof HTMLCollection ? [].slice.call(a) : [a];
|
| 1542 |
-
}function u(a, c) {
|
| 1543 |
-
return a.some(function (a) {
|
| 1544 |
-
return a === c;
|
| 1545 |
-
});
|
| 1546 |
-
}function C(a) {
|
| 1547 |
-
var c = {},
|
| 1548 |
-
d;for (d in a) {
|
| 1549 |
-
c[d] = a[d];
|
| 1550 |
-
}return c;
|
| 1551 |
-
}function D(a, c) {
|
| 1552 |
-
var d = C(a),
|
| 1553 |
-
b;for (b in a) {
|
| 1554 |
-
d[b] = c.hasOwnProperty(b) ? c[b] : a[b];
|
| 1555 |
-
}return d;
|
| 1556 |
-
}function z(a, c) {
|
| 1557 |
-
var d = C(a),
|
| 1558 |
-
b;for (b in c) {
|
| 1559 |
-
d[b] = h.und(a[b]) ? c[b] : a[b];
|
| 1560 |
-
}return d;
|
| 1561 |
-
}function T(a) {
|
| 1562 |
-
a = a.replace(/^#?([a-f\d])([a-f\d])([a-f\d])$/i, function (a, c, d, k) {
|
| 1563 |
-
return c + c + d + d + k + k;
|
| 1564 |
-
});var c = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(a);
|
| 1565 |
-
a = parseInt(c[1], 16);var d = parseInt(c[2], 16),
|
| 1566 |
-
c = parseInt(c[3], 16);return "rgba(" + a + "," + d + "," + c + ",1)";
|
| 1567 |
-
}function U(a) {
|
| 1568 |
-
function c(a, c, b) {
|
| 1569 |
-
0 > b && (b += 1);1 < b && --b;return b < 1 / 6 ? a + 6 * (c - a) * b : .5 > b ? c : b < 2 / 3 ? a + (c - a) * (2 / 3 - b) * 6 : a;
|
| 1570 |
-
}var d = /hsl\((\d+),\s*([\d.]+)%,\s*([\d.]+)%\)/g.exec(a) || /hsla\((\d+),\s*([\d.]+)%,\s*([\d.]+)%,\s*([\d.]+)\)/g.exec(a);a = parseInt(d[1]) / 360;var b = parseInt(d[2]) / 100,
|
| 1571 |
-
f = parseInt(d[3]) / 100,
|
| 1572 |
-
d = d[4] || 1;if (0 == b) f = b = a = f;else {
|
| 1573 |
-
var n = .5 > f ? f * (1 + b) : f + b - f * b,
|
| 1574 |
-
k = 2 * f - n,
|
| 1575 |
-
f = c(k, n, a + 1 / 3),
|
| 1576 |
-
b = c(k, n, a);a = c(k, n, a - 1 / 3);
|
| 1577 |
-
}return "rgba(" + 255 * f + "," + 255 * b + "," + 255 * a + "," + d + ")";
|
| 1578 |
-
}function y(a) {
|
| 1579 |
-
if (a = /([\+\-]?[0-9#\.]+)(%|px|pt|em|rem|in|cm|mm|ex|ch|pc|vw|vh|vmin|vmax|deg|rad|turn)?$/.exec(a)) return a[2];
|
| 1580 |
-
}function V(a) {
|
| 1581 |
-
if (-1 < a.indexOf("translate") || "perspective" === a) return "px";if (-1 < a.indexOf("rotate") || -1 < a.indexOf("skew")) return "deg";
|
| 1582 |
-
}function I(a, c) {
|
| 1583 |
-
return h.fnc(a) ? a(c.target, c.id, c.total) : a;
|
| 1584 |
-
}function E(a, c) {
|
| 1585 |
-
if (c in a.style) return getComputedStyle(a).getPropertyValue(c.replace(/([a-z])([A-Z])/g, "$1-$2").toLowerCase()) || "0";
|
| 1586 |
-
}function J(a, c) {
|
| 1587 |
-
if (h.dom(a) && u(W, c)) return "transform";if (h.dom(a) && (a.getAttribute(c) || h.svg(a) && a[c])) return "attribute";if (h.dom(a) && "transform" !== c && E(a, c)) return "css";if (null != a[c]) return "object";
|
| 1588 |
-
}function X(a, c) {
|
| 1589 |
-
var d = V(c),
|
| 1590 |
-
d = -1 < c.indexOf("scale") ? 1 : 0 + d;a = a.style.transform;if (!a) return d;for (var b = [], f = [], n = [], k = /(\w+)\((.+?)\)/g; b = k.exec(a);) {
|
| 1591 |
-
f.push(b[1]), n.push(b[2]);
|
| 1592 |
-
}a = r(n, function (a, b) {
|
| 1593 |
-
return f[b] === c;
|
| 1594 |
-
});return a.length ? a[0] : d;
|
| 1595 |
-
}function K(a, c) {
|
| 1596 |
-
switch (J(a, c)) {case "transform":
|
| 1597 |
-
return X(a, c);case "css":
|
| 1598 |
-
return E(a, c);case "attribute":
|
| 1599 |
-
return a.getAttribute(c);}return a[c] || 0;
|
| 1600 |
-
}function L(a, c) {
|
| 1601 |
-
var d = /^(\*=|\+=|-=)/.exec(a);if (!d) return a;var b = y(a) || 0;c = parseFloat(c);a = parseFloat(a.replace(d[0], ""));switch (d[0][0]) {case "+":
|
| 1602 |
-
return c + a + b;case "-":
|
| 1603 |
-
return c - a + b;case "*":
|
| 1604 |
-
return c * a + b;}
|
| 1605 |
-
}function F(a, c) {
|
| 1606 |
-
return Math.sqrt(Math.pow(c.x - a.x, 2) + Math.pow(c.y - a.y, 2));
|
| 1607 |
-
}function M(a) {
|
| 1608 |
-
a = a.points;for (var c = 0, d, b = 0; b < a.numberOfItems; b++) {
|
| 1609 |
-
var f = a.getItem(b);0 < b && (c += F(d, f));d = f;
|
| 1610 |
-
}return c;
|
| 1611 |
-
}function N(a) {
|
| 1612 |
-
if (a.getTotalLength) return a.getTotalLength();switch (a.tagName.toLowerCase()) {case "circle":
|
| 1613 |
-
return 2 * Math.PI * a.getAttribute("r");case "rect":
|
| 1614 |
-
return 2 * a.getAttribute("width") + 2 * a.getAttribute("height");case "line":
|
| 1615 |
-
return F({ x: a.getAttribute("x1"), y: a.getAttribute("y1") }, { x: a.getAttribute("x2"), y: a.getAttribute("y2") });case "polyline":
|
| 1616 |
-
return M(a);case "polygon":
|
| 1617 |
-
var c = a.points;return M(a) + F(c.getItem(c.numberOfItems - 1), c.getItem(0));}
|
| 1618 |
-
}function Y(a, c) {
|
| 1619 |
-
function d(b) {
|
| 1620 |
-
b = void 0 === b ? 0 : b;return a.el.getPointAtLength(1 <= c + b ? c + b : 0);
|
| 1621 |
-
}var b = d(),
|
| 1622 |
-
f = d(-1),
|
| 1623 |
-
n = d(1);switch (a.property) {case "x":
|
| 1624 |
-
return b.x;case "y":
|
| 1625 |
-
return b.y;
|
| 1626 |
-
case "angle":
|
| 1627 |
-
return 180 * Math.atan2(n.y - f.y, n.x - f.x) / Math.PI;}
|
| 1628 |
-
}function O(a, c) {
|
| 1629 |
-
var d = /-?\d*\.?\d+/g,
|
| 1630 |
-
b;b = h.pth(a) ? a.totalLength : a;if (h.col(b)) {
|
| 1631 |
-
if (h.rgb(b)) {
|
| 1632 |
-
var f = /rgb\((\d+,\s*[\d]+,\s*[\d]+)\)/g.exec(b);b = f ? "rgba(" + f[1] + ",1)" : b;
|
| 1633 |
-
} else b = h.hex(b) ? T(b) : h.hsl(b) ? U(b) : void 0;
|
| 1634 |
-
} else f = (f = y(b)) ? b.substr(0, b.length - f.length) : b, b = c && !/\s/g.test(b) ? f + c : f;b += "";return { original: b, numbers: b.match(d) ? b.match(d).map(Number) : [0], strings: h.str(a) || c ? b.split(d) : [] };
|
| 1635 |
-
}function P(a) {
|
| 1636 |
-
a = a ? p(h.arr(a) ? a.map(m) : m(a)) : [];return r(a, function (a, d, b) {
|
| 1637 |
-
return b.indexOf(a) === d;
|
| 1638 |
-
});
|
| 1639 |
-
}function Z(a) {
|
| 1640 |
-
var c = P(a);return c.map(function (a, b) {
|
| 1641 |
-
return { target: a, id: b, total: c.length };
|
| 1642 |
-
});
|
| 1643 |
-
}function aa(a, c) {
|
| 1644 |
-
var d = C(c);if (h.arr(a)) {
|
| 1645 |
-
var b = a.length;2 !== b || h.obj(a[0]) ? h.fnc(c.duration) || (d.duration = c.duration / b) : a = { value: a };
|
| 1646 |
-
}return m(a).map(function (a, b) {
|
| 1647 |
-
b = b ? 0 : c.delay;a = h.obj(a) && !h.pth(a) ? a : { value: a };h.und(a.delay) && (a.delay = b);return a;
|
| 1648 |
-
}).map(function (a) {
|
| 1649 |
-
return z(a, d);
|
| 1650 |
-
});
|
| 1651 |
-
}function ba(a, c) {
|
| 1652 |
-
var d = {},
|
| 1653 |
-
b;for (b in a) {
|
| 1654 |
-
var f = I(a[b], c);h.arr(f) && (f = f.map(function (a) {
|
| 1655 |
-
return I(a, c);
|
| 1656 |
-
}), 1 === f.length && (f = f[0]));d[b] = f;
|
| 1657 |
-
}d.duration = parseFloat(d.duration);d.delay = parseFloat(d.delay);return d;
|
| 1658 |
-
}function ca(a) {
|
| 1659 |
-
return h.arr(a) ? A.apply(this, a) : Q[a];
|
| 1660 |
-
}function da(a, c) {
|
| 1661 |
-
var d;return a.tweens.map(function (b) {
|
| 1662 |
-
b = ba(b, c);var f = b.value,
|
| 1663 |
-
e = K(c.target, a.name),
|
| 1664 |
-
k = d ? d.to.original : e,
|
| 1665 |
-
k = h.arr(f) ? f[0] : k,
|
| 1666 |
-
w = L(h.arr(f) ? f[1] : f, k),
|
| 1667 |
-
e = y(w) || y(k) || y(e);b.from = O(k, e);b.to = O(w, e);b.start = d ? d.end : a.offset;b.end = b.start + b.delay + b.duration;b.easing = ca(b.easing);b.elasticity = (1E3 - Math.min(Math.max(b.elasticity, 1), 999)) / 1E3;b.isPath = h.pth(f);b.isColor = h.col(b.from.original);b.isColor && (b.round = 1);return d = b;
|
| 1668 |
-
});
|
| 1669 |
-
}function ea(a, c) {
|
| 1670 |
-
return r(p(a.map(function (a) {
|
| 1671 |
-
return c.map(function (b) {
|
| 1672 |
-
var c = J(a.target, b.name);if (c) {
|
| 1673 |
-
var d = da(b, a);b = { type: c, property: b.name, animatable: a, tweens: d, duration: d[d.length - 1].end, delay: d[0].delay };
|
| 1674 |
-
} else b = void 0;return b;
|
| 1675 |
-
});
|
| 1676 |
-
})), function (a) {
|
| 1677 |
-
return !h.und(a);
|
| 1678 |
-
});
|
| 1679 |
-
}function R(a, c, d, b) {
|
| 1680 |
-
var f = "delay" === a;return c.length ? (f ? Math.min : Math.max).apply(Math, c.map(function (b) {
|
| 1681 |
-
return b[a];
|
| 1682 |
-
})) : f ? b.delay : d.offset + b.delay + b.duration;
|
| 1683 |
-
}function fa(a) {
|
| 1684 |
-
var c = D(ga, a),
|
| 1685 |
-
d = D(S, a),
|
| 1686 |
-
b = Z(a.targets),
|
| 1687 |
-
f = [],
|
| 1688 |
-
e = z(c, d),
|
| 1689 |
-
k;for (k in a) {
|
| 1690 |
-
e.hasOwnProperty(k) || "targets" === k || f.push({ name: k, offset: e.offset, tweens: aa(a[k], d) });
|
| 1691 |
-
}a = ea(b, f);return z(c, { children: [], animatables: b, animations: a, duration: R("duration", a, c, d), delay: R("delay", a, c, d) });
|
| 1692 |
-
}function q(a) {
|
| 1693 |
-
function c() {
|
| 1694 |
-
return window.Promise && new Promise(function (a) {
|
| 1695 |
-
return p = a;
|
| 1696 |
-
});
|
| 1697 |
-
}function d(a) {
|
| 1698 |
-
return g.reversed ? g.duration - a : a;
|
| 1699 |
-
}function b(a) {
|
| 1700 |
-
for (var b = 0, c = {}, d = g.animations, f = d.length; b < f;) {
|
| 1701 |
-
var e = d[b],
|
| 1702 |
-
k = e.animatable,
|
| 1703 |
-
h = e.tweens,
|
| 1704 |
-
n = h.length - 1,
|
| 1705 |
-
l = h[n];n && (l = r(h, function (b) {
|
| 1706 |
-
return a < b.end;
|
| 1707 |
-
})[0] || l);for (var h = Math.min(Math.max(a - l.start - l.delay, 0), l.duration) / l.duration, w = isNaN(h) ? 1 : l.easing(h, l.elasticity), h = l.to.strings, p = l.round, n = [], m = void 0, m = l.to.numbers.length, t = 0; t < m; t++) {
|
| 1708 |
-
var x = void 0,
|
| 1709 |
-
x = l.to.numbers[t],
|
| 1710 |
-
q = l.from.numbers[t],
|
| 1711 |
-
x = l.isPath ? Y(l.value, w * x) : q + w * (x - q);p && (l.isColor && 2 < t || (x = Math.round(x * p) / p));n.push(x);
|
| 1712 |
-
}if (l = h.length) for (m = h[0], w = 0; w < l; w++) {
|
| 1713 |
-
p = h[w + 1], t = n[w], isNaN(t) || (m = p ? m + (t + p) : m + (t + " "));
|
| 1714 |
-
} else m = n[0];ha[e.type](k.target, e.property, m, c, k.id);e.currentValue = m;b++;
|
| 1715 |
-
}if (b = Object.keys(c).length) for (d = 0; d < b; d++) {
|
| 1716 |
-
H || (H = E(document.body, "transform") ? "transform" : "-webkit-transform"), g.animatables[d].target.style[H] = c[d].join(" ");
|
| 1717 |
-
}g.currentTime = a;g.progress = a / g.duration * 100;
|
| 1718 |
-
}function f(a) {
|
| 1719 |
-
if (g[a]) g[a](g);
|
| 1720 |
-
}function e() {
|
| 1721 |
-
g.remaining && !0 !== g.remaining && g.remaining--;
|
| 1722 |
-
}function k(a) {
|
| 1723 |
-
var k = g.duration,
|
| 1724 |
-
n = g.offset,
|
| 1725 |
-
w = n + g.delay,
|
| 1726 |
-
r = g.currentTime,
|
| 1727 |
-
x = g.reversed,
|
| 1728 |
-
q = d(a);if (g.children.length) {
|
| 1729 |
-
var u = g.children,
|
| 1730 |
-
v = u.length;
|
| 1731 |
-
if (q >= g.currentTime) for (var G = 0; G < v; G++) {
|
| 1732 |
-
u[G].seek(q);
|
| 1733 |
-
} else for (; v--;) {
|
| 1734 |
-
u[v].seek(q);
|
| 1735 |
-
}
|
| 1736 |
-
}if (q >= w || !k) g.began || (g.began = !0, f("begin")), f("run");if (q > n && q < k) b(q);else if (q <= n && 0 !== r && (b(0), x && e()), q >= k && r !== k || !k) b(k), x || e();f("update");a >= k && (g.remaining ? (t = h, "alternate" === g.direction && (g.reversed = !g.reversed)) : (g.pause(), g.completed || (g.completed = !0, f("complete"), "Promise" in window && (p(), m = c()))), l = 0);
|
| 1737 |
-
}a = void 0 === a ? {} : a;var h,
|
| 1738 |
-
t,
|
| 1739 |
-
l = 0,
|
| 1740 |
-
p = null,
|
| 1741 |
-
m = c(),
|
| 1742 |
-
g = fa(a);g.reset = function () {
|
| 1743 |
-
var a = g.direction,
|
| 1744 |
-
c = g.loop;g.currentTime = 0;g.progress = 0;g.paused = !0;g.began = !1;g.completed = !1;g.reversed = "reverse" === a;g.remaining = "alternate" === a && 1 === c ? 2 : c;b(0);for (a = g.children.length; a--;) {
|
| 1745 |
-
g.children[a].reset();
|
| 1746 |
-
}
|
| 1747 |
-
};g.tick = function (a) {
|
| 1748 |
-
h = a;t || (t = h);k((l + h - t) * q.speed);
|
| 1749 |
-
};g.seek = function (a) {
|
| 1750 |
-
k(d(a));
|
| 1751 |
-
};g.pause = function () {
|
| 1752 |
-
var a = v.indexOf(g);-1 < a && v.splice(a, 1);g.paused = !0;
|
| 1753 |
-
};g.play = function () {
|
| 1754 |
-
g.paused && (g.paused = !1, t = 0, l = d(g.currentTime), v.push(g), B || ia());
|
| 1755 |
-
};g.reverse = function () {
|
| 1756 |
-
g.reversed = !g.reversed;t = 0;l = d(g.currentTime);
|
| 1757 |
-
};g.restart = function () {
|
| 1758 |
-
g.pause();
|
| 1759 |
-
g.reset();g.play();
|
| 1760 |
-
};g.finished = m;g.reset();g.autoplay && g.play();return g;
|
| 1761 |
-
}var ga = { update: void 0, begin: void 0, run: void 0, complete: void 0, loop: 1, direction: "normal", autoplay: !0, offset: 0 },
|
| 1762 |
-
S = { duration: 1E3, delay: 0, easing: "easeOutElastic", elasticity: 500, round: 0 },
|
| 1763 |
-
W = "translateX translateY translateZ rotate rotateX rotateY rotateZ scale scaleX scaleY scaleZ skewX skewY perspective".split(" "),
|
| 1764 |
-
H,
|
| 1765 |
-
h = { arr: function (a) {
|
| 1766 |
-
return Array.isArray(a);
|
| 1767 |
-
}, obj: function (a) {
|
| 1768 |
-
return -1 < Object.prototype.toString.call(a).indexOf("Object");
|
| 1769 |
-
},
|
| 1770 |
-
pth: function (a) {
|
| 1771 |
-
return h.obj(a) && a.hasOwnProperty("totalLength");
|
| 1772 |
-
}, svg: function (a) {
|
| 1773 |
-
return a instanceof SVGElement;
|
| 1774 |
-
}, dom: function (a) {
|
| 1775 |
-
return a.nodeType || h.svg(a);
|
| 1776 |
-
}, str: function (a) {
|
| 1777 |
-
return "string" === typeof a;
|
| 1778 |
-
}, fnc: function (a) {
|
| 1779 |
-
return "function" === typeof a;
|
| 1780 |
-
}, und: function (a) {
|
| 1781 |
-
return "undefined" === typeof a;
|
| 1782 |
-
}, hex: function (a) {
|
| 1783 |
-
return (/(^#[0-9A-F]{6}$)|(^#[0-9A-F]{3}$)/i.test(a)
|
| 1784 |
-
);
|
| 1785 |
-
}, rgb: function (a) {
|
| 1786 |
-
return (/^rgb/.test(a)
|
| 1787 |
-
);
|
| 1788 |
-
}, hsl: function (a) {
|
| 1789 |
-
return (/^hsl/.test(a)
|
| 1790 |
-
);
|
| 1791 |
-
}, col: function (a) {
|
| 1792 |
-
return h.hex(a) || h.rgb(a) || h.hsl(a);
|
| 1793 |
-
} },
|
| 1794 |
-
A = function () {
|
| 1795 |
-
function a(a, d, b) {
|
| 1796 |
-
return (((1 - 3 * b + 3 * d) * a + (3 * b - 6 * d)) * a + 3 * d) * a;
|
| 1797 |
-
}return function (c, d, b, f) {
|
| 1798 |
-
if (0 <= c && 1 >= c && 0 <= b && 1 >= b) {
|
| 1799 |
-
var e = new Float32Array(11);if (c !== d || b !== f) for (var k = 0; 11 > k; ++k) {
|
| 1800 |
-
e[k] = a(.1 * k, c, b);
|
| 1801 |
-
}return function (k) {
|
| 1802 |
-
if (c === d && b === f) return k;if (0 === k) return 0;if (1 === k) return 1;for (var h = 0, l = 1; 10 !== l && e[l] <= k; ++l) {
|
| 1803 |
-
h += .1;
|
| 1804 |
-
}--l;var l = h + (k - e[l]) / (e[l + 1] - e[l]) * .1,
|
| 1805 |
-
n = 3 * (1 - 3 * b + 3 * c) * l * l + 2 * (3 * b - 6 * c) * l + 3 * c;if (.001 <= n) {
|
| 1806 |
-
for (h = 0; 4 > h; ++h) {
|
| 1807 |
-
n = 3 * (1 - 3 * b + 3 * c) * l * l + 2 * (3 * b - 6 * c) * l + 3 * c;if (0 === n) break;var m = a(l, c, b) - k,
|
| 1808 |
-
l = l - m / n;
|
| 1809 |
-
}k = l;
|
| 1810 |
-
} else if (0 === n) k = l;else {
|
| 1811 |
-
var l = h,
|
| 1812 |
-
h = h + .1,
|
| 1813 |
-
g = 0;do {
|
| 1814 |
-
m = l + (h - l) / 2, n = a(m, c, b) - k, 0 < n ? h = m : l = m;
|
| 1815 |
-
} while (1e-7 < Math.abs(n) && 10 > ++g);k = m;
|
| 1816 |
-
}return a(k, d, f);
|
| 1817 |
-
};
|
| 1818 |
-
}
|
| 1819 |
-
};
|
| 1820 |
-
}(),
|
| 1821 |
-
Q = function () {
|
| 1822 |
-
function a(a, b) {
|
| 1823 |
-
return 0 === a || 1 === a ? a : -Math.pow(2, 10 * (a - 1)) * Math.sin(2 * (a - 1 - b / (2 * Math.PI) * Math.asin(1)) * Math.PI / b);
|
| 1824 |
-
}var c = "Quad Cubic Quart Quint Sine Expo Circ Back Elastic".split(" "),
|
| 1825 |
-
d = { In: [[.55, .085, .68, .53], [.55, .055, .675, .19], [.895, .03, .685, .22], [.755, .05, .855, .06], [.47, 0, .745, .715], [.95, .05, .795, .035], [.6, .04, .98, .335], [.6, -.28, .735, .045], a], Out: [[.25, .46, .45, .94], [.215, .61, .355, 1], [.165, .84, .44, 1], [.23, 1, .32, 1], [.39, .575, .565, 1], [.19, 1, .22, 1], [.075, .82, .165, 1], [.175, .885, .32, 1.275], function (b, c) {
|
| 1826 |
-
return 1 - a(1 - b, c);
|
| 1827 |
-
}], InOut: [[.455, .03, .515, .955], [.645, .045, .355, 1], [.77, 0, .175, 1], [.86, 0, .07, 1], [.445, .05, .55, .95], [1, 0, 0, 1], [.785, .135, .15, .86], [.68, -.55, .265, 1.55], function (b, c) {
|
| 1828 |
-
return .5 > b ? a(2 * b, c) / 2 : 1 - a(-2 * b + 2, c) / 2;
|
| 1829 |
-
}] },
|
| 1830 |
-
b = { linear: A(.25, .25, .75, .75) },
|
| 1831 |
-
f = {},
|
| 1832 |
-
e;for (e in d) {
|
| 1833 |
-
f.type = e, d[f.type].forEach(function (a) {
|
| 1834 |
-
return function (d, f) {
|
| 1835 |
-
b["ease" + a.type + c[f]] = h.fnc(d) ? d : A.apply($jscomp$this, d);
|
| 1836 |
-
};
|
| 1837 |
-
}(f)), f = { type: f.type };
|
| 1838 |
-
}return b;
|
| 1839 |
-
}(),
|
| 1840 |
-
ha = { css: function (a, c, d) {
|
| 1841 |
-
return a.style[c] = d;
|
| 1842 |
-
}, attribute: function (a, c, d) {
|
| 1843 |
-
return a.setAttribute(c, d);
|
| 1844 |
-
}, object: function (a, c, d) {
|
| 1845 |
-
return a[c] = d;
|
| 1846 |
-
}, transform: function (a, c, d, b, f) {
|
| 1847 |
-
b[f] || (b[f] = []);b[f].push(c + "(" + d + ")");
|
| 1848 |
-
} },
|
| 1849 |
-
v = [],
|
| 1850 |
-
B = 0,
|
| 1851 |
-
ia = function () {
|
| 1852 |
-
function a() {
|
| 1853 |
-
B = requestAnimationFrame(c);
|
| 1854 |
-
}function c(c) {
|
| 1855 |
-
var b = v.length;if (b) {
|
| 1856 |
-
for (var d = 0; d < b;) {
|
| 1857 |
-
v[d] && v[d].tick(c), d++;
|
| 1858 |
-
}a();
|
| 1859 |
-
} else cancelAnimationFrame(B), B = 0;
|
| 1860 |
-
}return a;
|
| 1861 |
-
}();q.version = "2.2.0";q.speed = 1;q.running = v;q.remove = function (a) {
|
| 1862 |
-
a = P(a);for (var c = v.length; c--;) {
|
| 1863 |
-
for (var d = v[c], b = d.animations, f = b.length; f--;) {
|
| 1864 |
-
u(a, b[f].animatable.target) && (b.splice(f, 1), b.length || d.pause());
|
| 1865 |
-
}
|
| 1866 |
-
}
|
| 1867 |
-
};q.getValue = K;q.path = function (a, c) {
|
| 1868 |
-
var d = h.str(a) ? e(a)[0] : a,
|
| 1869 |
-
b = c || 100;return function (a) {
|
| 1870 |
-
return { el: d, property: a, totalLength: N(d) * (b / 100) };
|
| 1871 |
-
};
|
| 1872 |
-
};q.setDashoffset = function (a) {
|
| 1873 |
-
var c = N(a);a.setAttribute("stroke-dasharray", c);return c;
|
| 1874 |
-
};q.bezier = A;q.easings = Q;q.timeline = function (a) {
|
| 1875 |
-
var c = q(a);c.pause();c.duration = 0;c.add = function (d) {
|
| 1876 |
-
c.children.forEach(function (a) {
|
| 1877 |
-
a.began = !0;a.completed = !0;
|
| 1878 |
-
});m(d).forEach(function (b) {
|
| 1879 |
-
var d = z(b, D(S, a || {}));d.targets = d.targets || a.targets;b = c.duration;var e = d.offset;d.autoplay = !1;d.direction = c.direction;d.offset = h.und(e) ? b : L(e, b);c.began = !0;c.completed = !0;c.seek(d.offset);d = q(d);d.began = !0;d.completed = !0;d.duration > b && (c.duration = d.duration);c.children.push(d);
|
| 1880 |
-
});c.seek(0);c.reset();c.autoplay && c.restart();return c;
|
| 1881 |
-
};return c;
|
| 1882 |
-
};q.random = function (a, c) {
|
| 1883 |
-
return Math.floor(Math.random() * (c - a + 1)) + a;
|
| 1884 |
-
};return q;
|
| 1885 |
-
});
|
| 1886 |
-
;(function ($, anim) {
|
| 1887 |
-
'use strict';
|
| 1888 |
-
|
| 1889 |
-
var _defaults = {
|
| 1890 |
-
accordion: true,
|
| 1891 |
-
onOpenStart: undefined,
|
| 1892 |
-
onOpenEnd: undefined,
|
| 1893 |
-
onCloseStart: undefined,
|
| 1894 |
-
onCloseEnd: undefined,
|
| 1895 |
-
inDuration: 300,
|
| 1896 |
-
outDuration: 300
|
| 1897 |
-
};
|
| 1898 |
-
|
| 1899 |
-
/**
|
| 1900 |
-
* @class
|
| 1901 |
-
*
|
| 1902 |
-
*/
|
| 1903 |
-
|
| 1904 |
-
var Collapsible = function (_Component) {
|
| 1905 |
-
_inherits(Collapsible, _Component);
|
| 1906 |
-
|
| 1907 |
-
/**
|
| 1908 |
-
* Construct Collapsible instance
|
| 1909 |
-
* @constructor
|
| 1910 |
-
* @param {Element} el
|
| 1911 |
-
* @param {Object} options
|
| 1912 |
-
*/
|
| 1913 |
-
function Collapsible(el, options) {
|
| 1914 |
-
_classCallCheck(this, Collapsible);
|
| 1915 |
-
|
| 1916 |
-
var _this3 = _possibleConstructorReturn(this, (Collapsible.__proto__ || Object.getPrototypeOf(Collapsible)).call(this, Collapsible, el, options));
|
| 1917 |
-
|
| 1918 |
-
_this3.el.M_Collapsible = _this3;
|
| 1919 |
-
|
| 1920 |
-
/**
|
| 1921 |
-
* Options for the collapsible
|
| 1922 |
-
* @member Collapsible#options
|
| 1923 |
-
* @prop {Boolean} [accordion=false] - Type of the collapsible
|
| 1924 |
-
* @prop {Function} onOpenStart - Callback function called before collapsible is opened
|
| 1925 |
-
* @prop {Function} onOpenEnd - Callback function called after collapsible is opened
|
| 1926 |
-
* @prop {Function} onCloseStart - Callback function called before collapsible is closed
|
| 1927 |
-
* @prop {Function} onCloseEnd - Callback function called after collapsible is closed
|
| 1928 |
-
* @prop {Number} inDuration - Transition in duration in milliseconds.
|
| 1929 |
-
* @prop {Number} outDuration - Transition duration in milliseconds.
|
| 1930 |
-
*/
|
| 1931 |
-
_this3.options = $.extend({}, Collapsible.defaults, options);
|
| 1932 |
-
|
| 1933 |
-
// Setup tab indices
|
| 1934 |
-
_this3.$headers = _this3.$el.children('li').children('.collapsible-header');
|
| 1935 |
-
_this3.$headers.attr('tabindex', 0);
|
| 1936 |
-
|
| 1937 |
-
_this3._setupEventHandlers();
|
| 1938 |
-
|
| 1939 |
-
// Open first active
|
| 1940 |
-
var $activeBodies = _this3.$el.children('li.active').children('.collapsible-body');
|
| 1941 |
-
if (_this3.options.accordion) {
|
| 1942 |
-
// Handle Accordion
|
| 1943 |
-
$activeBodies.first().css('display', 'block');
|
| 1944 |
-
} else {
|
| 1945 |
-
// Handle Expandables
|
| 1946 |
-
$activeBodies.css('display', 'block');
|
| 1947 |
-
}
|
| 1948 |
-
return _this3;
|
| 1949 |
-
}
|
| 1950 |
-
|
| 1951 |
-
_createClass(Collapsible, [{
|
| 1952 |
-
key: "destroy",
|
| 1953 |
-
|
| 1954 |
-
|
| 1955 |
-
/**
|
| 1956 |
-
* Teardown component
|
| 1957 |
-
*/
|
| 1958 |
-
value: function destroy() {
|
| 1959 |
-
this._removeEventHandlers();
|
| 1960 |
-
this.el.M_Collapsible = undefined;
|
| 1961 |
-
}
|
| 1962 |
-
|
| 1963 |
-
/**
|
| 1964 |
-
* Setup Event Handlers
|
| 1965 |
-
*/
|
| 1966 |
-
|
| 1967 |
-
}, {
|
| 1968 |
-
key: "_setupEventHandlers",
|
| 1969 |
-
value: function _setupEventHandlers() {
|
| 1970 |
-
var _this4 = this;
|
| 1971 |
-
|
| 1972 |
-
this._handleCollapsibleClickBound = this._handleCollapsibleClick.bind(this);
|
| 1973 |
-
this._handleCollapsibleKeydownBound = this._handleCollapsibleKeydown.bind(this);
|
| 1974 |
-
this.el.addEventListener('click', this._handleCollapsibleClickBound);
|
| 1975 |
-
this.$headers.each(function (header) {
|
| 1976 |
-
header.addEventListener('keydown', _this4._handleCollapsibleKeydownBound);
|
| 1977 |
-
});
|
| 1978 |
-
}
|
| 1979 |
-
|
| 1980 |
-
/**
|
| 1981 |
-
* Remove Event Handlers
|
| 1982 |
-
*/
|
| 1983 |
-
|
| 1984 |
-
}, {
|
| 1985 |
-
key: "_removeEventHandlers",
|
| 1986 |
-
value: function _removeEventHandlers() {
|
| 1987 |
-
var _this5 = this;
|
| 1988 |
-
|
| 1989 |
-
this.el.removeEventListener('click', this._handleCollapsibleClickBound);
|
| 1990 |
-
this.$headers.each(function (header) {
|
| 1991 |
-
header.removeEventListener('keydown', _this5._handleCollapsibleKeydownBound);
|
| 1992 |
-
});
|
| 1993 |
-
}
|
| 1994 |
-
|
| 1995 |
-
/**
|
| 1996 |
-
* Handle Collapsible Click
|
| 1997 |
-
* @param {Event} e
|
| 1998 |
-
*/
|
| 1999 |
-
|
| 2000 |
-
}, {
|
| 2001 |
-
key: "_handleCollapsibleClick",
|
| 2002 |
-
value: function _handleCollapsibleClick(e) {
|
| 2003 |
-
var $header = $(e.target).closest('.collapsible-header');
|
| 2004 |
-
if (e.target && $header.length) {
|
| 2005 |
-
var $collapsible = $header.closest('.collapsible');
|
| 2006 |
-
if ($collapsible[0] === this.el) {
|
| 2007 |
-
var $collapsibleLi = $header.closest('li');
|
| 2008 |
-
var $collapsibleLis = $collapsible.children('li');
|
| 2009 |
-
var isActive = $collapsibleLi[0].classList.contains('active');
|
| 2010 |
-
var index = $collapsibleLis.index($collapsibleLi);
|
| 2011 |
-
|
| 2012 |
-
if (isActive) {
|
| 2013 |
-
this.close(index);
|
| 2014 |
-
} else {
|
| 2015 |
-
this.open(index);
|
| 2016 |
-
}
|
| 2017 |
-
}
|
| 2018 |
-
}
|
| 2019 |
-
}
|
| 2020 |
-
|
| 2021 |
-
/**
|
| 2022 |
-
* Handle Collapsible Keydown
|
| 2023 |
-
* @param {Event} e
|
| 2024 |
-
*/
|
| 2025 |
-
|
| 2026 |
-
}, {
|
| 2027 |
-
key: "_handleCollapsibleKeydown",
|
| 2028 |
-
value: function _handleCollapsibleKeydown(e) {
|
| 2029 |
-
if (e.keyCode === 13) {
|
| 2030 |
-
this._handleCollapsibleClickBound(e);
|
| 2031 |
-
}
|
| 2032 |
-
}
|
| 2033 |
-
|
| 2034 |
-
/**
|
| 2035 |
-
* Animate in collapsible slide
|
| 2036 |
-
* @param {Number} index - 0th index of slide
|
| 2037 |
-
*/
|
| 2038 |
-
|
| 2039 |
-
}, {
|
| 2040 |
-
key: "_animateIn",
|
| 2041 |
-
value: function _animateIn(index) {
|
| 2042 |
-
var _this6 = this;
|
| 2043 |
-
|
| 2044 |
-
var $collapsibleLi = this.$el.children('li').eq(index);
|
| 2045 |
-
if ($collapsibleLi.length) {
|
| 2046 |
-
var $body = $collapsibleLi.children('.collapsible-body');
|
| 2047 |
-
|
| 2048 |
-
anim.remove($body[0]);
|
| 2049 |
-
$body.css({
|
| 2050 |
-
display: 'block',
|
| 2051 |
-
overflow: 'hidden',
|
| 2052 |
-
height: 0,
|
| 2053 |
-
paddingTop: '',
|
| 2054 |
-
paddingBottom: ''
|
| 2055 |
-
});
|
| 2056 |
-
|
| 2057 |
-
var pTop = $body.css('padding-top');
|
| 2058 |
-
var pBottom = $body.css('padding-bottom');
|
| 2059 |
-
var finalHeight = $body[0].scrollHeight;
|
| 2060 |
-
$body.css({
|
| 2061 |
-
paddingTop: 0,
|
| 2062 |
-
paddingBottom: 0
|
| 2063 |
-
});
|
| 2064 |
-
|
| 2065 |
-
anim({
|
| 2066 |
-
targets: $body[0],
|
| 2067 |
-
height: finalHeight,
|
| 2068 |
-
paddingTop: pTop,
|
| 2069 |
-
paddingBottom: pBottom,
|
| 2070 |
-
duration: this.options.inDuration,
|
| 2071 |
-
easing: 'easeInOutCubic',
|
| 2072 |
-
complete: function (anim) {
|
| 2073 |
-
$body.css({
|
| 2074 |
-
overflow: '',
|
| 2075 |
-
paddingTop: '',
|
| 2076 |
-
paddingBottom: '',
|
| 2077 |
-
height: ''
|
| 2078 |
-
});
|
| 2079 |
-
|
| 2080 |
-
// onOpenEnd callback
|
| 2081 |
-
if (typeof _this6.options.onOpenEnd === 'function') {
|
| 2082 |
-
_this6.options.onOpenEnd.call(_this6, $collapsibleLi[0]);
|
| 2083 |
-
}
|
| 2084 |
-
}
|
| 2085 |
-
});
|
| 2086 |
-
}
|
| 2087 |
-
}
|
| 2088 |
-
|
| 2089 |
-
/**
|
| 2090 |
-
* Animate out collapsible slide
|
| 2091 |
-
* @param {Number} index - 0th index of slide to open
|
| 2092 |
-
*/
|
| 2093 |
-
|
| 2094 |
-
}, {
|
| 2095 |
-
key: "_animateOut",
|
| 2096 |
-
value: function _animateOut(index) {
|
| 2097 |
-
var _this7 = this;
|
| 2098 |
-
|
| 2099 |
-
var $collapsibleLi = this.$el.children('li').eq(index);
|
| 2100 |
-
if ($collapsibleLi.length) {
|
| 2101 |
-
var $body = $collapsibleLi.children('.collapsible-body');
|
| 2102 |
-
anim.remove($body[0]);
|
| 2103 |
-
$body.css('overflow', 'hidden');
|
| 2104 |
-
anim({
|
| 2105 |
-
targets: $body[0],
|
| 2106 |
-
height: 0,
|
| 2107 |
-
paddingTop: 0,
|
| 2108 |
-
paddingBottom: 0,
|
| 2109 |
-
duration: this.options.outDuration,
|
| 2110 |
-
easing: 'easeInOutCubic',
|
| 2111 |
-
complete: function () {
|
| 2112 |
-
$body.css({
|
| 2113 |
-
height: '',
|
| 2114 |
-
overflow: '',
|
| 2115 |
-
padding: '',
|
| 2116 |
-
display: ''
|
| 2117 |
-
});
|
| 2118 |
-
|
| 2119 |
-
// onCloseEnd callback
|
| 2120 |
-
if (typeof _this7.options.onCloseEnd === 'function') {
|
| 2121 |
-
_this7.options.onCloseEnd.call(_this7, $collapsibleLi[0]);
|
| 2122 |
-
}
|
| 2123 |
-
}
|
| 2124 |
-
});
|
| 2125 |
-
}
|
| 2126 |
-
}
|
| 2127 |
-
|
| 2128 |
-
/**
|
| 2129 |
-
* Open Collapsible
|
| 2130 |
-
* @param {Number} index - 0th index of slide
|
| 2131 |
-
*/
|
| 2132 |
-
|
| 2133 |
-
}, {
|
| 2134 |
-
key: "open",
|
| 2135 |
-
value: function open(index) {
|
| 2136 |
-
var _this8 = this;
|
| 2137 |
-
|
| 2138 |
-
var $collapsibleLi = this.$el.children('li').eq(index);
|
| 2139 |
-
if ($collapsibleLi.length && !$collapsibleLi[0].classList.contains('active')) {
|
| 2140 |
-
// onOpenStart callback
|
| 2141 |
-
if (typeof this.options.onOpenStart === 'function') {
|
| 2142 |
-
this.options.onOpenStart.call(this, $collapsibleLi[0]);
|
| 2143 |
-
}
|
| 2144 |
-
|
| 2145 |
-
// Handle accordion behavior
|
| 2146 |
-
if (this.options.accordion) {
|
| 2147 |
-
var $collapsibleLis = this.$el.children('li');
|
| 2148 |
-
var $activeLis = this.$el.children('li.active');
|
| 2149 |
-
$activeLis.each(function (el) {
|
| 2150 |
-
var index = $collapsibleLis.index($(el));
|
| 2151 |
-
_this8.close(index);
|
| 2152 |
-
});
|
| 2153 |
-
}
|
| 2154 |
-
|
| 2155 |
-
// Animate in
|
| 2156 |
-
$collapsibleLi[0].classList.add('active');
|
| 2157 |
-
this._animateIn(index);
|
| 2158 |
-
}
|
| 2159 |
-
}
|
| 2160 |
-
|
| 2161 |
-
/**
|
| 2162 |
-
* Close Collapsible
|
| 2163 |
-
* @param {Number} index - 0th index of slide
|
| 2164 |
-
*/
|
| 2165 |
-
|
| 2166 |
-
}, {
|
| 2167 |
-
key: "close",
|
| 2168 |
-
value: function close(index) {
|
| 2169 |
-
var $collapsibleLi = this.$el.children('li').eq(index);
|
| 2170 |
-
if ($collapsibleLi.length && $collapsibleLi[0].classList.contains('active')) {
|
| 2171 |
-
// onCloseStart callback
|
| 2172 |
-
if (typeof this.options.onCloseStart === 'function') {
|
| 2173 |
-
this.options.onCloseStart.call(this, $collapsibleLi[0]);
|
| 2174 |
-
}
|
| 2175 |
-
|
| 2176 |
-
// Animate out
|
| 2177 |
-
$collapsibleLi[0].classList.remove('active');
|
| 2178 |
-
this._animateOut(index);
|
| 2179 |
-
}
|
| 2180 |
-
}
|
| 2181 |
-
}], [{
|
| 2182 |
-
key: "init",
|
| 2183 |
-
value: function init(els, options) {
|
| 2184 |
-
return _get(Collapsible.__proto__ || Object.getPrototypeOf(Collapsible), "init", this).call(this, this, els, options);
|
| 2185 |
-
}
|
| 2186 |
-
|
| 2187 |
-
/**
|
| 2188 |
-
* Get Instance
|
| 2189 |
-
*/
|
| 2190 |
-
|
| 2191 |
-
}, {
|
| 2192 |
-
key: "getInstance",
|
| 2193 |
-
value: function getInstance(el) {
|
| 2194 |
-
var domElem = !!el.jquery ? el[0] : el;
|
| 2195 |
-
return domElem.M_Collapsible;
|
| 2196 |
-
}
|
| 2197 |
-
}, {
|
| 2198 |
-
key: "defaults",
|
| 2199 |
-
get: function () {
|
| 2200 |
-
return _defaults;
|
| 2201 |
-
}
|
| 2202 |
-
}]);
|
| 2203 |
-
|
| 2204 |
-
return Collapsible;
|
| 2205 |
-
}(Component);
|
| 2206 |
-
|
| 2207 |
-
M.Collapsible = Collapsible;
|
| 2208 |
-
|
| 2209 |
-
if (M.jQueryLoaded) {
|
| 2210 |
-
M.initializeJqueryWrapper(Collapsible, 'collapsible', 'M_Collapsible');
|
| 2211 |
-
}
|
| 2212 |
-
})(cash, M.anime);
|
| 2213 |
-
;(function ($, anim) {
|
| 2214 |
-
'use strict';
|
| 2215 |
-
|
| 2216 |
-
var _defaults = {
|
| 2217 |
-
alignment: 'left',
|
| 2218 |
-
autoFocus: true,
|
| 2219 |
-
constrainWidth: true,
|
| 2220 |
-
container: null,
|
| 2221 |
-
coverTrigger: true,
|
| 2222 |
-
closeOnClick: true,
|
| 2223 |
-
hover: false,
|
| 2224 |
-
inDuration: 150,
|
| 2225 |
-
outDuration: 250,
|
| 2226 |
-
onOpenStart: null,
|
| 2227 |
-
onOpenEnd: null,
|
| 2228 |
-
onCloseStart: null,
|
| 2229 |
-
onCloseEnd: null,
|
| 2230 |
-
onItemClick: null
|
| 2231 |
-
};
|
| 2232 |
-
|
| 2233 |
-
/**
|
| 2234 |
-
* @class
|
| 2235 |
-
*/
|
| 2236 |
-
|
| 2237 |
-
var Dropdown = function (_Component2) {
|
| 2238 |
-
_inherits(Dropdown, _Component2);
|
| 2239 |
-
|
| 2240 |
-
function Dropdown(el, options) {
|
| 2241 |
-
_classCallCheck(this, Dropdown);
|
| 2242 |
-
|
| 2243 |
-
var _this9 = _possibleConstructorReturn(this, (Dropdown.__proto__ || Object.getPrototypeOf(Dropdown)).call(this, Dropdown, el, options));
|
| 2244 |
-
|
| 2245 |
-
_this9.el.M_Dropdown = _this9;
|
| 2246 |
-
Dropdown._dropdowns.push(_this9);
|
| 2247 |
-
|
| 2248 |
-
_this9.id = M.getIdFromTrigger(el);
|
| 2249 |
-
_this9.dropdownEl = document.getElementById(_this9.id);
|
| 2250 |
-
_this9.$dropdownEl = $(_this9.dropdownEl);
|
| 2251 |
-
|
| 2252 |
-
/**
|
| 2253 |
-
* Options for the dropdown
|
| 2254 |
-
* @member Dropdown#options
|
| 2255 |
-
* @prop {String} [alignment='left'] - Edge which the dropdown is aligned to
|
| 2256 |
-
* @prop {Boolean} [autoFocus=true] - Automatically focus dropdown el for keyboard
|
| 2257 |
-
* @prop {Boolean} [constrainWidth=true] - Constrain width to width of the button
|
| 2258 |
-
* @prop {Element} container - Container element to attach dropdown to (optional)
|
| 2259 |
-
* @prop {Boolean} [coverTrigger=true] - Place dropdown over trigger
|
| 2260 |
-
* @prop {Boolean} [closeOnClick=true] - Close on click of dropdown item
|
| 2261 |
-
* @prop {Boolean} [hover=false] - Open dropdown on hover
|
| 2262 |
-
* @prop {Number} [inDuration=150] - Duration of open animation in ms
|
| 2263 |
-
* @prop {Number} [outDuration=250] - Duration of close animation in ms
|
| 2264 |
-
* @prop {Function} onOpenStart - Function called when dropdown starts opening
|
| 2265 |
-
* @prop {Function} onOpenEnd - Function called when dropdown finishes opening
|
| 2266 |
-
* @prop {Function} onCloseStart - Function called when dropdown starts closing
|
| 2267 |
-
* @prop {Function} onCloseEnd - Function called when dropdown finishes closing
|
| 2268 |
-
*/
|
| 2269 |
-
_this9.options = $.extend({}, Dropdown.defaults, options);
|
| 2270 |
-
|
| 2271 |
-
/**
|
| 2272 |
-
* Describes open/close state of dropdown
|
| 2273 |
-
* @type {Boolean}
|
| 2274 |
-
*/
|
| 2275 |
-
_this9.isOpen = false;
|
| 2276 |
-
|
| 2277 |
-
/**
|
| 2278 |
-
* Describes if dropdown content is scrollable
|
| 2279 |
-
* @type {Boolean}
|
| 2280 |
-
*/
|
| 2281 |
-
_this9.isScrollable = false;
|
| 2282 |
-
|
| 2283 |
-
/**
|
| 2284 |
-
* Describes if touch moving on dropdown content
|
| 2285 |
-
* @type {Boolean}
|
| 2286 |
-
*/
|
| 2287 |
-
_this9.isTouchMoving = false;
|
| 2288 |
-
|
| 2289 |
-
_this9.focusedIndex = -1;
|
| 2290 |
-
_this9.filterQuery = [];
|
| 2291 |
-
|
| 2292 |
-
// Move dropdown-content after dropdown-trigger
|
| 2293 |
-
if (!!_this9.options.container) {
|
| 2294 |
-
$(_this9.options.container).append(_this9.dropdownEl);
|
| 2295 |
-
} else {
|
| 2296 |
-
_this9.$el.after(_this9.dropdownEl);
|
| 2297 |
-
}
|
| 2298 |
-
|
| 2299 |
-
_this9._makeDropdownFocusable();
|
| 2300 |
-
_this9._resetFilterQueryBound = _this9._resetFilterQuery.bind(_this9);
|
| 2301 |
-
_this9._handleDocumentClickBound = _this9._handleDocumentClick.bind(_this9);
|
| 2302 |
-
_this9._handleDocumentTouchmoveBound = _this9._handleDocumentTouchmove.bind(_this9);
|
| 2303 |
-
_this9._handleDropdownClickBound = _this9._handleDropdownClick.bind(_this9);
|
| 2304 |
-
_this9._handleDropdownKeydownBound = _this9._handleDropdownKeydown.bind(_this9);
|
| 2305 |
-
_this9._handleTriggerKeydownBound = _this9._handleTriggerKeydown.bind(_this9);
|
| 2306 |
-
_this9._setupEventHandlers();
|
| 2307 |
-
return _this9;
|
| 2308 |
-
}
|
| 2309 |
-
|
| 2310 |
-
_createClass(Dropdown, [{
|
| 2311 |
-
key: "destroy",
|
| 2312 |
-
|
| 2313 |
-
|
| 2314 |
-
/**
|
| 2315 |
-
* Teardown component
|
| 2316 |
-
*/
|
| 2317 |
-
value: function destroy() {
|
| 2318 |
-
this._resetDropdownStyles();
|
| 2319 |
-
this._removeEventHandlers();
|
| 2320 |
-
Dropdown._dropdowns.splice(Dropdown._dropdowns.indexOf(this), 1);
|
| 2321 |
-
this.el.M_Dropdown = undefined;
|
| 2322 |
-
}
|
| 2323 |
-
|
| 2324 |
-
/**
|
| 2325 |
-
* Setup Event Handlers
|
| 2326 |
-
*/
|
| 2327 |
-
|
| 2328 |
-
}, {
|
| 2329 |
-
key: "_setupEventHandlers",
|
| 2330 |
-
value: function _setupEventHandlers() {
|
| 2331 |
-
// Trigger keydown handler
|
| 2332 |
-
this.el.addEventListener('keydown', this._handleTriggerKeydownBound);
|
| 2333 |
-
|
| 2334 |
-
// Item click handler
|
| 2335 |
-
this.dropdownEl.addEventListener('click', this._handleDropdownClickBound);
|
| 2336 |
-
|
| 2337 |
-
// Hover event handlers
|
| 2338 |
-
if (this.options.hover) {
|
| 2339 |
-
this._handleMouseEnterBound = this._handleMouseEnter.bind(this);
|
| 2340 |
-
this.el.addEventListener('mouseenter', this._handleMouseEnterBound);
|
| 2341 |
-
this._handleMouseLeaveBound = this._handleMouseLeave.bind(this);
|
| 2342 |
-
this.el.addEventListener('mouseleave', this._handleMouseLeaveBound);
|
| 2343 |
-
this.dropdownEl.addEventListener('mouseleave', this._handleMouseLeaveBound);
|
| 2344 |
-
|
| 2345 |
-
// Click event handlers
|
| 2346 |
-
} else {
|
| 2347 |
-
this._handleClickBound = this._handleClick.bind(this);
|
| 2348 |
-
this.el.addEventListener('click', this._handleClickBound);
|
| 2349 |
-
}
|
| 2350 |
-
}
|
| 2351 |
-
|
| 2352 |
-
/**
|
| 2353 |
-
* Remove Event Handlers
|
| 2354 |
-
*/
|
| 2355 |
-
|
| 2356 |
-
}, {
|
| 2357 |
-
key: "_removeEventHandlers",
|
| 2358 |
-
value: function _removeEventHandlers() {
|
| 2359 |
-
this.el.removeEventListener('keydown', this._handleTriggerKeydownBound);
|
| 2360 |
-
this.dropdownEl.removeEventListener('click', this._handleDropdownClickBound);
|
| 2361 |
-
|
| 2362 |
-
if (this.options.hover) {
|
| 2363 |
-
this.el.removeEventListener('mouseenter', this._handleMouseEnterBound);
|
| 2364 |
-
this.el.removeEventListener('mouseleave', this._handleMouseLeaveBound);
|
| 2365 |
-
this.dropdownEl.removeEventListener('mouseleave', this._handleMouseLeaveBound);
|
| 2366 |
-
} else {
|
| 2367 |
-
this.el.removeEventListener('click', this._handleClickBound);
|
| 2368 |
-
}
|
| 2369 |
-
}
|
| 2370 |
-
}, {
|
| 2371 |
-
key: "_setupTemporaryEventHandlers",
|
| 2372 |
-
value: function _setupTemporaryEventHandlers() {
|
| 2373 |
-
// Use capture phase event handler to prevent click
|
| 2374 |
-
document.body.addEventListener('click', this._handleDocumentClickBound, true);
|
| 2375 |
-
document.body.addEventListener('touchend', this._handleDocumentClickBound);
|
| 2376 |
-
document.body.addEventListener('touchmove', this._handleDocumentTouchmoveBound);
|
| 2377 |
-
this.dropdownEl.addEventListener('keydown', this._handleDropdownKeydownBound);
|
| 2378 |
-
}
|
| 2379 |
-
}, {
|
| 2380 |
-
key: "_removeTemporaryEventHandlers",
|
| 2381 |
-
value: function _removeTemporaryEventHandlers() {
|
| 2382 |
-
// Use capture phase event handler to prevent click
|
| 2383 |
-
document.body.removeEventListener('click', this._handleDocumentClickBound, true);
|
| 2384 |
-
document.body.removeEventListener('touchend', this._handleDocumentClickBound);
|
| 2385 |
-
document.body.removeEventListener('touchmove', this._handleDocumentTouchmoveBound);
|
| 2386 |
-
this.dropdownEl.removeEventListener('keydown', this._handleDropdownKeydownBound);
|
| 2387 |
-
}
|
| 2388 |
-
}, {
|
| 2389 |
-
key: "_handleClick",
|
| 2390 |
-
value: function _handleClick(e) {
|
| 2391 |
-
e.preventDefault();
|
| 2392 |
-
this.open();
|
| 2393 |
-
}
|
| 2394 |
-
}, {
|
| 2395 |
-
key: "_handleMouseEnter",
|
| 2396 |
-
value: function _handleMouseEnter() {
|
| 2397 |
-
this.open();
|
| 2398 |
-
}
|
| 2399 |
-
}, {
|
| 2400 |
-
key: "_handleMouseLeave",
|
| 2401 |
-
value: function _handleMouseLeave(e) {
|
| 2402 |
-
var toEl = e.toElement || e.relatedTarget;
|
| 2403 |
-
var leaveToDropdownContent = !!$(toEl).closest('.dropdown-content').length;
|
| 2404 |
-
var leaveToActiveDropdownTrigger = false;
|
| 2405 |
-
|
| 2406 |
-
var $closestTrigger = $(toEl).closest('.dropdown-trigger');
|
| 2407 |
-
if ($closestTrigger.length && !!$closestTrigger[0].M_Dropdown && $closestTrigger[0].M_Dropdown.isOpen) {
|
| 2408 |
-
leaveToActiveDropdownTrigger = true;
|
| 2409 |
-
}
|
| 2410 |
-
|
| 2411 |
-
// Close hover dropdown if mouse did not leave to either active dropdown-trigger or dropdown-content
|
| 2412 |
-
if (!leaveToActiveDropdownTrigger && !leaveToDropdownContent) {
|
| 2413 |
-
this.close();
|
| 2414 |
-
}
|
| 2415 |
-
}
|
| 2416 |
-
}, {
|
| 2417 |
-
key: "_handleDocumentClick",
|
| 2418 |
-
value: function _handleDocumentClick(e) {
|
| 2419 |
-
var _this10 = this;
|
| 2420 |
-
|
| 2421 |
-
var $target = $(e.target);
|
| 2422 |
-
if (this.options.closeOnClick && $target.closest('.dropdown-content').length && !this.isTouchMoving) {
|
| 2423 |
-
// isTouchMoving to check if scrolling on mobile.
|
| 2424 |
-
setTimeout(function () {
|
| 2425 |
-
_this10.close();
|
| 2426 |
-
}, 0);
|
| 2427 |
-
} else if ($target.closest('.dropdown-trigger').length || !$target.closest('.dropdown-content').length) {
|
| 2428 |
-
setTimeout(function () {
|
| 2429 |
-
_this10.close();
|
| 2430 |
-
}, 0);
|
| 2431 |
-
}
|
| 2432 |
-
this.isTouchMoving = false;
|
| 2433 |
-
}
|
| 2434 |
-
}, {
|
| 2435 |
-
key: "_handleTriggerKeydown",
|
| 2436 |
-
value: function _handleTriggerKeydown(e) {
|
| 2437 |
-
// ARROW DOWN OR ENTER WHEN SELECT IS CLOSED - open Dropdown
|
| 2438 |
-
if ((e.which === M.keys.ARROW_DOWN || e.which === M.keys.ENTER) && !this.isOpen) {
|
| 2439 |
-
e.preventDefault();
|
| 2440 |
-
this.open();
|
| 2441 |
-
}
|
| 2442 |
-
}
|
| 2443 |
-
|
| 2444 |
-
/**
|
| 2445 |
-
* Handle Document Touchmove
|
| 2446 |
-
* @param {Event} e
|
| 2447 |
-
*/
|
| 2448 |
-
|
| 2449 |
-
}, {
|
| 2450 |
-
key: "_handleDocumentTouchmove",
|
| 2451 |
-
value: function _handleDocumentTouchmove(e) {
|
| 2452 |
-
var $target = $(e.target);
|
| 2453 |
-
if ($target.closest('.dropdown-content').length) {
|
| 2454 |
-
this.isTouchMoving = true;
|
| 2455 |
-
}
|
| 2456 |
-
}
|
| 2457 |
-
|
| 2458 |
-
/**
|
| 2459 |
-
* Handle Dropdown Click
|
| 2460 |
-
* @param {Event} e
|
| 2461 |
-
*/
|
| 2462 |
-
|
| 2463 |
-
}, {
|
| 2464 |
-
key: "_handleDropdownClick",
|
| 2465 |
-
value: function _handleDropdownClick(e) {
|
| 2466 |
-
// onItemClick callback
|
| 2467 |
-
if (typeof this.options.onItemClick === 'function') {
|
| 2468 |
-
var itemEl = $(e.target).closest('li')[0];
|
| 2469 |
-
this.options.onItemClick.call(this, itemEl);
|
| 2470 |
-
}
|
| 2471 |
-
}
|
| 2472 |
-
|
| 2473 |
-
/**
|
| 2474 |
-
* Handle Dropdown Keydown
|
| 2475 |
-
* @param {Event} e
|
| 2476 |
-
*/
|
| 2477 |
-
|
| 2478 |
-
}, {
|
| 2479 |
-
key: "_handleDropdownKeydown",
|
| 2480 |
-
value: function _handleDropdownKeydown(e) {
|
| 2481 |
-
if (e.which === M.keys.TAB) {
|
| 2482 |
-
e.preventDefault();
|
| 2483 |
-
this.close();
|
| 2484 |
-
|
| 2485 |
-
// Navigate down dropdown list
|
| 2486 |
-
} else if ((e.which === M.keys.ARROW_DOWN || e.which === M.keys.ARROW_UP) && this.isOpen) {
|
| 2487 |
-
e.preventDefault();
|
| 2488 |
-
var direction = e.which === M.keys.ARROW_DOWN ? 1 : -1;
|
| 2489 |
-
var newFocusedIndex = this.focusedIndex;
|
| 2490 |
-
var foundNewIndex = false;
|
| 2491 |
-
do {
|
| 2492 |
-
newFocusedIndex = newFocusedIndex + direction;
|
| 2493 |
-
|
| 2494 |
-
if (!!this.dropdownEl.children[newFocusedIndex] && this.dropdownEl.children[newFocusedIndex].tabIndex !== -1) {
|
| 2495 |
-
foundNewIndex = true;
|
| 2496 |
-
break;
|
| 2497 |
-
}
|
| 2498 |
-
} while (newFocusedIndex < this.dropdownEl.children.length && newFocusedIndex >= 0);
|
| 2499 |
-
|
| 2500 |
-
if (foundNewIndex) {
|
| 2501 |
-
this.focusedIndex = newFocusedIndex;
|
| 2502 |
-
this._focusFocusedItem();
|
| 2503 |
-
}
|
| 2504 |
-
|
| 2505 |
-
// ENTER selects choice on focused item
|
| 2506 |
-
} else if (e.which === M.keys.ENTER && this.isOpen) {
|
| 2507 |
-
// Search for <a> and <button>
|
| 2508 |
-
var focusedElement = this.dropdownEl.children[this.focusedIndex];
|
| 2509 |
-
var $activatableElement = $(focusedElement).find('a, button').first();
|
| 2510 |
-
|
| 2511 |
-
// Click a or button tag if exists, otherwise click li tag
|
| 2512 |
-
if (!!$activatableElement.length) {
|
| 2513 |
-
$activatableElement[0].click();
|
| 2514 |
-
} else if (!!focusedElement) {
|
| 2515 |
-
focusedElement.click();
|
| 2516 |
-
}
|
| 2517 |
-
|
| 2518 |
-
// Close dropdown on ESC
|
| 2519 |
-
} else if (e.which === M.keys.ESC && this.isOpen) {
|
| 2520 |
-
e.preventDefault();
|
| 2521 |
-
this.close();
|
| 2522 |
-
}
|
| 2523 |
-
|
| 2524 |
-
// CASE WHEN USER TYPE LETTERS
|
| 2525 |
-
var letter = String.fromCharCode(e.which).toLowerCase(),
|
| 2526 |
-
nonLetters = [9, 13, 27, 38, 40];
|
| 2527 |
-
if (letter && nonLetters.indexOf(e.which) === -1) {
|
| 2528 |
-
this.filterQuery.push(letter);
|
| 2529 |
-
|
| 2530 |
-
var string = this.filterQuery.join(''),
|
| 2531 |
-
newOptionEl = $(this.dropdownEl).find('li').filter(function (el) {
|
| 2532 |
-
return $(el).text().toLowerCase().indexOf(string) === 0;
|
| 2533 |
-
})[0];
|
| 2534 |
-
|
| 2535 |
-
if (newOptionEl) {
|
| 2536 |
-
this.focusedIndex = $(newOptionEl).index();
|
| 2537 |
-
this._focusFocusedItem();
|
| 2538 |
-
}
|
| 2539 |
-
}
|
| 2540 |
-
|
| 2541 |
-
this.filterTimeout = setTimeout(this._resetFilterQueryBound, 1000);
|
| 2542 |
-
}
|
| 2543 |
-
|
| 2544 |
-
/**
|
| 2545 |
-
* Setup dropdown
|
| 2546 |
-
*/
|
| 2547 |
-
|
| 2548 |
-
}, {
|
| 2549 |
-
key: "_resetFilterQuery",
|
| 2550 |
-
value: function _resetFilterQuery() {
|
| 2551 |
-
this.filterQuery = [];
|
| 2552 |
-
}
|
| 2553 |
-
}, {
|
| 2554 |
-
key: "_resetDropdownStyles",
|
| 2555 |
-
value: function _resetDropdownStyles() {
|
| 2556 |
-
this.$dropdownEl.css({
|
| 2557 |
-
display: '',
|
| 2558 |
-
width: '',
|
| 2559 |
-
height: '',
|
| 2560 |
-
left: '',
|
| 2561 |
-
top: '',
|
| 2562 |
-
'transform-origin': '',
|
| 2563 |
-
transform: '',
|
| 2564 |
-
opacity: ''
|
| 2565 |
-
});
|
| 2566 |
-
}
|
| 2567 |
-
}, {
|
| 2568 |
-
key: "_makeDropdownFocusable",
|
| 2569 |
-
value: function _makeDropdownFocusable() {
|
| 2570 |
-
// Needed for arrow key navigation
|
| 2571 |
-
this.dropdownEl.tabIndex = 0;
|
| 2572 |
-
|
| 2573 |
-
// Only set tabindex if it hasn't been set by user
|
| 2574 |
-
$(this.dropdownEl).children().each(function (el) {
|
| 2575 |
-
if (!el.getAttribute('tabindex')) {
|
| 2576 |
-
el.setAttribute('tabindex', 0);
|
| 2577 |
-
}
|
| 2578 |
-
});
|
| 2579 |
-
}
|
| 2580 |
-
}, {
|
| 2581 |
-
key: "_focusFocusedItem",
|
| 2582 |
-
value: function _focusFocusedItem() {
|
| 2583 |
-
if (this.focusedIndex >= 0 && this.focusedIndex < this.dropdownEl.children.length && this.options.autoFocus) {
|
| 2584 |
-
this.dropdownEl.children[this.focusedIndex].focus();
|
| 2585 |
-
}
|
| 2586 |
-
}
|
| 2587 |
-
}, {
|
| 2588 |
-
key: "_getDropdownPosition",
|
| 2589 |
-
value: function _getDropdownPosition() {
|
| 2590 |
-
var offsetParentBRect = this.el.offsetParent.getBoundingClientRect();
|
| 2591 |
-
var triggerBRect = this.el.getBoundingClientRect();
|
| 2592 |
-
var dropdownBRect = this.dropdownEl.getBoundingClientRect();
|
| 2593 |
-
|
| 2594 |
-
var idealHeight = dropdownBRect.height;
|
| 2595 |
-
var idealWidth = dropdownBRect.width;
|
| 2596 |
-
var idealXPos = triggerBRect.left - dropdownBRect.left;
|
| 2597 |
-
var idealYPos = triggerBRect.top - dropdownBRect.top;
|
| 2598 |
-
|
| 2599 |
-
var dropdownBounds = {
|
| 2600 |
-
left: idealXPos,
|
| 2601 |
-
top: idealYPos,
|
| 2602 |
-
height: idealHeight,
|
| 2603 |
-
width: idealWidth
|
| 2604 |
-
};
|
| 2605 |
-
|
| 2606 |
-
// Countainer here will be closest ancestor with overflow: hidden
|
| 2607 |
-
var closestOverflowParent = !!this.dropdownEl.offsetParent ? this.dropdownEl.offsetParent : this.dropdownEl.parentNode;
|
| 2608 |
-
|
| 2609 |
-
var alignments = M.checkPossibleAlignments(this.el, closestOverflowParent, dropdownBounds, this.options.coverTrigger ? 0 : triggerBRect.height);
|
| 2610 |
-
|
| 2611 |
-
var verticalAlignment = 'top';
|
| 2612 |
-
var horizontalAlignment = this.options.alignment;
|
| 2613 |
-
idealYPos += this.options.coverTrigger ? 0 : triggerBRect.height;
|
| 2614 |
-
|
| 2615 |
-
// Reset isScrollable
|
| 2616 |
-
this.isScrollable = false;
|
| 2617 |
-
|
| 2618 |
-
if (!alignments.top) {
|
| 2619 |
-
if (alignments.bottom) {
|
| 2620 |
-
verticalAlignment = 'bottom';
|
| 2621 |
-
} else {
|
| 2622 |
-
this.isScrollable = true;
|
| 2623 |
-
|
| 2624 |
-
// Determine which side has most space and cutoff at correct height
|
| 2625 |
-
if (alignments.spaceOnTop > alignments.spaceOnBottom) {
|
| 2626 |
-
verticalAlignment = 'bottom';
|
| 2627 |
-
idealHeight += alignments.spaceOnTop;
|
| 2628 |
-
idealYPos -= alignments.spaceOnTop;
|
| 2629 |
-
} else {
|
| 2630 |
-
idealHeight += alignments.spaceOnBottom;
|
| 2631 |
-
}
|
| 2632 |
-
}
|
| 2633 |
-
}
|
| 2634 |
-
|
| 2635 |
-
// If preferred horizontal alignment is possible
|
| 2636 |
-
if (!alignments[horizontalAlignment]) {
|
| 2637 |
-
var oppositeAlignment = horizontalAlignment === 'left' ? 'right' : 'left';
|
| 2638 |
-
if (alignments[oppositeAlignment]) {
|
| 2639 |
-
horizontalAlignment = oppositeAlignment;
|
| 2640 |
-
} else {
|
| 2641 |
-
// Determine which side has most space and cutoff at correct height
|
| 2642 |
-
if (alignments.spaceOnLeft > alignments.spaceOnRight) {
|
| 2643 |
-
horizontalAlignment = 'right';
|
| 2644 |
-
idealWidth += alignments.spaceOnLeft;
|
| 2645 |
-
idealXPos -= alignments.spaceOnLeft;
|
| 2646 |
-
} else {
|
| 2647 |
-
horizontalAlignment = 'left';
|
| 2648 |
-
idealWidth += alignments.spaceOnRight;
|
| 2649 |
-
}
|
| 2650 |
-
}
|
| 2651 |
-
}
|
| 2652 |
-
|
| 2653 |
-
if (verticalAlignment === 'bottom') {
|
| 2654 |
-
idealYPos = idealYPos - dropdownBRect.height + (this.options.coverTrigger ? triggerBRect.height : 0);
|
| 2655 |
-
}
|
| 2656 |
-
if (horizontalAlignment === 'right') {
|
| 2657 |
-
idealXPos = idealXPos - dropdownBRect.width + triggerBRect.width;
|
| 2658 |
-
}
|
| 2659 |
-
return {
|
| 2660 |
-
x: idealXPos,
|
| 2661 |
-
y: idealYPos,
|
| 2662 |
-
verticalAlignment: verticalAlignment,
|
| 2663 |
-
horizontalAlignment: horizontalAlignment,
|
| 2664 |
-
height: idealHeight,
|
| 2665 |
-
width: idealWidth
|
| 2666 |
-
};
|
| 2667 |
-
}
|
| 2668 |
-
|
| 2669 |
-
/**
|
| 2670 |
-
* Animate in dropdown
|
| 2671 |
-
*/
|
| 2672 |
-
|
| 2673 |
-
}, {
|
| 2674 |
-
key: "_animateIn",
|
| 2675 |
-
value: function _animateIn() {
|
| 2676 |
-
var _this11 = this;
|
| 2677 |
-
|
| 2678 |
-
anim.remove(this.dropdownEl);
|
| 2679 |
-
anim({
|
| 2680 |
-
targets: this.dropdownEl,
|
| 2681 |
-
opacity: {
|
| 2682 |
-
value: [0, 1],
|
| 2683 |
-
easing: 'easeOutQuad'
|
| 2684 |
-
},
|
| 2685 |
-
scaleX: [0.3, 1],
|
| 2686 |
-
scaleY: [0.3, 1],
|
| 2687 |
-
duration: this.options.inDuration,
|
| 2688 |
-
easing: 'easeOutQuint',
|
| 2689 |
-
complete: function (anim) {
|
| 2690 |
-
if (_this11.options.autoFocus) {
|
| 2691 |
-
_this11.dropdownEl.focus();
|
| 2692 |
-
}
|
| 2693 |
-
|
| 2694 |
-
// onOpenEnd callback
|
| 2695 |
-
if (typeof _this11.options.onOpenEnd === 'function') {
|
| 2696 |
-
_this11.options.onOpenEnd.call(_this11, _this11.el);
|
| 2697 |
-
}
|
| 2698 |
-
}
|
| 2699 |
-
});
|
| 2700 |
-
}
|
| 2701 |
-
|
| 2702 |
-
/**
|
| 2703 |
-
* Animate out dropdown
|
| 2704 |
-
*/
|
| 2705 |
-
|
| 2706 |
-
}, {
|
| 2707 |
-
key: "_animateOut",
|
| 2708 |
-
value: function _animateOut() {
|
| 2709 |
-
var _this12 = this;
|
| 2710 |
-
|
| 2711 |
-
anim.remove(this.dropdownEl);
|
| 2712 |
-
anim({
|
| 2713 |
-
targets: this.dropdownEl,
|
| 2714 |
-
opacity: {
|
| 2715 |
-
value: 0,
|
| 2716 |
-
easing: 'easeOutQuint'
|
| 2717 |
-
},
|
| 2718 |
-
scaleX: 0.3,
|
| 2719 |
-
scaleY: 0.3,
|
| 2720 |
-
duration: this.options.outDuration,
|
| 2721 |
-
easing: 'easeOutQuint',
|
| 2722 |
-
complete: function (anim) {
|
| 2723 |
-
_this12._resetDropdownStyles();
|
| 2724 |
-
|
| 2725 |
-
// onCloseEnd callback
|
| 2726 |
-
if (typeof _this12.options.onCloseEnd === 'function') {
|
| 2727 |
-
_this12.options.onCloseEnd.call(_this12, _this12.el);
|
| 2728 |
-
}
|
| 2729 |
-
}
|
| 2730 |
-
});
|
| 2731 |
-
}
|
| 2732 |
-
|
| 2733 |
-
/**
|
| 2734 |
-
* Place dropdown
|
| 2735 |
-
*/
|
| 2736 |
-
|
| 2737 |
-
}, {
|
| 2738 |
-
key: "_placeDropdown",
|
| 2739 |
-
value: function _placeDropdown() {
|
| 2740 |
-
// Set width before calculating positionInfo
|
| 2741 |
-
var idealWidth = this.options.constrainWidth ? this.el.getBoundingClientRect().width : this.dropdownEl.getBoundingClientRect().width;
|
| 2742 |
-
this.dropdownEl.style.width = idealWidth + 'px';
|
| 2743 |
-
|
| 2744 |
-
var positionInfo = this._getDropdownPosition();
|
| 2745 |
-
this.dropdownEl.style.left = positionInfo.x + 'px';
|
| 2746 |
-
this.dropdownEl.style.top = positionInfo.y + 'px';
|
| 2747 |
-
this.dropdownEl.style.height = positionInfo.height + 'px';
|
| 2748 |
-
this.dropdownEl.style.width = positionInfo.width + 'px';
|
| 2749 |
-
this.dropdownEl.style.transformOrigin = (positionInfo.horizontalAlignment === 'left' ? '0' : '100%') + " " + (positionInfo.verticalAlignment === 'top' ? '0' : '100%');
|
| 2750 |
-
}
|
| 2751 |
-
|
| 2752 |
-
/**
|
| 2753 |
-
* Open Dropdown
|
| 2754 |
-
*/
|
| 2755 |
-
|
| 2756 |
-
}, {
|
| 2757 |
-
key: "open",
|
| 2758 |
-
value: function open() {
|
| 2759 |
-
if (this.isOpen) {
|
| 2760 |
-
return;
|
| 2761 |
-
}
|
| 2762 |
-
this.isOpen = true;
|
| 2763 |
-
|
| 2764 |
-
// onOpenStart callback
|
| 2765 |
-
if (typeof this.options.onOpenStart === 'function') {
|
| 2766 |
-
this.options.onOpenStart.call(this, this.el);
|
| 2767 |
-
}
|
| 2768 |
-
|
| 2769 |
-
// Reset styles
|
| 2770 |
-
this._resetDropdownStyles();
|
| 2771 |
-
this.dropdownEl.style.display = 'block';
|
| 2772 |
-
|
| 2773 |
-
this._placeDropdown();
|
| 2774 |
-
this._animateIn();
|
| 2775 |
-
this._setupTemporaryEventHandlers();
|
| 2776 |
-
}
|
| 2777 |
-
|
| 2778 |
-
/**
|
| 2779 |
-
* Close Dropdown
|
| 2780 |
-
*/
|
| 2781 |
-
|
| 2782 |
-
}, {
|
| 2783 |
-
key: "close",
|
| 2784 |
-
value: function close() {
|
| 2785 |
-
if (!this.isOpen) {
|
| 2786 |
-
return;
|
| 2787 |
-
}
|
| 2788 |
-
this.isOpen = false;
|
| 2789 |
-
this.focusedIndex = -1;
|
| 2790 |
-
|
| 2791 |
-
// onCloseStart callback
|
| 2792 |
-
if (typeof this.options.onCloseStart === 'function') {
|
| 2793 |
-
this.options.onCloseStart.call(this, this.el);
|
| 2794 |
-
}
|
| 2795 |
-
|
| 2796 |
-
this._animateOut();
|
| 2797 |
-
this._removeTemporaryEventHandlers();
|
| 2798 |
-
|
| 2799 |
-
if (this.options.autoFocus) {
|
| 2800 |
-
this.el.focus();
|
| 2801 |
-
}
|
| 2802 |
-
}
|
| 2803 |
-
|
| 2804 |
-
/**
|
| 2805 |
-
* Recalculate dimensions
|
| 2806 |
-
*/
|
| 2807 |
-
|
| 2808 |
-
}, {
|
| 2809 |
-
key: "recalculateDimensions",
|
| 2810 |
-
value: function recalculateDimensions() {
|
| 2811 |
-
if (this.isOpen) {
|
| 2812 |
-
this.$dropdownEl.css({
|
| 2813 |
-
width: '',
|
| 2814 |
-
height: '',
|
| 2815 |
-
left: '',
|
| 2816 |
-
top: '',
|
| 2817 |
-
'transform-origin': ''
|
| 2818 |
-
});
|
| 2819 |
-
this._placeDropdown();
|
| 2820 |
-
}
|
| 2821 |
-
}
|
| 2822 |
-
}], [{
|
| 2823 |
-
key: "init",
|
| 2824 |
-
value: function init(els, options) {
|
| 2825 |
-
return _get(Dropdown.__proto__ || Object.getPrototypeOf(Dropdown), "init", this).call(this, this, els, options);
|
| 2826 |
-
}
|
| 2827 |
-
|
| 2828 |
-
/**
|
| 2829 |
-
* Get Instance
|
| 2830 |
-
*/
|
| 2831 |
-
|
| 2832 |
-
}, {
|
| 2833 |
-
key: "getInstance",
|
| 2834 |
-
value: function getInstance(el) {
|
| 2835 |
-
var domElem = !!el.jquery ? el[0] : el;
|
| 2836 |
-
return domElem.M_Dropdown;
|
| 2837 |
-
}
|
| 2838 |
-
}, {
|
| 2839 |
-
key: "defaults",
|
| 2840 |
-
get: function () {
|
| 2841 |
-
return _defaults;
|
| 2842 |
-
}
|
| 2843 |
-
}]);
|
| 2844 |
-
|
| 2845 |
-
return Dropdown;
|
| 2846 |
-
}(Component);
|
| 2847 |
-
|
| 2848 |
-
/**
|
| 2849 |
-
* @static
|
| 2850 |
-
* @memberof Dropdown
|
| 2851 |
-
*/
|
| 2852 |
-
|
| 2853 |
-
|
| 2854 |
-
Dropdown._dropdowns = [];
|
| 2855 |
-
|
| 2856 |
-
M.Dropdown = Dropdown;
|
| 2857 |
-
|
| 2858 |
-
if (M.jQueryLoaded) {
|
| 2859 |
-
M.initializeJqueryWrapper(Dropdown, 'dropdown', 'M_Dropdown');
|
| 2860 |
-
}
|
| 2861 |
-
})(cash, M.anime);
|
| 2862 |
-
;(function ($, anim) {
|
| 2863 |
-
'use strict';
|
| 2864 |
-
|
| 2865 |
-
var _defaults = {
|
| 2866 |
-
opacity: 0.5,
|
| 2867 |
-
inDuration: 250,
|
| 2868 |
-
outDuration: 250,
|
| 2869 |
-
onOpenStart: null,
|
| 2870 |
-
onOpenEnd: null,
|
| 2871 |
-
onCloseStart: null,
|
| 2872 |
-
onCloseEnd: null,
|
| 2873 |
-
preventScrolling: true,
|
| 2874 |
-
dismissible: true,
|
| 2875 |
-
startingTop: '4%',
|
| 2876 |
-
endingTop: '10%'
|
| 2877 |
-
};
|
| 2878 |
-
|
| 2879 |
-
/**
|
| 2880 |
-
* @class
|
| 2881 |
-
*
|
| 2882 |
-
*/
|
| 2883 |
-
|
| 2884 |
-
var Modal = function (_Component3) {
|
| 2885 |
-
_inherits(Modal, _Component3);
|
| 2886 |
-
|
| 2887 |
-
/**
|
| 2888 |
-
* Construct Modal instance and set up overlay
|
| 2889 |
-
* @constructor
|
| 2890 |
-
* @param {Element} el
|
| 2891 |
-
* @param {Object} options
|
| 2892 |
-
*/
|
| 2893 |
-
function Modal(el, options) {
|
| 2894 |
-
_classCallCheck(this, Modal);
|
| 2895 |
-
|
| 2896 |
-
var _this13 = _possibleConstructorReturn(this, (Modal.__proto__ || Object.getPrototypeOf(Modal)).call(this, Modal, el, options));
|
| 2897 |
-
|
| 2898 |
-
_this13.el.M_Modal = _this13;
|
| 2899 |
-
|
| 2900 |
-
/**
|
| 2901 |
-
* Options for the modal
|
| 2902 |
-
* @member Modal#options
|
| 2903 |
-
* @prop {Number} [opacity=0.5] - Opacity of the modal overlay
|
| 2904 |
-
* @prop {Number} [inDuration=250] - Length in ms of enter transition
|
| 2905 |
-
* @prop {Number} [outDuration=250] - Length in ms of exit transition
|
| 2906 |
-
* @prop {Function} onOpenStart - Callback function called before modal is opened
|
| 2907 |
-
* @prop {Function} onOpenEnd - Callback function called after modal is opened
|
| 2908 |
-
* @prop {Function} onCloseStart - Callback function called before modal is closed
|
| 2909 |
-
* @prop {Function} onCloseEnd - Callback function called after modal is closed
|
| 2910 |
-
* @prop {Boolean} [dismissible=true] - Allow modal to be dismissed by keyboard or overlay click
|
| 2911 |
-
* @prop {String} [startingTop='4%'] - startingTop
|
| 2912 |
-
* @prop {String} [endingTop='10%'] - endingTop
|
| 2913 |
-
*/
|
| 2914 |
-
_this13.options = $.extend({}, Modal.defaults, options);
|
| 2915 |
-
|
| 2916 |
-
/**
|
| 2917 |
-
* Describes open/close state of modal
|
| 2918 |
-
* @type {Boolean}
|
| 2919 |
-
*/
|
| 2920 |
-
_this13.isOpen = false;
|
| 2921 |
-
|
| 2922 |
-
_this13.id = _this13.$el.attr('id');
|
| 2923 |
-
_this13._openingTrigger = undefined;
|
| 2924 |
-
_this13.$overlay = $('<div class="modal-overlay"></div>');
|
| 2925 |
-
_this13.el.tabIndex = 0;
|
| 2926 |
-
_this13._nthModalOpened = 0;
|
| 2927 |
-
|
| 2928 |
-
Modal._count++;
|
| 2929 |
-
_this13._setupEventHandlers();
|
| 2930 |
-
return _this13;
|
| 2931 |
-
}
|
| 2932 |
-
|
| 2933 |
-
_createClass(Modal, [{
|
| 2934 |
-
key: "destroy",
|
| 2935 |
-
|
| 2936 |
-
|
| 2937 |
-
/**
|
| 2938 |
-
* Teardown component
|
| 2939 |
-
*/
|
| 2940 |
-
value: function destroy() {
|
| 2941 |
-
Modal._count--;
|
| 2942 |
-
this._removeEventHandlers();
|
| 2943 |
-
this.el.removeAttribute('style');
|
| 2944 |
-
this.$overlay.remove();
|
| 2945 |
-
this.el.M_Modal = undefined;
|
| 2946 |
-
}
|
| 2947 |
-
|
| 2948 |
-
/**
|
| 2949 |
-
* Setup Event Handlers
|
| 2950 |
-
*/
|
| 2951 |
-
|
| 2952 |
-
}, {
|
| 2953 |
-
key: "_setupEventHandlers",
|
| 2954 |
-
value: function _setupEventHandlers() {
|
| 2955 |
-
this._handleOverlayClickBound = this._handleOverlayClick.bind(this);
|
| 2956 |
-
this._handleModalCloseClickBound = this._handleModalCloseClick.bind(this);
|
| 2957 |
-
|
| 2958 |
-
if (Modal._count === 1) {
|
| 2959 |
-
document.body.addEventListener('click', this._handleTriggerClick);
|
| 2960 |
-
}
|
| 2961 |
-
this.$overlay[0].addEventListener('click', this._handleOverlayClickBound);
|
| 2962 |
-
this.el.addEventListener('click', this._handleModalCloseClickBound);
|
| 2963 |
-
}
|
| 2964 |
-
|
| 2965 |
-
/**
|
| 2966 |
-
* Remove Event Handlers
|
| 2967 |
-
*/
|
| 2968 |
-
|
| 2969 |
-
}, {
|
| 2970 |
-
key: "_removeEventHandlers",
|
| 2971 |
-
value: function _removeEventHandlers() {
|
| 2972 |
-
if (Modal._count === 0) {
|
| 2973 |
-
document.body.removeEventListener('click', this._handleTriggerClick);
|
| 2974 |
-
}
|
| 2975 |
-
this.$overlay[0].removeEventListener('click', this._handleOverlayClickBound);
|
| 2976 |
-
this.el.removeEventListener('click', this._handleModalCloseClickBound);
|
| 2977 |
-
}
|
| 2978 |
-
|
| 2979 |
-
/**
|
| 2980 |
-
* Handle Trigger Click
|
| 2981 |
-
* @param {Event} e
|
| 2982 |
-
*/
|
| 2983 |
-
|
| 2984 |
-
}, {
|
| 2985 |
-
key: "_handleTriggerClick",
|
| 2986 |
-
value: function _handleTriggerClick(e) {
|
| 2987 |
-
var $trigger = $(e.target).closest('.modal-trigger');
|
| 2988 |
-
if ($trigger.length) {
|
| 2989 |
-
var modalId = M.getIdFromTrigger($trigger[0]);
|
| 2990 |
-
var modalInstance = document.getElementById(modalId).M_Modal;
|
| 2991 |
-
if (modalInstance) {
|
| 2992 |
-
modalInstance.open($trigger);
|
| 2993 |
-
}
|
| 2994 |
-
e.preventDefault();
|
| 2995 |
-
}
|
| 2996 |
-
}
|
| 2997 |
-
|
| 2998 |
-
/**
|
| 2999 |
-
* Handle Overlay Click
|
| 3000 |
-
*/
|
| 3001 |
-
|
| 3002 |
-
}, {
|
| 3003 |
-
key: "_handleOverlayClick",
|
| 3004 |
-
value: function _handleOverlayClick() {
|
| 3005 |
-
if (this.options.dismissible) {
|
| 3006 |
-
this.close();
|
| 3007 |
-
}
|
| 3008 |
-
}
|
| 3009 |
-
|
| 3010 |
-
/**
|
| 3011 |
-
* Handle Modal Close Click
|
| 3012 |
-
* @param {Event} e
|
| 3013 |
-
*/
|
| 3014 |
-
|
| 3015 |
-
}, {
|
| 3016 |
-
key: "_handleModalCloseClick",
|
| 3017 |
-
value: function _handleModalCloseClick(e) {
|
| 3018 |
-
var $closeTrigger = $(e.target).closest('.modal-close');
|
| 3019 |
-
if ($closeTrigger.length) {
|
| 3020 |
-
this.close();
|
| 3021 |
-
}
|
| 3022 |
-
}
|
| 3023 |
-
|
| 3024 |
-
/**
|
| 3025 |
-
* Handle Keydown
|
| 3026 |
-
* @param {Event} e
|
| 3027 |
-
*/
|
| 3028 |
-
|
| 3029 |
-
}, {
|
| 3030 |
-
key: "_handleKeydown",
|
| 3031 |
-
value: function _handleKeydown(e) {
|
| 3032 |
-
// ESC key
|
| 3033 |
-
if (e.keyCode === 27 && this.options.dismissible) {
|
| 3034 |
-
this.close();
|
| 3035 |
-
}
|
| 3036 |
-
}
|
| 3037 |
-
|
| 3038 |
-
/**
|
| 3039 |
-
* Handle Focus
|
| 3040 |
-
* @param {Event} e
|
| 3041 |
-
*/
|
| 3042 |
-
|
| 3043 |
-
}, {
|
| 3044 |
-
key: "_handleFocus",
|
| 3045 |
-
value: function _handleFocus(e) {
|
| 3046 |
-
// Only trap focus if this modal is the last model opened (prevents loops in nested modals).
|
| 3047 |
-
if (!this.el.contains(e.target) && this._nthModalOpened === Modal._modalsOpen) {
|
| 3048 |
-
this.el.focus();
|
| 3049 |
-
}
|
| 3050 |
-
}
|
| 3051 |
-
|
| 3052 |
-
/**
|
| 3053 |
-
* Animate in modal
|
| 3054 |
-
*/
|
| 3055 |
-
|
| 3056 |
-
}, {
|
| 3057 |
-
key: "_animateIn",
|
| 3058 |
-
value: function _animateIn() {
|
| 3059 |
-
var _this14 = this;
|
| 3060 |
-
|
| 3061 |
-
// Set initial styles
|
| 3062 |
-
$.extend(this.el.style, {
|
| 3063 |
-
display: 'block',
|
| 3064 |
-
opacity: 0
|
| 3065 |
-
});
|
| 3066 |
-
$.extend(this.$overlay[0].style, {
|
| 3067 |
-
display: 'block',
|
| 3068 |
-
opacity: 0
|
| 3069 |
-
});
|
| 3070 |
-
|
| 3071 |
-
// Animate overlay
|
| 3072 |
-
anim({
|
| 3073 |
-
targets: this.$overlay[0],
|
| 3074 |
-
opacity: this.options.opacity,
|
| 3075 |
-
duration: this.options.inDuration,
|
| 3076 |
-
easing: 'easeOutQuad'
|
| 3077 |
-
});
|
| 3078 |
-
|
| 3079 |
-
// Define modal animation options
|
| 3080 |
-
var enterAnimOptions = {
|
| 3081 |
-
targets: this.el,
|
| 3082 |
-
duration: this.options.inDuration,
|
| 3083 |
-
easing: 'easeOutCubic',
|
| 3084 |
-
// Handle modal onOpenEnd callback
|
| 3085 |
-
complete: function () {
|
| 3086 |
-
if (typeof _this14.options.onOpenEnd === 'function') {
|
| 3087 |
-
_this14.options.onOpenEnd.call(_this14, _this14.el, _this14._openingTrigger);
|
| 3088 |
-
}
|
| 3089 |
-
}
|
| 3090 |
-
};
|
| 3091 |
-
|
| 3092 |
-
// Bottom sheet animation
|
| 3093 |
-
if (this.el.classList.contains('bottom-sheet')) {
|
| 3094 |
-
$.extend(enterAnimOptions, {
|
| 3095 |
-
bottom: 0,
|
| 3096 |
-
opacity: 1
|
| 3097 |
-
});
|
| 3098 |
-
anim(enterAnimOptions);
|
| 3099 |
-
|
| 3100 |
-
// Normal modal animation
|
| 3101 |
-
} else {
|
| 3102 |
-
$.extend(enterAnimOptions, {
|
| 3103 |
-
top: [this.options.startingTop, this.options.endingTop],
|
| 3104 |
-
opacity: 1,
|
| 3105 |
-
scaleX: [0.8, 1],
|
| 3106 |
-
scaleY: [0.8, 1]
|
| 3107 |
-
});
|
| 3108 |
-
anim(enterAnimOptions);
|
| 3109 |
-
}
|
| 3110 |
-
}
|
| 3111 |
-
|
| 3112 |
-
/**
|
| 3113 |
-
* Animate out modal
|
| 3114 |
-
*/
|
| 3115 |
-
|
| 3116 |
-
}, {
|
| 3117 |
-
key: "_animateOut",
|
| 3118 |
-
value: function _animateOut() {
|
| 3119 |
-
var _this15 = this;
|
| 3120 |
-
|
| 3121 |
-
// Animate overlay
|
| 3122 |
-
anim({
|
| 3123 |
-
targets: this.$overlay[0],
|
| 3124 |
-
opacity: 0,
|
| 3125 |
-
duration: this.options.outDuration,
|
| 3126 |
-
easing: 'easeOutQuart'
|
| 3127 |
-
});
|
| 3128 |
-
|
| 3129 |
-
// Define modal animation options
|
| 3130 |
-
var exitAnimOptions = {
|
| 3131 |
-
targets: this.el,
|
| 3132 |
-
duration: this.options.outDuration,
|
| 3133 |
-
easing: 'easeOutCubic',
|
| 3134 |
-
// Handle modal ready callback
|
| 3135 |
-
complete: function () {
|
| 3136 |
-
_this15.el.style.display = 'none';
|
| 3137 |
-
_this15.$overlay.remove();
|
| 3138 |
-
|
| 3139 |
-
// Call onCloseEnd callback
|
| 3140 |
-
if (typeof _this15.options.onCloseEnd === 'function') {
|
| 3141 |
-
_this15.options.onCloseEnd.call(_this15, _this15.el);
|
| 3142 |
-
}
|
| 3143 |
-
}
|
| 3144 |
-
};
|
| 3145 |
-
|
| 3146 |
-
// Bottom sheet animation
|
| 3147 |
-
if (this.el.classList.contains('bottom-sheet')) {
|
| 3148 |
-
$.extend(exitAnimOptions, {
|
| 3149 |
-
bottom: '-100%',
|
| 3150 |
-
opacity: 0
|
| 3151 |
-
});
|
| 3152 |
-
anim(exitAnimOptions);
|
| 3153 |
-
|
| 3154 |
-
// Normal modal animation
|
| 3155 |
-
} else {
|
| 3156 |
-
$.extend(exitAnimOptions, {
|
| 3157 |
-
top: [this.options.endingTop, this.options.startingTop],
|
| 3158 |
-
opacity: 0,
|
| 3159 |
-
scaleX: 0.8,
|
| 3160 |
-
scaleY: 0.8
|
| 3161 |
-
});
|
| 3162 |
-
anim(exitAnimOptions);
|
| 3163 |
-
}
|
| 3164 |
-
}
|
| 3165 |
-
|
| 3166 |
-
/**
|
| 3167 |
-
* Open Modal
|
| 3168 |
-
* @param {cash} [$trigger]
|
| 3169 |
-
*/
|
| 3170 |
-
|
| 3171 |
-
}, {
|
| 3172 |
-
key: "open",
|
| 3173 |
-
value: function open($trigger) {
|
| 3174 |
-
if (this.isOpen) {
|
| 3175 |
-
return;
|
| 3176 |
-
}
|
| 3177 |
-
|
| 3178 |
-
this.isOpen = true;
|
| 3179 |
-
Modal._modalsOpen++;
|
| 3180 |
-
this._nthModalOpened = Modal._modalsOpen;
|
| 3181 |
-
|
| 3182 |
-
// Set Z-Index based on number of currently open modals
|
| 3183 |
-
this.$overlay[0].style.zIndex = 1000 + Modal._modalsOpen * 2;
|
| 3184 |
-
this.el.style.zIndex = 1000 + Modal._modalsOpen * 2 + 1;
|
| 3185 |
-
|
| 3186 |
-
// Set opening trigger, undefined indicates modal was opened by javascript
|
| 3187 |
-
this._openingTrigger = !!$trigger ? $trigger[0] : undefined;
|
| 3188 |
-
|
| 3189 |
-
// onOpenStart callback
|
| 3190 |
-
if (typeof this.options.onOpenStart === 'function') {
|
| 3191 |
-
this.options.onOpenStart.call(this, this.el, this._openingTrigger);
|
| 3192 |
-
}
|
| 3193 |
-
|
| 3194 |
-
if (this.options.preventScrolling) {
|
| 3195 |
-
document.body.style.overflow = 'hidden';
|
| 3196 |
-
}
|
| 3197 |
-
|
| 3198 |
-
this.el.classList.add('open');
|
| 3199 |
-
this.el.insertAdjacentElement('afterend', this.$overlay[0]);
|
| 3200 |
-
|
| 3201 |
-
if (this.options.dismissible) {
|
| 3202 |
-
this._handleKeydownBound = this._handleKeydown.bind(this);
|
| 3203 |
-
this._handleFocusBound = this._handleFocus.bind(this);
|
| 3204 |
-
document.addEventListener('keydown', this._handleKeydownBound);
|
| 3205 |
-
document.addEventListener('focus', this._handleFocusBound, true);
|
| 3206 |
-
}
|
| 3207 |
-
|
| 3208 |
-
anim.remove(this.el);
|
| 3209 |
-
anim.remove(this.$overlay[0]);
|
| 3210 |
-
this._animateIn();
|
| 3211 |
-
|
| 3212 |
-
// Focus modal
|
| 3213 |
-
this.el.focus();
|
| 3214 |
-
|
| 3215 |
-
return this;
|
| 3216 |
-
}
|
| 3217 |
-
|
| 3218 |
-
/**
|
| 3219 |
-
* Close Modal
|
| 3220 |
-
*/
|
| 3221 |
-
|
| 3222 |
-
}, {
|
| 3223 |
-
key: "close",
|
| 3224 |
-
value: function close() {
|
| 3225 |
-
if (!this.isOpen) {
|
| 3226 |
-
return;
|
| 3227 |
-
}
|
| 3228 |
-
|
| 3229 |
-
this.isOpen = false;
|
| 3230 |
-
Modal._modalsOpen--;
|
| 3231 |
-
this._nthModalOpened = 0;
|
| 3232 |
-
|
| 3233 |
-
// Call onCloseStart callback
|
| 3234 |
-
if (typeof this.options.onCloseStart === 'function') {
|
| 3235 |
-
this.options.onCloseStart.call(this, this.el);
|
| 3236 |
-
}
|
| 3237 |
-
|
| 3238 |
-
this.el.classList.remove('open');
|
| 3239 |
-
|
| 3240 |
-
// Enable body scrolling only if there are no more modals open.
|
| 3241 |
-
if (Modal._modalsOpen === 0) {
|
| 3242 |
-
document.body.style.overflow = '';
|
| 3243 |
-
}
|
| 3244 |
-
|
| 3245 |
-
if (this.options.dismissible) {
|
| 3246 |
-
document.removeEventListener('keydown', this._handleKeydownBound);
|
| 3247 |
-
document.removeEventListener('focus', this._handleFocusBound, true);
|
| 3248 |
-
}
|
| 3249 |
-
|
| 3250 |
-
anim.remove(this.el);
|
| 3251 |
-
anim.remove(this.$overlay[0]);
|
| 3252 |
-
this._animateOut();
|
| 3253 |
-
return this;
|
| 3254 |
-
}
|
| 3255 |
-
}], [{
|
| 3256 |
-
key: "init",
|
| 3257 |
-
value: function init(els, options) {
|
| 3258 |
-
return _get(Modal.__proto__ || Object.getPrototypeOf(Modal), "init", this).call(this, this, els, options);
|
| 3259 |
-
}
|
| 3260 |
-
|
| 3261 |
-
/**
|
| 3262 |
-
* Get Instance
|
| 3263 |
-
*/
|
| 3264 |
-
|
| 3265 |
-
}, {
|
| 3266 |
-
key: "getInstance",
|
| 3267 |
-
value: function getInstance(el) {
|
| 3268 |
-
var domElem = !!el.jquery ? el[0] : el;
|
| 3269 |
-
return domElem.M_Modal;
|
| 3270 |
-
}
|
| 3271 |
-
}, {
|
| 3272 |
-
key: "defaults",
|
| 3273 |
-
get: function () {
|
| 3274 |
-
return _defaults;
|
| 3275 |
-
}
|
| 3276 |
-
}]);
|
| 3277 |
-
|
| 3278 |
-
return Modal;
|
| 3279 |
-
}(Component);
|
| 3280 |
-
|
| 3281 |
-
/**
|
| 3282 |
-
* @static
|
| 3283 |
-
* @memberof Modal
|
| 3284 |
-
*/
|
| 3285 |
-
|
| 3286 |
-
|
| 3287 |
-
Modal._modalsOpen = 0;
|
| 3288 |
-
|
| 3289 |
-
/**
|
| 3290 |
-
* @static
|
| 3291 |
-
* @memberof Modal
|
| 3292 |
-
*/
|
| 3293 |
-
Modal._count = 0;
|
| 3294 |
-
|
| 3295 |
-
M.Modal = Modal;
|
| 3296 |
-
|
| 3297 |
-
if (M.jQueryLoaded) {
|
| 3298 |
-
M.initializeJqueryWrapper(Modal, 'modal', 'M_Modal');
|
| 3299 |
-
}
|
| 3300 |
-
})(cash, M.anime);
|
| 3301 |
-
;(function ($, anim) {
|
| 3302 |
-
'use strict';
|
| 3303 |
-
|
| 3304 |
-
var _defaults = {
|
| 3305 |
-
inDuration: 275,
|
| 3306 |
-
outDuration: 200,
|
| 3307 |
-
onOpenStart: null,
|
| 3308 |
-
onOpenEnd: null,
|
| 3309 |
-
onCloseStart: null,
|
| 3310 |
-
onCloseEnd: null
|
| 3311 |
-
};
|
| 3312 |
-
|
| 3313 |
-
/**
|
| 3314 |
-
* @class
|
| 3315 |
-
*
|
| 3316 |
-
*/
|
| 3317 |
-
|
| 3318 |
-
var Materialbox = function (_Component4) {
|
| 3319 |
-
_inherits(Materialbox, _Component4);
|
| 3320 |
-
|
| 3321 |
-
/**
|
| 3322 |
-
* Construct Materialbox instance
|
| 3323 |
-
* @constructor
|
| 3324 |
-
* @param {Element} el
|
| 3325 |
-
* @param {Object} options
|
| 3326 |
-
*/
|
| 3327 |
-
function Materialbox(el, options) {
|
| 3328 |
-
_classCallCheck(this, Materialbox);
|
| 3329 |
-
|
| 3330 |
-
var _this16 = _possibleConstructorReturn(this, (Materialbox.__proto__ || Object.getPrototypeOf(Materialbox)).call(this, Materialbox, el, options));
|
| 3331 |
-
|
| 3332 |
-
_this16.el.M_Materialbox = _this16;
|
| 3333 |
-
|
| 3334 |
-
/**
|
| 3335 |
-
* Options for the modal
|
| 3336 |
-
* @member Materialbox#options
|
| 3337 |
-
* @prop {Number} [inDuration=275] - Length in ms of enter transition
|
| 3338 |
-
* @prop {Number} [outDuration=200] - Length in ms of exit transition
|
| 3339 |
-
* @prop {Function} onOpenStart - Callback function called before materialbox is opened
|
| 3340 |
-
* @prop {Function} onOpenEnd - Callback function called after materialbox is opened
|
| 3341 |
-
* @prop {Function} onCloseStart - Callback function called before materialbox is closed
|
| 3342 |
-
* @prop {Function} onCloseEnd - Callback function called after materialbox is closed
|
| 3343 |
-
*/
|
| 3344 |
-
_this16.options = $.extend({}, Materialbox.defaults, options);
|
| 3345 |
-
|
| 3346 |
-
_this16.overlayActive = false;
|
| 3347 |
-
_this16.doneAnimating = true;
|
| 3348 |
-
_this16.placeholder = $('<div></div>').addClass('material-placeholder');
|
| 3349 |
-
_this16.originalWidth = 0;
|
| 3350 |
-
_this16.originalHeight = 0;
|
| 3351 |
-
_this16.originInlineStyles = _this16.$el.attr('style');
|
| 3352 |
-
_this16.caption = _this16.el.getAttribute('data-caption') || '';
|
| 3353 |
-
|
| 3354 |
-
// Wrap
|
| 3355 |
-
_this16.$el.before(_this16.placeholder);
|
| 3356 |
-
_this16.placeholder.append(_this16.$el);
|
| 3357 |
-
|
| 3358 |
-
_this16._setupEventHandlers();
|
| 3359 |
-
return _this16;
|
| 3360 |
-
}
|
| 3361 |
-
|
| 3362 |
-
_createClass(Materialbox, [{
|
| 3363 |
-
key: "destroy",
|
| 3364 |
-
|
| 3365 |
-
|
| 3366 |
-
/**
|
| 3367 |
-
* Teardown component
|
| 3368 |
-
*/
|
| 3369 |
-
value: function destroy() {
|
| 3370 |
-
this._removeEventHandlers();
|
| 3371 |
-
this.el.M_Materialbox = undefined;
|
| 3372 |
-
|
| 3373 |
-
// Unwrap image
|
| 3374 |
-
$(this.placeholder).after(this.el).remove();
|
| 3375 |
-
|
| 3376 |
-
this.$el.removeAttr('style');
|
| 3377 |
-
}
|
| 3378 |
-
|
| 3379 |
-
/**
|
| 3380 |
-
* Setup Event Handlers
|
| 3381 |
-
*/
|
| 3382 |
-
|
| 3383 |
-
}, {
|
| 3384 |
-
key: "_setupEventHandlers",
|
| 3385 |
-
value: function _setupEventHandlers() {
|
| 3386 |
-
this._handleMaterialboxClickBound = this._handleMaterialboxClick.bind(this);
|
| 3387 |
-
this.el.addEventListener('click', this._handleMaterialboxClickBound);
|
| 3388 |
-
}
|
| 3389 |
-
|
| 3390 |
-
/**
|
| 3391 |
-
* Remove Event Handlers
|
| 3392 |
-
*/
|
| 3393 |
-
|
| 3394 |
-
}, {
|
| 3395 |
-
key: "_removeEventHandlers",
|
| 3396 |
-
value: function _removeEventHandlers() {
|
| 3397 |
-
this.el.removeEventListener('click', this._handleMaterialboxClickBound);
|
| 3398 |
-
}
|
| 3399 |
-
|
| 3400 |
-
/**
|
| 3401 |
-
* Handle Materialbox Click
|
| 3402 |
-
* @param {Event} e
|
| 3403 |
-
*/
|
| 3404 |
-
|
| 3405 |
-
}, {
|
| 3406 |
-
key: "_handleMaterialboxClick",
|
| 3407 |
-
value: function _handleMaterialboxClick(e) {
|
| 3408 |
-
// If already modal, return to original
|
| 3409 |
-
if (this.doneAnimating === false || this.overlayActive && this.doneAnimating) {
|
| 3410 |
-
this.close();
|
| 3411 |
-
} else {
|
| 3412 |
-
this.open();
|
| 3413 |
-
}
|
| 3414 |
-
}
|
| 3415 |
-
|
| 3416 |
-
/**
|
| 3417 |
-
* Handle Window Scroll
|
| 3418 |
-
*/
|
| 3419 |
-
|
| 3420 |
-
}, {
|
| 3421 |
-
key: "_handleWindowScroll",
|
| 3422 |
-
value: function _handleWindowScroll() {
|
| 3423 |
-
if (this.overlayActive) {
|
| 3424 |
-
this.close();
|
| 3425 |
-
}
|
| 3426 |
-
}
|
| 3427 |
-
|
| 3428 |
-
/**
|
| 3429 |
-
* Handle Window Resize
|
| 3430 |
-
*/
|
| 3431 |
-
|
| 3432 |
-
}, {
|
| 3433 |
-
key: "_handleWindowResize",
|
| 3434 |
-
value: function _handleWindowResize() {
|
| 3435 |
-
if (this.overlayActive) {
|
| 3436 |
-
this.close();
|
| 3437 |
-
}
|
| 3438 |
-
}
|
| 3439 |
-
|
| 3440 |
-
/**
|
| 3441 |
-
* Handle Window Resize
|
| 3442 |
-
* @param {Event} e
|
| 3443 |
-
*/
|
| 3444 |
-
|
| 3445 |
-
}, {
|
| 3446 |
-
key: "_handleWindowEscape",
|
| 3447 |
-
value: function _handleWindowEscape(e) {
|
| 3448 |
-
// ESC key
|
| 3449 |
-
if (e.keyCode === 27 && this.doneAnimating && this.overlayActive) {
|
| 3450 |
-
this.close();
|
| 3451 |
-
}
|
| 3452 |
-
}
|
| 3453 |
-
|
| 3454 |
-
/**
|
| 3455 |
-
* Find ancestors with overflow: hidden; and make visible
|
| 3456 |
-
*/
|
| 3457 |
-
|
| 3458 |
-
}, {
|
| 3459 |
-
key: "_makeAncestorsOverflowVisible",
|
| 3460 |
-
value: function _makeAncestorsOverflowVisible() {
|
| 3461 |
-
this.ancestorsChanged = $();
|
| 3462 |
-
var ancestor = this.placeholder[0].parentNode;
|
| 3463 |
-
while (ancestor !== null && !$(ancestor).is(document)) {
|
| 3464 |
-
var curr = $(ancestor);
|
| 3465 |
-
if (curr.css('overflow') !== 'visible') {
|
| 3466 |
-
curr.css('overflow', 'visible');
|
| 3467 |
-
if (this.ancestorsChanged === undefined) {
|
| 3468 |
-
this.ancestorsChanged = curr;
|
| 3469 |
-
} else {
|
| 3470 |
-
this.ancestorsChanged = this.ancestorsChanged.add(curr);
|
| 3471 |
-
}
|
| 3472 |
-
}
|
| 3473 |
-
ancestor = ancestor.parentNode;
|
| 3474 |
-
}
|
| 3475 |
-
}
|
| 3476 |
-
|
| 3477 |
-
/**
|
| 3478 |
-
* Animate image in
|
| 3479 |
-
*/
|
| 3480 |
-
|
| 3481 |
-
}, {
|
| 3482 |
-
key: "_animateImageIn",
|
| 3483 |
-
value: function _animateImageIn() {
|
| 3484 |
-
var _this17 = this;
|
| 3485 |
-
|
| 3486 |
-
var animOptions = {
|
| 3487 |
-
targets: this.el,
|
| 3488 |
-
height: [this.originalHeight, this.newHeight],
|
| 3489 |
-
width: [this.originalWidth, this.newWidth],
|
| 3490 |
-
left: M.getDocumentScrollLeft() + this.windowWidth / 2 - this.placeholder.offset().left - this.newWidth / 2,
|
| 3491 |
-
top: M.getDocumentScrollTop() + this.windowHeight / 2 - this.placeholder.offset().top - this.newHeight / 2,
|
| 3492 |
-
duration: this.options.inDuration,
|
| 3493 |
-
easing: 'easeOutQuad',
|
| 3494 |
-
complete: function () {
|
| 3495 |
-
_this17.doneAnimating = true;
|
| 3496 |
-
|
| 3497 |
-
// onOpenEnd callback
|
| 3498 |
-
if (typeof _this17.options.onOpenEnd === 'function') {
|
| 3499 |
-
_this17.options.onOpenEnd.call(_this17, _this17.el);
|
| 3500 |
-
}
|
| 3501 |
-
}
|
| 3502 |
-
};
|
| 3503 |
-
|
| 3504 |
-
// Override max-width or max-height if needed
|
| 3505 |
-
this.maxWidth = this.$el.css('max-width');
|
| 3506 |
-
this.maxHeight = this.$el.css('max-height');
|
| 3507 |
-
if (this.maxWidth !== 'none') {
|
| 3508 |
-
animOptions.maxWidth = this.newWidth;
|
| 3509 |
-
}
|
| 3510 |
-
if (this.maxHeight !== 'none') {
|
| 3511 |
-
animOptions.maxHeight = this.newHeight;
|
| 3512 |
-
}
|
| 3513 |
-
|
| 3514 |
-
anim(animOptions);
|
| 3515 |
-
}
|
| 3516 |
-
|
| 3517 |
-
/**
|
| 3518 |
-
* Animate image out
|
| 3519 |
-
*/
|
| 3520 |
-
|
| 3521 |
-
}, {
|
| 3522 |
-
key: "_animateImageOut",
|
| 3523 |
-
value: function _animateImageOut() {
|
| 3524 |
-
var _this18 = this;
|
| 3525 |
-
|
| 3526 |
-
var animOptions = {
|
| 3527 |
-
targets: this.el,
|
| 3528 |
-
width: this.originalWidth,
|
| 3529 |
-
height: this.originalHeight,
|
| 3530 |
-
left: 0,
|
| 3531 |
-
top: 0,
|
| 3532 |
-
duration: this.options.outDuration,
|
| 3533 |
-
easing: 'easeOutQuad',
|
| 3534 |
-
complete: function () {
|
| 3535 |
-
_this18.placeholder.css({
|
| 3536 |
-
height: '',
|
| 3537 |
-
width: '',
|
| 3538 |
-
position: '',
|
| 3539 |
-
top: '',
|
| 3540 |
-
left: ''
|
| 3541 |
-
});
|
| 3542 |
-
|
| 3543 |
-
// Revert to width or height attribute
|
| 3544 |
-
if (_this18.attrWidth) {
|
| 3545 |
-
_this18.$el.attr('width', _this18.attrWidth);
|
| 3546 |
-
}
|
| 3547 |
-
if (_this18.attrHeight) {
|
| 3548 |
-
_this18.$el.attr('height', _this18.attrHeight);
|
| 3549 |
-
}
|
| 3550 |
-
|
| 3551 |
-
_this18.$el.removeAttr('style');
|
| 3552 |
-
_this18.originInlineStyles && _this18.$el.attr('style', _this18.originInlineStyles);
|
| 3553 |
-
|
| 3554 |
-
// Remove class
|
| 3555 |
-
_this18.$el.removeClass('active');
|
| 3556 |
-
_this18.doneAnimating = true;
|
| 3557 |
-
|
| 3558 |
-
// Remove overflow overrides on ancestors
|
| 3559 |
-
if (_this18.ancestorsChanged.length) {
|
| 3560 |
-
_this18.ancestorsChanged.css('overflow', '');
|
| 3561 |
-
}
|
| 3562 |
-
|
| 3563 |
-
// onCloseEnd callback
|
| 3564 |
-
if (typeof _this18.options.onCloseEnd === 'function') {
|
| 3565 |
-
_this18.options.onCloseEnd.call(_this18, _this18.el);
|
| 3566 |
-
}
|
| 3567 |
-
}
|
| 3568 |
-
};
|
| 3569 |
-
|
| 3570 |
-
anim(animOptions);
|
| 3571 |
-
}
|
| 3572 |
-
|
| 3573 |
-
/**
|
| 3574 |
-
* Update open and close vars
|
| 3575 |
-
*/
|
| 3576 |
-
|
| 3577 |
-
}, {
|
| 3578 |
-
key: "_updateVars",
|
| 3579 |
-
value: function _updateVars() {
|
| 3580 |
-
this.windowWidth = window.innerWidth;
|
| 3581 |
-
this.windowHeight = window.innerHeight;
|
| 3582 |
-
this.caption = this.el.getAttribute('data-caption') || '';
|
| 3583 |
-
}
|
| 3584 |
-
|
| 3585 |
-
/**
|
| 3586 |
-
* Open Materialbox
|
| 3587 |
-
*/
|
| 3588 |
-
|
| 3589 |
-
}, {
|
| 3590 |
-
key: "open",
|
| 3591 |
-
value: function open() {
|
| 3592 |
-
var _this19 = this;
|
| 3593 |
-
|
| 3594 |
-
this._updateVars();
|
| 3595 |
-
this.originalWidth = this.el.getBoundingClientRect().width;
|
| 3596 |
-
this.originalHeight = this.el.getBoundingClientRect().height;
|
| 3597 |
-
|
| 3598 |
-
// Set states
|
| 3599 |
-
this.doneAnimating = false;
|
| 3600 |
-
this.$el.addClass('active');
|
| 3601 |
-
this.overlayActive = true;
|
| 3602 |
-
|
| 3603 |
-
// onOpenStart callback
|
| 3604 |
-
if (typeof this.options.onOpenStart === 'function') {
|
| 3605 |
-
this.options.onOpenStart.call(this, this.el);
|
| 3606 |
-
}
|
| 3607 |
-
|
| 3608 |
-
// Set positioning for placeholder
|
| 3609 |
-
this.placeholder.css({
|
| 3610 |
-
width: this.placeholder[0].getBoundingClientRect().width + 'px',
|
| 3611 |
-
height: this.placeholder[0].getBoundingClientRect().height + 'px',
|
| 3612 |
-
position: 'relative',
|
| 3613 |
-
top: 0,
|
| 3614 |
-
left: 0
|
| 3615 |
-
});
|
| 3616 |
-
|
| 3617 |
-
this._makeAncestorsOverflowVisible();
|
| 3618 |
-
|
| 3619 |
-
// Set css on origin
|
| 3620 |
-
this.$el.css({
|
| 3621 |
-
position: 'absolute',
|
| 3622 |
-
'z-index': 1000,
|
| 3623 |
-
'will-change': 'left, top, width, height'
|
| 3624 |
-
});
|
| 3625 |
-
|
| 3626 |
-
// Change from width or height attribute to css
|
| 3627 |
-
this.attrWidth = this.$el.attr('width');
|
| 3628 |
-
this.attrHeight = this.$el.attr('height');
|
| 3629 |
-
if (this.attrWidth) {
|
| 3630 |
-
this.$el.css('width', this.attrWidth + 'px');
|
| 3631 |
-
this.$el.removeAttr('width');
|
| 3632 |
-
}
|
| 3633 |
-
if (this.attrHeight) {
|
| 3634 |
-
this.$el.css('width', this.attrHeight + 'px');
|
| 3635 |
-
this.$el.removeAttr('height');
|
| 3636 |
-
}
|
| 3637 |
-
|
| 3638 |
-
// Add overlay
|
| 3639 |
-
this.$overlay = $('<div id="materialbox-overlay"></div>').css({
|
| 3640 |
-
opacity: 0
|
| 3641 |
-
}).one('click', function () {
|
| 3642 |
-
if (_this19.doneAnimating) {
|
| 3643 |
-
_this19.close();
|
| 3644 |
-
}
|
| 3645 |
-
});
|
| 3646 |
-
|
| 3647 |
-
// Put before in origin image to preserve z-index layering.
|
| 3648 |
-
this.$el.before(this.$overlay);
|
| 3649 |
-
|
| 3650 |
-
// Set dimensions if needed
|
| 3651 |
-
var overlayOffset = this.$overlay[0].getBoundingClientRect();
|
| 3652 |
-
this.$overlay.css({
|
| 3653 |
-
width: this.windowWidth + 'px',
|
| 3654 |
-
height: this.windowHeight + 'px',
|
| 3655 |
-
left: -1 * overlayOffset.left + 'px',
|
| 3656 |
-
top: -1 * overlayOffset.top + 'px'
|
| 3657 |
-
});
|
| 3658 |
-
|
| 3659 |
-
anim.remove(this.el);
|
| 3660 |
-
anim.remove(this.$overlay[0]);
|
| 3661 |
-
|
| 3662 |
-
// Animate Overlay
|
| 3663 |
-
anim({
|
| 3664 |
-
targets: this.$overlay[0],
|
| 3665 |
-
opacity: 1,
|
| 3666 |
-
duration: this.options.inDuration,
|
| 3667 |
-
easing: 'easeOutQuad'
|
| 3668 |
-
});
|
| 3669 |
-
|
| 3670 |
-
// Add and animate caption if it exists
|
| 3671 |
-
if (this.caption !== '') {
|
| 3672 |
-
if (this.$photocaption) {
|
| 3673 |
-
anim.remove(this.$photoCaption[0]);
|
| 3674 |
-
}
|
| 3675 |
-
this.$photoCaption = $('<div class="materialbox-caption"></div>');
|
| 3676 |
-
this.$photoCaption.text(this.caption);
|
| 3677 |
-
$('body').append(this.$photoCaption);
|
| 3678 |
-
this.$photoCaption.css({ display: 'inline' });
|
| 3679 |
-
|
| 3680 |
-
anim({
|
| 3681 |
-
targets: this.$photoCaption[0],
|
| 3682 |
-
opacity: 1,
|
| 3683 |
-
duration: this.options.inDuration,
|
| 3684 |
-
easing: 'easeOutQuad'
|
| 3685 |
-
});
|
| 3686 |
-
}
|
| 3687 |
-
|
| 3688 |
-
// Resize Image
|
| 3689 |
-
var ratio = 0;
|
| 3690 |
-
var widthPercent = this.originalWidth / this.windowWidth;
|
| 3691 |
-
var heightPercent = this.originalHeight / this.windowHeight;
|
| 3692 |
-
this.newWidth = 0;
|
| 3693 |
-
this.newHeight = 0;
|
| 3694 |
-
|
| 3695 |
-
if (widthPercent > heightPercent) {
|
| 3696 |
-
ratio = this.originalHeight / this.originalWidth;
|
| 3697 |
-
this.newWidth = this.windowWidth * 0.9;
|
| 3698 |
-
this.newHeight = this.windowWidth * 0.9 * ratio;
|
| 3699 |
-
} else {
|
| 3700 |
-
ratio = this.originalWidth / this.originalHeight;
|
| 3701 |
-
this.newWidth = this.windowHeight * 0.9 * ratio;
|
| 3702 |
-
this.newHeight = this.windowHeight * 0.9;
|
| 3703 |
-
}
|
| 3704 |
-
|
| 3705 |
-
this._animateImageIn();
|
| 3706 |
-
|
| 3707 |
-
// Handle Exit triggers
|
| 3708 |
-
this._handleWindowScrollBound = this._handleWindowScroll.bind(this);
|
| 3709 |
-
this._handleWindowResizeBound = this._handleWindowResize.bind(this);
|
| 3710 |
-
this._handleWindowEscapeBound = this._handleWindowEscape.bind(this);
|
| 3711 |
-
|
| 3712 |
-
window.addEventListener('scroll', this._handleWindowScrollBound);
|
| 3713 |
-
window.addEventListener('resize', this._handleWindowResizeBound);
|
| 3714 |
-
window.addEventListener('keyup', this._handleWindowEscapeBound);
|
| 3715 |
-
}
|
| 3716 |
-
|
| 3717 |
-
/**
|
| 3718 |
-
* Close Materialbox
|
| 3719 |
-
*/
|
| 3720 |
-
|
| 3721 |
-
}, {
|
| 3722 |
-
key: "close",
|
| 3723 |
-
value: function close() {
|
| 3724 |
-
var _this20 = this;
|
| 3725 |
-
|
| 3726 |
-
this._updateVars();
|
| 3727 |
-
this.doneAnimating = false;
|
| 3728 |
-
|
| 3729 |
-
// onCloseStart callback
|
| 3730 |
-
if (typeof this.options.onCloseStart === 'function') {
|
| 3731 |
-
this.options.onCloseStart.call(this, this.el);
|
| 3732 |
-
}
|
| 3733 |
-
|
| 3734 |
-
anim.remove(this.el);
|
| 3735 |
-
anim.remove(this.$overlay[0]);
|
| 3736 |
-
|
| 3737 |
-
if (this.caption !== '') {
|
| 3738 |
-
anim.remove(this.$photoCaption[0]);
|
| 3739 |
-
}
|
| 3740 |
-
|
| 3741 |
-
// disable exit handlers
|
| 3742 |
-
window.removeEventListener('scroll', this._handleWindowScrollBound);
|
| 3743 |
-
window.removeEventListener('resize', this._handleWindowResizeBound);
|
| 3744 |
-
window.removeEventListener('keyup', this._handleWindowEscapeBound);
|
| 3745 |
-
|
| 3746 |
-
anim({
|
| 3747 |
-
targets: this.$overlay[0],
|
| 3748 |
-
opacity: 0,
|
| 3749 |
-
duration: this.options.outDuration,
|
| 3750 |
-
easing: 'easeOutQuad',
|
| 3751 |
-
complete: function () {
|
| 3752 |
-
_this20.overlayActive = false;
|
| 3753 |
-
_this20.$overlay.remove();
|
| 3754 |
-
}
|
| 3755 |
-
});
|
| 3756 |
-
|
| 3757 |
-
this._animateImageOut();
|
| 3758 |
-
|
| 3759 |
-
// Remove Caption + reset css settings on image
|
| 3760 |
-
if (this.caption !== '') {
|
| 3761 |
-
anim({
|
| 3762 |
-
targets: this.$photoCaption[0],
|
| 3763 |
-
opacity: 0,
|
| 3764 |
-
duration: this.options.outDuration,
|
| 3765 |
-
easing: 'easeOutQuad',
|
| 3766 |
-
complete: function () {
|
| 3767 |
-
_this20.$photoCaption.remove();
|
| 3768 |
-
}
|
| 3769 |
-
});
|
| 3770 |
-
}
|
| 3771 |
-
}
|
| 3772 |
-
}], [{
|
| 3773 |
-
key: "init",
|
| 3774 |
-
value: function init(els, options) {
|
| 3775 |
-
return _get(Materialbox.__proto__ || Object.getPrototypeOf(Materialbox), "init", this).call(this, this, els, options);
|
| 3776 |
-
}
|
| 3777 |
-
|
| 3778 |
-
/**
|
| 3779 |
-
* Get Instance
|
| 3780 |
-
*/
|
| 3781 |
-
|
| 3782 |
-
}, {
|
| 3783 |
-
key: "getInstance",
|
| 3784 |
-
value: function getInstance(el) {
|
| 3785 |
-
var domElem = !!el.jquery ? el[0] : el;
|
| 3786 |
-
return domElem.M_Materialbox;
|
| 3787 |
-
}
|
| 3788 |
-
}, {
|
| 3789 |
-
key: "defaults",
|
| 3790 |
-
get: function () {
|
| 3791 |
-
return _defaults;
|
| 3792 |
-
}
|
| 3793 |
-
}]);
|
| 3794 |
-
|
| 3795 |
-
return Materialbox;
|
| 3796 |
-
}(Component);
|
| 3797 |
-
|
| 3798 |
-
M.Materialbox = Materialbox;
|
| 3799 |
-
|
| 3800 |
-
if (M.jQueryLoaded) {
|
| 3801 |
-
M.initializeJqueryWrapper(Materialbox, 'materialbox', 'M_Materialbox');
|
| 3802 |
-
}
|
| 3803 |
-
})(cash, M.anime);
|
| 3804 |
-
;(function ($) {
|
| 3805 |
-
'use strict';
|
| 3806 |
-
|
| 3807 |
-
var _defaults = {
|
| 3808 |
-
responsiveThreshold: 0 // breakpoint for swipeable
|
| 3809 |
-
};
|
| 3810 |
-
|
| 3811 |
-
var Parallax = function (_Component5) {
|
| 3812 |
-
_inherits(Parallax, _Component5);
|
| 3813 |
-
|
| 3814 |
-
function Parallax(el, options) {
|
| 3815 |
-
_classCallCheck(this, Parallax);
|
| 3816 |
-
|
| 3817 |
-
var _this21 = _possibleConstructorReturn(this, (Parallax.__proto__ || Object.getPrototypeOf(Parallax)).call(this, Parallax, el, options));
|
| 3818 |
-
|
| 3819 |
-
_this21.el.M_Parallax = _this21;
|
| 3820 |
-
|
| 3821 |
-
/**
|
| 3822 |
-
* Options for the Parallax
|
| 3823 |
-
* @member Parallax#options
|
| 3824 |
-
* @prop {Number} responsiveThreshold
|
| 3825 |
-
*/
|
| 3826 |
-
_this21.options = $.extend({}, Parallax.defaults, options);
|
| 3827 |
-
_this21._enabled = window.innerWidth > _this21.options.responsiveThreshold;
|
| 3828 |
-
|
| 3829 |
-
_this21.$img = _this21.$el.find('img').first();
|
| 3830 |
-
_this21.$img.each(function () {
|
| 3831 |
-
var el = this;
|
| 3832 |
-
if (el.complete) $(el).trigger('load');
|
| 3833 |
-
});
|
| 3834 |
-
|
| 3835 |
-
_this21._updateParallax();
|
| 3836 |
-
_this21._setupEventHandlers();
|
| 3837 |
-
_this21._setupStyles();
|
| 3838 |
-
|
| 3839 |
-
Parallax._parallaxes.push(_this21);
|
| 3840 |
-
return _this21;
|
| 3841 |
-
}
|
| 3842 |
-
|
| 3843 |
-
_createClass(Parallax, [{
|
| 3844 |
-
key: "destroy",
|
| 3845 |
-
|
| 3846 |
-
|
| 3847 |
-
/**
|
| 3848 |
-
* Teardown component
|
| 3849 |
-
*/
|
| 3850 |
-
value: function destroy() {
|
| 3851 |
-
Parallax._parallaxes.splice(Parallax._parallaxes.indexOf(this), 1);
|
| 3852 |
-
this.$img[0].style.transform = '';
|
| 3853 |
-
this._removeEventHandlers();
|
| 3854 |
-
|
| 3855 |
-
this.$el[0].M_Parallax = undefined;
|
| 3856 |
-
}
|
| 3857 |
-
}, {
|
| 3858 |
-
key: "_setupEventHandlers",
|
| 3859 |
-
value: function _setupEventHandlers() {
|
| 3860 |
-
this._handleImageLoadBound = this._handleImageLoad.bind(this);
|
| 3861 |
-
this.$img[0].addEventListener('load', this._handleImageLoadBound);
|
| 3862 |
-
|
| 3863 |
-
if (Parallax._parallaxes.length === 0) {
|
| 3864 |
-
Parallax._handleScrollThrottled = M.throttle(Parallax._handleScroll, 5);
|
| 3865 |
-
window.addEventListener('scroll', Parallax._handleScrollThrottled);
|
| 3866 |
-
|
| 3867 |
-
Parallax._handleWindowResizeThrottled = M.throttle(Parallax._handleWindowResize, 5);
|
| 3868 |
-
window.addEventListener('resize', Parallax._handleWindowResizeThrottled);
|
| 3869 |
-
}
|
| 3870 |
-
}
|
| 3871 |
-
}, {
|
| 3872 |
-
key: "_removeEventHandlers",
|
| 3873 |
-
value: function _removeEventHandlers() {
|
| 3874 |
-
this.$img[0].removeEventListener('load', this._handleImageLoadBound);
|
| 3875 |
-
|
| 3876 |
-
if (Parallax._parallaxes.length === 0) {
|
| 3877 |
-
window.removeEventListener('scroll', Parallax._handleScrollThrottled);
|
| 3878 |
-
window.removeEventListener('resize', Parallax._handleWindowResizeThrottled);
|
| 3879 |
-
}
|
| 3880 |
-
}
|
| 3881 |
-
}, {
|
| 3882 |
-
key: "_setupStyles",
|
| 3883 |
-
value: function _setupStyles() {
|
| 3884 |
-
this.$img[0].style.opacity = 1;
|
| 3885 |
-
}
|
| 3886 |
-
}, {
|
| 3887 |
-
key: "_handleImageLoad",
|
| 3888 |
-
value: function _handleImageLoad() {
|
| 3889 |
-
this._updateParallax();
|
| 3890 |
-
}
|
| 3891 |
-
}, {
|
| 3892 |
-
key: "_updateParallax",
|
| 3893 |
-
value: function _updateParallax() {
|
| 3894 |
-
var containerHeight = this.$el.height() > 0 ? this.el.parentNode.offsetHeight : 500;
|
| 3895 |
-
var imgHeight = this.$img[0].offsetHeight;
|
| 3896 |
-
var parallaxDist = imgHeight - containerHeight;
|
| 3897 |
-
var bottom = this.$el.offset().top + containerHeight;
|
| 3898 |
-
var top = this.$el.offset().top;
|
| 3899 |
-
var scrollTop = M.getDocumentScrollTop();
|
| 3900 |
-
var windowHeight = window.innerHeight;
|
| 3901 |
-
var windowBottom = scrollTop + windowHeight;
|
| 3902 |
-
var percentScrolled = (windowBottom - top) / (containerHeight + windowHeight);
|
| 3903 |
-
var parallax = parallaxDist * percentScrolled;
|
| 3904 |
-
|
| 3905 |
-
if (!this._enabled) {
|
| 3906 |
-
this.$img[0].style.transform = '';
|
| 3907 |
-
} else if (bottom > scrollTop && top < scrollTop + windowHeight) {
|
| 3908 |
-
this.$img[0].style.transform = "translate3D(-50%, " + parallax + "px, 0)";
|
| 3909 |
-
}
|
| 3910 |
-
}
|
| 3911 |
-
}], [{
|
| 3912 |
-
key: "init",
|
| 3913 |
-
value: function init(els, options) {
|
| 3914 |
-
return _get(Parallax.__proto__ || Object.getPrototypeOf(Parallax), "init", this).call(this, this, els, options);
|
| 3915 |
-
}
|
| 3916 |
-
|
| 3917 |
-
/**
|
| 3918 |
-
* Get Instance
|
| 3919 |
-
*/
|
| 3920 |
-
|
| 3921 |
-
}, {
|
| 3922 |
-
key: "getInstance",
|
| 3923 |
-
value: function getInstance(el) {
|
| 3924 |
-
var domElem = !!el.jquery ? el[0] : el;
|
| 3925 |
-
return domElem.M_Parallax;
|
| 3926 |
-
}
|
| 3927 |
-
}, {
|
| 3928 |
-
key: "_handleScroll",
|
| 3929 |
-
value: function _handleScroll() {
|
| 3930 |
-
for (var i = 0; i < Parallax._parallaxes.length; i++) {
|
| 3931 |
-
var parallaxInstance = Parallax._parallaxes[i];
|
| 3932 |
-
parallaxInstance._updateParallax.call(parallaxInstance);
|
| 3933 |
-
}
|
| 3934 |
-
}
|
| 3935 |
-
}, {
|
| 3936 |
-
key: "_handleWindowResize",
|
| 3937 |
-
value: function _handleWindowResize() {
|
| 3938 |
-
for (var i = 0; i < Parallax._parallaxes.length; i++) {
|
| 3939 |
-
var parallaxInstance = Parallax._parallaxes[i];
|
| 3940 |
-
parallaxInstance._enabled = window.innerWidth > parallaxInstance.options.responsiveThreshold;
|
| 3941 |
-
}
|
| 3942 |
-
}
|
| 3943 |
-
}, {
|
| 3944 |
-
key: "defaults",
|
| 3945 |
-
get: function () {
|
| 3946 |
-
return _defaults;
|
| 3947 |
-
}
|
| 3948 |
-
}]);
|
| 3949 |
-
|
| 3950 |
-
return Parallax;
|
| 3951 |
-
}(Component);
|
| 3952 |
-
|
| 3953 |
-
/**
|
| 3954 |
-
* @static
|
| 3955 |
-
* @memberof Parallax
|
| 3956 |
-
*/
|
| 3957 |
-
|
| 3958 |
-
|
| 3959 |
-
Parallax._parallaxes = [];
|
| 3960 |
-
|
| 3961 |
-
M.Parallax = Parallax;
|
| 3962 |
-
|
| 3963 |
-
if (M.jQueryLoaded) {
|
| 3964 |
-
M.initializeJqueryWrapper(Parallax, 'parallax', 'M_Parallax');
|
| 3965 |
-
}
|
| 3966 |
-
})(cash);
|
| 3967 |
-
;(function ($, anim) {
|
| 3968 |
-
'use strict';
|
| 3969 |
-
|
| 3970 |
-
var _defaults = {
|
| 3971 |
-
duration: 300,
|
| 3972 |
-
onShow: null,
|
| 3973 |
-
swipeable: false,
|
| 3974 |
-
responsiveThreshold: Infinity // breakpoint for swipeable
|
| 3975 |
-
};
|
| 3976 |
-
|
| 3977 |
-
/**
|
| 3978 |
-
* @class
|
| 3979 |
-
*
|
| 3980 |
-
*/
|
| 3981 |
-
|
| 3982 |
-
var Tabs = function (_Component6) {
|
| 3983 |
-
_inherits(Tabs, _Component6);
|
| 3984 |
-
|
| 3985 |
-
/**
|
| 3986 |
-
* Construct Tabs instance
|
| 3987 |
-
* @constructor
|
| 3988 |
-
* @param {Element} el
|
| 3989 |
-
* @param {Object} options
|
| 3990 |
-
*/
|
| 3991 |
-
function Tabs(el, options) {
|
| 3992 |
-
_classCallCheck(this, Tabs);
|
| 3993 |
-
|
| 3994 |
-
var _this22 = _possibleConstructorReturn(this, (Tabs.__proto__ || Object.getPrototypeOf(Tabs)).call(this, Tabs, el, options));
|
| 3995 |
-
|
| 3996 |
-
_this22.el.M_Tabs = _this22;
|
| 3997 |
-
|
| 3998 |
-
/**
|
| 3999 |
-
* Options for the Tabs
|
| 4000 |
-
* @member Tabs#options
|
| 4001 |
-
* @prop {Number} duration
|
| 4002 |
-
* @prop {Function} onShow
|
| 4003 |
-
* @prop {Boolean} swipeable
|
| 4004 |
-
* @prop {Number} responsiveThreshold
|
| 4005 |
-
*/
|
| 4006 |
-
_this22.options = $.extend({}, Tabs.defaults, options);
|
| 4007 |
-
|
| 4008 |
-
// Setup
|
| 4009 |
-
_this22.$tabLinks = _this22.$el.children('li.tab').children('a');
|
| 4010 |
-
_this22.index = 0;
|
| 4011 |
-
_this22._setupActiveTabLink();
|
| 4012 |
-
|
| 4013 |
-
// Setup tabs content
|
| 4014 |
-
if (_this22.options.swipeable) {
|
| 4015 |
-
_this22._setupSwipeableTabs();
|
| 4016 |
-
} else {
|
| 4017 |
-
_this22._setupNormalTabs();
|
| 4018 |
-
}
|
| 4019 |
-
|
| 4020 |
-
// Setup tabs indicator after content to ensure accurate widths
|
| 4021 |
-
_this22._setTabsAndTabWidth();
|
| 4022 |
-
_this22._createIndicator();
|
| 4023 |
-
|
| 4024 |
-
_this22._setupEventHandlers();
|
| 4025 |
-
return _this22;
|
| 4026 |
-
}
|
| 4027 |
-
|
| 4028 |
-
_createClass(Tabs, [{
|
| 4029 |
-
key: "destroy",
|
| 4030 |
-
|
| 4031 |
-
|
| 4032 |
-
/**
|
| 4033 |
-
* Teardown component
|
| 4034 |
-
*/
|
| 4035 |
-
value: function destroy() {
|
| 4036 |
-
this._removeEventHandlers();
|
| 4037 |
-
this._indicator.parentNode.removeChild(this._indicator);
|
| 4038 |
-
|
| 4039 |
-
if (this.options.swipeable) {
|
| 4040 |
-
this._teardownSwipeableTabs();
|
| 4041 |
-
} else {
|
| 4042 |
-
this._teardownNormalTabs();
|
| 4043 |
-
}
|
| 4044 |
-
|
| 4045 |
-
this.$el[0].M_Tabs = undefined;
|
| 4046 |
-
}
|
| 4047 |
-
|
| 4048 |
-
/**
|
| 4049 |
-
* Setup Event Handlers
|
| 4050 |
-
*/
|
| 4051 |
-
|
| 4052 |
-
}, {
|
| 4053 |
-
key: "_setupEventHandlers",
|
| 4054 |
-
value: function _setupEventHandlers() {
|
| 4055 |
-
this._handleWindowResizeBound = this._handleWindowResize.bind(this);
|
| 4056 |
-
window.addEventListener('resize', this._handleWindowResizeBound);
|
| 4057 |
-
|
| 4058 |
-
this._handleTabClickBound = this._handleTabClick.bind(this);
|
| 4059 |
-
this.el.addEventListener('click', this._handleTabClickBound);
|
| 4060 |
-
}
|
| 4061 |
-
|
| 4062 |
-
/**
|
| 4063 |
-
* Remove Event Handlers
|
| 4064 |
-
*/
|
| 4065 |
-
|
| 4066 |
-
}, {
|
| 4067 |
-
key: "_removeEventHandlers",
|
| 4068 |
-
value: function _removeEventHandlers() {
|
| 4069 |
-
window.removeEventListener('resize', this._handleWindowResizeBound);
|
| 4070 |
-
this.el.removeEventListener('click', this._handleTabClickBound);
|
| 4071 |
-
}
|
| 4072 |
-
|
| 4073 |
-
/**
|
| 4074 |
-
* Handle window Resize
|
| 4075 |
-
*/
|
| 4076 |
-
|
| 4077 |
-
}, {
|
| 4078 |
-
key: "_handleWindowResize",
|
| 4079 |
-
value: function _handleWindowResize() {
|
| 4080 |
-
this._setTabsAndTabWidth();
|
| 4081 |
-
|
| 4082 |
-
if (this.tabWidth !== 0 && this.tabsWidth !== 0) {
|
| 4083 |
-
this._indicator.style.left = this._calcLeftPos(this.$activeTabLink) + 'px';
|
| 4084 |
-
this._indicator.style.right = this._calcRightPos(this.$activeTabLink) + 'px';
|
| 4085 |
-
}
|
| 4086 |
-
}
|
| 4087 |
-
|
| 4088 |
-
/**
|
| 4089 |
-
* Handle tab click
|
| 4090 |
-
* @param {Event} e
|
| 4091 |
-
*/
|
| 4092 |
-
|
| 4093 |
-
}, {
|
| 4094 |
-
key: "_handleTabClick",
|
| 4095 |
-
value: function _handleTabClick(e) {
|
| 4096 |
-
var _this23 = this;
|
| 4097 |
-
|
| 4098 |
-
var tab = $(e.target).closest('li.tab');
|
| 4099 |
-
var tabLink = $(e.target).closest('a');
|
| 4100 |
-
|
| 4101 |
-
// Handle click on tab link only
|
| 4102 |
-
if (!tabLink.length || !tabLink.parent().hasClass('tab')) {
|
| 4103 |
-
return;
|
| 4104 |
-
}
|
| 4105 |
-
|
| 4106 |
-
if (tab.hasClass('disabled')) {
|
| 4107 |
-
e.preventDefault();
|
| 4108 |
-
return;
|
| 4109 |
-
}
|
| 4110 |
-
|
| 4111 |
-
// Act as regular link if target attribute is specified.
|
| 4112 |
-
if (!!tabLink.attr('target')) {
|
| 4113 |
-
return;
|
| 4114 |
-
}
|
| 4115 |
-
|
| 4116 |
-
// Make the old tab inactive.
|
| 4117 |
-
this.$activeTabLink.removeClass('active');
|
| 4118 |
-
var $oldContent = this.$content;
|
| 4119 |
-
|
| 4120 |
-
// Update the variables with the new link and content
|
| 4121 |
-
this.$activeTabLink = tabLink;
|
| 4122 |
-
this.$content = $(M.escapeHash(tabLink[0].hash));
|
| 4123 |
-
this.$tabLinks = this.$el.children('li.tab').children('a');
|
| 4124 |
-
|
| 4125 |
-
// Make the tab active.
|
| 4126 |
-
this.$activeTabLink.addClass('active');
|
| 4127 |
-
var prevIndex = this.index;
|
| 4128 |
-
this.index = Math.max(this.$tabLinks.index(tabLink), 0);
|
| 4129 |
-
|
| 4130 |
-
// Swap content
|
| 4131 |
-
if (this.options.swipeable) {
|
| 4132 |
-
if (this._tabsCarousel) {
|
| 4133 |
-
this._tabsCarousel.set(this.index, function () {
|
| 4134 |
-
if (typeof _this23.options.onShow === 'function') {
|
| 4135 |
-
_this23.options.onShow.call(_this23, _this23.$content[0]);
|
| 4136 |
-
}
|
| 4137 |
-
});
|
| 4138 |
-
}
|
| 4139 |
-
} else {
|
| 4140 |
-
if (this.$content.length) {
|
| 4141 |
-
this.$content[0].style.display = 'block';
|
| 4142 |
-
this.$content.addClass('active');
|
| 4143 |
-
if (typeof this.options.onShow === 'function') {
|
| 4144 |
-
this.options.onShow.call(this, this.$content[0]);
|
| 4145 |
-
}
|
| 4146 |
-
|
| 4147 |
-
if ($oldContent.length && !$oldContent.is(this.$content)) {
|
| 4148 |
-
$oldContent[0].style.display = 'none';
|
| 4149 |
-
$oldContent.removeClass('active');
|
| 4150 |
-
}
|
| 4151 |
-
}
|
| 4152 |
-
}
|
| 4153 |
-
|
| 4154 |
-
// Update widths after content is swapped (scrollbar bugfix)
|
| 4155 |
-
this._setTabsAndTabWidth();
|
| 4156 |
-
|
| 4157 |
-
// Update indicator
|
| 4158 |
-
this._animateIndicator(prevIndex);
|
| 4159 |
-
|
| 4160 |
-
// Prevent the anchor's default click action
|
| 4161 |
-
e.preventDefault();
|
| 4162 |
-
}
|
| 4163 |
-
|
| 4164 |
-
/**
|
| 4165 |
-
* Generate elements for tab indicator.
|
| 4166 |
-
*/
|
| 4167 |
-
|
| 4168 |
-
}, {
|
| 4169 |
-
key: "_createIndicator",
|
| 4170 |
-
value: function _createIndicator() {
|
| 4171 |
-
var _this24 = this;
|
| 4172 |
-
|
| 4173 |
-
var indicator = document.createElement('li');
|
| 4174 |
-
indicator.classList.add('indicator');
|
| 4175 |
-
|
| 4176 |
-
this.el.appendChild(indicator);
|
| 4177 |
-
this._indicator = indicator;
|
| 4178 |
-
|
| 4179 |
-
setTimeout(function () {
|
| 4180 |
-
_this24._indicator.style.left = _this24._calcLeftPos(_this24.$activeTabLink) + 'px';
|
| 4181 |
-
_this24._indicator.style.right = _this24._calcRightPos(_this24.$activeTabLink) + 'px';
|
| 4182 |
-
}, 0);
|
| 4183 |
-
}
|
| 4184 |
-
|
| 4185 |
-
/**
|
| 4186 |
-
* Setup first active tab link.
|
| 4187 |
-
*/
|
| 4188 |
-
|
| 4189 |
-
}, {
|
| 4190 |
-
key: "_setupActiveTabLink",
|
| 4191 |
-
value: function _setupActiveTabLink() {
|
| 4192 |
-
// If the location.hash matches one of the links, use that as the active tab.
|
| 4193 |
-
this.$activeTabLink = $(this.$tabLinks.filter('[href="' + location.hash + '"]'));
|
| 4194 |
-
|
| 4195 |
-
// If no match is found, use the first link or any with class 'active' as the initial active tab.
|
| 4196 |
-
if (this.$activeTabLink.length === 0) {
|
| 4197 |
-
this.$activeTabLink = this.$el.children('li.tab').children('a.active').first();
|
| 4198 |
-
}
|
| 4199 |
-
if (this.$activeTabLink.length === 0) {
|
| 4200 |
-
this.$activeTabLink = this.$el.children('li.tab').children('a').first();
|
| 4201 |
-
}
|
| 4202 |
-
|
| 4203 |
-
this.$tabLinks.removeClass('active');
|
| 4204 |
-
this.$activeTabLink[0].classList.add('active');
|
| 4205 |
-
|
| 4206 |
-
this.index = Math.max(this.$tabLinks.index(this.$activeTabLink), 0);
|
| 4207 |
-
|
| 4208 |
-
if (this.$activeTabLink.length) {
|
| 4209 |
-
this.$content = $(M.escapeHash(this.$activeTabLink[0].hash));
|
| 4210 |
-
this.$content.addClass('active');
|
| 4211 |
-
}
|
| 4212 |
-
}
|
| 4213 |
-
|
| 4214 |
-
/**
|
| 4215 |
-
* Setup swipeable tabs
|
| 4216 |
-
*/
|
| 4217 |
-
|
| 4218 |
-
}, {
|
| 4219 |
-
key: "_setupSwipeableTabs",
|
| 4220 |
-
value: function _setupSwipeableTabs() {
|
| 4221 |
-
var _this25 = this;
|
| 4222 |
-
|
| 4223 |
-
// Change swipeable according to responsive threshold
|
| 4224 |
-
if (window.innerWidth > this.options.responsiveThreshold) {
|
| 4225 |
-
this.options.swipeable = false;
|
| 4226 |
-
}
|
| 4227 |
-
|
| 4228 |
-
var $tabsContent = $();
|
| 4229 |
-
this.$tabLinks.each(function (link) {
|
| 4230 |
-
var $currContent = $(M.escapeHash(link.hash));
|
| 4231 |
-
$currContent.addClass('carousel-item');
|
| 4232 |
-
$tabsContent = $tabsContent.add($currContent);
|
| 4233 |
-
});
|
| 4234 |
-
|
| 4235 |
-
var $tabsWrapper = $('<div class="tabs-content carousel carousel-slider"></div>');
|
| 4236 |
-
$tabsContent.first().before($tabsWrapper);
|
| 4237 |
-
$tabsWrapper.append($tabsContent);
|
| 4238 |
-
$tabsContent[0].style.display = '';
|
| 4239 |
-
|
| 4240 |
-
// Keep active tab index to set initial carousel slide
|
| 4241 |
-
var activeTabIndex = this.$activeTabLink.closest('.tab').index();
|
| 4242 |
-
|
| 4243 |
-
this._tabsCarousel = M.Carousel.init($tabsWrapper[0], {
|
| 4244 |
-
fullWidth: true,
|
| 4245 |
-
noWrap: true,
|
| 4246 |
-
onCycleTo: function (item) {
|
| 4247 |
-
var prevIndex = _this25.index;
|
| 4248 |
-
_this25.index = $(item).index();
|
| 4249 |
-
_this25.$activeTabLink.removeClass('active');
|
| 4250 |
-
_this25.$activeTabLink = _this25.$tabLinks.eq(_this25.index);
|
| 4251 |
-
_this25.$activeTabLink.addClass('active');
|
| 4252 |
-
_this25._animateIndicator(prevIndex);
|
| 4253 |
-
if (typeof _this25.options.onShow === 'function') {
|
| 4254 |
-
_this25.options.onShow.call(_this25, _this25.$content[0]);
|
| 4255 |
-
}
|
| 4256 |
-
}
|
| 4257 |
-
});
|
| 4258 |
-
|
| 4259 |
-
// Set initial carousel slide to active tab
|
| 4260 |
-
this._tabsCarousel.set(activeTabIndex);
|
| 4261 |
-
}
|
| 4262 |
-
|
| 4263 |
-
/**
|
| 4264 |
-
* Teardown normal tabs.
|
| 4265 |
-
*/
|
| 4266 |
-
|
| 4267 |
-
}, {
|
| 4268 |
-
key: "_teardownSwipeableTabs",
|
| 4269 |
-
value: function _teardownSwipeableTabs() {
|
| 4270 |
-
var $tabsWrapper = this._tabsCarousel.$el;
|
| 4271 |
-
this._tabsCarousel.destroy();
|
| 4272 |
-
|
| 4273 |
-
// Unwrap
|
| 4274 |
-
$tabsWrapper.after($tabsWrapper.children());
|
| 4275 |
-
$tabsWrapper.remove();
|
| 4276 |
-
}
|
| 4277 |
-
|
| 4278 |
-
/**
|
| 4279 |
-
* Setup normal tabs.
|
| 4280 |
-
*/
|
| 4281 |
-
|
| 4282 |
-
}, {
|
| 4283 |
-
key: "_setupNormalTabs",
|
| 4284 |
-
value: function _setupNormalTabs() {
|
| 4285 |
-
// Hide Tabs Content
|
| 4286 |
-
this.$tabLinks.not(this.$activeTabLink).each(function (link) {
|
| 4287 |
-
if (!!link.hash) {
|
| 4288 |
-
var $currContent = $(M.escapeHash(link.hash));
|
| 4289 |
-
if ($currContent.length) {
|
| 4290 |
-
$currContent[0].style.display = 'none';
|
| 4291 |
-
}
|
| 4292 |
-
}
|
| 4293 |
-
});
|
| 4294 |
-
}
|
| 4295 |
-
|
| 4296 |
-
/**
|
| 4297 |
-
* Teardown normal tabs.
|
| 4298 |
-
*/
|
| 4299 |
-
|
| 4300 |
-
}, {
|
| 4301 |
-
key: "_teardownNormalTabs",
|
| 4302 |
-
value: function _teardownNormalTabs() {
|
| 4303 |
-
// show Tabs Content
|
| 4304 |
-
this.$tabLinks.each(function (link) {
|
| 4305 |
-
if (!!link.hash) {
|
| 4306 |
-
var $currContent = $(M.escapeHash(link.hash));
|
| 4307 |
-
if ($currContent.length) {
|
| 4308 |
-
$currContent[0].style.display = '';
|
| 4309 |
-
}
|
| 4310 |
-
}
|
| 4311 |
-
});
|
| 4312 |
-
}
|
| 4313 |
-
|
| 4314 |
-
/**
|
| 4315 |
-
* set tabs and tab width
|
| 4316 |
-
*/
|
| 4317 |
-
|
| 4318 |
-
}, {
|
| 4319 |
-
key: "_setTabsAndTabWidth",
|
| 4320 |
-
value: function _setTabsAndTabWidth() {
|
| 4321 |
-
this.tabsWidth = this.$el.width();
|
| 4322 |
-
this.tabWidth = Math.max(this.tabsWidth, this.el.scrollWidth) / this.$tabLinks.length;
|
| 4323 |
-
}
|
| 4324 |
-
|
| 4325 |
-
/**
|
| 4326 |
-
* Finds right attribute for indicator based on active tab.
|
| 4327 |
-
* @param {cash} el
|
| 4328 |
-
*/
|
| 4329 |
-
|
| 4330 |
-
}, {
|
| 4331 |
-
key: "_calcRightPos",
|
| 4332 |
-
value: function _calcRightPos(el) {
|
| 4333 |
-
return Math.ceil(this.tabsWidth - el.position().left - el[0].getBoundingClientRect().width);
|
| 4334 |
-
}
|
| 4335 |
-
|
| 4336 |
-
/**
|
| 4337 |
-
* Finds left attribute for indicator based on active tab.
|
| 4338 |
-
* @param {cash} el
|
| 4339 |
-
*/
|
| 4340 |
-
|
| 4341 |
-
}, {
|
| 4342 |
-
key: "_calcLeftPos",
|
| 4343 |
-
value: function _calcLeftPos(el) {
|
| 4344 |
-
return Math.floor(el.position().left);
|
| 4345 |
-
}
|
| 4346 |
-
}, {
|
| 4347 |
-
key: "updateTabIndicator",
|
| 4348 |
-
value: function updateTabIndicator() {
|
| 4349 |
-
this._setTabsAndTabWidth();
|
| 4350 |
-
this._animateIndicator(this.index);
|
| 4351 |
-
}
|
| 4352 |
-
|
| 4353 |
-
/**
|
| 4354 |
-
* Animates Indicator to active tab.
|
| 4355 |
-
* @param {Number} prevIndex
|
| 4356 |
-
*/
|
| 4357 |
-
|
| 4358 |
-
}, {
|
| 4359 |
-
key: "_animateIndicator",
|
| 4360 |
-
value: function _animateIndicator(prevIndex) {
|
| 4361 |
-
var leftDelay = 0,
|
| 4362 |
-
rightDelay = 0;
|
| 4363 |
-
|
| 4364 |
-
if (this.index - prevIndex >= 0) {
|
| 4365 |
-
leftDelay = 90;
|
| 4366 |
-
} else {
|
| 4367 |
-
rightDelay = 90;
|
| 4368 |
-
}
|
| 4369 |
-
|
| 4370 |
-
// Animate
|
| 4371 |
-
var animOptions = {
|
| 4372 |
-
targets: this._indicator,
|
| 4373 |
-
left: {
|
| 4374 |
-
value: this._calcLeftPos(this.$activeTabLink),
|
| 4375 |
-
delay: leftDelay
|
| 4376 |
-
},
|
| 4377 |
-
right: {
|
| 4378 |
-
value: this._calcRightPos(this.$activeTabLink),
|
| 4379 |
-
delay: rightDelay
|
| 4380 |
-
},
|
| 4381 |
-
duration: this.options.duration,
|
| 4382 |
-
easing: 'easeOutQuad'
|
| 4383 |
-
};
|
| 4384 |
-
anim.remove(this._indicator);
|
| 4385 |
-
anim(animOptions);
|
| 4386 |
-
}
|
| 4387 |
-
|
| 4388 |
-
/**
|
| 4389 |
-
* Select tab.
|
| 4390 |
-
* @param {String} tabId
|
| 4391 |
-
*/
|
| 4392 |
-
|
| 4393 |
-
}, {
|
| 4394 |
-
key: "select",
|
| 4395 |
-
value: function select(tabId) {
|
| 4396 |
-
var tab = this.$tabLinks.filter('[href="#' + tabId + '"]');
|
| 4397 |
-
if (tab.length) {
|
| 4398 |
-
tab.trigger('click');
|
| 4399 |
-
}
|
| 4400 |
-
}
|
| 4401 |
-
}], [{
|
| 4402 |
-
key: "init",
|
| 4403 |
-
value: function init(els, options) {
|
| 4404 |
-
return _get(Tabs.__proto__ || Object.getPrototypeOf(Tabs), "init", this).call(this, this, els, options);
|
| 4405 |
-
}
|
| 4406 |
-
|
| 4407 |
-
/**
|
| 4408 |
-
* Get Instance
|
| 4409 |
-
*/
|
| 4410 |
-
|
| 4411 |
-
}, {
|
| 4412 |
-
key: "getInstance",
|
| 4413 |
-
value: function getInstance(el) {
|
| 4414 |
-
var domElem = !!el.jquery ? el[0] : el;
|
| 4415 |
-
return domElem.M_Tabs;
|
| 4416 |
-
}
|
| 4417 |
-
}, {
|
| 4418 |
-
key: "defaults",
|
| 4419 |
-
get: function () {
|
| 4420 |
-
return _defaults;
|
| 4421 |
-
}
|
| 4422 |
-
}]);
|
| 4423 |
-
|
| 4424 |
-
return Tabs;
|
| 4425 |
-
}(Component);
|
| 4426 |
-
|
| 4427 |
-
M.Tabs = Tabs;
|
| 4428 |
-
|
| 4429 |
-
if (M.jQueryLoaded) {
|
| 4430 |
-
M.initializeJqueryWrapper(Tabs, 'tabs', 'M_Tabs');
|
| 4431 |
-
}
|
| 4432 |
-
})(cash, M.anime);
|
| 4433 |
-
;(function ($, anim) {
|
| 4434 |
-
'use strict';
|
| 4435 |
-
|
| 4436 |
-
var _defaults = {
|
| 4437 |
-
exitDelay: 200,
|
| 4438 |
-
enterDelay: 0,
|
| 4439 |
-
html: null,
|
| 4440 |
-
margin: 5,
|
| 4441 |
-
inDuration: 250,
|
| 4442 |
-
outDuration: 200,
|
| 4443 |
-
position: 'bottom',
|
| 4444 |
-
transitionMovement: 10
|
| 4445 |
-
};
|
| 4446 |
-
|
| 4447 |
-
/**
|
| 4448 |
-
* @class
|
| 4449 |
-
*
|
| 4450 |
-
*/
|
| 4451 |
-
|
| 4452 |
-
var Tooltip = function (_Component7) {
|
| 4453 |
-
_inherits(Tooltip, _Component7);
|
| 4454 |
-
|
| 4455 |
-
/**
|
| 4456 |
-
* Construct Tooltip instance
|
| 4457 |
-
* @constructor
|
| 4458 |
-
* @param {Element} el
|
| 4459 |
-
* @param {Object} options
|
| 4460 |
-
*/
|
| 4461 |
-
function Tooltip(el, options) {
|
| 4462 |
-
_classCallCheck(this, Tooltip);
|
| 4463 |
-
|
| 4464 |
-
var _this26 = _possibleConstructorReturn(this, (Tooltip.__proto__ || Object.getPrototypeOf(Tooltip)).call(this, Tooltip, el, options));
|
| 4465 |
-
|
| 4466 |
-
_this26.el.M_Tooltip = _this26;
|
| 4467 |
-
_this26.options = $.extend({}, Tooltip.defaults, options);
|
| 4468 |
-
|
| 4469 |
-
_this26.isOpen = false;
|
| 4470 |
-
_this26.isHovered = false;
|
| 4471 |
-
_this26.isFocused = false;
|
| 4472 |
-
_this26._appendTooltipEl();
|
| 4473 |
-
_this26._setupEventHandlers();
|
| 4474 |
-
return _this26;
|
| 4475 |
-
}
|
| 4476 |
-
|
| 4477 |
-
_createClass(Tooltip, [{
|
| 4478 |
-
key: "destroy",
|
| 4479 |
-
|
| 4480 |
-
|
| 4481 |
-
/**
|
| 4482 |
-
* Teardown component
|
| 4483 |
-
*/
|
| 4484 |
-
value: function destroy() {
|
| 4485 |
-
$(this.tooltipEl).remove();
|
| 4486 |
-
this._removeEventHandlers();
|
| 4487 |
-
this.el.M_Tooltip = undefined;
|
| 4488 |
-
}
|
| 4489 |
-
}, {
|
| 4490 |
-
key: "_appendTooltipEl",
|
| 4491 |
-
value: function _appendTooltipEl() {
|
| 4492 |
-
var tooltipEl = document.createElement('div');
|
| 4493 |
-
tooltipEl.classList.add('material-tooltip');
|
| 4494 |
-
this.tooltipEl = tooltipEl;
|
| 4495 |
-
|
| 4496 |
-
var tooltipContentEl = document.createElement('div');
|
| 4497 |
-
tooltipContentEl.classList.add('tooltip-content');
|
| 4498 |
-
tooltipContentEl.innerHTML = this.options.html;
|
| 4499 |
-
tooltipEl.appendChild(tooltipContentEl);
|
| 4500 |
-
document.body.appendChild(tooltipEl);
|
| 4501 |
-
}
|
| 4502 |
-
}, {
|
| 4503 |
-
key: "_updateTooltipContent",
|
| 4504 |
-
value: function _updateTooltipContent() {
|
| 4505 |
-
this.tooltipEl.querySelector('.tooltip-content').innerHTML = this.options.html;
|
| 4506 |
-
}
|
| 4507 |
-
}, {
|
| 4508 |
-
key: "_setupEventHandlers",
|
| 4509 |
-
value: function _setupEventHandlers() {
|
| 4510 |
-
this._handleMouseEnterBound = this._handleMouseEnter.bind(this);
|
| 4511 |
-
this._handleMouseLeaveBound = this._handleMouseLeave.bind(this);
|
| 4512 |
-
this._handleFocusBound = this._handleFocus.bind(this);
|
| 4513 |
-
this._handleBlurBound = this._handleBlur.bind(this);
|
| 4514 |
-
this.el.addEventListener('mouseenter', this._handleMouseEnterBound);
|
| 4515 |
-
this.el.addEventListener('mouseleave', this._handleMouseLeaveBound);
|
| 4516 |
-
this.el.addEventListener('focus', this._handleFocusBound, true);
|
| 4517 |
-
this.el.addEventListener('blur', this._handleBlurBound, true);
|
| 4518 |
-
}
|
| 4519 |
-
}, {
|
| 4520 |
-
key: "_removeEventHandlers",
|
| 4521 |
-
value: function _removeEventHandlers() {
|
| 4522 |
-
this.el.removeEventListener('mouseenter', this._handleMouseEnterBound);
|
| 4523 |
-
this.el.removeEventListener('mouseleave', this._handleMouseLeaveBound);
|
| 4524 |
-
this.el.removeEventListener('focus', this._handleFocusBound, true);
|
| 4525 |
-
this.el.removeEventListener('blur', this._handleBlurBound, true);
|
| 4526 |
-
}
|
| 4527 |
-
}, {
|
| 4528 |
-
key: "open",
|
| 4529 |
-
value: function open(isManual) {
|
| 4530 |
-
if (this.isOpen) {
|
| 4531 |
-
return;
|
| 4532 |
-
}
|
| 4533 |
-
isManual = isManual === undefined ? true : undefined; // Default value true
|
| 4534 |
-
this.isOpen = true;
|
| 4535 |
-
// Update tooltip content with HTML attribute options
|
| 4536 |
-
this.options = $.extend({}, this.options, this._getAttributeOptions());
|
| 4537 |
-
this._updateTooltipContent();
|
| 4538 |
-
this._setEnterDelayTimeout(isManual);
|
| 4539 |
-
}
|
| 4540 |
-
}, {
|
| 4541 |
-
key: "close",
|
| 4542 |
-
value: function close() {
|
| 4543 |
-
if (!this.isOpen) {
|
| 4544 |
-
return;
|
| 4545 |
-
}
|
| 4546 |
-
|
| 4547 |
-
this.isHovered = false;
|
| 4548 |
-
this.isFocused = false;
|
| 4549 |
-
this.isOpen = false;
|
| 4550 |
-
this._setExitDelayTimeout();
|
| 4551 |
-
}
|
| 4552 |
-
|
| 4553 |
-
/**
|
| 4554 |
-
* Create timeout which delays when the tooltip closes
|
| 4555 |
-
*/
|
| 4556 |
-
|
| 4557 |
-
}, {
|
| 4558 |
-
key: "_setExitDelayTimeout",
|
| 4559 |
-
value: function _setExitDelayTimeout() {
|
| 4560 |
-
var _this27 = this;
|
| 4561 |
-
|
| 4562 |
-
clearTimeout(this._exitDelayTimeout);
|
| 4563 |
-
|
| 4564 |
-
this._exitDelayTimeout = setTimeout(function () {
|
| 4565 |
-
if (_this27.isHovered || _this27.isFocused) {
|
| 4566 |
-
return;
|
| 4567 |
-
}
|
| 4568 |
-
|
| 4569 |
-
_this27._animateOut();
|
| 4570 |
-
}, this.options.exitDelay);
|
| 4571 |
-
}
|
| 4572 |
-
|
| 4573 |
-
/**
|
| 4574 |
-
* Create timeout which delays when the toast closes
|
| 4575 |
-
*/
|
| 4576 |
-
|
| 4577 |
-
}, {
|
| 4578 |
-
key: "_setEnterDelayTimeout",
|
| 4579 |
-
value: function _setEnterDelayTimeout(isManual) {
|
| 4580 |
-
var _this28 = this;
|
| 4581 |
-
|
| 4582 |
-
clearTimeout(this._enterDelayTimeout);
|
| 4583 |
-
|
| 4584 |
-
this._enterDelayTimeout = setTimeout(function () {
|
| 4585 |
-
if (!_this28.isHovered && !_this28.isFocused && !isManual) {
|
| 4586 |
-
return;
|
| 4587 |
-
}
|
| 4588 |
-
|
| 4589 |
-
_this28._animateIn();
|
| 4590 |
-
}, this.options.enterDelay);
|
| 4591 |
-
}
|
| 4592 |
-
}, {
|
| 4593 |
-
key: "_positionTooltip",
|
| 4594 |
-
value: function _positionTooltip() {
|
| 4595 |
-
var origin = this.el,
|
| 4596 |
-
tooltip = this.tooltipEl,
|
| 4597 |
-
originHeight = origin.offsetHeight,
|
| 4598 |
-
originWidth = origin.offsetWidth,
|
| 4599 |
-
tooltipHeight = tooltip.offsetHeight,
|
| 4600 |
-
tooltipWidth = tooltip.offsetWidth,
|
| 4601 |
-
newCoordinates = void 0,
|
| 4602 |
-
margin = this.options.margin,
|
| 4603 |
-
targetTop = void 0,
|
| 4604 |
-
targetLeft = void 0;
|
| 4605 |
-
|
| 4606 |
-
this.xMovement = 0, this.yMovement = 0;
|
| 4607 |
-
|
| 4608 |
-
targetTop = origin.getBoundingClientRect().top + M.getDocumentScrollTop();
|
| 4609 |
-
targetLeft = origin.getBoundingClientRect().left + M.getDocumentScrollLeft();
|
| 4610 |
-
|
| 4611 |
-
if (this.options.position === 'top') {
|
| 4612 |
-
targetTop += -tooltipHeight - margin;
|
| 4613 |
-
targetLeft += originWidth / 2 - tooltipWidth / 2;
|
| 4614 |
-
this.yMovement = -this.options.transitionMovement;
|
| 4615 |
-
} else if (this.options.position === 'right') {
|
| 4616 |
-
targetTop += originHeight / 2 - tooltipHeight / 2;
|
| 4617 |
-
targetLeft += originWidth + margin;
|
| 4618 |
-
this.xMovement = this.options.transitionMovement;
|
| 4619 |
-
} else if (this.options.position === 'left') {
|
| 4620 |
-
targetTop += originHeight / 2 - tooltipHeight / 2;
|
| 4621 |
-
targetLeft += -tooltipWidth - margin;
|
| 4622 |
-
this.xMovement = -this.options.transitionMovement;
|
| 4623 |
-
} else {
|
| 4624 |
-
targetTop += originHeight + margin;
|
| 4625 |
-
targetLeft += originWidth / 2 - tooltipWidth / 2;
|
| 4626 |
-
this.yMovement = this.options.transitionMovement;
|
| 4627 |
-
}
|
| 4628 |
-
|
| 4629 |
-
newCoordinates = this._repositionWithinScreen(targetLeft, targetTop, tooltipWidth, tooltipHeight);
|
| 4630 |
-
$(tooltip).css({
|
| 4631 |
-
top: newCoordinates.y + 'px',
|
| 4632 |
-
left: newCoordinates.x + 'px'
|
| 4633 |
-
});
|
| 4634 |
-
}
|
| 4635 |
-
}, {
|
| 4636 |
-
key: "_repositionWithinScreen",
|
| 4637 |
-
value: function _repositionWithinScreen(x, y, width, height) {
|
| 4638 |
-
var scrollLeft = M.getDocumentScrollLeft();
|
| 4639 |
-
var scrollTop = M.getDocumentScrollTop();
|
| 4640 |
-
var newX = x - scrollLeft;
|
| 4641 |
-
var newY = y - scrollTop;
|
| 4642 |
-
|
| 4643 |
-
var bounding = {
|
| 4644 |
-
left: newX,
|
| 4645 |
-
top: newY,
|
| 4646 |
-
width: width,
|
| 4647 |
-
height: height
|
| 4648 |
-
};
|
| 4649 |
-
|
| 4650 |
-
var offset = this.options.margin + this.options.transitionMovement;
|
| 4651 |
-
var edges = M.checkWithinContainer(document.body, bounding, offset);
|
| 4652 |
-
|
| 4653 |
-
if (edges.left) {
|
| 4654 |
-
newX = offset;
|
| 4655 |
-
} else if (edges.right) {
|
| 4656 |
-
newX -= newX + width - window.innerWidth;
|
| 4657 |
-
}
|
| 4658 |
-
|
| 4659 |
-
if (edges.top) {
|
| 4660 |
-
newY = offset;
|
| 4661 |
-
} else if (edges.bottom) {
|
| 4662 |
-
newY -= newY + height - window.innerHeight;
|
| 4663 |
-
}
|
| 4664 |
-
|
| 4665 |
-
return {
|
| 4666 |
-
x: newX + scrollLeft,
|
| 4667 |
-
y: newY + scrollTop
|
| 4668 |
-
};
|
| 4669 |
-
}
|
| 4670 |
-
}, {
|
| 4671 |
-
key: "_animateIn",
|
| 4672 |
-
value: function _animateIn() {
|
| 4673 |
-
this._positionTooltip();
|
| 4674 |
-
this.tooltipEl.style.visibility = 'visible';
|
| 4675 |
-
anim.remove(this.tooltipEl);
|
| 4676 |
-
anim({
|
| 4677 |
-
targets: this.tooltipEl,
|
| 4678 |
-
opacity: 1,
|
| 4679 |
-
translateX: this.xMovement,
|
| 4680 |
-
translateY: this.yMovement,
|
| 4681 |
-
duration: this.options.inDuration,
|
| 4682 |
-
easing: 'easeOutCubic'
|
| 4683 |
-
});
|
| 4684 |
-
}
|
| 4685 |
-
}, {
|
| 4686 |
-
key: "_animateOut",
|
| 4687 |
-
value: function _animateOut() {
|
| 4688 |
-
anim.remove(this.tooltipEl);
|
| 4689 |
-
anim({
|
| 4690 |
-
targets: this.tooltipEl,
|
| 4691 |
-
opacity: 0,
|
| 4692 |
-
translateX: 0,
|
| 4693 |
-
translateY: 0,
|
| 4694 |
-
duration: this.options.outDuration,
|
| 4695 |
-
easing: 'easeOutCubic'
|
| 4696 |
-
});
|
| 4697 |
-
}
|
| 4698 |
-
}, {
|
| 4699 |
-
key: "_handleMouseEnter",
|
| 4700 |
-
value: function _handleMouseEnter() {
|
| 4701 |
-
this.isHovered = true;
|
| 4702 |
-
this.isFocused = false; // Allows close of tooltip when opened by focus.
|
| 4703 |
-
this.open(false);
|
| 4704 |
-
}
|
| 4705 |
-
}, {
|
| 4706 |
-
key: "_handleMouseLeave",
|
| 4707 |
-
value: function _handleMouseLeave() {
|
| 4708 |
-
this.isHovered = false;
|
| 4709 |
-
this.isFocused = false; // Allows close of tooltip when opened by focus.
|
| 4710 |
-
this.close();
|
| 4711 |
-
}
|
| 4712 |
-
}, {
|
| 4713 |
-
key: "_handleFocus",
|
| 4714 |
-
value: function _handleFocus() {
|
| 4715 |
-
if (M.tabPressed) {
|
| 4716 |
-
this.isFocused = true;
|
| 4717 |
-
this.open(false);
|
| 4718 |
-
}
|
| 4719 |
-
}
|
| 4720 |
-
}, {
|
| 4721 |
-
key: "_handleBlur",
|
| 4722 |
-
value: function _handleBlur() {
|
| 4723 |
-
this.isFocused = false;
|
| 4724 |
-
this.close();
|
| 4725 |
-
}
|
| 4726 |
-
}, {
|
| 4727 |
-
key: "_getAttributeOptions",
|
| 4728 |
-
value: function _getAttributeOptions() {
|
| 4729 |
-
var attributeOptions = {};
|
| 4730 |
-
var tooltipTextOption = this.el.getAttribute('data-tooltip');
|
| 4731 |
-
var positionOption = this.el.getAttribute('data-position');
|
| 4732 |
-
|
| 4733 |
-
if (tooltipTextOption) {
|
| 4734 |
-
attributeOptions.html = tooltipTextOption;
|
| 4735 |
-
}
|
| 4736 |
-
|
| 4737 |
-
if (positionOption) {
|
| 4738 |
-
attributeOptions.position = positionOption;
|
| 4739 |
-
}
|
| 4740 |
-
return attributeOptions;
|
| 4741 |
-
}
|
| 4742 |
-
}], [{
|
| 4743 |
-
key: "init",
|
| 4744 |
-
value: function init(els, options) {
|
| 4745 |
-
return _get(Tooltip.__proto__ || Object.getPrototypeOf(Tooltip), "init", this).call(this, this, els, options);
|
| 4746 |
-
}
|
| 4747 |
-
|
| 4748 |
-
/**
|
| 4749 |
-
* Get Instance
|
| 4750 |
-
*/
|
| 4751 |
-
|
| 4752 |
-
}, {
|
| 4753 |
-
key: "getInstance",
|
| 4754 |
-
value: function getInstance(el) {
|
| 4755 |
-
var domElem = !!el.jquery ? el[0] : el;
|
| 4756 |
-
return domElem.M_Tooltip;
|
| 4757 |
-
}
|
| 4758 |
-
}, {
|
| 4759 |
-
key: "defaults",
|
| 4760 |
-
get: function () {
|
| 4761 |
-
return _defaults;
|
| 4762 |
-
}
|
| 4763 |
-
}]);
|
| 4764 |
-
|
| 4765 |
-
return Tooltip;
|
| 4766 |
-
}(Component);
|
| 4767 |
-
|
| 4768 |
-
M.Tooltip = Tooltip;
|
| 4769 |
-
|
| 4770 |
-
if (M.jQueryLoaded) {
|
| 4771 |
-
M.initializeJqueryWrapper(Tooltip, 'tooltip', 'M_Tooltip');
|
| 4772 |
-
}
|
| 4773 |
-
})(cash, M.anime);
|
| 4774 |
-
; /*!
|
| 4775 |
-
* Waves v0.6.4
|
| 4776 |
-
* http://fian.my.id/Waves
|
| 4777 |
-
*
|
| 4778 |
-
* Copyright 2014 Alfiana E. Sibuea and other contributors
|
| 4779 |
-
* Released under the MIT license
|
| 4780 |
-
* https://github.com/fians/Waves/blob/master/LICENSE
|
| 4781 |
-
*/
|
| 4782 |
-
|
| 4783 |
-
;(function (window) {
|
| 4784 |
-
'use strict';
|
| 4785 |
-
|
| 4786 |
-
var Waves = Waves || {};
|
| 4787 |
-
var $$ = document.querySelectorAll.bind(document);
|
| 4788 |
-
|
| 4789 |
-
// Find exact position of element
|
| 4790 |
-
function isWindow(obj) {
|
| 4791 |
-
return obj !== null && obj === obj.window;
|
| 4792 |
-
}
|
| 4793 |
-
|
| 4794 |
-
function getWindow(elem) {
|
| 4795 |
-
return isWindow(elem) ? elem : elem.nodeType === 9 && elem.defaultView;
|
| 4796 |
-
}
|
| 4797 |
-
|
| 4798 |
-
function offset(elem) {
|
| 4799 |
-
var docElem,
|
| 4800 |
-
win,
|
| 4801 |
-
box = { top: 0, left: 0 },
|
| 4802 |
-
doc = elem && elem.ownerDocument;
|
| 4803 |
-
|
| 4804 |
-
docElem = doc.documentElement;
|
| 4805 |
-
|
| 4806 |
-
if (typeof elem.getBoundingClientRect !== typeof undefined) {
|
| 4807 |
-
box = elem.getBoundingClientRect();
|
| 4808 |
-
}
|
| 4809 |
-
win = getWindow(doc);
|
| 4810 |
-
return {
|
| 4811 |
-
top: box.top + win.pageYOffset - docElem.clientTop,
|
| 4812 |
-
left: box.left + win.pageXOffset - docElem.clientLeft
|
| 4813 |
-
};
|
| 4814 |
-
}
|
| 4815 |
-
|
| 4816 |
-
function convertStyle(obj) {
|
| 4817 |
-
var style = '';
|
| 4818 |
-
|
| 4819 |
-
for (var a in obj) {
|
| 4820 |
-
if (obj.hasOwnProperty(a)) {
|
| 4821 |
-
style += a + ':' + obj[a] + ';';
|
| 4822 |
-
}
|
| 4823 |
-
}
|
| 4824 |
-
|
| 4825 |
-
return style;
|
| 4826 |
-
}
|
| 4827 |
-
|
| 4828 |
-
var Effect = {
|
| 4829 |
-
|
| 4830 |
-
// Effect delay
|
| 4831 |
-
duration: 750,
|
| 4832 |
-
|
| 4833 |
-
show: function (e, element) {
|
| 4834 |
-
|
| 4835 |
-
// Disable right click
|
| 4836 |
-
if (e.button === 2) {
|
| 4837 |
-
return false;
|
| 4838 |
-
}
|
| 4839 |
-
|
| 4840 |
-
var el = element || this;
|
| 4841 |
-
|
| 4842 |
-
// Create ripple
|
| 4843 |
-
var ripple = document.createElement('div');
|
| 4844 |
-
ripple.className = 'waves-ripple';
|
| 4845 |
-
el.appendChild(ripple);
|
| 4846 |
-
|
| 4847 |
-
// Get click coordinate and element witdh
|
| 4848 |
-
var pos = offset(el);
|
| 4849 |
-
var relativeY = e.pageY - pos.top;
|
| 4850 |
-
var relativeX = e.pageX - pos.left;
|
| 4851 |
-
var scale = 'scale(' + el.clientWidth / 100 * 10 + ')';
|
| 4852 |
-
|
| 4853 |
-
// Support for touch devices
|
| 4854 |
-
if ('touches' in e) {
|
| 4855 |
-
relativeY = e.touches[0].pageY - pos.top;
|
| 4856 |
-
relativeX = e.touches[0].pageX - pos.left;
|
| 4857 |
-
}
|
| 4858 |
-
|
| 4859 |
-
// Attach data to element
|
| 4860 |
-
ripple.setAttribute('data-hold', Date.now());
|
| 4861 |
-
ripple.setAttribute('data-scale', scale);
|
| 4862 |
-
ripple.setAttribute('data-x', relativeX);
|
| 4863 |
-
ripple.setAttribute('data-y', relativeY);
|
| 4864 |
-
|
| 4865 |
-
// Set ripple position
|
| 4866 |
-
var rippleStyle = {
|
| 4867 |
-
'top': relativeY + 'px',
|
| 4868 |
-
'left': relativeX + 'px'
|
| 4869 |
-
};
|
| 4870 |
-
|
| 4871 |
-
ripple.className = ripple.className + ' waves-notransition';
|
| 4872 |
-
ripple.setAttribute('style', convertStyle(rippleStyle));
|
| 4873 |
-
ripple.className = ripple.className.replace('waves-notransition', '');
|
| 4874 |
-
|
| 4875 |
-
// Scale the ripple
|
| 4876 |
-
rippleStyle['-webkit-transform'] = scale;
|
| 4877 |
-
rippleStyle['-moz-transform'] = scale;
|
| 4878 |
-
rippleStyle['-ms-transform'] = scale;
|
| 4879 |
-
rippleStyle['-o-transform'] = scale;
|
| 4880 |
-
rippleStyle.transform = scale;
|
| 4881 |
-
rippleStyle.opacity = '1';
|
| 4882 |
-
|
| 4883 |
-
rippleStyle['-webkit-transition-duration'] = Effect.duration + 'ms';
|
| 4884 |
-
rippleStyle['-moz-transition-duration'] = Effect.duration + 'ms';
|
| 4885 |
-
rippleStyle['-o-transition-duration'] = Effect.duration + 'ms';
|
| 4886 |
-
rippleStyle['transition-duration'] = Effect.duration + 'ms';
|
| 4887 |
-
|
| 4888 |
-
rippleStyle['-webkit-transition-timing-function'] = 'cubic-bezier(0.250, 0.460, 0.450, 0.940)';
|
| 4889 |
-
rippleStyle['-moz-transition-timing-function'] = 'cubic-bezier(0.250, 0.460, 0.450, 0.940)';
|
| 4890 |
-
rippleStyle['-o-transition-timing-function'] = 'cubic-bezier(0.250, 0.460, 0.450, 0.940)';
|
| 4891 |
-
rippleStyle['transition-timing-function'] = 'cubic-bezier(0.250, 0.460, 0.450, 0.940)';
|
| 4892 |
-
|
| 4893 |
-
ripple.setAttribute('style', convertStyle(rippleStyle));
|
| 4894 |
-
},
|
| 4895 |
-
|
| 4896 |
-
hide: function (e) {
|
| 4897 |
-
TouchHandler.touchup(e);
|
| 4898 |
-
|
| 4899 |
-
var el = this;
|
| 4900 |
-
var width = el.clientWidth * 1.4;
|
| 4901 |
-
|
| 4902 |
-
// Get first ripple
|
| 4903 |
-
var ripple = null;
|
| 4904 |
-
var ripples = el.getElementsByClassName('waves-ripple');
|
| 4905 |
-
if (ripples.length > 0) {
|
| 4906 |
-
ripple = ripples[ripples.length - 1];
|
| 4907 |
-
} else {
|
| 4908 |
-
return false;
|
| 4909 |
-
}
|
| 4910 |
-
|
| 4911 |
-
var relativeX = ripple.getAttribute('data-x');
|
| 4912 |
-
var relativeY = ripple.getAttribute('data-y');
|
| 4913 |
-
var scale = ripple.getAttribute('data-scale');
|
| 4914 |
-
|
| 4915 |
-
// Get delay beetween mousedown and mouse leave
|
| 4916 |
-
var diff = Date.now() - Number(ripple.getAttribute('data-hold'));
|
| 4917 |
-
var delay = 350 - diff;
|
| 4918 |
-
|
| 4919 |
-
if (delay < 0) {
|
| 4920 |
-
delay = 0;
|
| 4921 |
-
}
|
| 4922 |
-
|
| 4923 |
-
// Fade out ripple after delay
|
| 4924 |
-
setTimeout(function () {
|
| 4925 |
-
var style = {
|
| 4926 |
-
'top': relativeY + 'px',
|
| 4927 |
-
'left': relativeX + 'px',
|
| 4928 |
-
'opacity': '0',
|
| 4929 |
-
|
| 4930 |
-
// Duration
|
| 4931 |
-
'-webkit-transition-duration': Effect.duration + 'ms',
|
| 4932 |
-
'-moz-transition-duration': Effect.duration + 'ms',
|
| 4933 |
-
'-o-transition-duration': Effect.duration + 'ms',
|
| 4934 |
-
'transition-duration': Effect.duration + 'ms',
|
| 4935 |
-
'-webkit-transform': scale,
|
| 4936 |
-
'-moz-transform': scale,
|
| 4937 |
-
'-ms-transform': scale,
|
| 4938 |
-
'-o-transform': scale,
|
| 4939 |
-
'transform': scale
|
| 4940 |
-
};
|
| 4941 |
-
|
| 4942 |
-
ripple.setAttribute('style', convertStyle(style));
|
| 4943 |
-
|
| 4944 |
-
setTimeout(function () {
|
| 4945 |
-
try {
|
| 4946 |
-
el.removeChild(ripple);
|
| 4947 |
-
} catch (e) {
|
| 4948 |
-
return false;
|
| 4949 |
-
}
|
| 4950 |
-
}, Effect.duration);
|
| 4951 |
-
}, delay);
|
| 4952 |
-
},
|
| 4953 |
-
|
| 4954 |
-
// Little hack to make <input> can perform waves effect
|
| 4955 |
-
wrapInput: function (elements) {
|
| 4956 |
-
for (var a = 0; a < elements.length; a++) {
|
| 4957 |
-
var el = elements[a];
|
| 4958 |
-
|
| 4959 |
-
if (el.tagName.toLowerCase() === 'input') {
|
| 4960 |
-
var parent = el.parentNode;
|
| 4961 |
-
|
| 4962 |
-
// If input already have parent just pass through
|
| 4963 |
-
if (parent.tagName.toLowerCase() === 'i' && parent.className.indexOf('waves-effect') !== -1) {
|
| 4964 |
-
continue;
|
| 4965 |
-
}
|
| 4966 |
-
|
| 4967 |
-
// Put element class and style to the specified parent
|
| 4968 |
-
var wrapper = document.createElement('i');
|
| 4969 |
-
wrapper.className = el.className + ' waves-input-wrapper';
|
| 4970 |
-
|
| 4971 |
-
var elementStyle = el.getAttribute('style');
|
| 4972 |
-
|
| 4973 |
-
if (!elementStyle) {
|
| 4974 |
-
elementStyle = '';
|
| 4975 |
-
}
|
| 4976 |
-
|
| 4977 |
-
wrapper.setAttribute('style', elementStyle);
|
| 4978 |
-
|
| 4979 |
-
el.className = 'waves-button-input';
|
| 4980 |
-
el.removeAttribute('style');
|
| 4981 |
-
|
| 4982 |
-
// Put element as child
|
| 4983 |
-
parent.replaceChild(wrapper, el);
|
| 4984 |
-
wrapper.appendChild(el);
|
| 4985 |
-
}
|
| 4986 |
-
}
|
| 4987 |
-
}
|
| 4988 |
-
};
|
| 4989 |
-
|
| 4990 |
-
/**
|
| 4991 |
-
* Disable mousedown event for 500ms during and after touch
|
| 4992 |
-
*/
|
| 4993 |
-
var TouchHandler = {
|
| 4994 |
-
/* uses an integer rather than bool so there's no issues with
|
| 4995 |
-
* needing to clear timeouts if another touch event occurred
|
| 4996 |
-
* within the 500ms. Cannot mouseup between touchstart and
|
| 4997 |
-
* touchend, nor in the 500ms after touchend. */
|
| 4998 |
-
touches: 0,
|
| 4999 |
-
allowEvent: function (e) {
|
| 5000 |
-
var allow = true;
|
| 5001 |
-
|
| 5002 |
-
if (e.type === 'touchstart') {
|
| 5003 |
-
TouchHandler.touches += 1; //push
|
| 5004 |
-
} else if (e.type === 'touchend' || e.type === 'touchcancel') {
|
| 5005 |
-
setTimeout(function () {
|
| 5006 |
-
if (TouchHandler.touches > 0) {
|
| 5007 |
-
TouchHandler.touches -= 1; //pop after 500ms
|
| 5008 |
-
}
|
| 5009 |
-
}, 500);
|
| 5010 |
-
} else if (e.type === 'mousedown' && TouchHandler.touches > 0) {
|
| 5011 |
-
allow = false;
|
| 5012 |
-
}
|
| 5013 |
-
|
| 5014 |
-
return allow;
|
| 5015 |
-
},
|
| 5016 |
-
touchup: function (e) {
|
| 5017 |
-
TouchHandler.allowEvent(e);
|
| 5018 |
-
}
|
| 5019 |
-
};
|
| 5020 |
-
|
| 5021 |
-
/**
|
| 5022 |
-
* Delegated click handler for .waves-effect element.
|
| 5023 |
-
* returns null when .waves-effect element not in "click tree"
|
| 5024 |
-
*/
|
| 5025 |
-
function getWavesEffectElement(e) {
|
| 5026 |
-
if (TouchHandler.allowEvent(e) === false) {
|
| 5027 |
-
return null;
|
| 5028 |
-
}
|
| 5029 |
-
|
| 5030 |
-
var element = null;
|
| 5031 |
-
var target = e.target || e.srcElement;
|
| 5032 |
-
|
| 5033 |
-
while (target.parentNode !== null) {
|
| 5034 |
-
if (!(target instanceof SVGElement) && target.className.indexOf('waves-effect') !== -1) {
|
| 5035 |
-
element = target;
|
| 5036 |
-
break;
|
| 5037 |
-
}
|
| 5038 |
-
target = target.parentNode;
|
| 5039 |
-
}
|
| 5040 |
-
return element;
|
| 5041 |
-
}
|
| 5042 |
-
|
| 5043 |
-
/**
|
| 5044 |
-
* Bubble the click and show effect if .waves-effect elem was found
|
| 5045 |
-
*/
|
| 5046 |
-
function showEffect(e) {
|
| 5047 |
-
var element = getWavesEffectElement(e);
|
| 5048 |
-
|
| 5049 |
-
if (element !== null) {
|
| 5050 |
-
Effect.show(e, element);
|
| 5051 |
-
|
| 5052 |
-
if ('ontouchstart' in window) {
|
| 5053 |
-
element.addEventListener('touchend', Effect.hide, false);
|
| 5054 |
-
element.addEventListener('touchcancel', Effect.hide, false);
|
| 5055 |
-
}
|
| 5056 |
-
|
| 5057 |
-
element.addEventListener('mouseup', Effect.hide, false);
|
| 5058 |
-
element.addEventListener('mouseleave', Effect.hide, false);
|
| 5059 |
-
element.addEventListener('dragend', Effect.hide, false);
|
| 5060 |
-
}
|
| 5061 |
-
}
|
| 5062 |
-
|
| 5063 |
-
Waves.displayEffect = function (options) {
|
| 5064 |
-
options = options || {};
|
| 5065 |
-
|
| 5066 |
-
if ('duration' in options) {
|
| 5067 |
-
Effect.duration = options.duration;
|
| 5068 |
-
}
|
| 5069 |
-
|
| 5070 |
-
//Wrap input inside <i> tag
|
| 5071 |
-
Effect.wrapInput($$('.waves-effect'));
|
| 5072 |
-
|
| 5073 |
-
if ('ontouchstart' in window) {
|
| 5074 |
-
document.body.addEventListener('touchstart', showEffect, false);
|
| 5075 |
-
}
|
| 5076 |
-
|
| 5077 |
-
document.body.addEventListener('mousedown', showEffect, false);
|
| 5078 |
-
};
|
| 5079 |
-
|
| 5080 |
-
/**
|
| 5081 |
-
* Attach Waves to an input element (or any element which doesn't
|
| 5082 |
-
* bubble mouseup/mousedown events).
|
| 5083 |
-
* Intended to be used with dynamically loaded forms/inputs, or
|
| 5084 |
-
* where the user doesn't want a delegated click handler.
|
| 5085 |
-
*/
|
| 5086 |
-
Waves.attach = function (element) {
|
| 5087 |
-
//FUTURE: automatically add waves classes and allow users
|
| 5088 |
-
// to specify them with an options param? Eg. light/classic/button
|
| 5089 |
-
if (element.tagName.toLowerCase() === 'input') {
|
| 5090 |
-
Effect.wrapInput([element]);
|
| 5091 |
-
element = element.parentNode;
|
| 5092 |
-
}
|
| 5093 |
-
|
| 5094 |
-
if ('ontouchstart' in window) {
|
| 5095 |
-
element.addEventListener('touchstart', showEffect, false);
|
| 5096 |
-
}
|
| 5097 |
-
|
| 5098 |
-
element.addEventListener('mousedown', showEffect, false);
|
| 5099 |
-
};
|
| 5100 |
-
|
| 5101 |
-
window.Waves = Waves;
|
| 5102 |
-
|
| 5103 |
-
document.addEventListener('DOMContentLoaded', function () {
|
| 5104 |
-
Waves.displayEffect();
|
| 5105 |
-
}, false);
|
| 5106 |
-
})(window);
|
| 5107 |
-
;(function ($, anim) {
|
| 5108 |
-
'use strict';
|
| 5109 |
-
|
| 5110 |
-
var _defaults = {
|
| 5111 |
-
html: '',
|
| 5112 |
-
displayLength: 4000,
|
| 5113 |
-
inDuration: 300,
|
| 5114 |
-
outDuration: 375,
|
| 5115 |
-
classes: '',
|
| 5116 |
-
completeCallback: null,
|
| 5117 |
-
activationPercent: 0.8
|
| 5118 |
-
};
|
| 5119 |
-
|
| 5120 |
-
var Toast = function () {
|
| 5121 |
-
function Toast(options) {
|
| 5122 |
-
_classCallCheck(this, Toast);
|
| 5123 |
-
|
| 5124 |
-
/**
|
| 5125 |
-
* Options for the toast
|
| 5126 |
-
* @member Toast#options
|
| 5127 |
-
*/
|
| 5128 |
-
this.options = $.extend({}, Toast.defaults, options);
|
| 5129 |
-
this.message = this.options.html;
|
| 5130 |
-
|
| 5131 |
-
/**
|
| 5132 |
-
* Describes current pan state toast
|
| 5133 |
-
* @type {Boolean}
|
| 5134 |
-
*/
|
| 5135 |
-
this.panning = false;
|
| 5136 |
-
|
| 5137 |
-
/**
|
| 5138 |
-
* Time remaining until toast is removed
|
| 5139 |
-
*/
|
| 5140 |
-
this.timeRemaining = this.options.displayLength;
|
| 5141 |
-
|
| 5142 |
-
if (Toast._toasts.length === 0) {
|
| 5143 |
-
Toast._createContainer();
|
| 5144 |
-
}
|
| 5145 |
-
|
| 5146 |
-
// Create new toast
|
| 5147 |
-
Toast._toasts.push(this);
|
| 5148 |
-
var toastElement = this._createToast();
|
| 5149 |
-
toastElement.M_Toast = this;
|
| 5150 |
-
this.el = toastElement;
|
| 5151 |
-
this.$el = $(toastElement);
|
| 5152 |
-
this._animateIn();
|
| 5153 |
-
this._setTimer();
|
| 5154 |
-
}
|
| 5155 |
-
|
| 5156 |
-
_createClass(Toast, [{
|
| 5157 |
-
key: "_createToast",
|
| 5158 |
-
|
| 5159 |
-
|
| 5160 |
-
/**
|
| 5161 |
-
* Create toast and append it to toast container
|
| 5162 |
-
*/
|
| 5163 |
-
value: function _createToast() {
|
| 5164 |
-
var toast = document.createElement('div');
|
| 5165 |
-
toast.classList.add('toast');
|
| 5166 |
-
|
| 5167 |
-
// Add custom classes onto toast
|
| 5168 |
-
if (!!this.options.classes.length) {
|
| 5169 |
-
$(toast).addClass(this.options.classes);
|
| 5170 |
-
}
|
| 5171 |
-
|
| 5172 |
-
// Set content
|
| 5173 |
-
if (typeof HTMLElement === 'object' ? this.message instanceof HTMLElement : this.message && typeof this.message === 'object' && this.message !== null && this.message.nodeType === 1 && typeof this.message.nodeName === 'string') {
|
| 5174 |
-
toast.appendChild(this.message);
|
| 5175 |
-
|
| 5176 |
-
// Check if it is jQuery object
|
| 5177 |
-
} else if (!!this.message.jquery) {
|
| 5178 |
-
$(toast).append(this.message[0]);
|
| 5179 |
-
|
| 5180 |
-
// Insert as html;
|
| 5181 |
-
} else {
|
| 5182 |
-
toast.innerHTML = this.message;
|
| 5183 |
-
}
|
| 5184 |
-
|
| 5185 |
-
// Append toasft
|
| 5186 |
-
Toast._container.appendChild(toast);
|
| 5187 |
-
return toast;
|
| 5188 |
-
}
|
| 5189 |
-
|
| 5190 |
-
/**
|
| 5191 |
-
* Animate in toast
|
| 5192 |
-
*/
|
| 5193 |
-
|
| 5194 |
-
}, {
|
| 5195 |
-
key: "_animateIn",
|
| 5196 |
-
value: function _animateIn() {
|
| 5197 |
-
// Animate toast in
|
| 5198 |
-
anim({
|
| 5199 |
-
targets: this.el,
|
| 5200 |
-
top: 0,
|
| 5201 |
-
opacity: 1,
|
| 5202 |
-
duration: this.options.inDuration,
|
| 5203 |
-
easing: 'easeOutCubic'
|
| 5204 |
-
});
|
| 5205 |
-
}
|
| 5206 |
-
|
| 5207 |
-
/**
|
| 5208 |
-
* Create setInterval which automatically removes toast when timeRemaining >= 0
|
| 5209 |
-
* has been reached
|
| 5210 |
-
*/
|
| 5211 |
-
|
| 5212 |
-
}, {
|
| 5213 |
-
key: "_setTimer",
|
| 5214 |
-
value: function _setTimer() {
|
| 5215 |
-
var _this29 = this;
|
| 5216 |
-
|
| 5217 |
-
if (this.timeRemaining !== Infinity) {
|
| 5218 |
-
this.counterInterval = setInterval(function () {
|
| 5219 |
-
// If toast is not being dragged, decrease its time remaining
|
| 5220 |
-
if (!_this29.panning) {
|
| 5221 |
-
_this29.timeRemaining -= 20;
|
| 5222 |
-
}
|
| 5223 |
-
|
| 5224 |
-
// Animate toast out
|
| 5225 |
-
if (_this29.timeRemaining <= 0) {
|
| 5226 |
-
_this29.dismiss();
|
| 5227 |
-
}
|
| 5228 |
-
}, 20);
|
| 5229 |
-
}
|
| 5230 |
-
}
|
| 5231 |
-
|
| 5232 |
-
/**
|
| 5233 |
-
* Dismiss toast with animation
|
| 5234 |
-
*/
|
| 5235 |
-
|
| 5236 |
-
}, {
|
| 5237 |
-
key: "dismiss",
|
| 5238 |
-
value: function dismiss() {
|
| 5239 |
-
var _this30 = this;
|
| 5240 |
-
|
| 5241 |
-
window.clearInterval(this.counterInterval);
|
| 5242 |
-
var activationDistance = this.el.offsetWidth * this.options.activationPercent;
|
| 5243 |
-
|
| 5244 |
-
if (this.wasSwiped) {
|
| 5245 |
-
this.el.style.transition = 'transform .05s, opacity .05s';
|
| 5246 |
-
this.el.style.transform = "translateX(" + activationDistance + "px)";
|
| 5247 |
-
this.el.style.opacity = 0;
|
| 5248 |
-
}
|
| 5249 |
-
|
| 5250 |
-
anim({
|
| 5251 |
-
targets: this.el,
|
| 5252 |
-
opacity: 0,
|
| 5253 |
-
marginTop: -40,
|
| 5254 |
-
duration: this.options.outDuration,
|
| 5255 |
-
easing: 'easeOutExpo',
|
| 5256 |
-
complete: function () {
|
| 5257 |
-
// Call the optional callback
|
| 5258 |
-
if (typeof _this30.options.completeCallback === 'function') {
|
| 5259 |
-
_this30.options.completeCallback();
|
| 5260 |
-
}
|
| 5261 |
-
// Remove toast from DOM
|
| 5262 |
-
_this30.$el.remove();
|
| 5263 |
-
Toast._toasts.splice(Toast._toasts.indexOf(_this30), 1);
|
| 5264 |
-
if (Toast._toasts.length === 0) {
|
| 5265 |
-
Toast._removeContainer();
|
| 5266 |
-
}
|
| 5267 |
-
}
|
| 5268 |
-
});
|
| 5269 |
-
}
|
| 5270 |
-
}], [{
|
| 5271 |
-
key: "getInstance",
|
| 5272 |
-
|
| 5273 |
-
|
| 5274 |
-
/**
|
| 5275 |
-
* Get Instance
|
| 5276 |
-
*/
|
| 5277 |
-
value: function getInstance(el) {
|
| 5278 |
-
var domElem = !!el.jquery ? el[0] : el;
|
| 5279 |
-
return domElem.M_Toast;
|
| 5280 |
-
}
|
| 5281 |
-
|
| 5282 |
-
/**
|
| 5283 |
-
* Append toast container and add event handlers
|
| 5284 |
-
*/
|
| 5285 |
-
|
| 5286 |
-
}, {
|
| 5287 |
-
key: "_createContainer",
|
| 5288 |
-
value: function _createContainer() {
|
| 5289 |
-
var container = document.createElement('div');
|
| 5290 |
-
container.setAttribute('id', 'toast-container');
|
| 5291 |
-
|
| 5292 |
-
// Add event handler
|
| 5293 |
-
container.addEventListener('touchstart', Toast._onDragStart);
|
| 5294 |
-
container.addEventListener('touchmove', Toast._onDragMove);
|
| 5295 |
-
container.addEventListener('touchend', Toast._onDragEnd);
|
| 5296 |
-
|
| 5297 |
-
container.addEventListener('mousedown', Toast._onDragStart);
|
| 5298 |
-
document.addEventListener('mousemove', Toast._onDragMove);
|
| 5299 |
-
document.addEventListener('mouseup', Toast._onDragEnd);
|
| 5300 |
-
|
| 5301 |
-
document.body.appendChild(container);
|
| 5302 |
-
Toast._container = container;
|
| 5303 |
-
}
|
| 5304 |
-
|
| 5305 |
-
/**
|
| 5306 |
-
* Remove toast container and event handlers
|
| 5307 |
-
*/
|
| 5308 |
-
|
| 5309 |
-
}, {
|
| 5310 |
-
key: "_removeContainer",
|
| 5311 |
-
value: function _removeContainer() {
|
| 5312 |
-
// Add event handler
|
| 5313 |
-
document.removeEventListener('mousemove', Toast._onDragMove);
|
| 5314 |
-
document.removeEventListener('mouseup', Toast._onDragEnd);
|
| 5315 |
-
|
| 5316 |
-
$(Toast._container).remove();
|
| 5317 |
-
Toast._container = null;
|
| 5318 |
-
}
|
| 5319 |
-
|
| 5320 |
-
/**
|
| 5321 |
-
* Begin drag handler
|
| 5322 |
-
* @param {Event} e
|
| 5323 |
-
*/
|
| 5324 |
-
|
| 5325 |
-
}, {
|
| 5326 |
-
key: "_onDragStart",
|
| 5327 |
-
value: function _onDragStart(e) {
|
| 5328 |
-
if (e.target && $(e.target).closest('.toast').length) {
|
| 5329 |
-
var $toast = $(e.target).closest('.toast');
|
| 5330 |
-
var toast = $toast[0].M_Toast;
|
| 5331 |
-
toast.panning = true;
|
| 5332 |
-
Toast._draggedToast = toast;
|
| 5333 |
-
toast.el.classList.add('panning');
|
| 5334 |
-
toast.el.style.transition = '';
|
| 5335 |
-
toast.startingXPos = Toast._xPos(e);
|
| 5336 |
-
toast.time = Date.now();
|
| 5337 |
-
toast.xPos = Toast._xPos(e);
|
| 5338 |
-
}
|
| 5339 |
-
}
|
| 5340 |
-
|
| 5341 |
-
/**
|
| 5342 |
-
* Drag move handler
|
| 5343 |
-
* @param {Event} e
|
| 5344 |
-
*/
|
| 5345 |
-
|
| 5346 |
-
}, {
|
| 5347 |
-
key: "_onDragMove",
|
| 5348 |
-
value: function _onDragMove(e) {
|
| 5349 |
-
if (!!Toast._draggedToast) {
|
| 5350 |
-
e.preventDefault();
|
| 5351 |
-
var toast = Toast._draggedToast;
|
| 5352 |
-
toast.deltaX = Math.abs(toast.xPos - Toast._xPos(e));
|
| 5353 |
-
toast.xPos = Toast._xPos(e);
|
| 5354 |
-
toast.velocityX = toast.deltaX / (Date.now() - toast.time);
|
| 5355 |
-
toast.time = Date.now();
|
| 5356 |
-
|
| 5357 |
-
var totalDeltaX = toast.xPos - toast.startingXPos;
|
| 5358 |
-
var activationDistance = toast.el.offsetWidth * toast.options.activationPercent;
|
| 5359 |
-
toast.el.style.transform = "translateX(" + totalDeltaX + "px)";
|
| 5360 |
-
toast.el.style.opacity = 1 - Math.abs(totalDeltaX / activationDistance);
|
| 5361 |
-
}
|
| 5362 |
-
}
|
| 5363 |
-
|
| 5364 |
-
/**
|
| 5365 |
-
* End drag handler
|
| 5366 |
-
*/
|
| 5367 |
-
|
| 5368 |
-
}, {
|
| 5369 |
-
key: "_onDragEnd",
|
| 5370 |
-
value: function _onDragEnd() {
|
| 5371 |
-
if (!!Toast._draggedToast) {
|
| 5372 |
-
var toast = Toast._draggedToast;
|
| 5373 |
-
toast.panning = false;
|
| 5374 |
-
toast.el.classList.remove('panning');
|
| 5375 |
-
|
| 5376 |
-
var totalDeltaX = toast.xPos - toast.startingXPos;
|
| 5377 |
-
var activationDistance = toast.el.offsetWidth * toast.options.activationPercent;
|
| 5378 |
-
var shouldBeDismissed = Math.abs(totalDeltaX) > activationDistance || toast.velocityX > 1;
|
| 5379 |
-
|
| 5380 |
-
// Remove toast
|
| 5381 |
-
if (shouldBeDismissed) {
|
| 5382 |
-
toast.wasSwiped = true;
|
| 5383 |
-
toast.dismiss();
|
| 5384 |
-
|
| 5385 |
-
// Animate toast back to original position
|
| 5386 |
-
} else {
|
| 5387 |
-
toast.el.style.transition = 'transform .2s, opacity .2s';
|
| 5388 |
-
toast.el.style.transform = '';
|
| 5389 |
-
toast.el.style.opacity = '';
|
| 5390 |
-
}
|
| 5391 |
-
Toast._draggedToast = null;
|
| 5392 |
-
}
|
| 5393 |
-
}
|
| 5394 |
-
|
| 5395 |
-
/**
|
| 5396 |
-
* Get x position of mouse or touch event
|
| 5397 |
-
* @param {Event} e
|
| 5398 |
-
*/
|
| 5399 |
-
|
| 5400 |
-
}, {
|
| 5401 |
-
key: "_xPos",
|
| 5402 |
-
value: function _xPos(e) {
|
| 5403 |
-
if (e.targetTouches && e.targetTouches.length >= 1) {
|
| 5404 |
-
return e.targetTouches[0].clientX;
|
| 5405 |
-
}
|
| 5406 |
-
// mouse event
|
| 5407 |
-
return e.clientX;
|
| 5408 |
-
}
|
| 5409 |
-
|
| 5410 |
-
/**
|
| 5411 |
-
* Remove all toasts
|
| 5412 |
-
*/
|
| 5413 |
-
|
| 5414 |
-
}, {
|
| 5415 |
-
key: "dismissAll",
|
| 5416 |
-
value: function dismissAll() {
|
| 5417 |
-
for (var toastIndex in Toast._toasts) {
|
| 5418 |
-
Toast._toasts[toastIndex].dismiss();
|
| 5419 |
-
}
|
| 5420 |
-
}
|
| 5421 |
-
}, {
|
| 5422 |
-
key: "defaults",
|
| 5423 |
-
get: function () {
|
| 5424 |
-
return _defaults;
|
| 5425 |
-
}
|
| 5426 |
-
}]);
|
| 5427 |
-
|
| 5428 |
-
return Toast;
|
| 5429 |
-
}();
|
| 5430 |
-
|
| 5431 |
-
/**
|
| 5432 |
-
* @static
|
| 5433 |
-
* @memberof Toast
|
| 5434 |
-
* @type {Array.<Toast>}
|
| 5435 |
-
*/
|
| 5436 |
-
|
| 5437 |
-
|
| 5438 |
-
Toast._toasts = [];
|
| 5439 |
-
|
| 5440 |
-
/**
|
| 5441 |
-
* @static
|
| 5442 |
-
* @memberof Toast
|
| 5443 |
-
*/
|
| 5444 |
-
Toast._container = null;
|
| 5445 |
-
|
| 5446 |
-
/**
|
| 5447 |
-
* @static
|
| 5448 |
-
* @memberof Toast
|
| 5449 |
-
* @type {Toast}
|
| 5450 |
-
*/
|
| 5451 |
-
Toast._draggedToast = null;
|
| 5452 |
-
|
| 5453 |
-
M.Toast = Toast;
|
| 5454 |
-
M.toast = function (options) {
|
| 5455 |
-
return new Toast(options);
|
| 5456 |
-
};
|
| 5457 |
-
})(cash, M.anime);
|
| 5458 |
-
;(function ($, anim) {
|
| 5459 |
-
'use strict';
|
| 5460 |
-
|
| 5461 |
-
var _defaults = {
|
| 5462 |
-
edge: 'left',
|
| 5463 |
-
draggable: true,
|
| 5464 |
-
inDuration: 250,
|
| 5465 |
-
outDuration: 200,
|
| 5466 |
-
onOpenStart: null,
|
| 5467 |
-
onOpenEnd: null,
|
| 5468 |
-
onCloseStart: null,
|
| 5469 |
-
onCloseEnd: null,
|
| 5470 |
-
preventScrolling: true
|
| 5471 |
-
};
|
| 5472 |
-
|
| 5473 |
-
/**
|
| 5474 |
-
* @class
|
| 5475 |
-
*/
|
| 5476 |
-
|
| 5477 |
-
var Sidenav = function (_Component8) {
|
| 5478 |
-
_inherits(Sidenav, _Component8);
|
| 5479 |
-
|
| 5480 |
-
/**
|
| 5481 |
-
* Construct Sidenav instance and set up overlay
|
| 5482 |
-
* @constructor
|
| 5483 |
-
* @param {Element} el
|
| 5484 |
-
* @param {Object} options
|
| 5485 |
-
*/
|
| 5486 |
-
function Sidenav(el, options) {
|
| 5487 |
-
_classCallCheck(this, Sidenav);
|
| 5488 |
-
|
| 5489 |
-
var _this31 = _possibleConstructorReturn(this, (Sidenav.__proto__ || Object.getPrototypeOf(Sidenav)).call(this, Sidenav, el, options));
|
| 5490 |
-
|
| 5491 |
-
_this31.el.M_Sidenav = _this31;
|
| 5492 |
-
_this31.id = _this31.$el.attr('id');
|
| 5493 |
-
|
| 5494 |
-
/**
|
| 5495 |
-
* Options for the Sidenav
|
| 5496 |
-
* @member Sidenav#options
|
| 5497 |
-
* @prop {String} [edge='left'] - Side of screen on which Sidenav appears
|
| 5498 |
-
* @prop {Boolean} [draggable=true] - Allow swipe gestures to open/close Sidenav
|
| 5499 |
-
* @prop {Number} [inDuration=250] - Length in ms of enter transition
|
| 5500 |
-
* @prop {Number} [outDuration=200] - Length in ms of exit transition
|
| 5501 |
-
* @prop {Function} onOpenStart - Function called when sidenav starts entering
|
| 5502 |
-
* @prop {Function} onOpenEnd - Function called when sidenav finishes entering
|
| 5503 |
-
* @prop {Function} onCloseStart - Function called when sidenav starts exiting
|
| 5504 |
-
* @prop {Function} onCloseEnd - Function called when sidenav finishes exiting
|
| 5505 |
-
*/
|
| 5506 |
-
_this31.options = $.extend({}, Sidenav.defaults, options);
|
| 5507 |
-
|
| 5508 |
-
/**
|
| 5509 |
-
* Describes open/close state of Sidenav
|
| 5510 |
-
* @type {Boolean}
|
| 5511 |
-
*/
|
| 5512 |
-
_this31.isOpen = false;
|
| 5513 |
-
|
| 5514 |
-
/**
|
| 5515 |
-
* Describes if Sidenav is fixed
|
| 5516 |
-
* @type {Boolean}
|
| 5517 |
-
*/
|
| 5518 |
-
_this31.isFixed = _this31.el.classList.contains('sidenav-fixed');
|
| 5519 |
-
|
| 5520 |
-
/**
|
| 5521 |
-
* Describes if Sidenav is being draggeed
|
| 5522 |
-
* @type {Boolean}
|
| 5523 |
-
*/
|
| 5524 |
-
_this31.isDragged = false;
|
| 5525 |
-
|
| 5526 |
-
// Window size variables for window resize checks
|
| 5527 |
-
_this31.lastWindowWidth = window.innerWidth;
|
| 5528 |
-
_this31.lastWindowHeight = window.innerHeight;
|
| 5529 |
-
|
| 5530 |
-
_this31._createOverlay();
|
| 5531 |
-
_this31._createDragTarget();
|
| 5532 |
-
_this31._setupEventHandlers();
|
| 5533 |
-
_this31._setupClasses();
|
| 5534 |
-
_this31._setupFixed();
|
| 5535 |
-
|
| 5536 |
-
Sidenav._sidenavs.push(_this31);
|
| 5537 |
-
return _this31;
|
| 5538 |
-
}
|
| 5539 |
-
|
| 5540 |
-
_createClass(Sidenav, [{
|
| 5541 |
-
key: "destroy",
|
| 5542 |
-
|
| 5543 |
-
|
| 5544 |
-
/**
|
| 5545 |
-
* Teardown component
|
| 5546 |
-
*/
|
| 5547 |
-
value: function destroy() {
|
| 5548 |
-
this._removeEventHandlers();
|
| 5549 |
-
this._enableBodyScrolling();
|
| 5550 |
-
this._overlay.parentNode.removeChild(this._overlay);
|
| 5551 |
-
this.dragTarget.parentNode.removeChild(this.dragTarget);
|
| 5552 |
-
this.el.M_Sidenav = undefined;
|
| 5553 |
-
this.el.style.transform = '';
|
| 5554 |
-
|
| 5555 |
-
var index = Sidenav._sidenavs.indexOf(this);
|
| 5556 |
-
if (index >= 0) {
|
| 5557 |
-
Sidenav._sidenavs.splice(index, 1);
|
| 5558 |
-
}
|
| 5559 |
-
}
|
| 5560 |
-
}, {
|
| 5561 |
-
key: "_createOverlay",
|
| 5562 |
-
value: function _createOverlay() {
|
| 5563 |
-
var overlay = document.createElement('div');
|
| 5564 |
-
this._closeBound = this.close.bind(this);
|
| 5565 |
-
overlay.classList.add('sidenav-overlay');
|
| 5566 |
-
|
| 5567 |
-
overlay.addEventListener('click', this._closeBound);
|
| 5568 |
-
|
| 5569 |
-
document.body.appendChild(overlay);
|
| 5570 |
-
this._overlay = overlay;
|
| 5571 |
-
}
|
| 5572 |
-
}, {
|
| 5573 |
-
key: "_setupEventHandlers",
|
| 5574 |
-
value: function _setupEventHandlers() {
|
| 5575 |
-
if (Sidenav._sidenavs.length === 0) {
|
| 5576 |
-
document.body.addEventListener('click', this._handleTriggerClick);
|
| 5577 |
-
}
|
| 5578 |
-
|
| 5579 |
-
this._handleDragTargetDragBound = this._handleDragTargetDrag.bind(this);
|
| 5580 |
-
this._handleDragTargetReleaseBound = this._handleDragTargetRelease.bind(this);
|
| 5581 |
-
this._handleCloseDragBound = this._handleCloseDrag.bind(this);
|
| 5582 |
-
this._handleCloseReleaseBound = this._handleCloseRelease.bind(this);
|
| 5583 |
-
this._handleCloseTriggerClickBound = this._handleCloseTriggerClick.bind(this);
|
| 5584 |
-
|
| 5585 |
-
this.dragTarget.addEventListener('touchmove', this._handleDragTargetDragBound);
|
| 5586 |
-
this.dragTarget.addEventListener('touchend', this._handleDragTargetReleaseBound);
|
| 5587 |
-
this._overlay.addEventListener('touchmove', this._handleCloseDragBound);
|
| 5588 |
-
this._overlay.addEventListener('touchend', this._handleCloseReleaseBound);
|
| 5589 |
-
this.el.addEventListener('touchmove', this._handleCloseDragBound);
|
| 5590 |
-
this.el.addEventListener('touchend', this._handleCloseReleaseBound);
|
| 5591 |
-
this.el.addEventListener('click', this._handleCloseTriggerClickBound);
|
| 5592 |
-
|
| 5593 |
-
// Add resize for side nav fixed
|
| 5594 |
-
if (this.isFixed) {
|
| 5595 |
-
this._handleWindowResizeBound = this._handleWindowResize.bind(this);
|
| 5596 |
-
window.addEventListener('resize', this._handleWindowResizeBound);
|
| 5597 |
-
}
|
| 5598 |
-
}
|
| 5599 |
-
}, {
|
| 5600 |
-
key: "_removeEventHandlers",
|
| 5601 |
-
value: function _removeEventHandlers() {
|
| 5602 |
-
if (Sidenav._sidenavs.length === 1) {
|
| 5603 |
-
document.body.removeEventListener('click', this._handleTriggerClick);
|
| 5604 |
-
}
|
| 5605 |
-
|
| 5606 |
-
this.dragTarget.removeEventListener('touchmove', this._handleDragTargetDragBound);
|
| 5607 |
-
this.dragTarget.removeEventListener('touchend', this._handleDragTargetReleaseBound);
|
| 5608 |
-
this._overlay.removeEventListener('touchmove', this._handleCloseDragBound);
|
| 5609 |
-
this._overlay.removeEventListener('touchend', this._handleCloseReleaseBound);
|
| 5610 |
-
this.el.removeEventListener('touchmove', this._handleCloseDragBound);
|
| 5611 |
-
this.el.removeEventListener('touchend', this._handleCloseReleaseBound);
|
| 5612 |
-
this.el.removeEventListener('click', this._handleCloseTriggerClickBound);
|
| 5613 |
-
|
| 5614 |
-
// Remove resize for side nav fixed
|
| 5615 |
-
if (this.isFixed) {
|
| 5616 |
-
window.removeEventListener('resize', this._handleWindowResizeBound);
|
| 5617 |
-
}
|
| 5618 |
-
}
|
| 5619 |
-
|
| 5620 |
-
/**
|
| 5621 |
-
* Handle Trigger Click
|
| 5622 |
-
* @param {Event} e
|
| 5623 |
-
*/
|
| 5624 |
-
|
| 5625 |
-
}, {
|
| 5626 |
-
key: "_handleTriggerClick",
|
| 5627 |
-
value: function _handleTriggerClick(e) {
|
| 5628 |
-
var $trigger = $(e.target).closest('.sidenav-trigger');
|
| 5629 |
-
if (e.target && $trigger.length) {
|
| 5630 |
-
var sidenavId = M.getIdFromTrigger($trigger[0]);
|
| 5631 |
-
|
| 5632 |
-
var sidenavInstance = document.getElementById(sidenavId).M_Sidenav;
|
| 5633 |
-
if (sidenavInstance) {
|
| 5634 |
-
sidenavInstance.open($trigger);
|
| 5635 |
-
}
|
| 5636 |
-
e.preventDefault();
|
| 5637 |
-
}
|
| 5638 |
-
}
|
| 5639 |
-
|
| 5640 |
-
/**
|
| 5641 |
-
* Set variables needed at the beggining of drag
|
| 5642 |
-
* and stop any current transition.
|
| 5643 |
-
* @param {Event} e
|
| 5644 |
-
*/
|
| 5645 |
-
|
| 5646 |
-
}, {
|
| 5647 |
-
key: "_startDrag",
|
| 5648 |
-
value: function _startDrag(e) {
|
| 5649 |
-
var clientX = e.targetTouches[0].clientX;
|
| 5650 |
-
this.isDragged = true;
|
| 5651 |
-
this._startingXpos = clientX;
|
| 5652 |
-
this._xPos = this._startingXpos;
|
| 5653 |
-
this._time = Date.now();
|
| 5654 |
-
this._width = this.el.getBoundingClientRect().width;
|
| 5655 |
-
this._overlay.style.display = 'block';
|
| 5656 |
-
this._initialScrollTop = this.isOpen ? this.el.scrollTop : M.getDocumentScrollTop();
|
| 5657 |
-
this._verticallyScrolling = false;
|
| 5658 |
-
anim.remove(this.el);
|
| 5659 |
-
anim.remove(this._overlay);
|
| 5660 |
-
}
|
| 5661 |
-
|
| 5662 |
-
/**
|
| 5663 |
-
* Set variables needed at each drag move update tick
|
| 5664 |
-
* @param {Event} e
|
| 5665 |
-
*/
|
| 5666 |
-
|
| 5667 |
-
}, {
|
| 5668 |
-
key: "_dragMoveUpdate",
|
| 5669 |
-
value: function _dragMoveUpdate(e) {
|
| 5670 |
-
var clientX = e.targetTouches[0].clientX;
|
| 5671 |
-
var currentScrollTop = this.isOpen ? this.el.scrollTop : M.getDocumentScrollTop();
|
| 5672 |
-
this.deltaX = Math.abs(this._xPos - clientX);
|
| 5673 |
-
this._xPos = clientX;
|
| 5674 |
-
this.velocityX = this.deltaX / (Date.now() - this._time);
|
| 5675 |
-
this._time = Date.now();
|
| 5676 |
-
if (this._initialScrollTop !== currentScrollTop) {
|
| 5677 |
-
this._verticallyScrolling = true;
|
| 5678 |
-
}
|
| 5679 |
-
}
|
| 5680 |
-
|
| 5681 |
-
/**
|
| 5682 |
-
* Handles Dragging of Sidenav
|
| 5683 |
-
* @param {Event} e
|
| 5684 |
-
*/
|
| 5685 |
-
|
| 5686 |
-
}, {
|
| 5687 |
-
key: "_handleDragTargetDrag",
|
| 5688 |
-
value: function _handleDragTargetDrag(e) {
|
| 5689 |
-
// Check if draggable
|
| 5690 |
-
if (!this.options.draggable || this._isCurrentlyFixed() || this._verticallyScrolling) {
|
| 5691 |
-
return;
|
| 5692 |
-
}
|
| 5693 |
-
|
| 5694 |
-
// If not being dragged, set initial drag start variables
|
| 5695 |
-
if (!this.isDragged) {
|
| 5696 |
-
this._startDrag(e);
|
| 5697 |
-
}
|
| 5698 |
-
|
| 5699 |
-
// Run touchmove updates
|
| 5700 |
-
this._dragMoveUpdate(e);
|
| 5701 |
-
|
| 5702 |
-
// Calculate raw deltaX
|
| 5703 |
-
var totalDeltaX = this._xPos - this._startingXpos;
|
| 5704 |
-
|
| 5705 |
-
// dragDirection is the attempted user drag direction
|
| 5706 |
-
var dragDirection = totalDeltaX > 0 ? 'right' : 'left';
|
| 5707 |
-
|
| 5708 |
-
// Don't allow totalDeltaX to exceed Sidenav width or be dragged in the opposite direction
|
| 5709 |
-
totalDeltaX = Math.min(this._width, Math.abs(totalDeltaX));
|
| 5710 |
-
if (this.options.edge === dragDirection) {
|
| 5711 |
-
totalDeltaX = 0;
|
| 5712 |
-
}
|
| 5713 |
-
|
| 5714 |
-
/**
|
| 5715 |
-
* transformX is the drag displacement
|
| 5716 |
-
* transformPrefix is the initial transform placement
|
| 5717 |
-
* Invert values if Sidenav is right edge
|
| 5718 |
-
*/
|
| 5719 |
-
var transformX = totalDeltaX;
|
| 5720 |
-
var transformPrefix = 'translateX(-100%)';
|
| 5721 |
-
if (this.options.edge === 'right') {
|
| 5722 |
-
transformPrefix = 'translateX(100%)';
|
| 5723 |
-
transformX = -transformX;
|
| 5724 |
-
}
|
| 5725 |
-
|
| 5726 |
-
// Calculate open/close percentage of sidenav, with open = 1 and close = 0
|
| 5727 |
-
this.percentOpen = Math.min(1, totalDeltaX / this._width);
|
| 5728 |
-
|
| 5729 |
-
// Set transform and opacity styles
|
| 5730 |
-
this.el.style.transform = transformPrefix + " translateX(" + transformX + "px)";
|
| 5731 |
-
this._overlay.style.opacity = this.percentOpen;
|
| 5732 |
-
}
|
| 5733 |
-
|
| 5734 |
-
/**
|
| 5735 |
-
* Handle Drag Target Release
|
| 5736 |
-
*/
|
| 5737 |
-
|
| 5738 |
-
}, {
|
| 5739 |
-
key: "_handleDragTargetRelease",
|
| 5740 |
-
value: function _handleDragTargetRelease() {
|
| 5741 |
-
if (this.isDragged) {
|
| 5742 |
-
if (this.percentOpen > 0.2) {
|
| 5743 |
-
this.open();
|
| 5744 |
-
} else {
|
| 5745 |
-
this._animateOut();
|
| 5746 |
-
}
|
| 5747 |
-
|
| 5748 |
-
this.isDragged = false;
|
| 5749 |
-
this._verticallyScrolling = false;
|
| 5750 |
-
}
|
| 5751 |
-
}
|
| 5752 |
-
|
| 5753 |
-
/**
|
| 5754 |
-
* Handle Close Drag
|
| 5755 |
-
* @param {Event} e
|
| 5756 |
-
*/
|
| 5757 |
-
|
| 5758 |
-
}, {
|
| 5759 |
-
key: "_handleCloseDrag",
|
| 5760 |
-
value: function _handleCloseDrag(e) {
|
| 5761 |
-
if (this.isOpen) {
|
| 5762 |
-
// Check if draggable
|
| 5763 |
-
if (!this.options.draggable || this._isCurrentlyFixed() || this._verticallyScrolling) {
|
| 5764 |
-
return;
|
| 5765 |
-
}
|
| 5766 |
-
|
| 5767 |
-
// If not being dragged, set initial drag start variables
|
| 5768 |
-
if (!this.isDragged) {
|
| 5769 |
-
this._startDrag(e);
|
| 5770 |
-
}
|
| 5771 |
-
|
| 5772 |
-
// Run touchmove updates
|
| 5773 |
-
this._dragMoveUpdate(e);
|
| 5774 |
-
|
| 5775 |
-
// Calculate raw deltaX
|
| 5776 |
-
var totalDeltaX = this._xPos - this._startingXpos;
|
| 5777 |
-
|
| 5778 |
-
// dragDirection is the attempted user drag direction
|
| 5779 |
-
var dragDirection = totalDeltaX > 0 ? 'right' : 'left';
|
| 5780 |
-
|
| 5781 |
-
// Don't allow totalDeltaX to exceed Sidenav width or be dragged in the opposite direction
|
| 5782 |
-
totalDeltaX = Math.min(this._width, Math.abs(totalDeltaX));
|
| 5783 |
-
if (this.options.edge !== dragDirection) {
|
| 5784 |
-
totalDeltaX = 0;
|
| 5785 |
-
}
|
| 5786 |
-
|
| 5787 |
-
var transformX = -totalDeltaX;
|
| 5788 |
-
if (this.options.edge === 'right') {
|
| 5789 |
-
transformX = -transformX;
|
| 5790 |
-
}
|
| 5791 |
-
|
| 5792 |
-
// Calculate open/close percentage of sidenav, with open = 1 and close = 0
|
| 5793 |
-
this.percentOpen = Math.min(1, 1 - totalDeltaX / this._width);
|
| 5794 |
-
|
| 5795 |
-
// Set transform and opacity styles
|
| 5796 |
-
this.el.style.transform = "translateX(" + transformX + "px)";
|
| 5797 |
-
this._overlay.style.opacity = this.percentOpen;
|
| 5798 |
-
}
|
| 5799 |
-
}
|
| 5800 |
-
|
| 5801 |
-
/**
|
| 5802 |
-
* Handle Close Release
|
| 5803 |
-
*/
|
| 5804 |
-
|
| 5805 |
-
}, {
|
| 5806 |
-
key: "_handleCloseRelease",
|
| 5807 |
-
value: function _handleCloseRelease() {
|
| 5808 |
-
if (this.isOpen && this.isDragged) {
|
| 5809 |
-
if (this.percentOpen > 0.8) {
|
| 5810 |
-
this._animateIn();
|
| 5811 |
-
} else {
|
| 5812 |
-
this.close();
|
| 5813 |
-
}
|
| 5814 |
-
|
| 5815 |
-
this.isDragged = false;
|
| 5816 |
-
this._verticallyScrolling = false;
|
| 5817 |
-
}
|
| 5818 |
-
}
|
| 5819 |
-
|
| 5820 |
-
/**
|
| 5821 |
-
* Handles closing of Sidenav when element with class .sidenav-close
|
| 5822 |
-
*/
|
| 5823 |
-
|
| 5824 |
-
}, {
|
| 5825 |
-
key: "_handleCloseTriggerClick",
|
| 5826 |
-
value: function _handleCloseTriggerClick(e) {
|
| 5827 |
-
var $closeTrigger = $(e.target).closest('.sidenav-close');
|
| 5828 |
-
if ($closeTrigger.length && !this._isCurrentlyFixed()) {
|
| 5829 |
-
this.close();
|
| 5830 |
-
}
|
| 5831 |
-
}
|
| 5832 |
-
|
| 5833 |
-
/**
|
| 5834 |
-
* Handle Window Resize
|
| 5835 |
-
*/
|
| 5836 |
-
|
| 5837 |
-
}, {
|
| 5838 |
-
key: "_handleWindowResize",
|
| 5839 |
-
value: function _handleWindowResize() {
|
| 5840 |
-
// Only handle horizontal resizes
|
| 5841 |
-
if (this.lastWindowWidth !== window.innerWidth) {
|
| 5842 |
-
if (window.innerWidth > 992) {
|
| 5843 |
-
this.open();
|
| 5844 |
-
} else {
|
| 5845 |
-
this.close();
|
| 5846 |
-
}
|
| 5847 |
-
}
|
| 5848 |
-
|
| 5849 |
-
this.lastWindowWidth = window.innerWidth;
|
| 5850 |
-
this.lastWindowHeight = window.innerHeight;
|
| 5851 |
-
}
|
| 5852 |
-
}, {
|
| 5853 |
-
key: "_setupClasses",
|
| 5854 |
-
value: function _setupClasses() {
|
| 5855 |
-
if (this.options.edge === 'right') {
|
| 5856 |
-
this.el.classList.add('right-aligned');
|
| 5857 |
-
this.dragTarget.classList.add('right-aligned');
|
| 5858 |
-
}
|
| 5859 |
-
}
|
| 5860 |
-
}, {
|
| 5861 |
-
key: "_removeClasses",
|
| 5862 |
-
value: function _removeClasses() {
|
| 5863 |
-
this.el.classList.remove('right-aligned');
|
| 5864 |
-
this.dragTarget.classList.remove('right-aligned');
|
| 5865 |
-
}
|
| 5866 |
-
}, {
|
| 5867 |
-
key: "_setupFixed",
|
| 5868 |
-
value: function _setupFixed() {
|
| 5869 |
-
if (this._isCurrentlyFixed()) {
|
| 5870 |
-
this.open();
|
| 5871 |
-
}
|
| 5872 |
-
}
|
| 5873 |
-
}, {
|
| 5874 |
-
key: "_isCurrentlyFixed",
|
| 5875 |
-
value: function _isCurrentlyFixed() {
|
| 5876 |
-
return this.isFixed && window.innerWidth > 992;
|
| 5877 |
-
}
|
| 5878 |
-
}, {
|
| 5879 |
-
key: "_createDragTarget",
|
| 5880 |
-
value: function _createDragTarget() {
|
| 5881 |
-
var dragTarget = document.createElement('div');
|
| 5882 |
-
dragTarget.classList.add('drag-target');
|
| 5883 |
-
document.body.appendChild(dragTarget);
|
| 5884 |
-
this.dragTarget = dragTarget;
|
| 5885 |
-
}
|
| 5886 |
-
}, {
|
| 5887 |
-
key: "_preventBodyScrolling",
|
| 5888 |
-
value: function _preventBodyScrolling() {
|
| 5889 |
-
var body = document.body;
|
| 5890 |
-
body.style.overflow = 'hidden';
|
| 5891 |
-
}
|
| 5892 |
-
}, {
|
| 5893 |
-
key: "_enableBodyScrolling",
|
| 5894 |
-
value: function _enableBodyScrolling() {
|
| 5895 |
-
var body = document.body;
|
| 5896 |
-
body.style.overflow = '';
|
| 5897 |
-
}
|
| 5898 |
-
}, {
|
| 5899 |
-
key: "open",
|
| 5900 |
-
value: function open() {
|
| 5901 |
-
if (this.isOpen === true) {
|
| 5902 |
-
return;
|
| 5903 |
-
}
|
| 5904 |
-
|
| 5905 |
-
this.isOpen = true;
|
| 5906 |
-
|
| 5907 |
-
// Run onOpenStart callback
|
| 5908 |
-
if (typeof this.options.onOpenStart === 'function') {
|
| 5909 |
-
this.options.onOpenStart.call(this, this.el);
|
| 5910 |
-
}
|
| 5911 |
-
|
| 5912 |
-
// Handle fixed Sidenav
|
| 5913 |
-
if (this._isCurrentlyFixed()) {
|
| 5914 |
-
anim.remove(this.el);
|
| 5915 |
-
anim({
|
| 5916 |
-
targets: this.el,
|
| 5917 |
-
translateX: 0,
|
| 5918 |
-
duration: 0,
|
| 5919 |
-
easing: 'easeOutQuad'
|
| 5920 |
-
});
|
| 5921 |
-
this._enableBodyScrolling();
|
| 5922 |
-
this._overlay.style.display = 'none';
|
| 5923 |
-
|
| 5924 |
-
// Handle non-fixed Sidenav
|
| 5925 |
-
} else {
|
| 5926 |
-
if (this.options.preventScrolling) {
|
| 5927 |
-
this._preventBodyScrolling();
|
| 5928 |
-
}
|
| 5929 |
-
|
| 5930 |
-
if (!this.isDragged || this.percentOpen != 1) {
|
| 5931 |
-
this._animateIn();
|
| 5932 |
-
}
|
| 5933 |
-
}
|
| 5934 |
-
}
|
| 5935 |
-
}, {
|
| 5936 |
-
key: "close",
|
| 5937 |
-
value: function close() {
|
| 5938 |
-
if (this.isOpen === false) {
|
| 5939 |
-
return;
|
| 5940 |
-
}
|
| 5941 |
-
|
| 5942 |
-
this.isOpen = false;
|
| 5943 |
-
|
| 5944 |
-
// Run onCloseStart callback
|
| 5945 |
-
if (typeof this.options.onCloseStart === 'function') {
|
| 5946 |
-
this.options.onCloseStart.call(this, this.el);
|
| 5947 |
-
}
|
| 5948 |
-
|
| 5949 |
-
// Handle fixed Sidenav
|
| 5950 |
-
if (this._isCurrentlyFixed()) {
|
| 5951 |
-
var transformX = this.options.edge === 'left' ? '-105%' : '105%';
|
| 5952 |
-
this.el.style.transform = "translateX(" + transformX + ")";
|
| 5953 |
-
|
| 5954 |
-
// Handle non-fixed Sidenav
|
| 5955 |
-
} else {
|
| 5956 |
-
this._enableBodyScrolling();
|
| 5957 |
-
|
| 5958 |
-
if (!this.isDragged || this.percentOpen != 0) {
|
| 5959 |
-
this._animateOut();
|
| 5960 |
-
} else {
|
| 5961 |
-
this._overlay.style.display = 'none';
|
| 5962 |
-
}
|
| 5963 |
-
}
|
| 5964 |
-
}
|
| 5965 |
-
}, {
|
| 5966 |
-
key: "_animateIn",
|
| 5967 |
-
value: function _animateIn() {
|
| 5968 |
-
this._animateSidenavIn();
|
| 5969 |
-
this._animateOverlayIn();
|
| 5970 |
-
}
|
| 5971 |
-
}, {
|
| 5972 |
-
key: "_animateSidenavIn",
|
| 5973 |
-
value: function _animateSidenavIn() {
|
| 5974 |
-
var _this32 = this;
|
| 5975 |
-
|
| 5976 |
-
var slideOutPercent = this.options.edge === 'left' ? -1 : 1;
|
| 5977 |
-
if (this.isDragged) {
|
| 5978 |
-
slideOutPercent = this.options.edge === 'left' ? slideOutPercent + this.percentOpen : slideOutPercent - this.percentOpen;
|
| 5979 |
-
}
|
| 5980 |
-
|
| 5981 |
-
anim.remove(this.el);
|
| 5982 |
-
anim({
|
| 5983 |
-
targets: this.el,
|
| 5984 |
-
translateX: [slideOutPercent * 100 + "%", 0],
|
| 5985 |
-
duration: this.options.inDuration,
|
| 5986 |
-
easing: 'easeOutQuad',
|
| 5987 |
-
complete: function () {
|
| 5988 |
-
// Run onOpenEnd callback
|
| 5989 |
-
if (typeof _this32.options.onOpenEnd === 'function') {
|
| 5990 |
-
_this32.options.onOpenEnd.call(_this32, _this32.el);
|
| 5991 |
-
}
|
| 5992 |
-
}
|
| 5993 |
-
});
|
| 5994 |
-
}
|
| 5995 |
-
}, {
|
| 5996 |
-
key: "_animateOverlayIn",
|
| 5997 |
-
value: function _animateOverlayIn() {
|
| 5998 |
-
var start = 0;
|
| 5999 |
-
if (this.isDragged) {
|
| 6000 |
-
start = this.percentOpen;
|
| 6001 |
-
} else {
|
| 6002 |
-
$(this._overlay).css({
|
| 6003 |
-
display: 'block'
|
| 6004 |
-
});
|
| 6005 |
-
}
|
| 6006 |
-
|
| 6007 |
-
anim.remove(this._overlay);
|
| 6008 |
-
anim({
|
| 6009 |
-
targets: this._overlay,
|
| 6010 |
-
opacity: [start, 1],
|
| 6011 |
-
duration: this.options.inDuration,
|
| 6012 |
-
easing: 'easeOutQuad'
|
| 6013 |
-
});
|
| 6014 |
-
}
|
| 6015 |
-
}, {
|
| 6016 |
-
key: "_animateOut",
|
| 6017 |
-
value: function _animateOut() {
|
| 6018 |
-
this._animateSidenavOut();
|
| 6019 |
-
this._animateOverlayOut();
|
| 6020 |
-
}
|
| 6021 |
-
}, {
|
| 6022 |
-
key: "_animateSidenavOut",
|
| 6023 |
-
value: function _animateSidenavOut() {
|
| 6024 |
-
var _this33 = this;
|
| 6025 |
-
|
| 6026 |
-
var endPercent = this.options.edge === 'left' ? -1 : 1;
|
| 6027 |
-
var slideOutPercent = 0;
|
| 6028 |
-
if (this.isDragged) {
|
| 6029 |
-
slideOutPercent = this.options.edge === 'left' ? endPercent + this.percentOpen : endPercent - this.percentOpen;
|
| 6030 |
-
}
|
| 6031 |
-
|
| 6032 |
-
anim.remove(this.el);
|
| 6033 |
-
anim({
|
| 6034 |
-
targets: this.el,
|
| 6035 |
-
translateX: [slideOutPercent * 100 + "%", endPercent * 105 + "%"],
|
| 6036 |
-
duration: this.options.outDuration,
|
| 6037 |
-
easing: 'easeOutQuad',
|
| 6038 |
-
complete: function () {
|
| 6039 |
-
// Run onOpenEnd callback
|
| 6040 |
-
if (typeof _this33.options.onCloseEnd === 'function') {
|
| 6041 |
-
_this33.options.onCloseEnd.call(_this33, _this33.el);
|
| 6042 |
-
}
|
| 6043 |
-
}
|
| 6044 |
-
});
|
| 6045 |
-
}
|
| 6046 |
-
}, {
|
| 6047 |
-
key: "_animateOverlayOut",
|
| 6048 |
-
value: function _animateOverlayOut() {
|
| 6049 |
-
var _this34 = this;
|
| 6050 |
-
|
| 6051 |
-
anim.remove(this._overlay);
|
| 6052 |
-
anim({
|
| 6053 |
-
targets: this._overlay,
|
| 6054 |
-
opacity: 0,
|
| 6055 |
-
duration: this.options.outDuration,
|
| 6056 |
-
easing: 'easeOutQuad',
|
| 6057 |
-
complete: function () {
|
| 6058 |
-
$(_this34._overlay).css('display', 'none');
|
| 6059 |
-
}
|
| 6060 |
-
});
|
| 6061 |
-
}
|
| 6062 |
-
}], [{
|
| 6063 |
-
key: "init",
|
| 6064 |
-
value: function init(els, options) {
|
| 6065 |
-
return _get(Sidenav.__proto__ || Object.getPrototypeOf(Sidenav), "init", this).call(this, this, els, options);
|
| 6066 |
-
}
|
| 6067 |
-
|
| 6068 |
-
/**
|
| 6069 |
-
* Get Instance
|
| 6070 |
-
*/
|
| 6071 |
-
|
| 6072 |
-
}, {
|
| 6073 |
-
key: "getInstance",
|
| 6074 |
-
value: function getInstance(el) {
|
| 6075 |
-
var domElem = !!el.jquery ? el[0] : el;
|
| 6076 |
-
return domElem.M_Sidenav;
|
| 6077 |
-
}
|
| 6078 |
-
}, {
|
| 6079 |
-
key: "defaults",
|
| 6080 |
-
get: function () {
|
| 6081 |
-
return _defaults;
|
| 6082 |
-
}
|
| 6083 |
-
}]);
|
| 6084 |
-
|
| 6085 |
-
return Sidenav;
|
| 6086 |
-
}(Component);
|
| 6087 |
-
|
| 6088 |
-
/**
|
| 6089 |
-
* @static
|
| 6090 |
-
* @memberof Sidenav
|
| 6091 |
-
* @type {Array.<Sidenav>}
|
| 6092 |
-
*/
|
| 6093 |
-
|
| 6094 |
-
|
| 6095 |
-
Sidenav._sidenavs = [];
|
| 6096 |
-
|
| 6097 |
-
M.Sidenav = Sidenav;
|
| 6098 |
-
|
| 6099 |
-
if (M.jQueryLoaded) {
|
| 6100 |
-
M.initializeJqueryWrapper(Sidenav, 'sidenav', 'M_Sidenav');
|
| 6101 |
-
}
|
| 6102 |
-
})(cash, M.anime);
|
| 6103 |
-
;(function ($, anim) {
|
| 6104 |
-
'use strict';
|
| 6105 |
-
|
| 6106 |
-
var _defaults = {
|
| 6107 |
-
throttle: 100,
|
| 6108 |
-
scrollOffset: 200, // offset - 200 allows elements near bottom of page to scroll
|
| 6109 |
-
activeClass: 'active',
|
| 6110 |
-
getActiveElement: function (id) {
|
| 6111 |
-
return 'a[href="#' + id + '"]';
|
| 6112 |
-
}
|
| 6113 |
-
};
|
| 6114 |
-
|
| 6115 |
-
/**
|
| 6116 |
-
* @class
|
| 6117 |
-
*
|
| 6118 |
-
*/
|
| 6119 |
-
|
| 6120 |
-
var ScrollSpy = function (_Component9) {
|
| 6121 |
-
_inherits(ScrollSpy, _Component9);
|
| 6122 |
-
|
| 6123 |
-
/**
|
| 6124 |
-
* Construct ScrollSpy instance
|
| 6125 |
-
* @constructor
|
| 6126 |
-
* @param {Element} el
|
| 6127 |
-
* @param {Object} options
|
| 6128 |
-
*/
|
| 6129 |
-
function ScrollSpy(el, options) {
|
| 6130 |
-
_classCallCheck(this, ScrollSpy);
|
| 6131 |
-
|
| 6132 |
-
var _this35 = _possibleConstructorReturn(this, (ScrollSpy.__proto__ || Object.getPrototypeOf(ScrollSpy)).call(this, ScrollSpy, el, options));
|
| 6133 |
-
|
| 6134 |
-
_this35.el.M_ScrollSpy = _this35;
|
| 6135 |
-
|
| 6136 |
-
/**
|
| 6137 |
-
* Options for the modal
|
| 6138 |
-
* @member Modal#options
|
| 6139 |
-
* @prop {Number} [throttle=100] - Throttle of scroll handler
|
| 6140 |
-
* @prop {Number} [scrollOffset=200] - Offset for centering element when scrolled to
|
| 6141 |
-
* @prop {String} [activeClass='active'] - Class applied to active elements
|
| 6142 |
-
* @prop {Function} [getActiveElement] - Used to find active element
|
| 6143 |
-
*/
|
| 6144 |
-
_this35.options = $.extend({}, ScrollSpy.defaults, options);
|
| 6145 |
-
|
| 6146 |
-
// setup
|
| 6147 |
-
ScrollSpy._elements.push(_this35);
|
| 6148 |
-
ScrollSpy._count++;
|
| 6149 |
-
ScrollSpy._increment++;
|
| 6150 |
-
_this35.tickId = -1;
|
| 6151 |
-
_this35.id = ScrollSpy._increment;
|
| 6152 |
-
_this35._setupEventHandlers();
|
| 6153 |
-
_this35._handleWindowScroll();
|
| 6154 |
-
return _this35;
|
| 6155 |
-
}
|
| 6156 |
-
|
| 6157 |
-
_createClass(ScrollSpy, [{
|
| 6158 |
-
key: "destroy",
|
| 6159 |
-
|
| 6160 |
-
|
| 6161 |
-
/**
|
| 6162 |
-
* Teardown component
|
| 6163 |
-
*/
|
| 6164 |
-
value: function destroy() {
|
| 6165 |
-
ScrollSpy._elements.splice(ScrollSpy._elements.indexOf(this), 1);
|
| 6166 |
-
ScrollSpy._elementsInView.splice(ScrollSpy._elementsInView.indexOf(this), 1);
|
| 6167 |
-
ScrollSpy._visibleElements.splice(ScrollSpy._visibleElements.indexOf(this.$el), 1);
|
| 6168 |
-
ScrollSpy._count--;
|
| 6169 |
-
this._removeEventHandlers();
|
| 6170 |
-
$(this.options.getActiveElement(this.$el.attr('id'))).removeClass(this.options.activeClass);
|
| 6171 |
-
this.el.M_ScrollSpy = undefined;
|
| 6172 |
-
}
|
| 6173 |
-
|
| 6174 |
-
/**
|
| 6175 |
-
* Setup Event Handlers
|
| 6176 |
-
*/
|
| 6177 |
-
|
| 6178 |
-
}, {
|
| 6179 |
-
key: "_setupEventHandlers",
|
| 6180 |
-
value: function _setupEventHandlers() {
|
| 6181 |
-
var throttledResize = M.throttle(this._handleWindowScroll, 200);
|
| 6182 |
-
this._handleThrottledResizeBound = throttledResize.bind(this);
|
| 6183 |
-
this._handleWindowScrollBound = this._handleWindowScroll.bind(this);
|
| 6184 |
-
if (ScrollSpy._count === 1) {
|
| 6185 |
-
window.addEventListener('scroll', this._handleWindowScrollBound);
|
| 6186 |
-
window.addEventListener('resize', this._handleThrottledResizeBound);
|
| 6187 |
-
document.body.addEventListener('click', this._handleTriggerClick);
|
| 6188 |
-
}
|
| 6189 |
-
}
|
| 6190 |
-
|
| 6191 |
-
/**
|
| 6192 |
-
* Remove Event Handlers
|
| 6193 |
-
*/
|
| 6194 |
-
|
| 6195 |
-
}, {
|
| 6196 |
-
key: "_removeEventHandlers",
|
| 6197 |
-
value: function _removeEventHandlers() {
|
| 6198 |
-
if (ScrollSpy._count === 0) {
|
| 6199 |
-
window.removeEventListener('scroll', this._handleWindowScrollBound);
|
| 6200 |
-
window.removeEventListener('resize', this._handleThrottledResizeBound);
|
| 6201 |
-
document.body.removeEventListener('click', this._handleTriggerClick);
|
| 6202 |
-
}
|
| 6203 |
-
}
|
| 6204 |
-
|
| 6205 |
-
/**
|
| 6206 |
-
* Handle Trigger Click
|
| 6207 |
-
* @param {Event} e
|
| 6208 |
-
*/
|
| 6209 |
-
|
| 6210 |
-
}, {
|
| 6211 |
-
key: "_handleTriggerClick",
|
| 6212 |
-
value: function _handleTriggerClick(e) {
|
| 6213 |
-
var $trigger = $(e.target);
|
| 6214 |
-
for (var i = ScrollSpy._elements.length - 1; i >= 0; i--) {
|
| 6215 |
-
var scrollspy = ScrollSpy._elements[i];
|
| 6216 |
-
if ($trigger.is('a[href="#' + scrollspy.$el.attr('id') + '"]')) {
|
| 6217 |
-
e.preventDefault();
|
| 6218 |
-
var offset = scrollspy.$el.offset().top + 1;
|
| 6219 |
-
|
| 6220 |
-
anim({
|
| 6221 |
-
targets: [document.documentElement, document.body],
|
| 6222 |
-
scrollTop: offset - scrollspy.options.scrollOffset,
|
| 6223 |
-
duration: 400,
|
| 6224 |
-
easing: 'easeOutCubic'
|
| 6225 |
-
});
|
| 6226 |
-
break;
|
| 6227 |
-
}
|
| 6228 |
-
}
|
| 6229 |
-
}
|
| 6230 |
-
|
| 6231 |
-
/**
|
| 6232 |
-
* Handle Window Scroll
|
| 6233 |
-
*/
|
| 6234 |
-
|
| 6235 |
-
}, {
|
| 6236 |
-
key: "_handleWindowScroll",
|
| 6237 |
-
value: function _handleWindowScroll() {
|
| 6238 |
-
// unique tick id
|
| 6239 |
-
ScrollSpy._ticks++;
|
| 6240 |
-
|
| 6241 |
-
// viewport rectangle
|
| 6242 |
-
var top = M.getDocumentScrollTop(),
|
| 6243 |
-
left = M.getDocumentScrollLeft(),
|
| 6244 |
-
right = left + window.innerWidth,
|
| 6245 |
-
bottom = top + window.innerHeight;
|
| 6246 |
-
|
| 6247 |
-
// determine which elements are in view
|
| 6248 |
-
var intersections = ScrollSpy._findElements(top, right, bottom, left);
|
| 6249 |
-
for (var i = 0; i < intersections.length; i++) {
|
| 6250 |
-
var scrollspy = intersections[i];
|
| 6251 |
-
var lastTick = scrollspy.tickId;
|
| 6252 |
-
if (lastTick < 0) {
|
| 6253 |
-
// entered into view
|
| 6254 |
-
scrollspy._enter();
|
| 6255 |
-
}
|
| 6256 |
-
|
| 6257 |
-
// update tick id
|
| 6258 |
-
scrollspy.tickId = ScrollSpy._ticks;
|
| 6259 |
-
}
|
| 6260 |
-
|
| 6261 |
-
for (var _i = 0; _i < ScrollSpy._elementsInView.length; _i++) {
|
| 6262 |
-
var _scrollspy = ScrollSpy._elementsInView[_i];
|
| 6263 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
