Version Description
- Important: Minimum supported WordPress version has been raised from 3.0 to 4.1.
- New: Our biggest update ever! We've completely redesigned the plugin settings from head to toe to make it easier to create, manage, and customize your Facebook feeds.
- New: All your feeds are now displayed in one place on the "All Feeds" page. This shows a list of any existing (legacy) feeds and any new ones that you create. Note: If you updated from a version prior to v2.19 then you may need to view your feeds on your webpage so that the plugin can locate them and list them here.
- New: Easily edit individual feed settings for new feeds instead of cumbersome shortcode options.
- New: It's now much easier to create feeds. Just click "Add New", select your feed type, connect your account, and you're done!
- New: Brand new feed customizer. We've completely redesigned feed customization from the ground up, reorganizing the settings to make them easier to find.
- New: Live Feed Preview. You can now see changes you make to your feeds in real time, right in the settings page. Easily preview them on desktop, tablet, and mobile sizes.
- New: Elementor and WordPress widgets. We've added new Elementor and WordPress widgets to make it easier to embed your feeds.
- New: Color Scheme option. It's now easier than ever to change colors across your feed without needing to adjust individual color settings. Just set a color scheme to effortlessly change colors across your entire feed.
- New: You can now change the number of columns in your feed across desktop, tablet, and mobile.
- New: Easily import and export feed settings to make it simple to move feeds across sites.
Download this release
Release Info
Developer | smashballoon |
Plugin | Custom Facebook Feed |
Version | 4.0 |
Comparing to | |
See all releases |
Code changes from version 2.19.3 to 4.0
- README.txt +25 -13
- admin/addon-functions.php +32 -0
- admin/admin-functions.php +4 -61
- admin/assets/css/about.css +765 -0
- admin/assets/css/admin-notifications.css +140 -61
- admin/assets/css/cff-admin-style.css +566 -56
- admin/assets/css/extensions.css +727 -0
- admin/assets/css/oembeds.css +791 -0
- admin/assets/css/settings.css +1886 -0
- admin/assets/css/support.css +1015 -0
- admin/assets/img/about/api-error.png +0 -0
- admin/assets/img/about/plugin-fb.png +0 -0
- admin/assets/img/about/plugin-if.png +0 -0
- admin/assets/img/about/plugin-mi.png +0 -0
- admin/assets/img/about/plugin-om.png +0 -0
- admin/assets/img/about/plugin-rp.png +0 -0
- admin/assets/img/about/plugin-seo.png +0 -0
- admin/assets/img/about/plugin-smtp.png +0 -0
- admin/assets/img/about/plugin-tw.jpg +0 -0
- admin/assets/img/about/plugin-wpforms.png +0 -0
- admin/assets/img/about/plugin-yt.png +0 -0
- admin/assets/img/about/steps.png +0 -0
- admin/assets/img/about/team.jpg +0 -0
- admin/assets/img/balloon-120.png +0 -0
- admin/assets/img/balloon.png +0 -0
- admin/assets/img/book-icon.png +0 -0
- admin/assets/img/cff-icon.png +0 -0
- admin/assets/img/cff-oembed.png +0 -0
- admin/assets/img/cff-sprite.png +0 -0
- admin/assets/img/fb-icon.png +0 -0
- admin/assets/img/fb-icon.svg +16 -0
- admin/assets/img/feed-types.svg +15 -0
- admin/assets/img/group-app.png +0 -0
- admin/assets/img/insta-icon.svg +23 -0
- admin/assets/img/instagram-color-icon.svg +17 -0
- admin/assets/img/layout-full.png +0 -0
- admin/assets/img/layout-half.png +0 -0
- admin/assets/img/layout-thumb.png +0 -0
- admin/assets/img/oembeds-image-1@2x.png +0 -0
- admin/assets/img/oembeds-image-2@2x.png +0 -0
- admin/assets/img/oembeds-image-3@2x.png +0 -0
- admin/assets/img/oembeds-image-4@2x.png +0 -0
- admin/assets/img/pro.png +0 -0
- admin/assets/img/rocket-icon.png +0 -0
- admin/assets/img/save-plus-icon.png +0 -0
- admin/assets/img/social-wall-graphic.png +0 -0
- admin/assets/img/social-wall-graphic2.png +0 -0
- admin/assets/img/support-members.png +0 -0
- admin/assets/img/sw-screenshot.png +0 -0
- admin/assets/img/team-avatar.png +0 -0
- admin/assets/img/twitter-icon.svg +16 -0
- admin/assets/img/youtube-icon.svg +16 -0
- admin/assets/js/about.js +146 -0
- admin/assets/js/cff-admin-scripts.js +132 -13
- admin/assets/js/extensions.js +139 -0
- admin/assets/js/oembeds.js +175 -0
- admin/assets/js/settings.js +900 -0
- admin/assets/js/support.js +122 -0
- admin/builder/assets/css/builder.css +4250 -0
- admin/builder/assets/css/global.css +2990 -0
- admin/builder/assets/css/preview.css +1452 -0
- admin/builder/assets/css/tooltipster.css +489 -0
- admin/builder/assets/img/albums.png +0 -0
- admin/builder/assets/img/combine-source.svg +65 -0
- admin/builder/assets/img/dummy-author.png +0 -0
- admin/builder/assets/img/dummy-lightbox.jpeg +0 -0
- admin/builder/assets/img/events.png +0 -0
- admin/builder/assets/img/ext-featuredpost.png +0 -0
- admin/builder/assets/img/ext-reviews.png +0 -0
- admin/builder/assets/img/ext-singlealbum.png +0 -0
- admin/builder/assets/img/ext-socialwall.png +0 -0
- admin/builder/assets/img/featuredpost.png +0 -0
- admin/builder/assets/img/footer-social.png +0 -0
- admin/builder/assets/img/logo.png +0 -0
- admin/builder/assets/img/more-feeds.png +0 -0
- admin/builder/assets/img/photos.png +0 -0
- admin/builder/assets/img/process-error-fetch.png +0 -0
- admin/builder/assets/img/process-featured-post.png +0 -0
- admin/builder/assets/img/process-single-album.png +0 -0
- admin/builder/assets/img/reviews.png +0 -0
- admin/builder/assets/img/singlealbum.png +0 -0
- admin/builder/assets/img/socialwall.png +0 -0
- admin/builder/assets/img/timeline.png +0 -0
- admin/builder/assets/img/videos.png +0 -0
- admin/builder/assets/img/welcome-1.png +0 -0
- admin/builder/assets/img/welcome-2.png +0 -0
- admin/builder/assets/js/add-source.js +289 -0
- admin/builder/assets/js/builder.js +3037 -0
- admin/builder/assets/js/confirm-dialog.js +56 -0
- admin/builder/assets/js/date_i18n.js +1 -0
- admin/builder/assets/js/install-plugin-popup.js +51 -0
- admin/builder/assets/js/jquery.tooltipster.min.js +2 -0
- admin/builder/assets/js/oembed.js +0 -0
- admin/builder/assets/js/owl.autoheight.js +1 -0
- admin/builder/assets/js/ressources.js +9 -0
- admin/builder/assets/js/tooltip-wizard.js +96 -0
- admin/builder/assets/js/vue-color.min.js +1 -0
- admin/builder/templates/builder.php +16 -0
- admin/builder/templates/form-data-examples.html +149 -0
- admin/builder/templates/oembed-examples.html +48 -0
- admin/builder/templates/oembed.php +1 -0
- admin/builder/templates/preview/error.php +9 -0
- admin/builder/templates/preview/header.php +33 -0
- admin/builder/templates/preview/light-box.php +71 -0
- admin/builder/templates/preview/like-box.php +3 -0
- admin/builder/templates/preview/load-more.php +3 -0
- admin/builder/templates/preview/post-types/albums.php +27 -0
- admin/builder/templates/preview/post-types/events.php +3 -0
- admin/builder/templates/preview/post-types/photos.php +7 -0
- admin/builder/templates/preview/post-types/reviews.php +4 -0
- admin/builder/templates/preview/post-types/single-holder.php +7 -0
- admin/builder/templates/preview/post-types/videos.php +24 -0
- admin/builder/templates/preview/preview-components.php +297 -0
- admin/builder/templates/preview/theme-styles.php +12 -0
- admin/builder/templates/preview/timeline.php +5 -0
- admin/builder/templates/screens/customizer.php +8 -0
- admin/builder/templates/screens/select-feed.php +35 -0
- admin/builder/templates/screens/welcome.php +32 -0
- admin/builder/templates/sections/create-feed/featured-post.php +32 -0
- admin/builder/templates/sections/create-feed/single-album.php +33 -0
- admin/builder/templates/sections/create-feed/videos.php +30 -0
- admin/builder/templates/sections/customizer/preview.php +51 -0
- admin/builder/templates/sections/customizer/sidebar.php +78 -0
- admin/builder/templates/sections/customizer/sidebar_sample.html +109 -0
- admin/builder/templates/sections/empty-state.php +50 -0
- admin/builder/templates/sections/feeds-list.php +8 -0
- admin/builder/templates/sections/feeds-type.php +37 -0
- admin/builder/templates/sections/feeds/feeds.php +104 -0
- admin/builder/templates/sections/feeds/instances.php +68 -0
- admin/builder/templates/sections/feeds/legacy-feeds.php +138 -0
- admin/builder/templates/sections/footer.php +123 -0
- admin/builder/templates/sections/header.php +77 -0
- admin/builder/templates/sections/popup/add-source-popup-old.php +328 -0
- admin/builder/templates/sections/popup/add-source-popup.php +342 -0
- admin/builder/templates/sections/popup/confirm-dialog-popup.php +32 -0
- admin/builder/templates/sections/popup/embed-popup.php +78 -0
- admin/builder/templates/sections/popup/extensions-popup.php +42 -0
- admin/builder/templates/sections/popup/feedtypes-popup.php +42 -0
- admin/builder/templates/sections/popup/install-plugin-popup.php +40 -0
- admin/builder/templates/sections/popup/onboarding-customizer-popup.php +44 -0
- admin/builder/templates/sections/popup/onboarding-popup.php +44 -0
- admin/builder/templates/sections/popup/source-instances.php +70 -0
- admin/builder/templates/sections/select-source.php +154 -0
README.txt
CHANGED
@@ -1,10 +1,10 @@
|
|
1 |
Â
=== Smash Balloon Social Post Feed ===
|
2 |
Â
Contributors: smashballoon
|
3 |
Â
Tags: Facebook, Facebook feed, Facebook posts, Facebook group, Facebook page
|
4 |
-
Requires at least:
|
5 |
Â
Requires PHP: 5.6
|
6 |
Â
Tested up to: 5.8
|
7 |
-
Stable tag:
|
8 |
Â
License: GPLv2 or later
|
9 |
Â
License URI: http://www.gnu.org/licenses/gpl-2.0.html
|
10 |
Â
|
@@ -31,7 +31,7 @@ One of our main priorities has always been to make our Facebook plugin as easy a
|
|
31 |
Â
Use the plugin to display Facebook feeds from a Facebook page or Facebook group that you are an admin of.
|
32 |
Â
|
33 |
Â
**Completely Customizable**
|
34 |
-
By default the Facebook feed will adopt the styles of your WordPress theme, but your feeds can be completely customized to look however you like - with tons of options to customize every part of your Facebook posts and feed.
|
35 |
Â
|
36 |
Â
**SEO Friendly**
|
37 |
Â
The Facebook feed content is crawlable by search engines adding SEO value to your site, while other Facebook plugins embed the feed using iframes which are not crawlable.
|
@@ -58,8 +58,8 @@ Show and hide certain parts of each Facebook post, choose whose posts to show in
|
|
58 |
Â
|
59 |
Â
In order to maintain the free version of the Custom Facebook Feed plugin on an ongoing basis, and to provide quick and effective support for free, we offer a Pro version of the plugin. Custom Facebook Feed Pro allows you to display photos, videos, the number of likes, shares, reactions and comments for each Facebook post, choose from multiple layout options, filter Facebook posts by type or #hashtag/string, load more Facebook posts into your feed, and more. [Click here](https://smashballoon.com/differences-between-the-free-version-and-pro-version-of-the-custom-facebook-feed-plugin/ "Differences between free and Pro version of Custom Facebook Feed plugin") for a full list of all differences between the Custom Facebook Feed free and Pro versions.
|
60 |
Â
|
61 |
-
* [Find out more about Custom Facebook Feed Pro](https://smashballoon.com/custom-facebook-feed/?utm_campaign=facebook-free
|
62 |
-
* [Try out the Custom Facebook Feed Pro demo](https://
|
63 |
Â
|
64 |
Â
### Benefits of Displaying a Facebook Feed on Your Website
|
65 |
Â
|
@@ -118,7 +118,7 @@ An easy way to determine whether your Facebook page is set to public is to sign
|
|
118 |
Â
|
119 |
Â
= Can I display feeds from multiple Facebook pages? =
|
120 |
Â
|
121 |
-
|
122 |
Â
|
123 |
Â
= Can I display feeds from a Facebook Group? =
|
124 |
Â
|
@@ -253,15 +253,27 @@ The most common reason for this is that an add-on or extension you have installe
|
|
253 |
Â
|
254 |
Â
1. By default the Facebook feed inherits your theme's default styles and the Facebook feed is completely responsive
|
255 |
Â
2. Completely customize the way your Facebook feed looks to perfectly match your site
|
256 |
-
3.
|
257 |
-
4.
|
258 |
-
5.
|
259 |
-
6.
|
260 |
-
7.
|
261 |
-
8.
|
262 |
-
9. It's super easy to display your Facebook feed in any page or post
|
263 |
Â
|
264 |
Â
== Changelog ==
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
265 |
Â
= 2.19.3 =
|
266 |
Â
* Fix: Fixed an issue with a blank screen sometimes appearing when trying to connect a Facebook account
|
267 |
Â
|
1 |
Â
=== Smash Balloon Social Post Feed ===
|
2 |
Â
Contributors: smashballoon
|
3 |
Â
Tags: Facebook, Facebook feed, Facebook posts, Facebook group, Facebook page
|
4 |
+
Requires at least: 4.1
|
5 |
Â
Requires PHP: 5.6
|
6 |
Â
Tested up to: 5.8
|
7 |
+
Stable tag: 4.0
|
8 |
Â
License: GPLv2 or later
|
9 |
Â
License URI: http://www.gnu.org/licenses/gpl-2.0.html
|
10 |
Â
|
31 |
Â
Use the plugin to display Facebook feeds from a Facebook page or Facebook group that you are an admin of.
|
32 |
Â
|
33 |
Â
**Completely Customizable**
|
34 |
+
By default the Facebook feed will adopt the styles of your WordPress theme, but your feeds can be completely customized to look however you like using our visual feed customizer - with tons of options to customize every part of your Facebook posts and feed.
|
35 |
Â
|
36 |
Â
**SEO Friendly**
|
37 |
Â
The Facebook feed content is crawlable by search engines adding SEO value to your site, while other Facebook plugins embed the feed using iframes which are not crawlable.
|
58 |
Â
|
59 |
Â
In order to maintain the free version of the Custom Facebook Feed plugin on an ongoing basis, and to provide quick and effective support for free, we offer a Pro version of the plugin. Custom Facebook Feed Pro allows you to display photos, videos, the number of likes, shares, reactions and comments for each Facebook post, choose from multiple layout options, filter Facebook posts by type or #hashtag/string, load more Facebook posts into your feed, and more. [Click here](https://smashballoon.com/differences-between-the-free-version-and-pro-version-of-the-custom-facebook-feed-plugin/ "Differences between free and Pro version of Custom Facebook Feed plugin") for a full list of all differences between the Custom Facebook Feed free and Pro versions.
|
60 |
Â
|
61 |
+
* [Find out more about Custom Facebook Feed Pro](https://smashballoon.com/custom-facebook-feed/?utm_campaign=facebook-free&utm_source=readme&utm_medium=findout "Custom Facebook Feed Pro")
|
62 |
+
* [Try out the Custom Facebook Feed Pro demo](https://smashballoondemo.com/?utm_campaign=facebook-free&utm_source=readme&utm_medium=demo "Custom Facebook Feed Pro Demo").
|
63 |
Â
|
64 |
Â
### Benefits of Displaying a Facebook Feed on Your Website
|
65 |
Â
|
118 |
Â
|
119 |
Â
= Can I display feeds from multiple Facebook pages? =
|
120 |
Â
|
121 |
+
Yep! Create as many feeds as you like from different Facebook pages. Just click "Add New" to create a new feed and then embed it anywhere on your site.
|
122 |
Â
|
123 |
Â
= Can I display feeds from a Facebook Group? =
|
124 |
Â
|
253 |
Â
|
254 |
Â
1. By default the Facebook feed inherits your theme's default styles and the Facebook feed is completely responsive
|
255 |
Â
2. Completely customize the way your Facebook feed looks to perfectly match your site
|
256 |
+
3. Your Facebook feed is completely mobile optimized
|
257 |
+
4. Ridiculously quick and easy to get started
|
258 |
+
5. Customizing the Custom Facebook Feed plugin
|
259 |
+
6. Easily manage and edit all your Facebook Feeds in one place on the All Feeds page
|
260 |
+
7. Full translaction support so you can display your Facebook Feed in any language
|
261 |
+
8. It's super easy to display your Facebook feed in a page, post, or widget
|
Â
|
|
262 |
Â
|
263 |
Â
== Changelog ==
|
264 |
+
= 4.0 =
|
265 |
+
* Important: Minimum supported WordPress version has been raised from 3.0 to 4.1.
|
266 |
+
* New: Our biggest update ever! We've completely redesigned the plugin settings from head to toe to make it easier to create, manage, and customize your Facebook feeds.
|
267 |
+
* New: All your feeds are now displayed in one place on the "All Feeds" page. This shows a list of any existing (legacy) feeds and any new ones that you create. Note: If you updated from a version prior to v2.19 then you may need to view your feeds on your webpage so that the plugin can locate them and list them here.
|
268 |
+
* New: Easily edit individual feed settings for new feeds instead of cumbersome shortcode options.
|
269 |
+
* New: It's now much easier to create feeds. Just click "Add New", select your feed type, connect your account, and you're done!
|
270 |
+
* New: Brand new feed customizer. We've completely redesigned feed customization from the ground up, reorganizing the settings to make them easier to find.
|
271 |
+
* New: Live Feed Preview. You can now see changes you make to your feeds in real time, right in the settings page. Easily preview them on desktop, tablet, and mobile sizes.
|
272 |
+
* New: Elementor and WordPress widgets. We've added new Elementor and WordPress widgets to make it easier to embed your feeds.
|
273 |
+
* New: Color Scheme option. It's now easier than ever to change colors across your feed without needing to adjust individual color settings. Just set a color scheme to effortlessly change colors across your entire feed.
|
274 |
+
* New: You can now change the number of columns in your feed across desktop, tablet, and mobile.
|
275 |
+
* New: Easily import and export feed settings to make it simple to move feeds across sites.
|
276 |
+
|
277 |
Â
= 2.19.3 =
|
278 |
Â
* Fix: Fixed an issue with a blank screen sometimes appearing when trying to connect a Facebook account
|
279 |
Â
|
admin/addon-functions.php
CHANGED
@@ -176,3 +176,35 @@ function cff_install_addon() {
|
|
176 |
Â
|
177 |
Â
|
178 |
Â
add_action( 'wp_ajax_cff_install_addon', 'cff_install_addon' );
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
176 |
Â
|
177 |
Â
|
178 |
Â
add_action( 'wp_ajax_cff_install_addon', 'cff_install_addon' );
|
179 |
+
|
180 |
+
|
181 |
+
/**
|
182 |
+
* Smash Balloon Encrypt or decrypt
|
183 |
+
*
|
184 |
+
* @param string @action
|
185 |
+
* @param string @string
|
186 |
+
*
|
187 |
+
* @return string $output
|
188 |
+
*/
|
189 |
+
function sb_encrypt_decrypt( $action, $string ) {
|
190 |
+
$output = false;
|
191 |
+
|
192 |
+
$encrypt_method = "AES-256-CBC";
|
193 |
+
$secret_key = 'SMA$H.BA[[OON#23121';
|
194 |
+
$secret_iv = '1231394873342102221';
|
195 |
+
|
196 |
+
// hash
|
197 |
+
$key = hash( 'sha256', $secret_key );
|
198 |
+
|
199 |
+
// iv - encrypt method AES-256-CBC expects 16 bytes - else you will get a warning
|
200 |
+
$iv = substr( hash( 'sha256', $secret_iv ), 0, 16 );
|
201 |
+
|
202 |
+
if ( $action == 'encrypt' ) {
|
203 |
+
$output = openssl_encrypt( $string, $encrypt_method, $key, 0, $iv );
|
204 |
+
$output = base64_encode( $output );
|
205 |
+
} else if ( $action == 'decrypt' ) {
|
206 |
+
$output = openssl_decrypt( base64_decode( $string ), $encrypt_method, $key, 0, $iv );
|
207 |
+
}
|
208 |
+
|
209 |
+
return $output;
|
210 |
+
}
|
admin/admin-functions.php
CHANGED
@@ -945,7 +945,7 @@ function cff_group_cache_function(){
|
|
945 |
Â
if ( ! $lite_notice_dismissed ) :
|
946 |
Â
?>
|
947 |
Â
<div id="cff-notice-bar" style="display:none">
|
948 |
-
<span class="cff-notice-bar-message"><?php _e( 'You\'re using Custom Facebook Feed Lite. To unlock more features consider <a href="https://
|
949 |
Â
<button type="button" class="dismiss" title="<?php _e( 'Dismiss this message.', 'custom-facebook-feed'); ?>" data-page="overview">
|
950 |
Â
</button>
|
951 |
Â
</div>
|
@@ -4949,7 +4949,7 @@ function cff_oembeds_page() {
|
|
4949 |
Â
if ( $access_token_error ) { ?>
|
4950 |
Â
<p><?php _e("There was a problem with the access token that was retrieved.", "custom-facebook-feed"); ?></p>
|
4951 |
Â
|
4952 |
-
<?php }
|
4953 |
Â
$token_href = 'https://api.smashballoon.com/v2/facebook-login.php?state=' . $admin_url_state;
|
4954 |
Â
if ( class_exists( 'SB_Instagram_Oembed' ) ) {
|
4955 |
Â
$sbi_oembed_token = SB_Instagram_Oembed::last_access_token();
|
@@ -5218,7 +5218,7 @@ add_filter( "plugin_action_links_{$cff_plugin_file}", 'cff_add_settings_link', 1
|
|
5218 |
Â
//modify the link by unshifting the array
|
5219 |
Â
function cff_add_settings_link( $links, $file ) {
|
5220 |
Â
$pro_link = '<a href="https://smashballoondemo.com/?utm_campaign=facebook-free&utm_source=plugins-page&utm_medium=upgrade-link" target="_blank" style="font-weight: bold; color: #1da867;">' . __( 'Try the Pro Demo', 'custom-facebook-feed' ) . '</a>';
|
5221 |
-
$cff_settings_link = '<a href="' . admin_url( 'admin.php?page=cff-
|
5222 |
Â
array_unshift( $links, $pro_link, $cff_settings_link );
|
5223 |
Â
|
5224 |
Â
return $links;
|
@@ -5383,63 +5383,6 @@ function cff_free_add_caps() {
|
|
5383 |
Â
}
|
5384 |
Â
add_action( 'admin_init', 'cff_free_add_caps', 90 );
|
5385 |
Â
|
5386 |
-
/* Usage */
|
5387 |
-
add_action( 'admin_notices', 'cff_usage_opt_in' );
|
5388 |
-
function cff_usage_opt_in() {
|
5389 |
-
|
5390 |
-
if ( isset( $_GET['trackingdismiss'] ) ) {
|
5391 |
-
$usage_tracking = get_option( 'cff_usage_tracking', array( 'last_send' => 0, 'enabled' => false ) );
|
5392 |
-
|
5393 |
-
$usage_tracking['enabled'] = false;
|
5394 |
-
|
5395 |
-
update_option( 'cff_usage_tracking', $usage_tracking, false );
|
5396 |
-
|
5397 |
-
return;
|
5398 |
-
}
|
5399 |
-
|
5400 |
-
$cap = current_user_can( 'manage_custom_facebook_feed_options' ) ? 'manage_custom_facebook_feed_options' : 'manage_options';
|
5401 |
-
|
5402 |
-
$cap = apply_filters( 'cff_settings_pages_capability', $cap );
|
5403 |
-
if ( ! current_user_can( $cap ) ) {
|
5404 |
-
return;
|
5405 |
-
}
|
5406 |
-
$usage_tracking = get_option( 'cff_usage_tracking', false );
|
5407 |
-
if ( $usage_tracking ) {
|
5408 |
-
return;
|
5409 |
-
}
|
5410 |
-
?>
|
5411 |
-
<div class="notice notice-warning is-dismissible cff-admin-notice">
|
5412 |
-
|
5413 |
-
<p>
|
5414 |
-
<strong><?php echo __( 'Help us improve the Custom Facebook Feed plugin', 'custom-facebook-feed' ); ?></strong><br>
|
5415 |
-
<?php echo __( 'Understanding how you are using the plugin allows us to further improve it. Opt-in below to agree to send a weekly report of plugin usage data.', 'custom-facebook-feed' ); ?>
|
5416 |
-
<a target="_blank" rel="noopener noreferrer" href="https://smashballoon.com/custom-facebook-feed/docs/usage-tracking/"><?php echo __( 'More information', 'custom-facebook-feed' ); ?></a>
|
5417 |
-
</p>
|
5418 |
-
<p>
|
5419 |
-
<a href="<?php echo admin_url('admin.php?page=cff-top&trackingdismiss=1') ?>" type="submit" class="button button-primary cff-opt-in"><?php echo __( 'Yes, I\'d like to help', 'custom-facebook-feed' ); ?></a>
|
5420 |
-
<a href="<?php echo admin_url('admin.php?page=cff-top&trackingdismiss=1') ?>" type="submit" class="cff-no-usage-opt-out cff-space-left button button-secondary"><?php echo __( 'No, thanks', 'custom-facebook-feed' ); ?></a>
|
5421 |
-
</p>
|
5422 |
-
|
5423 |
-
</div>
|
5424 |
-
|
5425 |
-
<?php
|
5426 |
-
}
|
5427 |
-
|
5428 |
-
function cff_usage_opt_in_or_out() {
|
5429 |
-
if ( ! isset( $_POST['opted_in'] ) ) {
|
5430 |
-
die ( 'You did not do this the right way!' );
|
5431 |
-
}
|
5432 |
-
|
5433 |
-
$usage_tracking = get_option( 'cff_usage_tracking', array( 'last_send' => 0, 'enabled' => false ) );
|
5434 |
-
|
5435 |
-
$usage_tracking['enabled'] = isset( $_POST['opted_in'] ) ? $_POST['opted_in'] === 'true' : false;
|
5436 |
-
|
5437 |
-
update_option( 'cff_usage_tracking', $usage_tracking, false );
|
5438 |
-
|
5439 |
-
die();
|
5440 |
-
}
|
5441 |
-
add_action( 'wp_ajax_cff_usage_opt_in_or_out', 'cff_usage_opt_in_or_out' );
|
5442 |
-
|
5443 |
Â
//PPCA token checks
|
5444 |
Â
function cff_ppca_token_check_flag() {
|
5445 |
Â
if( get_transient('cff_ppca_access_token_invalid') ){
|
@@ -5483,7 +5426,7 @@ add_action( 'wp_ajax_cff_oembed_disable', 'cff_oembed_disable' );
|
|
5483 |
Â
|
5484 |
Â
function cff_clear_error_log() {
|
5485 |
Â
|
5486 |
-
\cff_main()->cff_error_reporter->remove_all_errors();
|
5487 |
Â
|
5488 |
Â
cff_delete_cache();
|
5489 |
Â
|
945 |
Â
if ( ! $lite_notice_dismissed ) :
|
946 |
Â
?>
|
947 |
Â
<div id="cff-notice-bar" style="display:none">
|
948 |
+
<span class="cff-notice-bar-message"><?php _e( 'You\'re using Custom Facebook Feed Lite. To unlock more features consider <a href="https://smashballoondemo.com/?utm_campaign=facebook-free&utm_source=notices&utm_medium=lite" target="_blank" rel="noopener noreferrer">upgrading to Pro</a>.', 'custom-facebook-feed'); ?></span>
|
949 |
Â
<button type="button" class="dismiss" title="<?php _e( 'Dismiss this message.', 'custom-facebook-feed'); ?>" data-page="overview">
|
950 |
Â
</button>
|
951 |
Â
</div>
|
4949 |
Â
if ( $access_token_error ) { ?>
|
4950 |
Â
<p><?php _e("There was a problem with the access token that was retrieved.", "custom-facebook-feed"); ?></p>
|
4951 |
Â
|
4952 |
+
<?php }
|
4953 |
Â
$token_href = 'https://api.smashballoon.com/v2/facebook-login.php?state=' . $admin_url_state;
|
4954 |
Â
if ( class_exists( 'SB_Instagram_Oembed' ) ) {
|
4955 |
Â
$sbi_oembed_token = SB_Instagram_Oembed::last_access_token();
|
5218 |
Â
//modify the link by unshifting the array
|
5219 |
Â
function cff_add_settings_link( $links, $file ) {
|
5220 |
Â
$pro_link = '<a href="https://smashballoondemo.com/?utm_campaign=facebook-free&utm_source=plugins-page&utm_medium=upgrade-link" target="_blank" style="font-weight: bold; color: #1da867;">' . __( 'Try the Pro Demo', 'custom-facebook-feed' ) . '</a>';
|
5221 |
+
$cff_settings_link = '<a href="' . admin_url( 'admin.php?page=cff-feed-builder' ) . '">' . __( 'Settings', 'cff-feed-builder', 'custom-facebook-feed' ) . '</a>';
|
5222 |
Â
array_unshift( $links, $pro_link, $cff_settings_link );
|
5223 |
Â
|
5224 |
Â
return $links;
|
5383 |
Â
}
|
5384 |
Â
add_action( 'admin_init', 'cff_free_add_caps', 90 );
|
5385 |
Â
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
5386 |
Â
//PPCA token checks
|
5387 |
Â
function cff_ppca_token_check_flag() {
|
5388 |
Â
if( get_transient('cff_ppca_access_token_invalid') ){
|
5426 |
Â
|
5427 |
Â
function cff_clear_error_log() {
|
5428 |
Â
|
5429 |
+
\cff_main()->cff_error_reporter->remove_all_errors();
|
5430 |
Â
|
5431 |
Â
cff_delete_cache();
|
5432 |
Â
|
admin/assets/css/about.css
ADDED
@@ -0,0 +1,765 @@
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
1 |
+
/*
|
2 |
+
* About Us CSS TABLE OF CONTENTS
|
3 |
+
*
|
4 |
+
* 1.0 - GLOBAL
|
5 |
+
* 2.0 - HEADER
|
6 |
+
* 3.0 - 3.0 - ABOUT US CONTAINER
|
7 |
+
* 3.1 - SECTION HEADER
|
8 |
+
* 3.2 - ABOUT TEAM BOX
|
9 |
+
* 3.3 - PLUGINS BOX
|
10 |
+
* 4.0 - STICKY WIDGET
|
11 |
+
* 5.0 - RESPONSIVENESS
|
12 |
+
*/
|
13 |
+
|
14 |
+
/*** 1.0 - GLOBAL ***/
|
15 |
+
.clearfix { display: inline-block; }
|
16 |
+
/* start commented backslash hack \*/
|
17 |
+
* html .clearfix { height: 1%; }
|
18 |
+
.clearfix { display: block; }
|
19 |
+
#cff-about {
|
20 |
+
-webkit-font-smoothing: antialiased;
|
21 |
+
font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
|
22 |
+
}
|
23 |
+
#wpcontent {
|
24 |
+
padding-left: 0px;
|
25 |
+
}
|
26 |
+
#wpbody-content {
|
27 |
+
padding-bottom: 40px;
|
28 |
+
}
|
29 |
+
.clearfix:after {
|
30 |
+
visibility: hidden;
|
31 |
+
display: block;
|
32 |
+
font-size: 0;
|
33 |
+
content: " ";
|
34 |
+
clear: both;
|
35 |
+
height: 0;
|
36 |
+
}
|
37 |
+
/*orange*/
|
38 |
+
.sb-btn-orange{
|
39 |
+
background: #E34F0E!important;
|
40 |
+
color: #fff!important;
|
41 |
+
}
|
42 |
+
.sb-btn-orange:hover{
|
43 |
+
background: #F37036!important;
|
44 |
+
color: #fff!important;
|
45 |
+
}
|
46 |
+
.sb-btn-orange:focus,
|
47 |
+
.sb-btn-orange:active{
|
48 |
+
background: #B8400B!important;
|
49 |
+
color: #fff!important;
|
50 |
+
}
|
51 |
+
.cff-fb-full-wrapper{
|
52 |
+
padding: 0 53px;
|
53 |
+
padding-top: 82px;
|
54 |
+
}
|
55 |
+
.cff-fb-fs {
|
56 |
+
width: 100%;
|
57 |
+
position: relative;
|
58 |
+
float: left;
|
59 |
+
box-sizing: border-box;
|
60 |
+
}
|
61 |
+
|
62 |
+
/*** 2.0 - HEADER ***/
|
63 |
+
.cff-fb-create-ctn{
|
64 |
+
margin-top: 90px;
|
65 |
+
}
|
66 |
+
.cff-fb-header{
|
67 |
+
height: 64px;
|
68 |
+
position: absolute;
|
69 |
+
display: flex;
|
70 |
+
flex-direction: row;
|
71 |
+
justify-content: space-between;
|
72 |
+
align-items: center;
|
73 |
+
background: #fff;
|
74 |
+
padding: 0px 52px;
|
75 |
+
z-index: 2;
|
76 |
+
}
|
77 |
+
.cff-fb-header-left {
|
78 |
+
display: flex;
|
79 |
+
}
|
80 |
+
.cff-fb-header-left .sb-social-wall-link-wrap {
|
81 |
+
margin-left: 30px;
|
82 |
+
}
|
83 |
+
.sb-social-wall-link-wrap {
|
84 |
+
display: flex;
|
85 |
+
font-size: 14px;
|
86 |
+
margin: 10px 0 10px 30px;
|
87 |
+
}
|
88 |
+
.sb-social-wall-link:first-child {
|
89 |
+
padding-left: 0;
|
90 |
+
border-right: 1px solid #ccc;
|
91 |
+
color: #0068A0!important;
|
92 |
+
line-height: 1;
|
93 |
+
}
|
94 |
+
.sb-social-wall-link {
|
95 |
+
padding: 0 12px;
|
96 |
+
border-right: 1px solid #ccc;
|
97 |
+
color: #0068A0!important;
|
98 |
+
line-height: 1;
|
99 |
+
}
|
100 |
+
.sb-social-wall-link a {
|
101 |
+
text-decoration: none;
|
102 |
+
}
|
103 |
+
.sb-social-wall-link a:focus {
|
104 |
+
outline: none;
|
105 |
+
box-shadow: none;
|
106 |
+
}
|
107 |
+
.sb-social-wall-link:last-child {
|
108 |
+
border-right: none;
|
109 |
+
}
|
110 |
+
.cff-fb-hd-logo{
|
111 |
+
display: flex;
|
112 |
+
vertical-align: middle;
|
113 |
+
align-items: center;
|
114 |
+
gap: 5px;
|
115 |
+
}
|
116 |
+
.cff-fb-hd-logo .sb-logo-letters-wrap {
|
117 |
+
margin-bottom: 4px;
|
118 |
+
}
|
119 |
+
.cff-fb-hd-logo .breadcrumb-title{
|
120 |
+
font-size: 14px;
|
121 |
+
font-weight: 400;
|
122 |
+
line-height: 22px;
|
123 |
+
letter-spacing: 0em;
|
124 |
+
margin-left: 4px;
|
125 |
+
}
|
126 |
+
.cff-fb-hd-logo .separator{
|
127 |
+
margin: 0 5px 0 10px;
|
128 |
+
}
|
129 |
+
.cff-fb-hd-btn{
|
130 |
+
height: 38px;
|
131 |
+
cursor: pointer;
|
132 |
+
display: flex;
|
133 |
+
flex-direction: row;
|
134 |
+
justify-content: center;
|
135 |
+
align-items: center;
|
136 |
+
padding: 0px 15px 0px 13px;
|
137 |
+
font-weight: 600;
|
138 |
+
font-size: 14px;
|
139 |
+
color: #353A41;
|
140 |
+
background: #F3F4F5;
|
141 |
+
border-radius: 2px;
|
142 |
+
border: 1px solid #DCDDE1;
|
143 |
+
position: relative;
|
144 |
+
text-decoration: none;
|
145 |
+
transition: all 0.3s ease;
|
146 |
+
box-sizing: border-box;
|
147 |
+
}
|
148 |
+
.cff-fb-hd-btn svg {
|
149 |
+
margin-right: 10px;
|
150 |
+
width: 16px;
|
151 |
+
}
|
152 |
+
.cff-fb-hd-btn:focus {
|
153 |
+
outline: none;
|
154 |
+
box-shadow: none;
|
155 |
+
}
|
156 |
+
.cff-fb-hd-btn:hover {
|
157 |
+
color: inherit;
|
158 |
+
background-color: #fff;
|
159 |
+
}
|
160 |
+
.cff-fb-hd-btn i{
|
161 |
+
margin: 0px 5px;
|
162 |
+
}
|
163 |
+
.cff-fb-hd-btn[data-icon="left"]{
|
164 |
+
padding-right: 20px!important;
|
165 |
+
}
|
166 |
+
.cff-fb-full-wrapper .section-header h1 {
|
167 |
+
font-size: 32px;
|
168 |
+
line-height: 40px;
|
169 |
+
}
|
170 |
+
/*** 3.0 - SB CONTAINER ***/
|
171 |
+
.cff-sb-container {
|
172 |
+
max-width: 875px;
|
173 |
+
position: relative;
|
174 |
+
margin: auto;
|
175 |
+
margin-top: 33px;
|
176 |
+
box-sizing: border-box;
|
177 |
+
}
|
178 |
+
|
179 |
+
/*** 3.1 - SECTION HEADER ***/
|
180 |
+
.cff-section-header h2 {
|
181 |
+
font-weight: 600;
|
182 |
+
font-size: 32px;
|
183 |
+
line-height: 40px;
|
184 |
+
color: #141B38;
|
185 |
+
margin: 0 0 5px 0;
|
186 |
+
}
|
187 |
+
|
188 |
+
.cff-section-header p {
|
189 |
+
font-size: 13px;
|
190 |
+
line-height: 18px;
|
191 |
+
color: #8C8F9A;
|
192 |
+
margin: 0;
|
193 |
+
}
|
194 |
+
.cff-section-second-header {
|
195 |
+
margin-top: 36px;
|
196 |
+
}
|
197 |
+
.cff-section-second-header h3 {
|
198 |
+
font-weight: 600;
|
199 |
+
font-size: 24px;
|
200 |
+
line-height: 29px;
|
201 |
+
color: #141B38;
|
202 |
+
margin: 0 0 5px 0;
|
203 |
+
}
|
204 |
+
.cff-section-second-header p {
|
205 |
+
font-size: 14px;
|
206 |
+
line-height: 22px;
|
207 |
+
color: #8C8F9A;
|
208 |
+
margin-top: 0px;
|
209 |
+
}
|
210 |
+
.cff-oembed-plugin-box {
|
211 |
+
background: #FFFFFF;
|
212 |
+
box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05), 0px 4px 5px rgba(0, 0, 0, 0.05);
|
213 |
+
margin-bottom: 10px;
|
214 |
+
padding: 12px 20px;
|
215 |
+
display: flex;
|
216 |
+
justify-content: space-between;
|
217 |
+
align-items: center;
|
218 |
+
}
|
219 |
+
.sb-action-buttons .cff-btn {
|
220 |
+
display: flex;
|
221 |
+
align-items: center;
|
222 |
+
vertical-align: middle;
|
223 |
+
justify-content: center;
|
224 |
+
background: #F3F4F5;
|
225 |
+
border: 1px solid #DCDDE1;
|
226 |
+
box-sizing: border-box;
|
227 |
+
border-radius: 2px;
|
228 |
+
padding: 6px 19px;
|
229 |
+
font-weight: 600;
|
230 |
+
font-size: 12px;
|
231 |
+
line-height: 18px;
|
232 |
+
color: #141B38;
|
233 |
+
box-sizing: border-box;
|
234 |
+
letter-spacing: 0.2px;
|
235 |
+
cursor: pointer;
|
236 |
+
text-decoration: none;
|
237 |
+
transition: all 0.15s ease-in-out;
|
238 |
+
}
|
239 |
+
.sb-action-buttons .cff-btn:hover {
|
240 |
+
background: #FFFFFF;
|
241 |
+
border: 1px solid #D0D1D7;
|
242 |
+
}
|
243 |
+
.sb-action-buttons .cff-btn:focus,
|
244 |
+
.sb-action-buttons .cff-btn:active {
|
245 |
+
background: #E8E8EB;
|
246 |
+
border: 1px solid #D0D1D7;
|
247 |
+
box-shadow: none;
|
248 |
+
outline: none;
|
249 |
+
}
|
250 |
+
.sb-action-buttons .cff-btn.loading svg {
|
251 |
+
height: 13px;
|
252 |
+
transform: translate(0px, 2px);
|
253 |
+
}
|
254 |
+
.sb-action-buttons .cff-btn.sb-btn-add svg {
|
255 |
+
margin-right: 10px;
|
256 |
+
height: 10px;
|
257 |
+
}
|
258 |
+
.sb-action-buttons .cff-btn.sb-btn-add path {
|
259 |
+
fill: #141B38;
|
260 |
+
}
|
261 |
+
.sb-action-buttons .cff-btn.sb-btn-installed {
|
262 |
+
background: #E8E8EB;
|
263 |
+
color: #8C8F9A;
|
264 |
+
cursor: not-allowed
|
265 |
+
}
|
266 |
+
.sb-action-buttons .cff-btn.sb-btn-add {
|
267 |
+
min-width: 110px;
|
268 |
+
}
|
269 |
+
.sb-action-buttons .cff-btn.sb-btn-activate {
|
270 |
+
background-color: #0068A0;
|
271 |
+
border-color: #0068A0;
|
272 |
+
color: #fff;
|
273 |
+
}
|
274 |
+
.sb-action-buttons .cff-btn.sb-btn-activate:hover {
|
275 |
+
background-color: #0096CC;
|
276 |
+
border-color: #0096CC;
|
277 |
+
}
|
278 |
+
.sb-action-buttons .cff-btn.sb-btn-activate:focus,
|
279 |
+
.sb-action-buttons .cff-btn.sb-btn-activate:active {
|
280 |
+
background-color: #004D77;
|
281 |
+
border-color: #004D77;
|
282 |
+
}
|
283 |
+
.sb-action-buttons .cff-btn.sb-btn-deactivate {
|
284 |
+
background-color: #D72C2C;
|
285 |
+
border-color: #D72C2C;
|
286 |
+
color: #fff;
|
287 |
+
display: none;
|
288 |
+
}
|
289 |
+
.sb-action-buttons .cff-btn.sb-btn-deactivate:hover {
|
290 |
+
background-color: #DF5757;
|
291 |
+
border-color: #DF5757;
|
292 |
+
}
|
293 |
+
.sb-action-buttons .cff-btn.sb-btn-deactivate:focus,
|
294 |
+
.sb-action-buttons .cff-btn.sb-btn-deactivate:active {
|
295 |
+
background-color: #841919;
|
296 |
+
border-color: #841919;
|
297 |
+
}
|
298 |
+
.sb-action-buttons .cff-btn:not(:last-child) {
|
299 |
+
margin-right: 8px;
|
300 |
+
}
|
301 |
+
.sb-btn-add-plugin svg {
|
302 |
+
height: 10px;
|
303 |
+
margin-right: 10px;
|
304 |
+
}
|
305 |
+
.sb-btn-add-plugin svg path {
|
306 |
+
fill: #141B38;
|
307 |
+
}
|
308 |
+
.sb-btn-installed svg {
|
309 |
+
margin-right: 10px;
|
310 |
+
}
|
311 |
+
/*** 3.2 - ABOUT TEAM BOX ***/
|
312 |
+
.cff-about-box {
|
313 |
+
margin-top: 11px;
|
314 |
+
}
|
315 |
+
.cff-about-box .sb-team-avatar {
|
316 |
+
padding: 55px 0 50px;
|
317 |
+
background-image: linear-gradient(to right, #0068A0 , #0096CC);
|
318 |
+
text-align: center;
|
319 |
+
}
|
320 |
+
.cff-about-box .sb-team-avatar img {
|
321 |
+
max-width: 100%;
|
322 |
+
width: 603px;
|
323 |
+
}
|
324 |
+
.cff-about-box .sb-team-info {
|
325 |
+
display: flex;
|
326 |
+
padding: 48px;
|
327 |
+
background: #fff;
|
328 |
+
box-shadow: 0px 1px 2px rgb(0 0 0 / 5%), 0px 4px 5px rgb(0 0 0 / 5%);
|
329 |
+
border-radius: 0 0 2px 2px;
|
330 |
+
text-align: left;
|
331 |
+
}
|
332 |
+
.cff-about-box .sb-team-info .sb-team-left h2 {
|
333 |
+
font-size: 24px;
|
334 |
+
line-height: 29px;
|
335 |
+
letter-spacing: 0;
|
336 |
+
color: #141B38;
|
337 |
+
margin: 0;
|
338 |
+
padding-right: 5px;
|
339 |
+
}
|
340 |
+
.cff-about-box .sb-team-info .sb-team-right {
|
341 |
+
padding-left: 37px;
|
342 |
+
max-width: 365px;
|
343 |
+
box-sizing: border-box;
|
344 |
+
}
|
345 |
+
.cff-about-box .sb-team-info .sb-team-right p {
|
346 |
+
font-size: 14px;
|
347 |
+
line-height: 22px;
|
348 |
+
color: #64748B;
|
349 |
+
margin-top: 0;
|
350 |
+
}
|
351 |
+
|
352 |
+
/*** 3.3 - EXTENSION PLUGINS BOX CONTAINER ***/
|
353 |
+
.cff-plugins-boxes-container {
|
354 |
+
display: flex;
|
355 |
+
flex-wrap: wrap;
|
356 |
+
align-items: center;
|
357 |
+
justify-content: space-between;
|
358 |
+
margin-top: 20px;
|
359 |
+
gap: 12px;
|
360 |
+
}
|
361 |
+
.cff-plugins-boxes-container.sb-recommended-plugins {
|
362 |
+
margin-top: 26px;
|
363 |
+
}
|
364 |
+
.cff-plugins-boxes-container .sb-plugins-box{
|
365 |
+
background-color: #fff;
|
366 |
+
padding: 20px 16px;
|
367 |
+
box-shadow: 0px 1px 2px rgb(0 0 0 / 5%), 0px 4px 5px rgb(0 0 0 / 5%);
|
368 |
+
border-radius: 4px;
|
369 |
+
display: flex;
|
370 |
+
width: calc((100% / 2) - 6px);
|
371 |
+
box-sizing: border-box;
|
372 |
+
}
|
373 |
+
.cff-plugins-boxes-container .sb-plugins-box .icon {
|
374 |
+
max-width: 80px;
|
375 |
+
padding-right: 5px;
|
376 |
+
box-sizing: border-box;
|
377 |
+
width: 80px;
|
378 |
+
min-width: 72px;
|
379 |
+
}
|
380 |
+
.cff-plugins-boxes-container.sb-recommended-plugins .sb-plugins-box .icon {
|
381 |
+
max-width: 80px;
|
382 |
+
padding-right: 23px;
|
383 |
+
box-sizing: border-box;
|
384 |
+
width: 80px;
|
385 |
+
min-width: 72px;
|
386 |
+
padding-left: 8px;
|
387 |
+
}
|
388 |
+
.cff-plugins-boxes-container .sb-plugins-box .icon img {
|
389 |
+
max-width: 100%;
|
390 |
+
}
|
391 |
+
.sb-plugins-box .sb-box-title {
|
392 |
+
font-weight: 600;
|
393 |
+
font-size: 16px;
|
394 |
+
line-height: 22px;
|
395 |
+
color: #141B38;
|
396 |
+
margin-top: 0;
|
397 |
+
margin-bottom: 5px;
|
398 |
+
}
|
399 |
+
.sb-plugins-box .sb-box-description {
|
400 |
+
margin: 0;
|
401 |
+
font-size: 13px;
|
402 |
+
line-height: 18px;
|
403 |
+
color: #8C8F9A;
|
404 |
+
}
|
405 |
+
.sb-recommended-plugins .sb-plugins-box .sb-box-description {
|
406 |
+
min-height: 69px;
|
407 |
+
}
|
408 |
+
.sb-plugins-box .sb-action-buttons {
|
409 |
+
margin-top: 20px;
|
410 |
+
display: flex;
|
411 |
+
}
|
412 |
+
|
413 |
+
.cff-plugins-boxes-container .sb-plugins-box.cff-social-wall-plugin-box {
|
414 |
+
padding: 27px 20px 35px 120px;
|
415 |
+
flex-basis: 100%;
|
416 |
+
margin-right: 0;
|
417 |
+
justify-content: center;
|
418 |
+
position: relative;
|
419 |
+
overflow: hidden;
|
420 |
+
}
|
421 |
+
.cff-social-wall-plugin-box .sb-action-buttons .sb-btn-add {
|
422 |
+
padding: 6px 4px 6px 15px;
|
423 |
+
}
|
424 |
+
.cff-social-wall-plugin-box .sb-action-buttons .sb-btn-add span {
|
425 |
+
margin-left: 12px;
|
426 |
+
}
|
427 |
+
.cff-plugins-boxes-container .sb-plugins-box.cff-social-wall-plugin-box .plugin-box-content {
|
428 |
+
z-index: 11;
|
429 |
+
}
|
430 |
+
.cff-social-wall-plugin-box .sb-box-title {
|
431 |
+
font-size: 24px;
|
432 |
+
line-height: 27px;
|
433 |
+
letter-spacing: 0;
|
434 |
+
color: #141B38;
|
435 |
+
}
|
436 |
+
.cff-social-wall-plugin-box .sb-box-description {
|
437 |
+
font-size: 14px;
|
438 |
+
line-height: 22px;
|
439 |
+
color: #8C8F9A;
|
440 |
+
}
|
441 |
+
.cff-social-wall-plugin-box .sb-box-bg-image {
|
442 |
+
position: absolute;
|
443 |
+
z-index: 0;
|
444 |
+
left: -40px;
|
445 |
+
width: 356px;
|
446 |
+
top: 0;
|
447 |
+
}
|
448 |
+
.cff-social-wall-plugin-box .sb-box-bg-image img {
|
449 |
+
max-width: 100%;
|
450 |
+
}
|
451 |
+
|
452 |
+
|
453 |
+
/*** 4.0 Sticky Widget ***/
|
454 |
+
.cff-stck-wdg{
|
455 |
+
position: fixed;
|
456 |
+
right: 21px;
|
457 |
+
z-index: 9;
|
458 |
+
bottom: 20px;
|
459 |
+
}
|
460 |
+
.cff-stck-wdg-btn{
|
461 |
+
width: 52px;
|
462 |
+
height: 52px;
|
463 |
+
background: #fff;
|
464 |
+
border-radius: 50%;
|
465 |
+
cursor: pointer;
|
466 |
+
display: flex;
|
467 |
+
justify-content: center;
|
468 |
+
align-items: center;
|
469 |
+
filter: drop-shadow(0px 9px 13px rgba(0, 0, 0, 0.2));
|
470 |
+
}
|
471 |
+
.cff-stck-wdg-btn svg{
|
472 |
+
width: 25px;
|
473 |
+
fill: #E34F0E;
|
474 |
+
height: 33px;
|
475 |
+
float: left;
|
476 |
+
}
|
477 |
+
|
478 |
+
.cff-stck-wdg[data-active="true"] .cff-stck-wdg-btn-cls,
|
479 |
+
.cff-stck-wdg[data-active="true"] .cff-stck-wdg-btn-cls svg{
|
480 |
+
display: block;
|
481 |
+
}
|
482 |
+
.cff-stck-wdg-btn-cls{
|
483 |
+
width: inherit;
|
484 |
+
height: inherit;
|
485 |
+
position: relative;
|
486 |
+
color: #364152;
|
487 |
+
box-shadow: 0px 1px 6px rgb(0 0 0 / 5%), 0px 9px 12px rgb(0 0 0 / 5%);
|
488 |
+
border-radius: 70px;
|
489 |
+
}
|
490 |
+
.cff-stck-wdg-btn-cls svg {
|
491 |
+
width: 14px;
|
492 |
+
height: 14px;
|
493 |
+
position: absolute;
|
494 |
+
top: 50%;
|
495 |
+
right: 0;
|
496 |
+
bottom: 0;
|
497 |
+
left: 50%;
|
498 |
+
margin-top: -7px;
|
499 |
+
margin-left: -7px;
|
500 |
+
}
|
501 |
+
|
502 |
+
.cff-stck-pop{
|
503 |
+
position: absolute;
|
504 |
+
width: 292px;
|
505 |
+
height: auto;
|
506 |
+
background: #fff;
|
507 |
+
border: 1px solid #E2E8F0;
|
508 |
+
box-sizing: border-box;
|
509 |
+
box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.15), 0px 3px 14px rgba(0, 0, 0, 0.12);
|
510 |
+
border-radius: 2px;
|
511 |
+
padding: 20px;
|
512 |
+
right: 0px;
|
513 |
+
bottom: 66px;
|
514 |
+
color: #141B38;
|
515 |
+
padding-bottom: 82px;
|
516 |
+
}
|
517 |
+
.cff-stck-wdg[data-active="true"] .cff-stck-pop{
|
518 |
+
bottom: 66px;
|
519 |
+
opacity: 1;
|
520 |
+
visibility: visible;
|
521 |
+
}
|
522 |
+
|
523 |
+
.cff-stck-pop svg{
|
524 |
+
fill: currentColor;
|
525 |
+
}
|
526 |
+
.cff-stck-el-list{
|
527 |
+
border: 1px solid #DCDDE1;
|
528 |
+
border-radius: 2px;
|
529 |
+
}
|
530 |
+
.cff-stck-el{
|
531 |
+
display: flex;
|
532 |
+
align-items: center;
|
533 |
+
padding: 12px 13px 11px;
|
534 |
+
border-bottom: 1px solid #DCDDE1;
|
535 |
+
transition: background .15s ease-in-out;
|
536 |
+
font-size: 12px;
|
537 |
+
}
|
538 |
+
.cff-stck-el:hover{
|
539 |
+
background: #F3F4F5;
|
540 |
+
}
|
541 |
+
.cff-stck-el:last-of-type{
|
542 |
+
border-bottom: 0px;
|
543 |
+
}
|
544 |
+
.cff-stck-el-list .cff-chevron svg{
|
545 |
+
width: 5px;
|
546 |
+
height: 8px;
|
547 |
+
}
|
548 |
+
.cff-fs-a {
|
549 |
+
width: 100%;
|
550 |
+
height: 100%;
|
551 |
+
display: block;
|
552 |
+
position: absolute;
|
553 |
+
left: 0;
|
554 |
+
top: 0;
|
555 |
+
z-index: 1;
|
556 |
+
}
|
557 |
+
.cff-stck-el .cff-stck-el-txt{
|
558 |
+
color: #27303F;
|
559 |
+
}
|
560 |
+
.cff-stck-el.cff-stck-el-upgrd{
|
561 |
+
padding: 9px 14px;
|
562 |
+
font-size: 14px;
|
563 |
+
background: var(--cl-orange);
|
564 |
+
color: #fff;
|
565 |
+
position: relative;
|
566 |
+
transition: background .15s ease-in-out;
|
567 |
+
font-weight: 600;
|
568 |
+
}
|
569 |
+
.cff-chevron {
|
570 |
+
position: absolute;
|
571 |
+
right: 14px
|
572 |
+
}
|
573 |
+
.cff-stck-el.cff-stck-el-upgrd .cff-stck-el-txt{
|
574 |
+
color: #fff;
|
575 |
+
}
|
576 |
+
.cff-stck-el.cff-stck-el-upgrd:after{
|
577 |
+
top: 20px;
|
578 |
+
opacity: 1;
|
579 |
+
}
|
580 |
+
.cff-stck-el-icon{
|
581 |
+
margin-right: 10px;
|
582 |
+
}
|
583 |
+
.cff-stck-el-icon svg{
|
584 |
+
width: 17px;
|
585 |
+
float: left;
|
586 |
+
}
|
587 |
+
.cff-stck-title{
|
588 |
+
margin-top: 20px;
|
589 |
+
margin-bottom: 10px;
|
590 |
+
color: #141B38;
|
591 |
+
font-weight: 600;
|
592 |
+
font-size: 14px;
|
593 |
+
line-height: 160%;
|
594 |
+
}
|
595 |
+
.cff-stck-follow{
|
596 |
+
background: #F3F4F5;
|
597 |
+
margin-top: 20px;
|
598 |
+
left: 0px;
|
599 |
+
bottom: 0px;
|
600 |
+
position: absolute;
|
601 |
+
padding: 12px 20px;
|
602 |
+
display: flex;
|
603 |
+
align-items: center;
|
604 |
+
}
|
605 |
+
.cff-stck-follow span{
|
606 |
+
font-weight: 600;
|
607 |
+
font-size: 14px;
|
608 |
+
}
|
609 |
+
.cff-stck-flw-links{
|
610 |
+
display: flex;
|
611 |
+
justify-content: center;
|
612 |
+
align-items: center;
|
613 |
+
margin-left: auto;
|
614 |
+
}
|
615 |
+
.cff-stck-flw-links a{
|
616 |
+
width: 36px;
|
617 |
+
height: 28px;
|
618 |
+
color: inherit;
|
619 |
+
display: inline-flex;
|
620 |
+
justify-content: center;
|
621 |
+
align-items: center;
|
622 |
+
margin-left: 4px;
|
623 |
+
border-radius: 2px;
|
624 |
+
transition: background .15s ease-in-out;
|
625 |
+
}
|
626 |
+
.cff-stck-flw-links svg{
|
627 |
+
width: 17px;
|
628 |
+
color: #141B38;
|
629 |
+
}
|
630 |
+
.cff-stck-flw-links a:hover{
|
631 |
+
background: #fff;
|
632 |
+
}
|
633 |
+
.cff-stck-flw-links a:hover svg{
|
634 |
+
color: inherit;
|
635 |
+
}
|
636 |
+
|
637 |
+
|
638 |
+
/*** 5.0 - RESPONSIVENESS ***/
|
639 |
+
@media (max-width: 1024px) {
|
640 |
+
.cff-extensions-boxes-container .sb-extensions-box{
|
641 |
+
width: calc(48% - 33px);
|
642 |
+
}
|
643 |
+
.cff-extensions-boxes-container .sb-extensions-box:not(:nth-child(3n)) {
|
644 |
+
margin-right: 0;
|
645 |
+
}
|
646 |
+
.cff-extensions-boxes-container .sb-extensions-box:not(:nth-child(2n)) {
|
647 |
+
margin-right: 12px;
|
648 |
+
}
|
649 |
+
.cff-plugins-boxes-container {
|
650 |
+
padding-right: 0px;
|
651 |
+
}
|
652 |
+
.cff-social-wall-plugin-box .sb-box-bg-image {
|
653 |
+
left: -45px;
|
654 |
+
}
|
655 |
+
.cff-plugins-boxes-container .sb-plugins-box.cff-social-wall-plugin-box {
|
656 |
+
padding: 27px 20px 22px 130px;
|
657 |
+
}
|
658 |
+
.cff-section-second-header {
|
659 |
+
padding-right: 15px;
|
660 |
+
}
|
661 |
+
}
|
662 |
+
@media (min-width: 768px) and (max-width: 1024px) {
|
663 |
+
.cff-social-wall-plugin-box .sb-box-bg-image {
|
664 |
+
left: -85px;
|
665 |
+
}
|
666 |
+
.sb-action-buttons .cff-btn {
|
667 |
+
padding: 6px 15px;
|
668 |
+
}
|
669 |
+
.sb-recommended-plugins .sb-plugins-box {
|
670 |
+
min-height: 209px;
|
671 |
+
}
|
672 |
+
.sb-recommended-plugins .sb-plugins-box .sb-box-description {
|
673 |
+
min-height: 90px;
|
674 |
+
}
|
675 |
+
|
676 |
+
}
|
677 |
+
@media (max-width: 767px) {
|
678 |
+
.auto-fold #wpcontent {
|
679 |
+
padding-left: 0;
|
680 |
+
}
|
681 |
+
.cff-fb-full-wrapper {
|
682 |
+
padding: 70px 20px 0 20px;
|
683 |
+
}
|
684 |
+
.cff-fb-hd-btn {
|
685 |
+
padding: 0px 15px 0px 7px;
|
686 |
+
}
|
687 |
+
.cff-fb-header {
|
688 |
+
padding: 0px 20px;
|
689 |
+
}
|
690 |
+
.cff-about-box .sb-team-info {
|
691 |
+
padding: 30px;
|
692 |
+
}
|
693 |
+
.cff-plugins-boxes-container .sb-plugins-box {
|
694 |
+
width: 100%;
|
695 |
+
}
|
696 |
+
.cff-plugins-boxes-container .sb-plugins-box.cff-social-wall-plugin-box {
|
697 |
+
display: flex;
|
698 |
+
flex-direction: column;
|
699 |
+
padding: 0px;
|
700 |
+
}
|
701 |
+
.cff-social-wall-plugin-box .sb-box-bg-image {
|
702 |
+
position: initial;
|
703 |
+
background-color: #c3d7f3;
|
704 |
+
width: 100%;
|
705 |
+
height: 190px;
|
706 |
+
}
|
707 |
+
.cff-plugins-boxes-container .sb-plugins-box.cff-social-wall-plugin-box .plugin-box-content {
|
708 |
+
padding: 18px 24px 24px;
|
709 |
+
}
|
710 |
+
.cff-social-wall-plugin-box .sb-box-title {
|
711 |
+
font-size: 18px;
|
712 |
+
}
|
713 |
+
.cff-social-wall-plugin-box .sb-box-bg-image img {
|
714 |
+
max-width: 401px;
|
715 |
+
}
|
716 |
+
.cff-about-box .sb-team-info {
|
717 |
+
flex-direction: column;
|
718 |
+
}
|
719 |
+
.cff-about-box .sb-team-info .sb-team-right {
|
720 |
+
padding-left: 0;
|
721 |
+
max-width: none;
|
722 |
+
margin-top: 30px;
|
723 |
+
}
|
724 |
+
|
725 |
+
.sb-recommended-plugins .sb-plugins-box .sb-box-description {
|
726 |
+
min-height: initial;
|
727 |
+
}
|
728 |
+
.cff-about-box .sb-team-avatar {
|
729 |
+
display: none;
|
730 |
+
}
|
731 |
+
.cff-about-box .sb-team-info .sb-team-left h2 {
|
732 |
+
font-size: 21px;
|
733 |
+
}
|
734 |
+
}
|
735 |
+
|
736 |
+
@media (max-width: 570px) {
|
737 |
+
.cff-extensions-boxes-container .sb-extensions-box {
|
738 |
+
width: calc(100% - 30px);
|
739 |
+
}
|
740 |
+
.cff-plugins-boxes-container {
|
741 |
+
padding-right: 0px;
|
742 |
+
}
|
743 |
+
.cff-plugins-boxes-container .sb-plugins-box:not(:nth-child(2n)) {
|
744 |
+
margin-right: 0px;
|
745 |
+
}
|
746 |
+
}
|
747 |
+
|
748 |
+
@media (max-width: 480px) {
|
749 |
+
.cff-fb-hd-btn {
|
750 |
+
padding: 0px 10px 0px 7px !important;
|
751 |
+
}
|
752 |
+
.cff-fb-hd-btn[data-icon="left"] {
|
753 |
+
padding-right: 10px!important;
|
754 |
+
}
|
755 |
+
.cff-plugins-boxes-container .sb-plugins-box .icon {
|
756 |
+
width: 60px;
|
757 |
+
min-width: 60px;
|
758 |
+
}
|
759 |
+
.cff-plugins-boxes-container.sb-recommended-plugins .sb-plugins-box .icon {
|
760 |
+
padding-right: 11px;
|
761 |
+
width: 58px;
|
762 |
+
min-width: 58px;
|
763 |
+
padding-left: 8px;
|
764 |
+
}
|
765 |
+
}
|
admin/assets/css/admin-notifications.css
CHANGED
@@ -1,14 +1,18 @@
|
|
1 |
Â
#cff-notifications {
|
2 |
Â
position: relative;
|
3 |
Â
background: #FFFFFF 0 0 no-repeat padding-box;
|
4 |
-
box-shadow: 0px 5px
|
5 |
-
border-radius:
|
6 |
Â
opacity: 1;
|
7 |
Â
min-height: 48px;
|
8 |
-
padding:
|
9 |
Â
margin: 0 0 14px 0;
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
10 |
Â
}
|
11 |
-
|
12 |
Â
#cff-notifications * {
|
13 |
Â
box-sizing: border-box;
|
14 |
Â
}
|
@@ -16,12 +20,20 @@
|
|
16 |
Â
#cff-notifications .bell,
|
17 |
Â
#cff-notifications .thumb{
|
18 |
Â
position: absolute;
|
19 |
-
top:
|
20 |
-
left:
|
21 |
Â
width: 42px;
|
22 |
-
height:
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
23 |
Â
}
|
24 |
-
#cff-notifications .thumb img
|
Â
|
|
25 |
Â
max-width: 100%;
|
26 |
Â
}
|
27 |
Â
#cff-notifications .thumb .img-overlay {
|
@@ -48,83 +60,142 @@
|
|
48 |
Â
}
|
49 |
Â
|
50 |
Â
#cff-notifications .messages .message .title {
|
51 |
-
font-weight:
|
52 |
-
font-size:
|
53 |
-
line-height:
|
54 |
Â
margin: 0;
|
55 |
-
color: #
|
Â
|
|
56 |
Â
}
|
57 |
Â
|
58 |
Â
#cff-notifications .messages .message .content {
|
59 |
Â
font-weight: normal;
|
60 |
-
font-size:
|
61 |
-
line-height:
|
62 |
-
margin:
|
Â
|
|
63 |
Â
}
|
64 |
Â
|
65 |
Â
#cff-notifications .messages .message .buttons {
|
66 |
-
margin: -
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
67 |
Â
}
|
68 |
-
|
69 |
Â
#cff-notifications .messages .message .buttons a {
|
70 |
-
|
71 |
-
padding:
|
72 |
-
|
73 |
-
|
74 |
-
|
Â
|
|
Â
|
|
Â
|
|
75 |
Â
}
|
76 |
-
|
77 |
-
|
78 |
-
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
79 |
Â
}
|
80 |
-
|
81 |
Â
#cff-notifications .dismiss {
|
82 |
Â
position: absolute;
|
83 |
-
top:
|
84 |
-
right:
|
85 |
-
width:
|
86 |
-
height:
|
87 |
Â
color: #72777C;
|
88 |
Â
font-size: 16px;
|
89 |
Â
cursor: pointer;
|
90 |
-
|
91 |
-
vertical-align: middle;
|
92 |
Â
line-height: 16px;
|
Â
|
|
Â
|
|
93 |
Â
}
|
94 |
-
|
95 |
-
|
96 |
-
|
Â
|
|
Â
|
|
Â
|
|
97 |
Â
}
|
98 |
-
|
99 |
Â
#cff-notifications .navigation {
|
100 |
Â
position: absolute;
|
101 |
-
bottom:
|
102 |
-
right:
|
103 |
-
width:
|
104 |
Â
height: 30px;
|
105 |
Â
}
|
106 |
Â
|
107 |
Â
#cff-notifications .navigation a {
|
108 |
Â
display: block;
|
109 |
-
width:
|
110 |
-
height:
|
111 |
-
border: 1px solid #
|
112 |
-
border-radius:
|
113 |
Â
font-size: 8px;
|
114 |
Â
text-align: center;
|
115 |
Â
vertical-align: middle;
|
116 |
Â
line-height: 30px;
|
117 |
Â
cursor: pointer;
|
118 |
-
background
|
119 |
-
color: #
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
120 |
Â
}
|
Â
|
|
121 |
Â
#cff-notifications .navigation svg {
|
122 |
-
width:
|
123 |
-
height:
|
124 |
Â
}
|
125 |
Â
|
126 |
-
#cff-notifications .navigation a:hover {
|
127 |
-
background-color: #
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
128 |
Â
}
|
129 |
Â
|
130 |
Â
#cff-notifications .navigation .prev {
|
@@ -136,15 +207,21 @@
|
|
136 |
Â
}
|
137 |
Â
|
138 |
Â
#cff-notifications .navigation .disabled {
|
139 |
-
|
140 |
-
color: #
|
141 |
Â
cursor: default;
|
142 |
Â
}
|
143 |
-
|
144 |
-
#cff-notifications .
|
145 |
-
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
146 |
Â
}
|
147 |
-
|
148 |
Â
@media screen and (max-width: 768px) {
|
149 |
Â
#cff-notifications {
|
150 |
Â
padding: 15px 15px 15px 72px;
|
@@ -157,15 +234,17 @@
|
|
157 |
Â
line-height: 24px;
|
158 |
Â
}
|
159 |
Â
#cff-notifications .messages .message .buttons {
|
160 |
-
margin: -
|
161 |
-
}
|
162 |
-
#cff-notifications .messages .message .buttons a {
|
163 |
-
margin: 0;
|
164 |
-
display: table;
|
165 |
Â
}
|
Â
|
|
166 |
Â
#cff-notifications .messages .message .buttons .button-secondary {
|
167 |
Â
margin-top: 6px;
|
168 |
Â
}
|
169 |
Â
}
|
170 |
Â
|
171 |
-
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
1 |
Â
#cff-notifications {
|
2 |
Â
position: relative;
|
3 |
Â
background: #FFFFFF 0 0 no-repeat padding-box;
|
4 |
+
box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05), 0px 4px 5px rgba(0, 0, 0, 0.05);
|
5 |
+
border-radius: 2px;
|
6 |
Â
opacity: 1;
|
7 |
Â
min-height: 48px;
|
8 |
+
padding: 20px 120px 20px 82px;
|
9 |
Â
margin: 0 0 14px 0;
|
10 |
+
box-sizing: border-box;
|
11 |
+
}
|
12 |
+
#cff-notifications.cff_review_notice,
|
13 |
+
#cff-notifications.cff_discount_notice {
|
14 |
+
padding: 16px 70px 16px 82px
|
15 |
Â
}
|
Â
|
|
16 |
Â
#cff-notifications * {
|
17 |
Â
box-sizing: border-box;
|
18 |
Â
}
|
20 |
Â
#cff-notifications .bell,
|
21 |
Â
#cff-notifications .thumb{
|
22 |
Â
position: absolute;
|
23 |
+
top: 11px;
|
24 |
+
left: 24px;
|
25 |
Â
width: 42px;
|
26 |
+
height: 42px;
|
27 |
+
}
|
28 |
+
|
29 |
+
#cff-notifications .rn_step_2 .bell,
|
30 |
+
#cff-notifications .rn_step_2 .thumb,
|
31 |
+
.cff_discount_notice .bell,
|
32 |
+
.cff_discount_notice .cff_thumb {
|
33 |
+
top: 16px !important;
|
34 |
Â
}
|
35 |
+
#cff-notifications .thumb img,
|
36 |
+
#cff-notifications .bell img {
|
37 |
Â
max-width: 100%;
|
38 |
Â
}
|
39 |
Â
#cff-notifications .thumb .img-overlay {
|
60 |
Â
}
|
61 |
Â
|
62 |
Â
#cff-notifications .messages .message .title {
|
63 |
+
font-weight: 600;
|
64 |
+
font-size: 16px;
|
65 |
+
line-height: 25px;
|
66 |
Â
margin: 0;
|
67 |
+
color: #141B38;
|
68 |
+
letter-spacing: -0.01em;
|
69 |
Â
}
|
70 |
Â
|
71 |
Â
#cff-notifications .messages .message .content {
|
72 |
Â
font-weight: normal;
|
73 |
+
font-size: 14px;
|
74 |
+
line-height: 22px;
|
75 |
+
margin: 2px 0 32px 0;
|
76 |
+
color: #434960;
|
77 |
Â
}
|
78 |
Â
|
79 |
Â
#cff-notifications .messages .message .buttons {
|
80 |
+
margin: -15px 0px 3px 0;
|
81 |
+
display: flex;
|
82 |
+
}
|
83 |
+
.cff-btn {
|
84 |
+
transition: all 0.15s ease-in-out;
|
85 |
+
letter-spacing: 0.2px;
|
86 |
+
}
|
87 |
+
/*orange*/
|
88 |
+
.cff-btn-orange{
|
89 |
+
background: #E34F0E!important;
|
90 |
+
color: #fff!important;
|
91 |
+
}
|
92 |
+
.cff-btn-orange:hover{
|
93 |
+
background: #F37036!important;
|
94 |
+
color: #fff!important;
|
95 |
+
}
|
96 |
+
.cff-btn-orange:focus,
|
97 |
+
.cff-btn-orange:active{
|
98 |
+
background: #B8400B!important;
|
99 |
+
color: #fff!important;
|
100 |
+
}
|
101 |
+
/*grey*/
|
102 |
+
.cff-btn-grey{
|
103 |
+
background: #F3F4F5!important;
|
104 |
+
color: #141B38!important;
|
105 |
+
border: 1px solid #D0D1D7!important;
|
106 |
+
}
|
107 |
+
.cff-btn-grey:hover{
|
108 |
+
background: #fff!important;
|
109 |
+
color: #141B38!important;
|
110 |
+
border: 1px solid #DCDDE1!important;
|
111 |
+
}
|
112 |
+
.cff-btn-grey:focus,
|
113 |
+
.cff-btn-grey:active{
|
114 |
+
background: #E8E8EB!important;
|
115 |
+
color: #141B38!important;
|
116 |
+
border: 1px solid #D0D1D7!important;
|
117 |
Â
}
|
Â
|
|
118 |
Â
#cff-notifications .messages .message .buttons a {
|
119 |
+
font-weight: 600;
|
120 |
+
padding: 6px 12px;
|
121 |
+
border-radius: 2px;
|
122 |
+
box-sizing: border-box;
|
123 |
+
height: 32px;
|
124 |
+
text-decoration: none;
|
125 |
+
font-size: 12px;
|
126 |
+
border: none;
|
127 |
Â
}
|
128 |
+
#cff-notifications .messages .message .buttons a.cff-btn-orange {
|
129 |
+
border: 1px solid #E34F0E
|
130 |
+
}
|
131 |
+
#cff-notifications .messages .message .buttons a:not(:last-child) {
|
132 |
+
margin-right: 8px;
|
133 |
+
}
|
134 |
+
#cff-notifications .messages .message .buttons a:focus,
|
135 |
+
#cff-notifications .messages .message .buttons a:active {
|
136 |
+
outline: none;
|
137 |
+
box-shadow: none;
|
138 |
Â
}
|
Â
|
|
139 |
Â
#cff-notifications .dismiss {
|
140 |
Â
position: absolute;
|
141 |
+
top: 2px;
|
142 |
+
right: 6px;
|
143 |
+
width: 30px;
|
144 |
+
height: 32px;
|
145 |
Â
color: #72777C;
|
146 |
Â
font-size: 16px;
|
147 |
Â
cursor: pointer;
|
148 |
+
align-items: center;
|
Â
|
|
149 |
Â
line-height: 16px;
|
150 |
+
display: flex;
|
151 |
+
justify-content: center;
|
152 |
Â
}
|
153 |
+
#cff-notifications .dismiss svg {
|
154 |
+
width: 15px;
|
155 |
+
height: 15px;
|
156 |
+
}
|
157 |
+
#cff-notifications .dismiss svg path {
|
158 |
+
fill: #8C8F9A;
|
159 |
Â
}
|
Â
|
|
160 |
Â
#cff-notifications .navigation {
|
161 |
Â
position: absolute;
|
162 |
+
bottom: 24px;
|
163 |
+
right: 21px;
|
164 |
+
width: 72px;
|
165 |
Â
height: 30px;
|
166 |
Â
}
|
167 |
Â
|
168 |
Â
#cff-notifications .navigation a {
|
169 |
Â
display: block;
|
170 |
+
width: 32px;
|
171 |
+
height: 32px;
|
172 |
+
border: 1px solid #DCDDE1;
|
173 |
+
border-radius: 2px;
|
174 |
Â
font-size: 8px;
|
175 |
Â
text-align: center;
|
176 |
Â
vertical-align: middle;
|
177 |
Â
line-height: 30px;
|
178 |
Â
cursor: pointer;
|
179 |
+
background: #F3F4F5;
|
180 |
+
color: #141B38;
|
181 |
+
display: flex;
|
182 |
+
align-items: center;
|
183 |
+
justify-content: center;
|
184 |
+
transition: all 0.15s ease-in-out;
|
185 |
Â
}
|
186 |
+
|
187 |
Â
#cff-notifications .navigation svg {
|
188 |
+
width: 9px;
|
189 |
+
height: 9px;
|
190 |
Â
}
|
191 |
Â
|
192 |
+
#cff-notifications .navigation a:not(.disabled):hover {
|
193 |
+
background-color: #fff;
|
194 |
+
}
|
195 |
+
#cff-notifications .navigation a:not(.disabled):focus,
|
196 |
+
#cff-notifications .navigation a:not(.disabled):active {
|
197 |
+
background: #E8E8EB;
|
198 |
+
color: #141B38;
|
199 |
Â
}
|
200 |
Â
|
201 |
Â
#cff-notifications .navigation .prev {
|
207 |
Â
}
|
208 |
Â
|
209 |
Â
#cff-notifications .navigation .disabled {
|
210 |
+
background: #E8E8EB;
|
211 |
+
color: #8C8F9A;
|
212 |
Â
cursor: default;
|
213 |
Â
}
|
214 |
+
@media screen and (max-width: 880px) {
|
215 |
+
#cff-notifications .messages .message .buttons {
|
216 |
+
flex-wrap: wrap;
|
217 |
+
}
|
218 |
+
#cff-notifications .messages .message .buttons a,
|
219 |
+
.cff-notice-links a {
|
220 |
+
margin: 0;
|
221 |
+
display: inline-block;
|
222 |
+
margin-bottom: 6px;
|
223 |
+
}
|
224 |
Â
}
|
Â
|
|
225 |
Â
@media screen and (max-width: 768px) {
|
226 |
Â
#cff-notifications {
|
227 |
Â
padding: 15px 15px 15px 72px;
|
234 |
Â
line-height: 24px;
|
235 |
Â
}
|
236 |
Â
#cff-notifications .messages .message .buttons {
|
237 |
+
margin: -10px 0 0;
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
238 |
Â
}
|
239 |
+
|
240 |
Â
#cff-notifications .messages .message .buttons .button-secondary {
|
241 |
Â
margin-top: 6px;
|
242 |
Â
}
|
243 |
Â
}
|
244 |
Â
|
245 |
+
@media screen and (max-width: 580px) {
|
246 |
+
#cff-notifications.cff_review_notice, #cff-notifications.cff_discount_notice {
|
247 |
+
padding: 16px 30px 16px 82px;
|
248 |
+
}
|
249 |
+
}
|
250 |
+
/*# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXNzZXRzL2Nzcy9hZG1pbi1ub3RpZmljYXRpb25zLmNzcyIsInNvdXJjZXMiOlsiYXNzZXRzL3Njc3MvYWRtaW4tbm90aWZpY2F0aW9ucy5zY3NzIl0sInNvdXJjZXNDb250ZW50IjpbIi8vIEFkbWluIG5vdGlmaWNhdGlvbiBzdHlsZXMuXG5cbiN3cGZvcm1zLW5vdGlmaWNhdGlvbnMge1xuXG5cdHBvc2l0aW9uOiByZWxhdGl2ZTtcblx0YmFja2dyb3VuZDogI0ZGRkZGRiAwIDAgbm8tcmVwZWF0IHBhZGRpbmctYm94O1xuXHRib3gtc2hhZG93OiAwcHggNXB4IDE1cHggIzAwMDAwMDBEO1xuXHRib3JkZXItcmFkaXVzOiA2cHg7XG5cdG9wYWNpdHk6IDE7XG5cdG1pbi1oZWlnaHQ6IDQ4cHg7XG5cdHBhZGRpbmc6IDE1cHggMTAycHggMTVweCA3MnB4O1xuXHRtYXJnaW46IDAgMCAxNHB4IDA7XG5cblx0KiB7XG5cdFx0Ym94LXNpemluZzogYm9yZGVyLWJveDtcblx0fVxuXG5cdC5iZWxsIHtcblx0XHRwb3NpdGlvbjogYWJzb2x1dGU7XG5cdFx0dG9wOiAxNXB4O1xuXHRcdGxlZnQ6IDE1cHg7XG5cdFx0d2lkdGg6IDQycHg7XG5cdFx0aGVpZ2h0OiA0OHB4O1xuXHR9XG5cblx0Lm1lc3NhZ2VzIHtcblx0XHQubWVzc2FnZSB7XG5cdFx0XHRkaXNwbGF5OiBub25lO1xuXG5cdFx0XHQmLmN1cnJlbnQge1xuXHRcdFx0XHRkaXNwbGF5OiBibG9jaztcblx0XHRcdH1cblxuXHRcdFx0LnRpdGxlIHtcblx0XHRcdFx0Zm9udC13ZWlnaHQ6IGJvbGQ7XG5cdFx0XHRcdGZvbnQtc2l6ZTogMTdweDtcblx0XHRcdFx0bGluZS1oZWlnaHQ6IDIwcHg7XG5cdFx0XHRcdG1hcmdpbjogMDtcblx0XHRcdFx0Y29sb3I6ICM0NDQ7XG5cdFx0XHR9XG5cblx0XHRcdC5jb250ZW50IHtcblx0XHRcdFx0Zm9udC13ZWlnaHQ6IG5vcm1hbDtcblx0XHRcdFx0Zm9udC1zaXplOiAxM3B4O1xuXHRcdFx0XHRsaW5lLWhlaWdodDogMjBweDtcblx0XHRcdFx0bWFyZ2luOiA2cHggMCA0MHB4IDA7XG5cdFx0XHR9XG5cblx0XHRcdC5idXR0b25zIHtcblx0XHRcdFx0bWFyZ2luOiAtMzBweCA4MHB4IDAgMDtcblxuXHRcdFx0XHRhIHtcblx0XHRcdFx0XHRtYXJnaW46IDAgNnB4IDAgMDtcblx0XHRcdFx0XHRwYWRkaW5nOiA4cHggMTBweDtcblx0XHRcdFx0XHRsaW5lLWhlaWdodDogMTNweDtcblx0XHRcdFx0XHRmb250LXNpemU6IDEzcHg7XG5cdFx0XHRcdFx0bWluLWhlaWdodDogdW5zZXQ7XG5cdFx0XHRcdH1cblxuXHRcdFx0XHQuYnV0dG9uLXNlY29uZGFyeSB7XG5cdFx0XHRcdFx0Ym9yZGVyOiAxcHggc29saWQgIzAwNzFBMTtcblx0XHRcdFx0fVxuXHRcdFx0fVxuXHRcdH1cblx0fVxuXG5cdC5kaXNtaXNzIHtcblx0XHRwb3NpdGlvbjogYWJzb2x1dGU7XG5cdFx0dG9wOiAxNXB4O1xuXHRcdHJpZ2h0OiAxNXB4O1xuXHRcdHdpZHRoOiAxNnB4O1xuXHRcdGhlaWdodDogMTZweDtcblx0XHRjb2xvcjogIzcyNzc3Qztcblx0XHRmb250LXNpemU6IDE2cHg7XG5cdFx0Y3Vyc29yOiBwb2ludGVyO1xuXHRcdHRleHQtYWxpZ246IGNlbnRlcjtcblx0XHR2ZXJ0aWNhbC1hbGlnbjogbWlkZGxlO1xuXHRcdGxpbmUtaGVpZ2h0OiAxNnB4O1xuXG5cdFx0Jjpob3ZlciB7XG5cdFx0XHRjb2xvcjogI2RjMzIzMjtcblx0XHR9XG5cdH1cblxuXHQubmF2aWdhdGlvbiB7XG5cdFx0cG9zaXRpb246IGFic29sdXRlO1xuXHRcdGJvdHRvbTogMTVweDtcblx0XHRyaWdodDogMTVweDtcblx0XHR3aWR0aDogNjNweDtcblx0XHRoZWlnaHQ6IDMwcHg7XG5cblx0XHRhIHtcblx0XHRcdGRpc3BsYXk6IGJsb2NrO1xuXHRcdFx0d2lkdGg6IDMwcHg7XG5cdFx0XHRoZWlnaHQ6IDMwcHg7XG5cdFx0XHRib3JkZXI6IDFweCBzb2xpZCAjN0U4OTkzO1xuXHRcdFx0Ym9yZGVyLXJhZGl1czogM3B4O1xuXHRcdFx0Zm9udC1zaXplOiA4cHg7XG5cdFx0XHR0ZXh0LWFsaWduOiBjZW50ZXI7XG5cdFx0XHR2ZXJ0aWNhbC1hbGlnbjogbWlkZGxlO1xuXHRcdFx0bGluZS1oZWlnaHQ6IDMwcHg7XG5cdFx0XHRjdXJzb3I6IHBvaW50ZXI7XG5cdFx0XHRiYWNrZ3JvdW5kLWNvbG9yOiAjZmZmZmZmO1xuXHRcdFx0Y29sb3I6ICM0MTQ1NEE7XG5cblx0XHRcdCY6aG92ZXIge1xuXHRcdFx0XHRiYWNrZ3JvdW5kLWNvbG9yOiAjZjFmMWYxO1xuXHRcdFx0fVxuXHRcdH1cblxuXHRcdC5wcmV2IHtcblx0XHRcdGZsb2F0OiBsZWZ0O1xuXHRcdH1cblxuXHRcdC5uZXh0IHtcblx0XHRcdGZsb2F0OiByaWdodDtcblx0XHR9XG5cblx0XHQuZGlzYWJsZWQge1xuXHRcdFx0Ym9yZGVyLWNvbG9yOiAjZGRkZGRkO1xuXHRcdFx0Y29sb3I6ICNBMEE1QUE7XG5cdFx0XHRjdXJzb3I6IGRlZmF1bHQ7XG5cblx0XHRcdCY6aG92ZXIge1xuXHRcdFx0XHRiYWNrZ3JvdW5kLWNvbG9yOiAjZmZmZmZmO1xuXHRcdFx0fVxuXHRcdH1cblx0fVxufVxuXG5AbWVkaWEgc2NyZWVuIGFuZCAobWF4LXdpZHRoOiA3NjhweCkge1xuXG5cdCN3cGZvcm1zLW5vdGlmaWNhdGlvbnMge1xuXHRcdHBhZGRpbmc6IDE1cHggMTVweCAxNXB4IDcycHg7XG5cblx0XHQubWVzc2FnZXMge1xuXG5cdFx0XHQubWVzc2FnZSB7XG5cblx0XHRcdFx0LnRpdGxlIHtcblx0XHRcdFx0XHRtYXJnaW46IDAgMzBweCAwIDA7XG5cdFx0XHRcdH1cblxuXHRcdFx0XHQuY29udGVudCB7XG5cdFx0XHRcdFx0Zm9udC1zaXplOiAxNnB4O1xuXHRcdFx0XHRcdGxpbmUtaGVpZ2h0OiAyNHB4XG5cdFx0XHRcdH1cblxuXHRcdFx0XHQuYnV0dG9ucyB7XG5cdFx0XHRcdFx0bWFyZ2luOiAtMzBweCA4MHB4IDAgMDtcblxuXHRcdFx0XHRcdGEge1xuXHRcdFx0XHRcdFx0bWFyZ2luOiAwO1xuXHRcdFx0XHRcdFx0ZGlzcGxheTogdGFibGU7XG5cdFx0XHRcdFx0fVxuXG5cdFx0XHRcdFx0LmJ1dHRvbi1zZWNvbmRhcnkge1xuXHRcdFx0XHRcdFx0bWFyZ2luLXRvcDogNnB4O1xuXHRcdFx0XHRcdH1cblx0XHRcdFx0fVxuXHRcdFx0fVxuXHRcdH1cblx0fVxufSJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFFQSxBQUFBLHNCQUFzQixDQUFDO0VBRXRCLFFBQVEsRUFBRSxRQUFRO0VBQ2xCLFVBQVUsRUFBRSxpQ0FBaUM7RUFDN0MsVUFBVSxFQUFFLHNCQUFzQjtFQUNsQyxhQUFhLEVBQUUsR0FBRztFQUNsQixPQUFPLEVBQUUsQ0FBQztFQUNWLFVBQVUsRUFBRSxJQUFJO0VBQ2hCLE9BQU8sRUFBRSxvQkFBb0I7RUFDN0IsTUFBTSxFQUFFLFVBQVU7Q0FxSGxCOztBQTlIRCxBQVdDLHNCQVhxQixDQVdyQixDQUFDLENBQUM7RUFDRCxVQUFVLEVBQUUsVUFBVTtDQUN0Qjs7QUFiRixBQWVDLHNCQWZxQixDQWVyQixLQUFLLENBQUM7RUFDTCxRQUFRLEVBQUUsUUFBUTtFQUNsQixHQUFHLEVBQUUsSUFBSTtFQUNULElBQUksRUFBRSxJQUFJO0VBQ1YsS0FBSyxFQUFFLElBQUk7RUFDWCxNQUFNLEVBQUUsSUFBSTtDQUNaOztBQXJCRixBQXdCRSxzQkF4Qm9CLENBdUJyQixTQUFTLENBQ1IsUUFBUSxDQUFDO0VBQ1IsT0FBTyxFQUFFLElBQUk7Q0FvQ2I7O0FBN0RILEFBMkJHLHNCQTNCbUIsQ0F1QnJCLFNBQVMsQ0FDUixRQUFRLEFBR04sUUFBUSxDQUFDO0VBQ1QsT0FBTyxFQUFFLEtBQUs7Q0FDZDs7QUE3QkosQUErQkcsc0JBL0JtQixDQXVCckIsU0FBUyxDQUNSLFFBQVEsQ0FPUCxNQUFNLENBQUM7RUFDTixXQUFXLEVBQUUsSUFBSTtFQUNqQixTQUFTLEVBQUUsSUFBSTtFQUNmLFdBQVcsRUFBRSxJQUFJO0VBQ2pCLE1BQU0sRUFBRSxDQUFDO0VBQ1QsS0FBSyxFQUFFLElBQUk7Q0FDWDs7QUFyQ0osQUF1Q0csc0JBdkNtQixDQXVCckIsU0FBUyxDQUNSLFFBQVEsQ0FlUCxRQUFRLENBQUM7RUFDUixXQUFXLEVBQUUsTUFBTTtFQUNuQixTQUFTLEVBQUUsSUFBSTtFQUNmLFdBQVcsRUFBRSxJQUFJO0VBQ2pCLE1BQU0sRUFBRSxZQUFZO0NBQ3BCOztBQTVDSixBQThDRyxzQkE5Q21CLENBdUJyQixTQUFTLENBQ1IsUUFBUSxDQXNCUCxRQUFRLENBQUM7RUFDUixNQUFNLEVBQUUsY0FBYztDQWF0Qjs7QUE1REosQUFpREksc0JBakRrQixDQXVCckIsU0FBUyxDQUNSLFFBQVEsQ0FzQlAsUUFBUSxDQUdQLENBQUMsQ0FBQztFQUNELE1BQU0sRUFBRSxTQUFTO0VBQ2pCLE9BQU8sRUFBRSxRQUFRO0VBQ2pCLFdBQVcsRUFBRSxJQUFJO0VBQ2pCLFNBQVMsRUFBRSxJQUFJO0VBQ2YsVUFBVSxFQUFFLEtBQUs7Q0FDakI7O0FBdkRMLEFBeURJLHNCQXpEa0IsQ0F1QnJCLFNBQVMsQ0FDUixRQUFRLENBc0JQLFFBQVEsQ0FXUCxpQkFBaUIsQ0FBQztFQUNqQixNQUFNLEVBQUUsaUJBQWlCO0NBQ3pCOztBQTNETCxBQWdFQyxzQkFoRXFCLENBZ0VyQixRQUFRLENBQUM7RUFDUixRQUFRLEVBQUUsUUFBUTtFQUNsQixHQUFHLEVBQUUsSUFBSTtFQUNULEtBQUssRUFBRSxJQUFJO0VBQ1gsS0FBSyxFQUFFLElBQUk7RUFDWCxNQUFNLEVBQUUsSUFBSTtFQUNaLEtBQUssRUFBRSxPQUFPO0VBQ2QsU0FBUyxFQUFFLElBQUk7RUFDZixNQUFNLEVBQUUsT0FBTztFQUNmLFVBQVUsRUFBRSxNQUFNO0VBQ2xCLGNBQWMsRUFBRSxNQUFNO0VBQ3RCLFdBQVcsRUFBRSxJQUFJO0NBS2pCOztBQWhGRixBQTZFRSxzQkE3RW9CLENBZ0VyQixRQUFRLEFBYU4sTUFBTSxDQUFDO0VBQ1AsS0FBSyxFQUFFLE9BQU87Q0FDZDs7QUEvRUgsQUFrRkMsc0JBbEZxQixDQWtGckIsV0FBVyxDQUFDO0VBQ1gsUUFBUSxFQUFFLFFBQVE7RUFDbEIsTUFBTSxFQUFFLElBQUk7RUFDWixLQUFLLEVBQUUsSUFBSTtFQUNYLEtBQUssRUFBRSxJQUFJO0VBQ1gsTUFBTSxFQUFFLElBQUk7Q0FzQ1o7O0FBN0hGLEFBeUZFLHNCQXpGb0IsQ0FrRnJCLFdBQVcsQ0FPVixDQUFDLENBQUM7RUFDRCxPQUFPLEVBQUUsS0FBSztFQUNkLEtBQUssRUFBRSxJQUFJO0VBQ1gsTUFBTSxFQUFFLElBQUk7RUFDWixNQUFNLEVBQUUsaUJBQWlCO0VBQ3pCLGFBQWEsRUFBRSxHQUFHO0VBQ2xCLFNBQVMsRUFBRSxHQUFHO0VBQ2QsVUFBVSxFQUFFLE1BQU07RUFDbEIsY0FBYyxFQUFFLE1BQU07RUFDdEIsV0FBVyxFQUFFLElBQUk7RUFDakIsTUFBTSxFQUFFLE9BQU87RUFDZixnQkFBZ0IsRUFBRSxPQUFPO0VBQ3pCLEtBQUssRUFBRSxPQUFPO0NBS2Q7O0FBMUdILEFBdUdHLHNCQXZHbUIsQ0FrRnJCLFdBQVcsQ0FPVixDQUFDLEFBY0MsTUFBTSxDQUFDO0VBQ1AsZ0JBQWdCLEVBQUUsT0FBTztDQUN6Qjs7QUF6R0osQUE0R0Usc0JBNUdvQixDQWtGckIsV0FBVyxDQTBCVixLQUFLLENBQUM7RUFDTCxLQUFLLEVBQUUsSUFBSTtDQUNYOztBQTlHSCxBQWdIRSxzQkFoSG9CLENBa0ZyQixXQUFXLENBOEJWLEtBQUssQ0FBQztFQUNMLEtBQUssRUFBRSxLQUFLO0NBQ1o7O0FBbEhILEFBb0hFLHNCQXBIb0IsQ0FrRnJCLFdBQVcsQ0FrQ1YsU0FBUyxDQUFDO0VBQ1QsWUFBWSxFQUFFLE9BQU87RUFDckIsS0FBSyxFQUFFLE9BQU87RUFDZCxNQUFNLEVBQUUsT0FBTztDQUtmOztBQTVISCxBQXlIRyxzQkF6SG1CLENBa0ZyQixXQUFXLENBa0NWLFNBQVMsQUFLUCxNQUFNLENBQUM7RUFDUCxnQkFBZ0IsRUFBRSxPQUFPO0NBQ3pCOztBQUtKLE1BQU0sQ0FBQyxNQUFNLE1BQU0sU0FBUyxFQUFFLEtBQUs7RUFFbEMsQUFBQSxzQkFBc0IsQ0FBQztJQUN0QixPQUFPLEVBQUUsbUJBQW1CO0dBNkI1QjtFQTlCRCxBQU9HLHNCQVBtQixDQUdyQixTQUFTLENBRVIsUUFBUSxDQUVQLE1BQU0sQ0FBQztJQUNOLE1BQU0sRUFBRSxVQUFVO0dBQ2xCO0VBVEosQUFXRyxzQkFYbUIsQ0FHckIsU0FBUyxDQUVSLFFBQVEsQ0FNUCxRQUFRLENBQUM7SUFDUixTQUFTLEVBQUUsSUFBSTtJQUNmLFdBQVcsRUFBRSxJQUNkO0dBQUM7RUFkSixBQWdCRyxzQkFoQm1CLENBR3JCLFNBQVMsQ0FFUixRQUFRLENBV1AsUUFBUSxDQUFDO0lBQ1IsTUFBTSxFQUFFLGNBQWM7R0FVdEI7RUEzQkosQUFtQkksc0JBbkJrQixDQUdyQixTQUFTLENBRVIsUUFBUSxDQVdQLFFBQVEsQ0FHUCxDQUFDLENBQUM7SUFDRCxNQUFNLEVBQUUsQ0FBQztJQUNULE9BQU8sRUFBRSxLQUFLO0dBQ2Q7RUF0QkwsQUF3Qkksc0JBeEJrQixDQUdyQixTQUFTLENBRVIsUUFBUSxDQVdQLFFBQVEsQ0FRUCxpQkFBaUIsQ0FBQztJQUNqQixVQUFVLEVBQUUsR0FBRztHQUNmIn0= */
|
admin/assets/css/cff-admin-style.css
CHANGED
@@ -1,3 +1,54 @@
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
1 |
Â
#cff-admin{
|
2 |
Â
overflow: hidden;
|
3 |
Â
}
|
@@ -831,23 +882,47 @@
|
|
831 |
Â
position: relative;
|
832 |
Â
clear: right;
|
833 |
Â
overflow: hidden;
|
834 |
-
|
835 |
-
|
836 |
-
|
837 |
-
|
838 |
-
|
839 |
-
|
840 |
-
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
841 |
Â
}
|
842 |
Â
.cff_notice .cff_thumb{
|
843 |
-
|
844 |
-
|
845 |
-
|
846 |
-
|
847 |
-
|
848 |
-
|
849 |
-
|
850 |
-
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
851 |
Â
}
|
852 |
Â
.cff_notice .cff_thumb .img-overlay {
|
853 |
Â
position: absolute;
|
@@ -870,6 +945,33 @@
|
|
870 |
Â
width: 100%;
|
871 |
Â
padding: 0;
|
872 |
Â
}
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
873 |
Â
.cff_notice .cff-links{
|
874 |
Â
margin-top: 4px !important;
|
875 |
Â
}
|
@@ -877,28 +979,70 @@
|
|
877 |
Â
float: left;
|
878 |
Â
clear: both;
|
879 |
Â
width: auto;
|
880 |
-
|
881 |
-
|
882 |
-
|
883 |
-
|
884 |
-
|
885 |
-
display: inline-block;
|
886 |
-
padding: 0 8px;
|
887 |
-
color: #178529;
|
888 |
Â
}
|
889 |
Â
.cff_notice a:hover,
|
890 |
Â
.cff_notice a:focus{
|
891 |
Â
color: #0c7abf;
|
892 |
Â
}
|
893 |
-
.cff_notice .links{
|
894 |
-
margin: 0
|
895 |
-
padding: 4px 0 0 0;
|
896 |
-
margin-top: 1px !important;
|
897 |
Â
}
|
898 |
-
.
|
899 |
-
margin-left: 82px !important;
|
900 |
Â
margin-top: 0 !important;
|
901 |
Â
}
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
902 |
Â
.cff_notice .cff_notice_close,
|
903 |
Â
.cff_notice .cff_bfcm_sale_notice_close,
|
904 |
Â
.cff_notice .cff_new_user_sale_notice_close {
|
@@ -912,28 +1056,9 @@
|
|
912 |
Â
.cff_notice .cff_notice_close:focus{
|
913 |
Â
color: #a34100;
|
914 |
Â
}
|
915 |
-
|
916 |
-
font-weight: 900;
|
917 |
-
}
|
918 |
Â
/* Notice CTA btn */
|
919 |
-
|
920 |
-
.cff_notice .cff_main_cta{
|
921 |
-
padding: 4px 12px 6px 12px;
|
922 |
-
background: green;
|
923 |
-
color: #fff;
|
924 |
-
border-radius: 4px;
|
925 |
-
display: inline-block;
|
926 |
-
text-decoration: none;
|
927 |
-
margin-left: 0;
|
928 |
-
margin-right: 4px;
|
929 |
-
}
|
930 |
-
.cff_notice .cff_offer_btn:hover,
|
931 |
-
.cff_notice .cff_offer_btn:focus,
|
932 |
-
.cff_notice .cff_main_cta:hover,
|
933 |
-
.cff_notice .cff_main_cta:focus{
|
934 |
-
background: #049404;
|
935 |
-
color: #fff;
|
936 |
-
}
|
937 |
Â
.cff_notice .cff_other_notice{
|
938 |
Â
padding-top: 10px;
|
939 |
Â
font-style: italic;
|
@@ -942,10 +1067,35 @@
|
|
942 |
Â
.cff_notice .cff_other_notice a{
|
943 |
Â
padding: 0;
|
944 |
Â
}
|
945 |
-
.
|
946 |
-
|
947 |
Â
}
|
948 |
Â
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
949 |
Â
/* Support page */
|
950 |
Â
#cff-admin .cff_support{
|
951 |
Â
overflow: hidden;
|
@@ -2799,13 +2949,14 @@
|
|
2799 |
Â
|
2800 |
Â
/* Menu Pro link */
|
2801 |
Â
#adminmenu .wp-submenu .cff_get_pro_highlight{
|
2802 |
-
|
2803 |
-
|
Â
|
|
2804 |
Â
}
|
2805 |
Â
#adminmenu .wp-submenu .cff_get_pro_highlight:hover,
|
2806 |
Â
#adminmenu .wp-submenu .cff_get_pro_highlight:active{
|
2807 |
-
|
2808 |
-
|
2809 |
Â
}
|
2810 |
Â
|
2811 |
Â
/* Install another plugin modal */
|
@@ -3077,4 +3228,363 @@
|
|
3077 |
Â
width: 11px;
|
3078 |
Â
position: relative;
|
3079 |
Â
top: 1px;
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
3080 |
Â
}
|
1 |
+
/*** Global CSS Button Classes ***/
|
2 |
+
|
3 |
+
/*btn*/
|
4 |
+
.cff-notice-btn {
|
5 |
+
box-sizing: border-box;
|
6 |
+
border-radius: 2px;
|
7 |
+
display: inline-block;
|
8 |
+
padding: 6px 12px;
|
9 |
+
color: #141B38;
|
10 |
+
font-weight: 600;
|
11 |
+
padding: 6px 12px;
|
12 |
+
font-size: 12px;
|
13 |
+
line-height: 19px;
|
14 |
+
cursor: pointer;
|
15 |
+
transition: all 0.15s ease-in-out;
|
16 |
+
text-decoration: none;
|
17 |
+
}
|
18 |
+
|
19 |
+
/*grey*/
|
20 |
+
.cff-btn-grey{
|
21 |
+
background: #F3F4F5!important;
|
22 |
+
color: #141B38!important;
|
23 |
+
border: 1px solid #D0D1D7!important;
|
24 |
+
}
|
25 |
+
.cff-btn-grey:hover{
|
26 |
+
background: #fff!important;
|
27 |
+
color: #141B38!important;
|
28 |
+
border: 1px solid #DCDDE1!important;
|
29 |
+
}
|
30 |
+
.cff-btn-grey:focus,
|
31 |
+
.cff-btn-grey:active{
|
32 |
+
background: #E8E8EB!important;
|
33 |
+
color: #141B38!important;
|
34 |
+
border: 1px solid #D0D1D7!important;
|
35 |
+
}
|
36 |
+
|
37 |
+
/* blue buttons */
|
38 |
+
.cff-btn-blue{
|
39 |
+
background: #0068A0!important;
|
40 |
+
color: #fff!important;
|
41 |
+
}
|
42 |
+
.cff-btn-blue:hover{
|
43 |
+
background: #0096CC!important;
|
44 |
+
color: #fff!important;
|
45 |
+
}
|
46 |
+
.cff-btn-blue:focus,
|
47 |
+
.cff-btn-blue:active{
|
48 |
+
background: #004D77!important;
|
49 |
+
color: #fff!important;
|
50 |
+
}
|
51 |
+
|
52 |
Â
#cff-admin{
|
53 |
Â
overflow: hidden;
|
54 |
Â
}
|
882 |
Â
position: relative;
|
883 |
Â
clear: right;
|
884 |
Â
overflow: hidden;
|
885 |
+
padding: 20px 70px 23px 82px;
|
886 |
+
box-sizing: border-box;
|
887 |
+
margin: 40px 20px 10px 0px;
|
888 |
+
background: #FFFFFF 0 0 no-repeat padding-box;
|
889 |
+
box-shadow: 0px 1px 2px rgb(0 0 0 / 5%), 0px 4px 5px rgb(0 0 0 / 5%);
|
890 |
+
border-radius: 2px;
|
891 |
+
}
|
892 |
+
.cff_review_notice,
|
893 |
+
.cff_discount_notice,
|
894 |
+
.cff_review_notice_step_1 {
|
895 |
+
border-top: 2px solid #0068A0;
|
896 |
Â
}
|
897 |
Â
.cff_notice .cff_thumb{
|
898 |
+
position: absolute;
|
899 |
+
display: inline-block;
|
900 |
+
-moz-border-radius: 4px;
|
901 |
+
-webkit-border-radius: 4px;
|
902 |
+
border-radius: 4px;
|
903 |
+
left: 0;
|
904 |
+
top: 0;
|
905 |
+
margin: 0;
|
906 |
+
top: 20px;
|
907 |
+
left: 24px;
|
908 |
+
width: 34px;
|
909 |
+
height: 44px;
|
910 |
+
}
|
911 |
+
.cff_notice .cff_thumb {
|
912 |
+
width: 42px;
|
913 |
+
height: 42px;
|
914 |
+
top: 11px;
|
915 |
+
}
|
916 |
+
.cff_notice.cff_review_notice .cff_thumb {
|
917 |
+
top: 16px;
|
918 |
+
}
|
919 |
+
.cff_notice.cff_review_notice_step_1 {
|
920 |
+
padding: 18px 120px 18px 82px;
|
921 |
+
}
|
922 |
+
.cff_notice.cff_review_notice_step_1 .cff-notice-text .cff-notice-text-p {
|
923 |
+
font-size: 16px;
|
924 |
+
font-weight: 600;
|
925 |
+
margin-bottom: 0;
|
926 |
Â
}
|
927 |
Â
.cff_notice .cff_thumb .img-overlay {
|
928 |
Â
position: absolute;
|
945 |
Â
width: 100%;
|
946 |
Â
padding: 0;
|
947 |
Â
}
|
948 |
+
|
949 |
+
.cff_notice.cff_review_notice_step_1 .cff-notice-text {
|
950 |
+
width: auto;
|
951 |
+
}
|
952 |
+
.cff_notice .cff-notice-text .cff-notice-text-p {
|
953 |
+
margin-bottom: 15px;
|
954 |
+
}
|
955 |
+
|
956 |
+
.cff_notice .cff-notice-text .cff-notice-text-header {
|
957 |
+
font-size: 16px;
|
958 |
+
margin: 0 0 10px;
|
959 |
+
color: #141B38;
|
960 |
+
}
|
961 |
+
@media (min-width: 1170px ) {
|
962 |
+
.cff_notice_op.cff_discount_notice .cff-notice-text {
|
963 |
+
display: flex;
|
964 |
+
flex-wrap: wrap;
|
965 |
+
justify-content: space-between;
|
966 |
+
}
|
967 |
+
.cff_notice_op.cff_discount_notice .cff-notice-text .cff-notice-text-inner {
|
968 |
+
width: 60%;
|
969 |
+
max-width: 540px;
|
970 |
+
}
|
971 |
+
.cff_notice_op.cff_discount_notice .cff-notice-text .cff-notice-text-p {
|
972 |
+
margin-bottom: 0;
|
973 |
+
}
|
974 |
+
}
|
975 |
Â
.cff_notice .cff-links{
|
976 |
Â
margin-top: 4px !important;
|
977 |
Â
}
|
979 |
Â
float: left;
|
980 |
Â
clear: both;
|
981 |
Â
width: auto;
|
982 |
+
font-weight: normal;
|
983 |
+
font-size: 14px;
|
984 |
+
line-height: 22px;
|
985 |
+
margin: 0px 0 10px 0;
|
986 |
+
color: #434960;
|
Â
|
|
Â
|
|
Â
|
|
987 |
Â
}
|
988 |
Â
.cff_notice a:hover,
|
989 |
Â
.cff_notice a:focus{
|
990 |
Â
color: #0c7abf;
|
991 |
Â
}
|
992 |
+
.cff_notice .cff-notice-links{
|
993 |
+
margin: 0;
|
Â
|
|
Â
|
|
994 |
Â
}
|
995 |
+
.cff-notice-links{
|
Â
|
|
996 |
Â
margin-top: 0 !important;
|
997 |
Â
}
|
998 |
+
.cff-notice-links .cff-btn {
|
999 |
+
font-weight: 600;
|
1000 |
+
padding: 5px 12px;
|
1001 |
+
border-radius: 2px;
|
1002 |
+
box-sizing: border-box;
|
1003 |
+
height: 32px;
|
1004 |
+
text-decoration: none;
|
1005 |
+
font-size: 12px;
|
1006 |
+
display: inline-block;
|
1007 |
+
}
|
1008 |
+
.cff-notice-links a:not(:last-child) {
|
1009 |
+
margin-right: 5px;
|
1010 |
+
}
|
1011 |
+
.cff-notice-dismiss {
|
1012 |
+
position: absolute;
|
1013 |
+
top: 3px;
|
1014 |
+
right: 0;
|
1015 |
+
cursor: pointer;
|
1016 |
+
width: 40px;
|
1017 |
+
height: 40px;
|
1018 |
+
display: flex;
|
1019 |
+
justify-content: center;
|
1020 |
+
align-items: center;
|
1021 |
+
}
|
1022 |
+
.cff-notice-dismiss path {
|
1023 |
+
fill: #8a8787;
|
1024 |
+
}
|
1025 |
+
body .cff_review_step1_notice h3.title {
|
1026 |
+
display: inline-block;
|
1027 |
+
font-size: 16px !important;
|
1028 |
+
font-weight: 600 !important;
|
1029 |
+
margin: 0 !important;
|
1030 |
+
}
|
1031 |
+
body .cff_review_step1_notice .cff-btn-link {
|
1032 |
+
font-size: 16px;
|
1033 |
+
font-weight: 600;
|
1034 |
+
line-height: 26px;
|
1035 |
+
text-decoration-line: underline;
|
1036 |
+
color: #0068A0;
|
1037 |
+
background: none;
|
1038 |
+
border: none;
|
1039 |
+
cursor: pointer;
|
1040 |
+
padding: 0;
|
1041 |
+
}
|
1042 |
+
body .cff_review_step1_notice .cff-btn-link:not(:last-child) {
|
1043 |
+
margin-right: 12px;
|
1044 |
+
}
|
1045 |
+
|
1046 |
Â
.cff_notice .cff_notice_close,
|
1047 |
Â
.cff_notice .cff_bfcm_sale_notice_close,
|
1048 |
Â
.cff_notice .cff_new_user_sale_notice_close {
|
1056 |
Â
.cff_notice .cff_notice_close:focus{
|
1057 |
Â
color: #a34100;
|
1058 |
Â
}
|
1059 |
+
|
Â
|
|
Â
|
|
1060 |
Â
/* Notice CTA btn */
|
1061 |
+
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
1062 |
Â
.cff_notice .cff_other_notice{
|
1063 |
Â
padding-top: 10px;
|
1064 |
Â
font-style: italic;
|
1067 |
Â
.cff_notice .cff_other_notice a{
|
1068 |
Â
padding: 0;
|
1069 |
Â
}
|
1070 |
+
.cff-notice-consent-btns {
|
1071 |
+
float: left;
|
1072 |
Â
}
|
1073 |
Â
|
1074 |
+
.cff-notice-consent-btns .cff-btn-link {
|
1075 |
+
font-size: 16px;
|
1076 |
+
font-weight: 600;
|
1077 |
+
line-height: 26px;
|
1078 |
+
text-decoration-line: underline;
|
1079 |
+
color: #0068A0;
|
1080 |
+
background: none;
|
1081 |
+
border: none;
|
1082 |
+
cursor: pointer;
|
1083 |
+
padding: 0;
|
1084 |
+
}
|
1085 |
+
.cff-notice-consent-btns .cff-btn-link:not(:last-child) {
|
1086 |
+
margin-right: 12px;
|
1087 |
+
}
|
1088 |
+
@media (min-width: 700px) {
|
1089 |
+
.cff-notice-consent-btns {
|
1090 |
+
margin-left: 20px;
|
1091 |
+
}
|
1092 |
+
body .review-step-1-btns {
|
1093 |
+
margin-left: 20px;
|
1094 |
+
}
|
1095 |
+
.cff_review_step1_notice .review-step-1-btns {
|
1096 |
+
display: inline-block;
|
1097 |
+
}
|
1098 |
+
}
|
1099 |
Â
/* Support page */
|
1100 |
Â
#cff-admin .cff_support{
|
1101 |
Â
overflow: hidden;
|
2949 |
Â
|
2950 |
Â
/* Menu Pro link */
|
2951 |
Â
#adminmenu .wp-submenu .cff_get_pro_highlight{
|
2952 |
+
color: #f37036;
|
2953 |
+
font-weight: 600;
|
2954 |
+
/*background: rgba(0,0,0,0.5);*/
|
2955 |
Â
}
|
2956 |
Â
#adminmenu .wp-submenu .cff_get_pro_highlight:hover,
|
2957 |
Â
#adminmenu .wp-submenu .cff_get_pro_highlight:active{
|
2958 |
+
color: #f37036;
|
2959 |
+
/*background: rgba(0,0,0,0.65);*/
|
2960 |
Â
}
|
2961 |
Â
|
2962 |
Â
/* Install another plugin modal */
|
3228 |
Â
width: 11px;
|
3229 |
Â
position: relative;
|
3230 |
Â
top: 1px;
|
3231 |
+
}
|
3232 |
+
#adminmenu a[href="admin.php?page=cff-support"],
|
3233 |
+
#adminmenu a[href="admin.php?page=cff-top"] {
|
3234 |
+
display: none;
|
3235 |
+
}
|
3236 |
+
|
3237 |
+
/*** CFF Header Notice ***/
|
3238 |
+
.cff-header-notice {
|
3239 |
+
background-color: #DDDDDD;
|
3240 |
+
text-align: center;
|
3241 |
+
position: relative;
|
3242 |
+
padding: 7px;
|
3243 |
+
margin-bottom: 0;
|
3244 |
+
opacity: 1;
|
3245 |
+
transition: all .3s ease-in-out;
|
3246 |
+
max-height: 100px;
|
3247 |
+
overflow: hidden;
|
3248 |
+
background: #0068A0;
|
3249 |
+
}
|
3250 |
+
.cff-header-notice span {
|
3251 |
+
font-size: 14px;
|
3252 |
+
line-height: 160%;
|
3253 |
+
font-weight: 300;
|
3254 |
+
color: #fff !important;
|
3255 |
+
font-weight: 400;
|
3256 |
+
}
|
3257 |
+
.cff-header-notice a {
|
3258 |
+
text-decoration: underline;
|
3259 |
+
font-weight: bold;
|
3260 |
+
color: #fff;
|
3261 |
+
}
|
3262 |
+
.cff-header-notice .cff-dismiss {
|
3263 |
+
position: absolute;
|
3264 |
+
top: 1px;
|
3265 |
+
right: 50px;
|
3266 |
+
border: none;
|
3267 |
+
padding: 5px;
|
3268 |
+
margin-top: 1px;
|
3269 |
+
background: 0 0;
|
3270 |
+
color: #72777c;
|
3271 |
+
cursor: pointer;
|
3272 |
+
}
|
3273 |
+
|
3274 |
+
.cff-header-notice {
|
3275 |
+
padding: 6px;
|
3276 |
+
}
|
3277 |
+
|
3278 |
+
@media (max-width: 769px) {
|
3279 |
+
.cff-header-notice .cff-dismiss {
|
3280 |
+
right: 10px;
|
3281 |
+
}
|
3282 |
+
.cff-header-notice {
|
3283 |
+
padding: 7px 45px 7px 15px;
|
3284 |
+
}
|
3285 |
+
}
|
3286 |
+
|
3287 |
+
|
3288 |
+
/*** CFF Admin Notices ***/
|
3289 |
+
.cff-admin-notices {
|
3290 |
+
padding: 16px 60px 20px 60px;
|
3291 |
+
background: #FFFFFF;
|
3292 |
+
box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05), 0px 4px 5px rgba(0, 0, 0, 0.05);
|
3293 |
+
position: relative;
|
3294 |
+
box-sizing: border-box;
|
3295 |
+
}
|
3296 |
+
.cff-admin-notices:not(:last-child) {
|
3297 |
+
margin-bottom: 15px;
|
3298 |
+
}
|
3299 |
+
.sb-customizer-preview .cff-admin-notices:not(:last-child) {
|
3300 |
+
margin-bottom: 0px;
|
3301 |
+
}
|
3302 |
+
.cff-admin-notices.cff-license-expired-notice {
|
3303 |
+
border-top: 2px solid #D72C2C;
|
3304 |
+
}
|
3305 |
+
.cff-admin-notices.cff-license-renewed-notice {
|
3306 |
+
border-top: 2px solid #59AB46;
|
3307 |
+
}
|
3308 |
+
.cff-admin-notices .sb-notice-title,
|
3309 |
+
#cff-builder-app .cff-admin-notices .sb-notice-title,
|
3310 |
+
#cff-settings .cff-admin-notices .sb-notice-title {
|
3311 |
+
font-weight: 600;
|
3312 |
+
font-size: 18px;
|
3313 |
+
line-height: 25px;
|
3314 |
+
margin: 0px;
|
3315 |
+
letter-spacing: 0;
|
3316 |
+
}
|
3317 |
+
.cff-admin-notices.cff-license-expired-notice h3{
|
3318 |
+
color: #D72C2C;
|
3319 |
+
}
|
3320 |
+
.cff-admin-notices p {
|
3321 |
+
font-size: 14px;
|
3322 |
+
line-height: 22px;
|
3323 |
+
color: #434960;
|
3324 |
+
margin: 0;
|
3325 |
+
}
|
3326 |
+
.cff-admin-notices .sb-notice-icon {
|
3327 |
+
position: absolute;
|
3328 |
+
left: 22px;
|
3329 |
+
top: 18px;
|
3330 |
+
}
|
3331 |
+
.cff-admin-notices #sb-dismiss-notice {
|
3332 |
+
position: absolute;
|
3333 |
+
top: 7px;
|
3334 |
+
right: 7px;
|
3335 |
+
background: none;
|
3336 |
+
border: none;
|
3337 |
+
padding: 5px;
|
3338 |
+
cursor: pointer;
|
3339 |
+
}
|
3340 |
+
.cff-admin-notices #sb-dismiss-notice svg {
|
3341 |
+
width: 14px;
|
3342 |
+
height: 13px;
|
3343 |
+
}
|
3344 |
+
.cff-admin-notices #sb-dismiss-notice path{
|
3345 |
+
fill: #8C8F9A;
|
3346 |
+
}
|
3347 |
+
.cff-admin-notices .license-action-btns {
|
3348 |
+
margin-top: 16px;
|
3349 |
+
display: flex;
|
3350 |
+
}
|
3351 |
+
.cff-admin-notices .license-action-btns .cff-notice-btn {
|
3352 |
+
text-decoration: none;
|
3353 |
+
}
|
3354 |
+
.cff-admin-notices .license-action-btns .cff-notice-btn:not(:last-child) {
|
3355 |
+
margin-right: 8px;
|
3356 |
+
}
|
3357 |
+
.cff-admin-notices .license-action-btns .cff-notice-btn {
|
3358 |
+
font-size: 12px;
|
3359 |
+
line-height: 160%;
|
3360 |
+
padding: 6px 12px;
|
3361 |
+
}
|
3362 |
+
.cff-admin-notices .license-action-btns .cff-notice-btn .spinner-icon {
|
3363 |
+
display: none;
|
3364 |
+
}
|
3365 |
+
.cff-admin-notices .license-action-btns .cff-notice-btn svg {
|
3366 |
+
margin-right: 4px;
|
3367 |
+
transform: translate(0px, 2px);
|
3368 |
+
}
|
3369 |
+
.cff-admin-notices .license-action-btns .cff-notice-btn:active,
|
3370 |
+
.cff-admin-notices .license-action-btns .cff-notice-btn:focus {
|
3371 |
+
outline: none;
|
3372 |
+
box-shadow: none;
|
3373 |
+
}
|
3374 |
+
.cff-admin-notices .license-action-btns .cff-btn.cff-btn-blue {
|
3375 |
+
border: 1px solid #0068A0;
|
3376 |
+
}
|
3377 |
+
.cff-admin-notices .license-action-btns .cff-btn.cff-btn-blue:hover {
|
3378 |
+
border: 1px solid #0096CC;
|
3379 |
+
}
|
3380 |
+
.cff-admin-notices .license-action-btns .cff-btn.cff-btn-blue:active,
|
3381 |
+
.cff-admin-notices .license-action-btns .cff-btn.cff-btn-blue:focus {
|
3382 |
+
border: 1px solid #004D77;
|
3383 |
+
}
|
3384 |
+
|
3385 |
+
.cff-critical-error-notice {
|
3386 |
+
border-top: 2px solid #D72C2C;
|
3387 |
+
}
|
3388 |
+
.cff-critical-error-notice .sb-notice-title {
|
3389 |
+
color: #D72C2C;
|
3390 |
+
}
|
3391 |
+
.cff-critical-error-notice .button-primary {
|
3392 |
+
box-sizing: border-box;
|
3393 |
+
border-radius: 2px;
|
3394 |
+
display: inline-block;
|
3395 |
+
padding: 6px 12px;
|
3396 |
+
color: #141B38;
|
3397 |
+
font-weight: 600;
|
3398 |
+
padding: 6px 12px;
|
3399 |
+
font-size: 12px;
|
3400 |
+
line-height: 19px;
|
3401 |
+
cursor: pointer;
|
3402 |
+
transition: all 0.15s ease-in-out;
|
3403 |
+
text-decoration: none;
|
3404 |
+
border: 1px solid #0068A0;
|
3405 |
+
margin-right: 8px;
|
3406 |
+
min-height: auto;
|
3407 |
+
}
|
3408 |
+
|
3409 |
+
.cff-critical-error-notice .button-primary {
|
3410 |
+
background: #0068A0!important;
|
3411 |
+
color: #fff!important;
|
3412 |
+
}
|
3413 |
+
.cff-critical-error-notice .button-primary:hover{
|
3414 |
+
background: #0096CC!important;
|
3415 |
+
border: 1px solid #0096CC;
|
3416 |
+
color: #fff!important;
|
3417 |
+
}
|
3418 |
+
.cff-critical-error-notice .button-primary:focus,
|
3419 |
+
.cff-critical-error-notice .button-primary:active{
|
3420 |
+
background: #004D77!important;
|
3421 |
+
color: #004D77!important;
|
3422 |
+
border: 1px solid #0096CC;
|
3423 |
+
}
|
3424 |
+
|
3425 |
+
#cff-settings .cff-admin-notices.cff-critical-error-notice .sb-notice-title {
|
3426 |
+
margin-bottom: 10px;
|
3427 |
+
}
|
3428 |
+
|
3429 |
+
@media (max-width: 580px) {
|
3430 |
+
.cff-admin-notices {
|
3431 |
+
padding: 16px 20px 20px 60px;
|
3432 |
+
}
|
3433 |
+
}
|
3434 |
+
|
3435 |
+
.sb-fs-boss {
|
3436 |
+
position: fixed;
|
3437 |
+
height: 100vh;
|
3438 |
+
width: 100%;
|
3439 |
+
left: 0;
|
3440 |
+
top: 0;
|
3441 |
+
bottom: 0;
|
3442 |
+
right: 0;
|
3443 |
+
background: rgba(0,0,0,.4);
|
3444 |
+
z-index: 9989;
|
3445 |
+
}
|
3446 |
+
.cff-fb-center-boss {
|
3447 |
+
display: flex;
|
3448 |
+
justify-content: center;
|
3449 |
+
align-items: center;
|
3450 |
+
}
|
3451 |
+
.cff-fb-popup-inside {
|
3452 |
+
left: 80px;
|
3453 |
+
width: 880px;
|
3454 |
+
max-width: calc(100% - 200px);
|
3455 |
+
background: #fff;
|
3456 |
+
color: #141B38;
|
3457 |
+
position: relative;
|
3458 |
+
box-shadow: 0px 26.7377px 77.2886px rgb(0 0 0 / 11%), 0px 14.2952px 41.3222px rgb(0 0 0 / 9%), 0px 8.01379px 23.1649px rgb(0 0 0 / 8%), 0px 4.25607px 12.3027px rgb(0 0 0 / 6%), 0px 1.77104px 5.11942px rgb(0 0 0 / 4%);
|
3459 |
+
border-radius: 2px;
|
3460 |
+
overflow-y: auto;
|
3461 |
+
max-height: 80vh;
|
3462 |
+
}
|
3463 |
+
.cff-fb-popup-inside[data-step="redirect_1"]{
|
3464 |
+
width: 575px;
|
3465 |
+
height: 320px;
|
3466 |
+
display: flex;
|
3467 |
+
justify-content: center;
|
3468 |
+
align-items: center;
|
3469 |
+
}
|
3470 |
+
.cff-install-plugin-modal {
|
3471 |
+
max-width: 580px;
|
3472 |
+
}
|
3473 |
+
.cff-fb-popup-cls {
|
3474 |
+
height: 14px;
|
3475 |
+
width: 14px;
|
3476 |
+
position: absolute;
|
3477 |
+
cursor: pointer;
|
3478 |
+
right: 17px;
|
3479 |
+
top: 17px;
|
3480 |
+
z-index: 3;
|
3481 |
+
}
|
3482 |
+
.cff-install-plugin-body .cff-install-plugin-header {
|
3483 |
+
height: 106px;
|
3484 |
+
background: #F3F4F5;
|
3485 |
+
padding: 20px;
|
3486 |
+
display: flex;
|
3487 |
+
box-sizing: border-box;
|
3488 |
+
flex-wrap: wrap;
|
3489 |
+
align-items: center;
|
3490 |
+
}
|
3491 |
+
.cff-install-plugin-body .cff-install-plugin-content {
|
3492 |
+
padding: 20px 20px 32px 107px;
|
3493 |
+
}
|
3494 |
+
.cff-install-plugin-body .cff-install-plugin-header .sb-plugin-image {
|
3495 |
+
background-color: #fff;
|
3496 |
+
box-shadow: 0px 1px 2px rgb(0 0 0 / 5%), 0px 4px 5px rgb(0 0 0 / 5%);
|
3497 |
+
border-radius: 2px;
|
3498 |
+
padding: 15px;
|
3499 |
+
max-height: 66px;
|
3500 |
+
box-sizing: border-box;
|
3501 |
+
margin-right: 24px;
|
3502 |
+
}
|
3503 |
+
.cff-install-plugin-body .cff-install-plugin-header h3 {
|
3504 |
+
font-size: 18px !important;
|
3505 |
+
line-height: 25px !important;
|
3506 |
+
display: flex;
|
3507 |
+
align-items: center;
|
3508 |
+
margin: 0 0 4px 0;
|
3509 |
+
font-style: normal;
|
3510 |
+
font-weight: 600;
|
3511 |
+
}
|
3512 |
+
.cff-install-plugin-body .cff-install-plugin-header h3 span {
|
3513 |
+
color: #fff;
|
3514 |
+
background: #59AB46;
|
3515 |
+
border-radius: 2px;
|
3516 |
+
font-size: 10px;
|
3517 |
+
line-height: 16px;
|
3518 |
+
letter-spacing: 0.08em;
|
3519 |
+
text-transform: uppercase;
|
3520 |
+
padding: 0px 6px;
|
3521 |
+
margin-left: 10px;
|
3522 |
+
}
|
3523 |
+
.cff-install-plugin-body .cff-install-plugin-header p {
|
3524 |
+
display: flex;
|
3525 |
+
font-size: 12px;
|
3526 |
+
line-height: 18px;
|
3527 |
+
color: #434960;
|
3528 |
+
margin: 5px 0 0 0;
|
3529 |
+
}
|
3530 |
+
.cff-install-plugin-body .cff-install-plugin-header p .sb-author-logo {
|
3531 |
+
margin-right: 8px;
|
3532 |
+
}
|
3533 |
+
.cff-install-plugin-body .cff-install-plugin-content p {
|
3534 |
+
margin: 0px;
|
3535 |
+
font-size: 14px;
|
3536 |
+
line-height: 22px;
|
3537 |
+
color: #434960;
|
3538 |
+
padding-right: 20px;
|
3539 |
+
}
|
3540 |
+
.cff-install-plugin-body .cff-install-plugin-content .cff-install-plugin-btn {
|
3541 |
+
display: flex;
|
3542 |
+
align-items: center;
|
3543 |
+
justify-content: center;
|
3544 |
+
height: 38px;
|
3545 |
+
padding: 8px 20px;
|
3546 |
+
box-sizing: border-box;
|
3547 |
+
transition: all .15s ease-in-out;
|
3548 |
+
border-radius: 2px;
|
3549 |
+
width: 100%;
|
3550 |
+
margin-top: 28px;
|
3551 |
+
border: none;
|
3552 |
+
font-size: 14px;
|
3553 |
+
font-weight: 600;
|
3554 |
+
line-height: 160%;
|
3555 |
+
cursor: pointer;
|
3556 |
+
}
|
3557 |
+
.cff-btn-orange {
|
3558 |
+
background: #E34F0E!important;
|
3559 |
+
color: #fff!important;
|
3560 |
+
}
|
3561 |
+
.cff-btn-orange:hover {
|
3562 |
+
background: #F37036!important;
|
3563 |
+
color: #fff!important;
|
3564 |
+
}
|
3565 |
+
.cff-btn-orange:focus, .cff-btn-orange:active {
|
3566 |
+
background: #B8400B!important;
|
3567 |
+
color: #fff!important;
|
3568 |
+
}
|
3569 |
+
.cff-btn-blue{
|
3570 |
+
background: #0068A0!important;
|
3571 |
+
color: #fff!important;
|
3572 |
+
}
|
3573 |
+
.cff-btn-blue:hover{
|
3574 |
+
background: #0096CC!important;
|
3575 |
+
color: #fff!important;
|
3576 |
+
}
|
3577 |
+
.cff-btn-blue:focus,
|
3578 |
+
.cff-btn-blue:active{
|
3579 |
+
background: #004D77!important;
|
3580 |
+
color: #fff!important;
|
3581 |
+
}
|
3582 |
+
.cff-install-plugin-btn:disabled {
|
3583 |
+
color: #8C8F9A !important;
|
3584 |
+
background: #E8E8EB !important;
|
3585 |
+
cursor: not-allowed;
|
3586 |
+
}
|
3587 |
+
.cff-install-plugin-btn .cff-btn-spinner {
|
3588 |
+
height: 20px;
|
3589 |
+
margin-right: 8px;
|
3590 |
Â
}
|
admin/assets/css/extensions.css
ADDED
@@ -0,0 +1,727 @@
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
1 |
+
/*
|
2 |
+
* Extensions CSS TABLE OF CONTENTS
|
3 |
+
*
|
4 |
+
* 1.0 - GLOBAL
|
5 |
+
* 2.0 - HEADER
|
6 |
+
* 3.0 - 3.0 - EXTENSIONS CONTAINER
|
7 |
+
* 3.1 - SECTION HEADER
|
8 |
+
* 3.2 - EXTENSIONS BOX
|
9 |
+
* 3.3 - PLUGINS BOX
|
10 |
+
* 4.0 - STICKY WIDGET
|
11 |
+
* 5.0 - RESPONSIVENESS
|
12 |
+
*/
|
13 |
+
|
14 |
+
/*** 1.0 - GLOBAL ***/
|
15 |
+
.clearfix { display: inline-block; }
|
16 |
+
/* start commented backslash hack \*/
|
17 |
+
* html .clearfix { height: 1%; }
|
18 |
+
.clearfix { display: block; }
|
19 |
+
#cff-extensions {
|
20 |
+
-webkit-font-smoothing: antialiased;
|
21 |
+
font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
|
22 |
+
}
|
23 |
+
#wpcontent {
|
24 |
+
padding-left: 0px;
|
25 |
+
}
|
26 |
+
#wpbody-content {
|
27 |
+
padding-bottom: 40px;
|
28 |
+
}
|
29 |
+
.clearfix:after {
|
30 |
+
visibility: hidden;
|
31 |
+
display: block;
|
32 |
+
font-size: 0;
|
33 |
+
content: " ";
|
34 |
+
clear: both;
|
35 |
+
height: 0;
|
36 |
+
}
|
37 |
+
/*orange*/
|
38 |
+
.sb-btn-orange{
|
39 |
+
background: #E34F0E!important;
|
40 |
+
color: #fff!important;
|
41 |
+
}
|
42 |
+
.sb-btn-orange:hover{
|
43 |
+
background: #F37036!important;
|
44 |
+
color: #fff!important;
|
45 |
+
}
|
46 |
+
.sb-btn-orange:focus,
|
47 |
+
.sb-btn-orange:active{
|
48 |
+
background: #B8400B!important;
|
49 |
+
color: #fff!important;
|
50 |
+
}
|
51 |
+
.cff-fb-full-wrapper{
|
52 |
+
padding: 0 53px;
|
53 |
+
padding-top: 82px;
|
54 |
+
}
|
55 |
+
.cff-fb-fs {
|
56 |
+
width: 100%;
|
57 |
+
position: relative;
|
58 |
+
float: left;
|
59 |
+
box-sizing: border-box;
|
60 |
+
}
|
61 |
+
|
62 |
+
/*** 2.0 - HEADER ***/
|
63 |
+
.cff-fb-create-ctn{
|
64 |
+
margin-top: 90px;
|
65 |
+
}
|
66 |
+
.cff-fb-header{
|
67 |
+
height: 64px;
|
68 |
+
position: absolute;
|
69 |
+
display: flex;
|
70 |
+
flex-direction: row;
|
71 |
+
justify-content: space-between;
|
72 |
+
align-items: center;
|
73 |
+
background: #fff;
|
74 |
+
padding: 0px 52px;
|
75 |
+
z-index: 2;
|
76 |
+
}
|
77 |
+
.cff-fb-header-left {
|
78 |
+
display: flex;
|
79 |
+
}
|
80 |
+
.cff-fb-header-left .sb-social-wall-link-wrap {
|
81 |
+
margin-left: 30px;
|
82 |
+
}
|
83 |
+
.sb-social-wall-link-wrap {
|
84 |
+
display: flex;
|
85 |
+
font-size: 14px;
|
86 |
+
margin: 10px 0 10px 30px;
|
87 |
+
}
|
88 |
+
.sb-social-wall-link:first-child {
|
89 |
+
padding-left: 0;
|
90 |
+
border-right: 1px solid #ccc;
|
91 |
+
color: #0068A0!important;
|
92 |
+
line-height: 1;
|
93 |
+
}
|
94 |
+
.sb-social-wall-link {
|
95 |
+
padding: 0 12px;
|
96 |
+
border-right: 1px solid #ccc;
|
97 |
+
color: #0068A0!important;
|
98 |
+
line-height: 1;
|
99 |
+
}
|
100 |
+
.sb-social-wall-link a {
|
101 |
+
text-decoration: none;
|
102 |
+
}
|
103 |
+
.sb-social-wall-link a:focus {
|
104 |
+
outline: none;
|
105 |
+
box-shadow: none;
|
106 |
+
}
|
107 |
+
.sb-social-wall-link:last-child {
|
108 |
+
border-right: none;
|
109 |
+
}
|
110 |
+
.cff-fb-hd-logo{
|
111 |
+
display: flex;
|
112 |
+
vertical-align: middle;
|
113 |
+
align-items: center;
|
114 |
+
gap: 5px;
|
115 |
+
}
|
116 |
+
.cff-fb-hd-logo .sb-logo-letters-wrap {
|
117 |
+
margin-bottom: 4px;
|
118 |
+
}
|
119 |
+
.cff-fb-hd-logo .breadcrumb-title{
|
120 |
+
font-size: 14px;
|
121 |
+
font-weight: 400;
|
122 |
+
line-height: 22px;
|
123 |
+
letter-spacing: 0em;
|
124 |
+
margin-left: 4px;
|
125 |
+
}
|
126 |
+
.cff-fb-hd-logo .separator{
|
127 |
+
margin: 0 5px 0 10px;
|
128 |
+
}
|
129 |
+
.cff-fb-hd-btn{
|
130 |
+
height: 38px;
|
131 |
+
cursor: pointer;
|
132 |
+
display: flex;
|
133 |
+
flex-direction: row;
|
134 |
+
justify-content: center;
|
135 |
+
align-items: center;
|
136 |
+
padding: 0px 15px 0px 13px;
|
137 |
+
font-weight: 600;
|
138 |
+
font-size: 14px;
|
139 |
+
color: #353A41;
|
140 |
+
background: #F3F4F5;
|
141 |
+
border-radius: 2px;
|
142 |
+
border: 1px solid #DCDDE1;
|
143 |
+
position: relative;
|
144 |
+
text-decoration: none;
|
145 |
+
transition: all 0.3s ease;
|
146 |
+
box-sizing: border-box;
|
147 |
+
}
|
148 |
+
.cff-fb-hd-btn svg {
|
149 |
+
margin-right: 10px;
|
150 |
+
width: 16px;
|
151 |
+
}
|
152 |
+
.cff-fb-hd-btn:focus {
|
153 |
+
outline: none;
|
154 |
+
box-shadow: none;
|
155 |
+
}
|
156 |
+
.cff-fb-hd-btn:hover {
|
157 |
+
color: inherit;
|
158 |
+
background-color: #fff;
|
159 |
+
}
|
160 |
+
.cff-fb-hd-btn i{
|
161 |
+
margin: 0px 5px;
|
162 |
+
}
|
163 |
+
.cff-fb-hd-btn[data-icon="left"]{
|
164 |
+
padding-right: 20px!important;
|
165 |
+
}
|
166 |
+
.cff-fb-full-wrapper .section-header h1 {
|
167 |
+
font-size: 32px;
|
168 |
+
line-height: 40px;
|
169 |
+
}
|
170 |
+
/*** 3.0 - EXTENSIONS CONTAINER ***/
|
171 |
+
.cff-extensions-container {
|
172 |
+
max-width: 875px;
|
173 |
+
position: relative;
|
174 |
+
margin: auto;
|
175 |
+
margin-top: 33px;
|
176 |
+
box-sizing: border-box;
|
177 |
+
}
|
178 |
+
|
179 |
+
/*** 3.1 - SECTION HEADER ***/
|
180 |
+
.cff-section-header h2 {
|
181 |
+
font-weight: 600;
|
182 |
+
font-size: 32px;
|
183 |
+
line-height: 40px;
|
184 |
+
color: #141B38;
|
185 |
+
margin: 0 0 5px 0;
|
186 |
+
}
|
187 |
+
|
188 |
+
.cff-section-header p {
|
189 |
+
font-size: 13px;
|
190 |
+
line-height: 18px;
|
191 |
+
color: #8C8F9A;
|
192 |
+
margin: 0;
|
193 |
+
}
|
194 |
+
.cff-section-second-header {
|
195 |
+
margin-top: 43px;
|
196 |
+
}
|
197 |
+
.cff-section-second-header h3 {
|
198 |
+
font-weight: 600;
|
199 |
+
font-size: 24px;
|
200 |
+
line-height: 29px;
|
201 |
+
color: #141B38;
|
202 |
+
margin: 0 0 5px 0;
|
203 |
+
}
|
204 |
+
.cff-section-second-header p {
|
205 |
+
font-size: 14px;
|
206 |
+
line-height: 22px;
|
207 |
+
color: #8C8F9A;
|
208 |
+
margin-top: 0px;
|
209 |
+
margin-bottom: 25px;
|
210 |
+
}
|
211 |
+
.cff-oembed-plugin-box {
|
212 |
+
background: #FFFFFF;
|
213 |
+
box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05), 0px 4px 5px rgba(0, 0, 0, 0.05);
|
214 |
+
margin-bottom: 10px;
|
215 |
+
padding: 12px 20px;
|
216 |
+
display: flex;
|
217 |
+
justify-content: space-between;
|
218 |
+
align-items: center;
|
219 |
+
}
|
220 |
+
/*** 3.2 - OEMBED EXTENSIONS BOX ***/
|
221 |
+
.cff-extensions-boxes-container {
|
222 |
+
margin-top: 20px;
|
223 |
+
display: flex;
|
224 |
+
flex-wrap: wrap;
|
225 |
+
justify-content: space-between;
|
226 |
+
gap: 12px;
|
227 |
+
}
|
228 |
+
.cff-extensions-boxes-container .sb-extensions-box{
|
229 |
+
background-color: #fff;
|
230 |
+
padding: 15px 16px 16px;
|
231 |
+
box-shadow: 0px 1px 2px rgb(0 0 0 / 5%), 0px 4px 5px rgb(0 0 0 / 5%);
|
232 |
+
border-radius: 4px;
|
233 |
+
width: calc((100% / 3) - 8px);
|
234 |
+
box-sizing: border-box;
|
235 |
+
}
|
236 |
+
.sb-extensions-box .sb-box-title {
|
237 |
+
font-weight: 600;
|
238 |
+
font-size: 14px;
|
239 |
+
line-height: 22px;
|
240 |
+
color: #141B38;
|
241 |
+
margin-bottom: 5px;
|
242 |
+
margin-top: 7px;
|
243 |
+
}
|
244 |
+
.sb-extensions-box .sb-box-description {
|
245 |
+
margin: 0;
|
246 |
+
font-size: 13px;
|
247 |
+
line-height: 18px;
|
248 |
+
color: #8C8F9A;
|
249 |
+
}
|
250 |
+
.sb-extensions-box .sb-action-buttons {
|
251 |
+
margin-top: 20px;
|
252 |
+
display: flex;
|
253 |
+
}
|
254 |
+
.sb-action-buttons .cff-btn {
|
255 |
+
display: flex;
|
256 |
+
align-items: center;
|
257 |
+
vertical-align: middle;
|
258 |
+
justify-content: center;
|
259 |
+
background: #F3F4F5;
|
260 |
+
border: 1px solid #DCDDE1;
|
261 |
+
box-sizing: border-box;
|
262 |
+
border-radius: 2px;
|
263 |
+
padding: 7px 20px;
|
264 |
+
font-weight: 600;
|
265 |
+
font-size: 12px;
|
266 |
+
line-height: 18px;
|
267 |
+
color: #141B38;
|
268 |
+
box-sizing: border-box;
|
269 |
+
letter-spacing: 0.2px;
|
270 |
+
cursor: pointer;
|
271 |
+
text-decoration: none;
|
272 |
+
transition: all 0.15s ease-in-out;
|
273 |
+
}
|
274 |
+
.sb-action-buttons .cff-btn:hover {
|
275 |
+
background: #FFFFFF;
|
276 |
+
border: 1px solid #D0D1D7;
|
277 |
+
}
|
278 |
+
.sb-action-buttons .cff-btn:focus,
|
279 |
+
.sb-action-buttons .cff-btn:active {
|
280 |
+
background: #E8E8EB;
|
281 |
+
border: 1px solid #D0D1D7;
|
282 |
+
box-shadow: none;
|
283 |
+
outline: none;
|
284 |
+
}
|
285 |
+
.sb-action-buttons .cff-btn.sb-btn-install {
|
286 |
+
padding: 7px 27px;
|
287 |
+
}
|
288 |
+
.cff-social-wall-plugin-box .sb-action-buttons .sb-btn-install {
|
289 |
+
padding: 6px 4px 6px 15px;
|
290 |
+
}
|
291 |
+
.cff-social-wall-plugin-box .sb-action-buttons .sb-btn-install span {
|
292 |
+
margin-left: 12px;
|
293 |
+
}
|
294 |
+
.sb-action-buttons .cff-btn.loading svg {
|
295 |
+
height: 13px;
|
296 |
+
transform: translate(0px, 2px);
|
297 |
+
}
|
298 |
+
.sb-action-buttons .cff-btn.sb-btn-add svg,
|
299 |
+
.sb-action-buttons .cff-btn.sb-btn-install svg {
|
300 |
+
margin-right: 10px;
|
301 |
+
height: 10px;
|
302 |
+
}
|
303 |
+
.sb-action-buttons .cff-btn.sb-btn-add path,
|
304 |
+
.sb-action-buttons .cff-btn.sb-btn-install path {
|
305 |
+
fill: #141B38;
|
306 |
+
}
|
307 |
+
.sb-action-buttons .cff-btn.sb-btn-installed {
|
308 |
+
background: #E8E8EB;
|
309 |
+
color: #8C8F9A;
|
310 |
+
cursor: not-allowed;
|
311 |
+
border: none;
|
312 |
+
}
|
313 |
+
.sb-action-buttons .cff-btn.sb-btn-activate {
|
314 |
+
background-color: #0068A0;
|
315 |
+
border-color: #0068A0;
|
316 |
+
color: #fff;
|
317 |
+
}
|
318 |
+
.sb-action-buttons .cff-btn.sb-btn-activate:hover {
|
319 |
+
background-color: #0096CC;
|
320 |
+
border-color: #0096CC;
|
321 |
+
}
|
322 |
+
.sb-action-buttons .cff-btn.sb-btn-activate:focus,
|
323 |
+
.sb-action-buttons .cff-btn.sb-btn-activate:active {
|
324 |
+
background-color: #004D77;
|
325 |
+
border-color: #004D77;
|
326 |
+
}
|
327 |
+
.sb-action-buttons .cff-btn.sb-btn-deactivate {
|
328 |
+
background-color: #D72C2C;
|
329 |
+
border-color: #D72C2C;
|
330 |
+
color: #fff;
|
331 |
+
}
|
332 |
+
.sb-action-buttons .cff-btn.sb-btn-deactivate:hover {
|
333 |
+
background-color: #DF5757;
|
334 |
+
border-color: #DF5757;
|
335 |
+
}
|
336 |
+
.sb-action-buttons .cff-btn.sb-btn-deactivate:focus,
|
337 |
+
.sb-action-buttons .cff-btn.sb-btn-deactivate:active {
|
338 |
+
background-color: #841919;
|
339 |
+
border-color: #841919;
|
340 |
+
}
|
341 |
+
.sb-plugins-box .sb-action-buttons .cff-btn.sb-btn-deactivate{
|
342 |
+
display: none;
|
343 |
+
}
|
344 |
+
.sb-action-buttons .cff-btn:not(:last-child) {
|
345 |
+
margin-right: 8px;
|
346 |
+
}
|
347 |
+
.sb-btn-add-plugin svg {
|
348 |
+
height: 10px;
|
349 |
+
margin-right: 10px;
|
350 |
+
}
|
351 |
+
.sb-btn-add-plugin svg path {
|
352 |
+
fill: #141B38;
|
353 |
+
}
|
354 |
+
.sb-btn-installed svg {
|
355 |
+
margin-right: 10px;
|
356 |
+
}
|
357 |
+
/*** 3.3 - EXTENSION PLUGINS BOX CONTAINER ***/
|
358 |
+
.cff-plugins-boxes-container {
|
359 |
+
display: flex;
|
360 |
+
flex-wrap: wrap;
|
361 |
+
align-items: center;
|
362 |
+
justify-content: space-between;
|
363 |
+
margin-top: 20px;
|
364 |
+
gap: 12px;
|
365 |
+
}
|
366 |
+
.cff-plugins-boxes-container .sb-plugins-box{
|
367 |
+
background-color: #fff;
|
368 |
+
padding: 18px 25px 20px 20px;
|
369 |
+
box-shadow: 0px 1px 2px rgb(0 0 0 / 5%), 0px 4px 5px rgb(0 0 0 / 5%);
|
370 |
+
border-radius: 4px;
|
371 |
+
width: calc((100% / 2) - 6px);
|
372 |
+
display: flex;
|
373 |
+
box-sizing: border-box;
|
374 |
+
}
|
375 |
+
.cff-plugins-boxes-container .sb-plugins-box .icon {
|
376 |
+
max-width: 52px;
|
377 |
+
padding-right: 0px;
|
378 |
+
box-sizing: border-box;
|
379 |
+
width: 52px;
|
380 |
+
margin-right: 24px;
|
381 |
+
min-width: 52px;
|
382 |
+
}
|
383 |
+
.cff-plugins-boxes-container .sb-plugins-box .icon img {
|
384 |
+
max-width: 100%;
|
385 |
+
}
|
386 |
+
.sb-plugins-box .sb-box-title {
|
387 |
+
font-weight: 600;
|
388 |
+
font-size: 16px;
|
389 |
+
line-height: 22px;
|
390 |
+
color: #141B38;
|
391 |
+
margin-top: 0;
|
392 |
+
margin-bottom: 5px;
|
393 |
+
}
|
394 |
+
.sb-plugins-box .sb-box-description {
|
395 |
+
margin: 0;
|
396 |
+
font-size: 13px;
|
397 |
+
line-height: 18px;
|
398 |
+
color: #8C8F9A;
|
399 |
+
}
|
400 |
+
.sb-plugins-box .sb-action-buttons {
|
401 |
+
margin-top: 20px;
|
402 |
+
display: flex;
|
403 |
+
}
|
404 |
+
|
405 |
+
.cff-plugins-boxes-container .sb-plugins-box.cff-social-wall-plugin-box {
|
406 |
+
padding: 27px 20px 22px 120px;
|
407 |
+
flex-basis: 100%;
|
408 |
+
margin-right: 0;
|
409 |
+
justify-content: center;
|
410 |
+
position: relative;
|
411 |
+
overflow: hidden;
|
412 |
+
box-sizing: border-box;
|
413 |
+
}
|
414 |
+
.cff-plugins-boxes-container .sb-plugins-box.cff-social-wall-plugin-box .plugin-box-content {
|
415 |
+
z-index: 11;
|
416 |
+
}
|
417 |
+
.cff-social-wall-plugin-box .sb-box-title {
|
418 |
+
font-size: 24px;
|
419 |
+
line-height: 27px;
|
420 |
+
letter-spacing: 0;
|
421 |
+
color: #141B38;
|
422 |
+
margin-bottom: 0;
|
423 |
+
}
|
424 |
+
.cff-social-wall-plugin-box .sb-box-description {
|
425 |
+
font-size: 14px;
|
426 |
+
line-height: 22px;
|
427 |
+
color: #8C8F9A;
|
428 |
+
}
|
429 |
+
.cff-social-wall-plugin-box .sb-box-bg-image {
|
430 |
+
position: absolute;
|
431 |
+
z-index: 0;
|
432 |
+
left: 0;
|
433 |
+
width: 320px;
|
434 |
+
top: 0;
|
435 |
+
}
|
436 |
+
.cff-social-wall-plugin-box .sb-box-bg-image img {
|
437 |
+
max-width: 100%;
|
438 |
+
}
|
439 |
+
|
440 |
+
|
441 |
+
/*** 4.0 Sticky Widget ***/
|
442 |
+
.cff-stck-wdg{
|
443 |
+
position: fixed;
|
444 |
+
right: 21px;
|
445 |
+
z-index: 9;
|
446 |
+
bottom: 20px;
|
447 |
+
}
|
448 |
+
.cff-stck-wdg-btn{
|
449 |
+
width: 52px;
|
450 |
+
height: 52px;
|
451 |
+
background: #fff;
|
452 |
+
border-radius: 50%;
|
453 |
+
cursor: pointer;
|
454 |
+
display: flex;
|
455 |
+
justify-content: center;
|
456 |
+
align-items: center;
|
457 |
+
filter: drop-shadow(0px 9px 13px rgba(0, 0, 0, 0.2));
|
458 |
+
}
|
459 |
+
.cff-stck-wdg-btn svg{
|
460 |
+
width: 25px;
|
461 |
+
fill: #E34F0E;
|
462 |
+
height: 33px;
|
463 |
+
float: left;
|
464 |
+
}
|
465 |
+
|
466 |
+
.cff-stck-wdg[data-active="true"] .cff-stck-wdg-btn-cls,
|
467 |
+
.cff-stck-wdg[data-active="true"] .cff-stck-wdg-btn-cls svg{
|
468 |
+
display: block;
|
469 |
+
}
|
470 |
+
.cff-stck-wdg-btn-cls{
|
471 |
+
width: inherit;
|
472 |
+
height: inherit;
|
473 |
+
position: relative;
|
474 |
+
color: #364152;
|
475 |
+
box-shadow: 0px 1px 6px rgb(0 0 0 / 5%), 0px 9px 12px rgb(0 0 0 / 5%);
|
476 |
+
border-radius: 70px;
|
477 |
+
}
|
478 |
+
.cff-stck-wdg-btn-cls svg {
|
479 |
+
width: 14px;
|
480 |
+
height: 14px;
|
481 |
+
position: absolute;
|
482 |
+
top: 50%;
|
483 |
+
right: 0;
|
484 |
+
bottom: 0;
|
485 |
+
left: 50%;
|
486 |
+
margin-top: -7px;
|
487 |
+
margin-left: -7px;
|
488 |
+
}
|
489 |
+
|
490 |
+
.cff-stck-pop{
|
491 |
+
position: absolute;
|
492 |
+
width: 292px;
|
493 |
+
height: auto;
|
494 |
+
background: #fff;
|
495 |
+
border: 1px solid #E2E8F0;
|
496 |
+
box-sizing: border-box;
|
497 |
+
box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.15), 0px 3px 14px rgba(0, 0, 0, 0.12);
|
498 |
+
border-radius: 2px;
|
499 |
+
padding: 20px;
|
500 |
+
right: 0px;
|
501 |
+
bottom: 66px;
|
502 |
+
color: #141B38;
|
503 |
+
padding-bottom: 82px;
|
504 |
+
}
|
505 |
+
.cff-stck-wdg[data-active="true"] .cff-stck-pop{
|
506 |
+
bottom: 66px;
|
507 |
+
opacity: 1;
|
508 |
+
visibility: visible;
|
509 |
+
}
|
510 |
+
|
511 |
+
.cff-stck-pop svg{
|
512 |
+
fill: currentColor;
|
513 |
+
}
|
514 |
+
.cff-stck-el-list{
|
515 |
+
border: 1px solid #DCDDE1;
|
516 |
+
border-radius: 2px;
|
517 |
+
}
|
518 |
+
.cff-stck-el{
|
519 |
+
display: flex;
|
520 |
+
align-items: center;
|
521 |
+
padding: 12px 13px 11px;
|
522 |
+
border-bottom: 1px solid #DCDDE1;
|
523 |
+
transition: background .15s ease-in-out;
|
524 |
+
font-size: 12px;
|
525 |
+
}
|
526 |
+
.cff-stck-el:hover{
|
527 |
+
background: #F3F4F5;
|
528 |
+
}
|
529 |
+
.cff-stck-el:last-of-type{
|
530 |
+
border-bottom: 0px;
|
531 |
+
}
|
532 |
+
.cff-stck-el-list .cff-chevron svg{
|
533 |
+
width: 5px;
|
534 |
+
height: 8px;
|
535 |
+
}
|
536 |
+
.cff-fs-a {
|
537 |
+
width: 100%;
|
538 |
+
height: 100%;
|
539 |
+
display: block;
|
540 |
+
position: absolute;
|
541 |
+
left: 0;
|
542 |
+
top: 0;
|
543 |
+
z-index: 1;
|
544 |
+
}
|
545 |
+
.cff-stck-el .cff-stck-el-txt{
|
546 |
+
color: #27303F;
|
547 |
+
}
|
548 |
+
.cff-stck-el.cff-stck-el-upgrd{
|
549 |
+
padding: 9px 14px;
|
550 |
+
font-size: 14px;
|
551 |
+
background: var(--cl-orange);
|
552 |
+
color: #fff;
|
553 |
+
position: relative;
|
554 |
+
transition: background .15s ease-in-out;
|
555 |
+
font-weight: 600;
|
556 |
+
}
|
557 |
+
.cff-chevron {
|
558 |
+
position: absolute;
|
559 |
+
right: 14px
|
560 |
+
}
|
561 |
+
.cff-stck-el.cff-stck-el-upgrd .cff-stck-el-txt{
|
562 |
+
color: #fff;
|
563 |
+
}
|
564 |
+
.cff-stck-el.cff-stck-el-upgrd:after{
|
565 |
+
top: 20px;
|
566 |
+
opacity: 1;
|
567 |
+
}
|
568 |
+
.cff-stck-el-icon{
|
569 |
+
margin-right: 10px;
|
570 |
+
}
|
571 |
+
.cff-stck-el-icon svg{
|
572 |
+
width: 17px;
|
573 |
+
float: left;
|
574 |
+
}
|
575 |
+
.cff-stck-title{
|
576 |
+
margin-top: 20px;
|
577 |
+
margin-bottom: 10px;
|
578 |
+
color: #141B38;
|
579 |
+
font-weight: 600;
|
580 |
+
font-size: 14px;
|
581 |
+
line-height: 160%;
|
582 |
+
}
|
583 |
+
.cff-stck-follow{
|
584 |
+
background: #F3F4F5;
|
585 |
+
margin-top: 20px;
|
586 |
+
left: 0px;
|
587 |
+
bottom: 0px;
|
588 |
+
position: absolute;
|
589 |
+
padding: 12px 20px;
|
590 |
+
display: flex;
|
591 |
+
align-items: center;
|
592 |
+
}
|
593 |
+
.cff-stck-follow span{
|
594 |
+
font-weight: 600;
|
595 |
+
font-size: 14px;
|
596 |
+
}
|
597 |
+
.cff-stck-flw-links{
|
598 |
+
display: flex;
|
599 |
+
justify-content: center;
|
600 |
+
align-items: center;
|
601 |
+
margin-left: auto;
|
602 |
+
}
|
603 |
+
.cff-stck-flw-links a{
|
604 |
+
width: 36px;
|
605 |
+
height: 28px;
|
606 |
+
color: inherit;
|
607 |
+
display: inline-flex;
|
608 |
+
justify-content: center;
|
609 |
+
align-items: center;
|
610 |
+
margin-left: 4px;
|
611 |
+
border-radius: 2px;
|
612 |
+
transition: background .15s ease-in-out;
|
613 |
+
}
|
614 |
+
.cff-stck-flw-links svg{
|
615 |
+
width: 17px;
|
616 |
+
color: #141B38;
|
617 |
+
}
|
618 |
+
.cff-stck-flw-links a:hover{
|
619 |
+
background: #fff;
|
620 |
+
}
|
621 |
+
.cff-stck-flw-links a:hover svg{
|
622 |
+
color: inherit;
|
623 |
+
}
|
624 |
+
|
625 |
+
/*** 5.0 - RESPONSIVENESS ***/
|
626 |
+
@media (max-width: 1024px) {
|
627 |
+
.cff-extensions-boxes-container .sb-extensions-box {
|
628 |
+
width: calc((100% / 2) - 6px);
|
629 |
+
}
|
630 |
+
.cff-extensions-boxes-container .sb-extensions-box:not(:nth-child(3n)) {
|
631 |
+
margin-right: 0;
|
632 |
+
}
|
633 |
+
.cff-social-wall-plugin-box .sb-box-bg-image {
|
634 |
+
left: -45px;
|
635 |
+
}
|
636 |
+
.cff-plugins-boxes-container .sb-plugins-box.cff-social-wall-plugin-box {
|
637 |
+
padding: 27px 20px 22px 130px;
|
638 |
+
}
|
639 |
+
.cff-section-second-header {
|
640 |
+
padding-right: 15px;
|
641 |
+
}
|
642 |
+
}
|
643 |
+
|
644 |
+
@media (min-width: 768px) and (max-width: 1024px) {
|
645 |
+
.sb-action-buttons .cff-btn {
|
646 |
+
padding: 7px 10px;
|
647 |
+
}
|
648 |
+
.sb-plugins-box:not(.cff-social-wall-plugin-box) .sb-box-description {
|
649 |
+
min-height: 54px;
|
650 |
+
}
|
651 |
+
.cff-social-wall-plugin-box .sb-box-bg-image {
|
652 |
+
left: -70px;
|
653 |
+
}
|
654 |
+
.cff-plugins-boxes-container .sb-plugins-box.cff-social-wall-plugin-box {
|
655 |
+
padding: 27px 20px 22px 180px;
|
656 |
+
}
|
657 |
+
}
|
658 |
+
|
659 |
+
@media (max-width: 767px) {
|
660 |
+
.auto-fold #wpcontent {
|
661 |
+
padding-left: 0;
|
662 |
+
}
|
663 |
+
.cff-fb-full-wrapper {
|
664 |
+
padding: 70px 20px 0 20px;
|
665 |
+
}
|
666 |
+
.cff-fb-hd-btn {
|
667 |
+
padding: 0px 15px 0px 7px;
|
668 |
+
}
|
669 |
+
.cff-fb-header {
|
670 |
+
padding: 0px 20px;
|
671 |
+
}
|
672 |
+
.cff-plugins-boxes-container .sb-plugins-box {
|
673 |
+
width: 100%;
|
674 |
+
}
|
675 |
+
.cff-plugins-boxes-container .sb-plugins-box:not(:nth-child(2n)) {
|
676 |
+
margin-right: 0px;
|
677 |
+
}
|
678 |
+
.cff-plugins-boxes-container .sb-plugins-box.cff-social-wall-plugin-box {
|
679 |
+
display: flex;
|
680 |
+
flex-direction: column;
|
681 |
+
padding: 0px;
|
682 |
+
}
|
683 |
+
.cff-social-wall-plugin-box .sb-box-bg-image {
|
684 |
+
position: initial;
|
685 |
+
background-color: #c3d7f3;
|
686 |
+
width: 100%;
|
687 |
+
height: 190px;
|
688 |
+
}
|
689 |
+
.cff-social-wall-plugin-box .sb-box-bg-image img {
|
690 |
+
max-width: 401px;
|
691 |
+
}
|
692 |
+
.cff-plugins-boxes-container .sb-plugins-box.cff-social-wall-plugin-box .plugin-box-content {
|
693 |
+
padding: 18px 24px 24px;
|
694 |
+
}
|
695 |
+
.cff-social-wall-plugin-box .sb-box-title {
|
696 |
+
font-size: 18px;
|
697 |
+
}
|
698 |
+
.cff-extensions-boxes-container .sb-extensions-box {
|
699 |
+
width: 100%;
|
700 |
+
}
|
701 |
+
}
|
702 |
+
@media (max-width: 570px) {
|
703 |
+
.cff-plugins-boxes-container .sb-plugins-box .icon {
|
704 |
+
max-width: 42px;
|
705 |
+
width: 42px;
|
706 |
+
margin-right: 10px;
|
707 |
+
min-width: 42px;
|
708 |
+
}
|
709 |
+
.cff-extensions-boxes-container .sb-extensions-box {
|
710 |
+
width: 100%;
|
711 |
+
}
|
712 |
+
.cff-plugins-boxes-container {
|
713 |
+
padding-right: 0px;
|
714 |
+
}
|
715 |
+
.cff-plugins-boxes-container .sb-plugins-box:not(:nth-child(2n)) {
|
716 |
+
margin-right: 0px;
|
717 |
+
}
|
718 |
+
}
|
719 |
+
|
720 |
+
@media (max-width: 480px) {
|
721 |
+
.cff-fb-hd-btn {
|
722 |
+
padding: 0px 10px 0px 7px !important;
|
723 |
+
}
|
724 |
+
.cff-fb-hd-btn[data-icon="left"] {
|
725 |
+
padding-right: 10px!important;
|
726 |
+
}
|
727 |
+
}
|
admin/assets/css/oembeds.css
ADDED
@@ -0,0 +1,791 @@
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
1 |
+
/*
|
2 |
+
* oEmbeds CSS TABLE OF CONTENTS
|
3 |
+
*
|
4 |
+
* 1.0 - GLOBAL
|
5 |
+
* 2.0 - HEADER
|
6 |
+
* 3.0 - 3.0 - OEMBEDS CONTAINER
|
7 |
+
* 3.1 - SECTION HEADER
|
8 |
+
* 3.2 - OEMBED ENABLE/DISABLE BOX
|
9 |
+
* 3.3 - OEMBED INFORMATION BOX
|
10 |
+
* 4.0 - MODAL STYLE
|
11 |
+
* 5.0 - STICKY WIDGET
|
12 |
+
* 6.0 - RESPONSIVENESS
|
13 |
+
*/
|
14 |
+
|
15 |
+
/*** 1.0 - GLOBAL ***/
|
16 |
+
.clearfix { display: inline-block; }
|
17 |
+
/* start commented backslash hack \*/
|
18 |
+
* html .clearfix { height: 1%; }
|
19 |
+
.clearfix { display: block; }
|
20 |
+
.checkmark {
|
21 |
+
width: 21px;
|
22 |
+
height: 22px;
|
23 |
+
border-radius: 50%;
|
24 |
+
display: block;
|
25 |
+
stroke-width: 2;
|
26 |
+
stroke: #fff;
|
27 |
+
stroke-miterlimit: 10;
|
28 |
+
stroke-dashoffset: 0;
|
29 |
+
transform: translate(0px, -3px);
|
30 |
+
}
|
31 |
+
#cff-oembeds {
|
32 |
+
-webkit-font-smoothing: antialiased;
|
33 |
+
font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
|
34 |
+
}
|
35 |
+
#wpcontent {
|
36 |
+
padding-left: 0px;
|
37 |
+
}
|
38 |
+
#wpbody-content {
|
39 |
+
padding-bottom: 40px;
|
40 |
+
}
|
41 |
+
.clearfix:after {
|
42 |
+
visibility: hidden;
|
43 |
+
display: block;
|
44 |
+
font-size: 0;
|
45 |
+
content: " ";
|
46 |
+
clear: both;
|
47 |
+
height: 0;
|
48 |
+
}
|
49 |
+
.cff-fb-full-wrapper{
|
50 |
+
padding: 0 53px;
|
51 |
+
padding-top: 82px;
|
52 |
+
}
|
53 |
+
.cff-fb-fs {
|
54 |
+
width: 100%;
|
55 |
+
position: relative;
|
56 |
+
float: left;
|
57 |
+
box-sizing: border-box;
|
58 |
+
}
|
59 |
+
/*orange*/
|
60 |
+
.sb-btn-orange{
|
61 |
+
background: #E34F0E!important;
|
62 |
+
color: #fff!important;
|
63 |
+
}
|
64 |
+
.sb-btn-orange:hover{
|
65 |
+
background: #F37036!important;
|
66 |
+
color: #fff!important;
|
67 |
+
}
|
68 |
+
.sb-btn-orange:focus,
|
69 |
+
.sb-btn-orange:active{
|
70 |
+
background: #B8400B!important;
|
71 |
+
color: #fff!important;
|
72 |
+
}
|
73 |
+
|
74 |
+
/* blue buttons */
|
75 |
+
.cff-btn-blue{
|
76 |
+
background: #0068A0!important;
|
77 |
+
color: #fff!important;
|
78 |
+
}
|
79 |
+
.cff-btn-blue:hover{
|
80 |
+
background: #0096CC!important;
|
81 |
+
color: #fff!important;
|
82 |
+
}
|
83 |
+
.cff-btn-blue:focus,
|
84 |
+
.cff-btn-blue:active{
|
85 |
+
background: #004D77!important;
|
86 |
+
color: #fff!important;
|
87 |
+
}
|
88 |
+
|
89 |
+
/*** 2.0 - HEADER ***/
|
90 |
+
.cff-fb-create-ctn{
|
91 |
+
margin-top: 90px;
|
92 |
+
}
|
93 |
+
.cff-fb-header{
|
94 |
+
height: 64px;
|
95 |
+
position: absolute;
|
96 |
+
display: flex;
|
97 |
+
flex-direction: row;
|
98 |
+
justify-content: space-between;
|
99 |
+
align-items: center;
|
100 |
+
background: #fff;
|
101 |
+
padding: 0px 52px;
|
102 |
+
z-index: 2;
|
103 |
+
}
|
104 |
+
.cff-fb-header-left {
|
105 |
+
display: flex;
|
106 |
+
}
|
107 |
+
.cff-fb-header-left .sb-social-wall-link-wrap {
|
108 |
+
margin-left: 30px;
|
109 |
+
}
|
110 |
+
.sb-social-wall-link-wrap {
|
111 |
+
display: flex;
|
112 |
+
font-size: 14px;
|
113 |
+
margin: 10px 0;
|
114 |
+
}
|
115 |
+
.sb-social-wall-link {
|
116 |
+
padding: 0 12px;
|
117 |
+
border-right: 1px solid #ccc;
|
118 |
+
color: #0068A0!important;
|
119 |
+
line-height: 1;
|
120 |
+
}
|
121 |
+
.sb-social-wall-link:first-child {
|
122 |
+
padding-left: 0;
|
123 |
+
border-right: 1px solid #ccc;
|
124 |
+
color: #0068A0!important;
|
125 |
+
line-height: 1;
|
126 |
+
}
|
127 |
+
.sb-social-wall-link:last-child {
|
128 |
+
border-right: none;
|
129 |
+
}
|
130 |
+
.sb-social-wall-link a {
|
131 |
+
text-decoration: none;
|
132 |
+
}
|
133 |
+
.sb-social-wall-link a:focus {
|
134 |
+
outline: none;
|
135 |
+
box-shadow: none;
|
136 |
+
}
|
137 |
+
.cff-fb-hd-logo{
|
138 |
+
display: flex;
|
139 |
+
vertical-align: middle;
|
140 |
+
align-items: center;
|
141 |
+
gap: 5px;
|
142 |
+
}
|
143 |
+
.cff-fb-hd-logo .sb-logo-letters-wrap {
|
144 |
+
margin-bottom: 4px;
|
145 |
+
}
|
146 |
+
.cff-fb-hd-logo .breadcrumb-title{
|
147 |
+
font-size: 14px;
|
148 |
+
font-weight: 400;
|
149 |
+
line-height: 22px;
|
150 |
+
letter-spacing: 0em;
|
151 |
+
margin-left: 4px;
|
152 |
+
}
|
153 |
+
.cff-fb-hd-logo .separator{
|
154 |
+
margin: 0 5px 0 10px;
|
155 |
+
}
|
156 |
+
.cff-fb-hd-btn{
|
157 |
+
height: 38px;
|
158 |
+
cursor: pointer;
|
159 |
+
display: flex;
|
160 |
+
flex-direction: row;
|
161 |
+
justify-content: center;
|
162 |
+
align-items: center;
|
163 |
+
padding: 0px 15px 0px 13px;
|
164 |
+
font-weight: 600;
|
165 |
+
font-size: 14px;
|
166 |
+
color: #353A41;
|
167 |
+
background: #F3F4F5;
|
168 |
+
border-radius: 2px;
|
169 |
+
border: 1px solid #DCDDE1;
|
170 |
+
position: relative;
|
171 |
+
text-decoration: none;
|
172 |
+
transition: all 0.3s ease;
|
173 |
+
box-sizing: border-box;
|
174 |
+
}
|
175 |
+
.cff-fb-hd-btn svg {
|
176 |
+
margin-right: 10px;
|
177 |
+
width: 16px;
|
178 |
+
}
|
179 |
+
.cff-fb-hd-btn:focus {
|
180 |
+
outline: none;
|
181 |
+
box-shadow: none;
|
182 |
+
}
|
183 |
+
.cff-fb-hd-btn:hover {
|
184 |
+
color: inherit;
|
185 |
+
background-color: #fff;
|
186 |
+
}
|
187 |
+
.cff-fb-hd-btn i{
|
188 |
+
margin: 0px 5px;
|
189 |
+
}
|
190 |
+
.cff-fb-hd-btn[data-icon="left"]{
|
191 |
+
padding-right: 20px!important;
|
192 |
+
}
|
193 |
+
|
194 |
+
.cff-fb-full-wrapper .section-header h1 {
|
195 |
+
font-size: 32px;
|
196 |
+
line-height: 40px;
|
197 |
+
}
|
198 |
+
/*** 3.0 - OEMBEDS CONTAINER ***/
|
199 |
+
.cff-oembeds-container {
|
200 |
+
max-width: 875px;
|
201 |
+
position: relative;
|
202 |
+
margin: auto;
|
203 |
+
margin-top: 33px;
|
204 |
+
box-sizing: border-box;
|
205 |
+
}
|
206 |
+
|
207 |
+
/*** 3.1 - SECTION HEADER ***/
|
208 |
+
.cff-section-header h3 {
|
209 |
+
font-weight: 600;
|
210 |
+
font-size: 32px;
|
211 |
+
line-height: 40px;
|
212 |
+
color: #141B38;
|
213 |
+
margin: 0 0 5px 0;
|
214 |
+
}
|
215 |
+
.cff-section-header p {
|
216 |
+
font-size: 13px;
|
217 |
+
line-height: 18px;
|
218 |
+
color: #434960;
|
219 |
+
margin: 0;
|
220 |
+
}
|
221 |
+
.cff-oembed-plugin-box {
|
222 |
+
background: #FFFFFF;
|
223 |
+
box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05), 0px 4px 5px rgba(0, 0, 0, 0.05);
|
224 |
+
margin-bottom: 10px;
|
225 |
+
padding: 12px 20px;
|
226 |
+
display: flex;
|
227 |
+
justify-content: space-between;
|
228 |
+
align-items: center;
|
229 |
+
}
|
230 |
+
|
231 |
+
/*** 3.2 - OEMBED ENABLE/DISABLE BOX ***/
|
232 |
+
.cff-oembed-plugin-box-group {
|
233 |
+
margin-top: 35px;
|
234 |
+
}
|
235 |
+
.cff-oembed-plugin-box .oembed-text{
|
236 |
+
flex-basis: 645px;
|
237 |
+
}
|
238 |
+
.cff-oembed-plugin-box .cff-oembed-btn{
|
239 |
+
flex-basis: 125px;
|
240 |
+
text-align: right;
|
241 |
+
}
|
242 |
+
.cff-oembed-btn .cff-btn {
|
243 |
+
border-radius: 2px;
|
244 |
+
padding: 10px 20px;
|
245 |
+
border: 0px;
|
246 |
+
color: #fff;
|
247 |
+
font-size: 14px;
|
248 |
+
cursor: pointer;
|
249 |
+
transition: all .15s ease-in-out;
|
250 |
+
box-sizing: border-box;
|
251 |
+
text-decoration: none;
|
252 |
+
align-items: center;
|
253 |
+
display: flex;
|
254 |
+
align-items: center;
|
255 |
+
height: 38px;
|
256 |
+
float: right;
|
257 |
+
}
|
258 |
+
.cff-oembed-btn .cff-btn span {
|
259 |
+
margin-right: 5px;
|
260 |
+
height: 15px;
|
261 |
+
width: 15px;
|
262 |
+
}
|
263 |
+
.cff-oembed-btn .cff-btn svg {
|
264 |
+
width: 100%;
|
265 |
+
height: 100%;
|
266 |
+
}
|
267 |
+
.cff-oembed-btn button:hover {
|
268 |
+
background-color: #0096CC;
|
269 |
+
border-color: #0096CC;
|
270 |
+
}
|
271 |
+
.cff-oembed-btn .cff-btn:focus,
|
272 |
+
.cff-oembed-btn .cff-btn:active {
|
273 |
+
outline: none;
|
274 |
+
box-shadow: none;
|
275 |
+
}
|
276 |
+
.cff-oembed-btn button.disable-oembed {
|
277 |
+
background: #D72C2C;
|
278 |
+
}
|
279 |
+
.cff-oembed-btn button.disable-oembed:hover {
|
280 |
+
background-color: #DF5757;
|
281 |
+
border-color: #DF5757;
|
282 |
+
}
|
283 |
+
.cff-oembed-btn button.disable-oembed:focus,
|
284 |
+
.cff-oembed-btn button.disable-oembed:active {
|
285 |
+
background-color: #841919;
|
286 |
+
border-color: #841919;
|
287 |
+
}
|
288 |
+
.cff-oembed-btn button.loading svg {
|
289 |
+
height: 14px;
|
290 |
+
transform: translate(0, 2px);
|
291 |
+
}
|
292 |
+
|
293 |
+
/*** 3.3 - OEMBED INFORMATION BOX ***/
|
294 |
+
.cff-oembed-information {
|
295 |
+
background: #FFFFFF;
|
296 |
+
box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05), 0px 4px 5px rgba(0, 0, 0, 0.05);
|
297 |
+
margin-bottom: 10px;
|
298 |
+
}
|
299 |
+
.cff-oembed-information .sb-box-header {
|
300 |
+
padding: 16px 20px;
|
301 |
+
border-bottom: 1px solid #E8E8EB;
|
302 |
+
}
|
303 |
+
.cff-oembed-information .sb-box-header h3 {
|
304 |
+
margin: 0;
|
305 |
+
font-weight: 600;
|
306 |
+
font-size: 18px;
|
307 |
+
line-height: 140%;
|
308 |
+
color: #141B38;
|
309 |
+
}
|
310 |
+
.sb-two-column-box {
|
311 |
+
display: flex;
|
312 |
+
justify-content: space-around;
|
313 |
+
align-items: center;
|
314 |
+
border-bottom: 1px solid #E8E8EB;
|
315 |
+
}
|
316 |
+
.sb-two-column-box-1 img {
|
317 |
+
max-width: 438px;
|
318 |
+
}
|
319 |
+
.sb-two-column-box-2 img{
|
320 |
+
margin-top: 20px;
|
321 |
+
max-width: 442px;
|
322 |
+
}
|
323 |
+
.sb-two-column-box .sb-embed-info-text {
|
324 |
+
padding: 0 75px 0 35px;
|
325 |
+
}
|
326 |
+
.sb-two-column-box-2 .sb-embed-info-text {
|
327 |
+
padding: 0 65px 0 30px;
|
328 |
+
}
|
329 |
+
.sb-two-column-box h4,
|
330 |
+
.sb-one-column-box h4 {
|
331 |
+
font-size: 16px;
|
332 |
+
font-weight: 600;
|
333 |
+
line-height: 26px;
|
334 |
+
color: #141B38;
|
335 |
+
}
|
336 |
+
.sb-one-column-box {
|
337 |
+
max-width: 405px;
|
338 |
+
margin: auto;
|
339 |
+
text-align: center;
|
340 |
+
}
|
341 |
+
.sb-one-column-box h4 {
|
342 |
+
padding: 0;
|
343 |
+
margin-top: 30px;
|
344 |
+
margin-bottom: 0px;
|
345 |
+
}
|
346 |
+
.sb-one-column-box p {
|
347 |
+
font-size: 14px;
|
348 |
+
line-height: 22px;
|
349 |
+
}
|
350 |
+
.sb-one-column-box img {
|
351 |
+
margin-top: 15px;
|
352 |
+
margin-bottom: -21px;
|
353 |
+
max-width: 392px;
|
354 |
+
}
|
355 |
+
.sb-two-column-box-1 .sb-left {
|
356 |
+
padding-left: 20px;
|
357 |
+
}
|
358 |
+
.sb-plugin-info-box {
|
359 |
+
padding-top: 20px;
|
360 |
+
}
|
361 |
+
|
362 |
+
.sb-plugin-info-box .sb-left {
|
363 |
+
padding-left: 35px;
|
364 |
+
}
|
365 |
+
.sb-plugin-info-box .sb-right {
|
366 |
+
padding: 0 60px 0 40px;
|
367 |
+
}
|
368 |
+
.sb-plugin-info-box h4 {
|
369 |
+
font-size: 18px;
|
370 |
+
margin: 0px;
|
371 |
+
}
|
372 |
+
.sb-plugin-info-box p {
|
373 |
+
font-size: 14px;
|
374 |
+
line-height: 22px;
|
375 |
+
color: #434960;
|
376 |
+
margin-top: 10px;
|
377 |
+
}
|
378 |
+
.sb-plugin-info-box img {
|
379 |
+
max-width: 414px;
|
380 |
+
margin-bottom: -5px;
|
381 |
+
}
|
382 |
+
/*** 4.0 - MODAL STYLE ***/
|
383 |
+
.cff-oembed-modal {
|
384 |
+
position: absolute;
|
385 |
+
top: 0;
|
386 |
+
left: 0;
|
387 |
+
width: 100%;
|
388 |
+
height: 100%;
|
389 |
+
background: rgba(0, 0, 0, 0.4);
|
390 |
+
z-index: 9;
|
391 |
+
}
|
392 |
+
.cff-modal-content {
|
393 |
+
background-color: #fff;
|
394 |
+
height: 381px;
|
395 |
+
max-width: 572px;
|
396 |
+
padding: 40px 75px 48px;
|
397 |
+
box-sizing: border-box;
|
398 |
+
position: relative;
|
399 |
+
text-align: center;
|
400 |
+
margin: 260px auto 0;
|
401 |
+
}
|
402 |
+
.cff-modal-content h2 {
|
403 |
+
font-size: 24px;
|
404 |
+
line-height: 29px;
|
405 |
+
text-align: center;
|
406 |
+
letter-spacing: 0;
|
407 |
+
color: #141B38;
|
408 |
+
margin: 0 0 5px 0;
|
409 |
+
}
|
410 |
+
.cff-modal-content p {
|
411 |
+
font-size: 12px;
|
412 |
+
line-height: 18px;
|
413 |
+
text-align: center;
|
414 |
+
color: #434960;
|
415 |
+
}
|
416 |
+
.cff-modal-content .cancel-btn{
|
417 |
+
background: none;
|
418 |
+
border: none;
|
419 |
+
color: #141B38;
|
420 |
+
position: absolute;
|
421 |
+
top: 16px;
|
422 |
+
right: 16px;
|
423 |
+
padding: 0;
|
424 |
+
cursor: pointer;
|
425 |
+
}
|
426 |
+
.cff-modal-content .modal-icon{
|
427 |
+
margin-bottom: 45px;
|
428 |
+
}
|
429 |
+
.cff-modal-content .modal-icon img {
|
430 |
+
max-width: 102px;
|
431 |
+
}
|
432 |
+
.cff-modal-content .sb-action-buttons{
|
433 |
+
display: flex;
|
434 |
+
justify-content: center;
|
435 |
+
margin-top: 30px;
|
436 |
+
}
|
437 |
+
.cff-modal-content .sb-action-buttons button:not(:last-child) {
|
438 |
+
margin-right: 7px;
|
439 |
+
}
|
440 |
+
|
441 |
+
.sb-action-buttons .cff-btn {
|
442 |
+
display: flex;
|
443 |
+
align-items: center;
|
444 |
+
vertical-align: middle;
|
445 |
+
justify-content: center;
|
446 |
+
background: #F3F4F5;
|
447 |
+
border: 1px solid #DCDDE1;
|
448 |
+
box-sizing: border-box;
|
449 |
+
border-radius: 2px;
|
450 |
+
padding: 7px 30px;
|
451 |
+
font-weight: 600;
|
452 |
+
font-size: 14px;
|
453 |
+
line-height: 22px;
|
454 |
+
color: #141B38;
|
455 |
+
box-sizing: border-box;
|
456 |
+
letter-spacing: 0.2px;
|
457 |
+
cursor: pointer;
|
458 |
+
min-width: 175px;
|
459 |
+
}
|
460 |
+
.sb-action-buttons .cff-install-btn {
|
461 |
+
background-color: #E34F0E;
|
462 |
+
border-color: #E34F0E;
|
463 |
+
color: #fff;
|
464 |
+
}
|
465 |
+
.sb-action-buttons .cff-install-btn:disabled {
|
466 |
+
background: #F3F4F5;
|
467 |
+
border: 1px solid #DCDDE1;
|
468 |
+
color: #141B38;
|
469 |
+
cursor: not-allowed
|
470 |
+
}
|
471 |
+
.sb-action-buttons .cff-install-btn:not(.success):disabled path {
|
472 |
+
fill: #141B38;
|
473 |
+
}
|
474 |
+
.sb-action-buttons .cff-install-btn span {
|
475 |
+
margin-right: 10px;
|
476 |
+
}
|
477 |
+
|
478 |
+
.sb-action-buttons .cff-install-btn.loading svg {
|
479 |
+
height: 16px;
|
480 |
+
transform: translate(0, 2px);
|
481 |
+
}
|
482 |
+
|
483 |
+
/*** 5.0 Sticky Widget ***/
|
484 |
+
.cff-stck-wdg{
|
485 |
+
position: fixed;
|
486 |
+
right: 21px;
|
487 |
+
z-index: 9;
|
488 |
+
bottom: 20px;
|
489 |
+
}
|
490 |
+
.cff-stck-wdg-btn{
|
491 |
+
width: 52px;
|
492 |
+
height: 52px;
|
493 |
+
background: #fff;
|
494 |
+
border-radius: 50%;
|
495 |
+
cursor: pointer;
|
496 |
+
display: flex;
|
497 |
+
justify-content: center;
|
498 |
+
align-items: center;
|
499 |
+
filter: drop-shadow(0px 9px 13px rgba(0, 0, 0, 0.2));
|
500 |
+
}
|
501 |
+
.cff-stck-wdg-btn svg{
|
502 |
+
width: 25px;
|
503 |
+
fill: #E34F0E;
|
504 |
+
height: 33px;
|
505 |
+
}
|
506 |
+
|
507 |
+
.cff-stck-wdg[data-active="true"] .cff-stck-wdg-btn-cls,
|
508 |
+
.cff-stck-wdg[data-active="true"] .cff-stck-wdg-btn-cls svg{
|
509 |
+
display: block;
|
510 |
+
}
|
511 |
+
.cff-stck-wdg-btn-cls{
|
512 |
+
width: inherit;
|
513 |
+
height: inherit;
|
514 |
+
position: relative;
|
515 |
+
color: #364152;
|
516 |
+
box-shadow: 0px 1px 6px rgb(0 0 0 / 5%), 0px 9px 12px rgb(0 0 0 / 5%);
|
517 |
+
border-radius: 70px;
|
518 |
+
}
|
519 |
+
.cff-stck-wdg-btn-cls svg {
|
520 |
+
width: 14px;
|
521 |
+
height: 14px;
|
522 |
+
position: absolute;
|
523 |
+
top: 50%;
|
524 |
+
right: 0;
|
525 |
+
bottom: 0;
|
526 |
+
left: 50%;
|
527 |
+
margin-top: -7px;
|
528 |
+
margin-left: -7px;
|
529 |
+
}
|
530 |
+
|
531 |
+
.cff-stck-pop{
|
532 |
+
position: absolute;
|
533 |
+
width: 292px;
|
534 |
+
height: auto;
|
535 |
+
background: #fff;
|
536 |
+
border: 1px solid #E2E8F0;
|
537 |
+
box-sizing: border-box;
|
538 |
+
box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.15), 0px 3px 14px rgba(0, 0, 0, 0.12);
|
539 |
+
border-radius: 2px;
|
540 |
+
padding: 20px;
|
541 |
+
right: 0px;
|
542 |
+
bottom: 66px;
|
543 |
+
color: #141B38;
|
544 |
+
padding-bottom: 82px;
|
545 |
+
}
|
546 |
+
.cff-stck-wdg[data-active="true"] .cff-stck-pop{
|
547 |
+
bottom: 66px;
|
548 |
+
opacity: 1;
|
549 |
+
visibility: visible;
|
550 |
+
}
|
551 |
+
|
552 |
+
.cff-stck-pop svg{
|
553 |
+
fill: currentColor;
|
554 |
+
}
|
555 |
+
.cff-stck-el-list{
|
556 |
+
border: 1px solid #DCDDE1;
|
557 |
+
border-radius: 2px;
|
558 |
+
}
|
559 |
+
.cff-stck-el{
|
560 |
+
display: flex;
|
561 |
+
align-items: center;
|
562 |
+
padding: 12px 13px 11px;
|
563 |
+
border-bottom: 1px solid #DCDDE1;
|
564 |
+
transition: background .15s ease-in-out;
|
565 |
+
font-size: 12px;
|
566 |
+
}
|
567 |
+
.cff-stck-el:hover{
|
568 |
+
background: #F3F4F5;
|
569 |
+
}
|
570 |
+
.cff-stck-el:last-of-type{
|
571 |
+
border-bottom: 0px;
|
572 |
+
}
|
573 |
+
.cff-stck-el-list .cff-chevron svg{
|
574 |
+
width: 5px;
|
575 |
+
height: 8px;
|
576 |
+
}
|
577 |
+
.cff-fs-a {
|
578 |
+
width: 100%;
|
579 |
+
height: 100%;
|
580 |
+
display: block;
|
581 |
+
position: absolute;
|
582 |
+
left: 0;
|
583 |
+
top: 0;
|
584 |
+
z-index: 1;
|
585 |
+
}
|
586 |
+
.cff-stck-el .cff-stck-el-txt{
|
587 |
+
color: #27303F;
|
588 |
+
}
|
589 |
+
.cff-stck-el.cff-stck-el-upgrd{
|
590 |
+
padding: 9px 14px;
|
591 |
+
font-size: 14px;
|
592 |
+
background: var(--cl-orange);
|
593 |
+
color: #fff;
|
594 |
+
position: relative;
|
595 |
+
transition: background .15s ease-in-out;
|
596 |
+
font-weight: 600;
|
597 |
+
}
|
598 |
+
.cff-chevron {
|
599 |
+
position: absolute;
|
600 |
+
right: 14px
|
601 |
+
}
|
602 |
+
.cff-stck-el.cff-stck-el-upgrd .cff-stck-el-txt{
|
603 |
+
color: #fff;
|
604 |
+
}
|
605 |
+
.cff-stck-el.cff-stck-el-upgrd:after{
|
606 |
+
top: 20px;
|
607 |
+
opacity: 1;
|
608 |
+
}
|
609 |
+
.cff-stck-el-icon{
|
610 |
+
margin-right: 10px;
|
611 |
+
}
|
612 |
+
.cff-stck-el-icon svg{
|
613 |
+
width: 17px;
|
614 |
+
float: left;
|
615 |
+
}
|
616 |
+
.cff-stck-title{
|
617 |
+
margin-top: 20px;
|
618 |
+
margin-bottom: 10px;
|
619 |
+
color: #141B38;
|
620 |
+
font-weight: 600;
|
621 |
+
font-size: 14px;
|
622 |
+
line-height: 160%;
|
623 |
+
}
|
624 |
+
.cff-stck-follow{
|
625 |
+
background: #F3F4F5;
|
626 |
+
margin-top: 20px;
|
627 |
+
left: 0px;
|
628 |
+
bottom: 0px;
|
629 |
+
position: absolute;
|
630 |
+
padding: 12px 20px;
|
631 |
+
display: flex;
|
632 |
+
align-items: center;
|
633 |
+
}
|
634 |
+
.cff-stck-follow span{
|
635 |
+
font-weight: 600;
|
636 |
+
font-size: 14px;
|
637 |
+
}
|
638 |
+
.cff-stck-flw-links{
|
639 |
+
display: flex;
|
640 |
+
justify-content: center;
|
641 |
+
align-items: center;
|
642 |
+
margin-left: auto;
|
643 |
+
}
|
644 |
+
.cff-stck-flw-links a{
|
645 |
+
width: 36px;
|
646 |
+
height: 28px;
|
647 |
+
color: inherit;
|
648 |
+
display: inline-flex;
|
649 |
+
justify-content: center;
|
650 |
+
align-items: center;
|
651 |
+
margin-left: 4px;
|
652 |
+
border-radius: 2px;
|
653 |
+
transition: background .15s ease-in-out;
|
654 |
+
}
|
655 |
+
.cff-stck-flw-links svg{
|
656 |
+
width: 17px;
|
657 |
+
color: #141B38;
|
658 |
+
}
|
659 |
+
.cff-stck-flw-links a:hover{
|
660 |
+
background: #fff;
|
661 |
+
}
|
662 |
+
.cff-stck-flw-links a:hover svg{
|
663 |
+
color: inherit;
|
664 |
+
}
|
665 |
+
|
666 |
+
/*** 6.0 - RESPONSIVENESS ***/
|
667 |
+
@media (max-width: 1170px) {
|
668 |
+
.cff-oembed-plugin-box .oembed-text {
|
669 |
+
flex-basis: 78%;
|
670 |
+
}
|
671 |
+
}
|
672 |
+
|
673 |
+
@media (max-width: 1024px) {
|
674 |
+
.cff-oembed-plugin-box .oembed-text {
|
675 |
+
flex-basis: 72%;
|
676 |
+
}
|
677 |
+
.sb-two-column-box {
|
678 |
+
flex-direction: column;
|
679 |
+
}
|
680 |
+
.sb-two-column-box-1 {
|
681 |
+
flex-direction: column-reverse;
|
682 |
+
}
|
683 |
+
.sb-two-column-box .sb-embed-info-text{
|
684 |
+
padding: 0 35px;
|
685 |
+
text-align: center;
|
686 |
+
}
|
687 |
+
.sb-two-column-box-2 img {
|
688 |
+
margin-top: 0px;
|
689 |
+
}
|
690 |
+
.sb-two-column-box .sb-left,
|
691 |
+
.sb-two-column-box .sb-right {
|
692 |
+
max-width: 405px;
|
693 |
+
margin: auto;
|
694 |
+
}
|
695 |
+
.sb-two-column-box.sb-plugin-info-box .sb-embed-info-text {
|
696 |
+
margin-top: 25px;
|
697 |
+
}
|
698 |
+
.auto-fold #wpcontent {
|
699 |
+
padding-left: 0px;
|
700 |
+
}
|
701 |
+
}
|
702 |
+
@media (max-width: 767px) {
|
703 |
+
.auto-fold #wpcontent {
|
704 |
+
padding-left: 0;
|
705 |
+
}
|
706 |
+
.cff-fb-full-wrapper {
|
707 |
+
padding: 70px 20px 0 20px;
|
708 |
+
}
|
709 |
+
.cff-fb-header {
|
710 |
+
padding: 0px 20px;
|
711 |
+
}
|
712 |
+
.cff-fb-hd-btn {
|
713 |
+
padding: 0px 15px 0px 7px;
|
714 |
+
}
|
715 |
+
.cff-about-box .sb-team-info {
|
716 |
+
padding: 30px;
|
717 |
+
}
|
718 |
+
.cff-oembed-plugin-box {
|
719 |
+
flex-wrap: wrap;
|
720 |
+
}
|
721 |
+
.cff-oembed-plugin-box .oembed-icon {
|
722 |
+
width: 20px;
|
723 |
+
vertical-align: middle;
|
724 |
+
display: flex;
|
725 |
+
}
|
726 |
+
.cff-oembed-plugin-box .cff-oembed-btn {
|
727 |
+
flex-basis: 114px;
|
728 |
+
text-align: left;
|
729 |
+
margin-top: 15px;
|
730 |
+
}
|
731 |
+
.cff-oembed-plugin-box .oembed-text {
|
732 |
+
flex-basis: calc(100% - 40px);
|
733 |
+
}
|
734 |
+
.sb-plugin-info-box .sb-left,
|
735 |
+
.sb-two-column-box-1 .sb-left,
|
736 |
+
.sb-two-column-box-2 .sb-right,
|
737 |
+
.sb-one-column-box img {
|
738 |
+
display: none;
|
739 |
+
}
|
740 |
+
.sb-one-column-box {
|
741 |
+
padding-bottom: 5px !important;
|
742 |
+
}
|
743 |
+
.sb-one-column-box h4 {
|
744 |
+
margin-top: 21px;
|
745 |
+
}
|
746 |
+
.sb-two-column-box.sb-plugin-info-box .sb-embed-info-text {
|
747 |
+
margin-top: 0;
|
748 |
+
}
|
749 |
+
.sb-plugin-info-box p {
|
750 |
+
margin-bottom: 17px;
|
751 |
+
}
|
752 |
+
.cff-modal-content {
|
753 |
+
margin: 80px auto 0;
|
754 |
+
width: 90%;
|
755 |
+
height: auto;
|
756 |
+
padding: 40px 30px;
|
757 |
+
}
|
758 |
+
.cff-modal-content .modal-icon {
|
759 |
+
margin-bottom: 30px;
|
760 |
+
}
|
761 |
+
.sb-plugin-info-box h4 {
|
762 |
+
font-size: 16px;
|
763 |
+
}
|
764 |
+
}
|
765 |
+
@media (max-width: 630px) {
|
766 |
+
.sb-two-column-box img,
|
767 |
+
.sb-one-column-box img {
|
768 |
+
max-width: 100%;
|
769 |
+
}
|
770 |
+
.cff-modal-content .sb-action-buttons {
|
771 |
+
flex-direction: column;
|
772 |
+
}
|
773 |
+
.cff-modal-content .sb-action-buttons button:not(:last-child) {
|
774 |
+
margin-right: 0px;
|
775 |
+
margin-bottom: 7px;
|
776 |
+
}
|
777 |
+
}
|
778 |
+
@media (max-width: 530px) {
|
779 |
+
.sb-two-column-box .sb-left,
|
780 |
+
.sb-two-column-box .sb-right,
|
781 |
+
.sb-one-column-box {
|
782 |
+
padding: 0 20px;
|
783 |
+
}
|
784 |
+
|
785 |
+
.sb-two-column-box h4, .sb-one-column-box h4 {
|
786 |
+
line-height: 22px;
|
787 |
+
}
|
788 |
+
.sb-one-column-box img {
|
789 |
+
margin-bottom: -15px;
|
790 |
+
}
|
791 |
+
}
|
admin/assets/css/settings.css
ADDED
@@ -0,0 +1,1886 @@
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
1 |
+
/*
|
2 |
+
* Settings CSS TABLE OF CONTENTS
|
3 |
+
*
|
4 |
+
* 1.0 - Global
|
5 |
+
* 2.0 - CFF CSS Framework
|
6 |
+
* 2.1 - Utility CSS
|
7 |
+
* 2.2 - Notification Element
|
8 |
+
* 3.0 - Header
|
9 |
+
* 4.0 - Content
|
10 |
+
* 4.1 - Tab Styles
|
11 |
+
* 4.2 - Tab Boxes
|
12 |
+
* 5.0 - Footer
|
13 |
+
* 6.0 - Sticky Widget
|
14 |
+
* 7.0 - Responsiveness
|
15 |
+
*/
|
16 |
+
|
17 |
+
/*** 1.0 - Global ***/
|
18 |
+
.clearfix { display: inline-block; }
|
19 |
+
/* start commented backslash hack \*/
|
20 |
+
* html .clearfix { height: 1%; }
|
21 |
+
.clearfix { display: block; }
|
22 |
+
#cff-settings {
|
23 |
+
-webkit-font-smoothing: antialiased;
|
24 |
+
font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
|
25 |
+
}
|
26 |
+
#wpcontent {
|
27 |
+
padding-left: 0px;
|
28 |
+
}
|
29 |
+
.clearfix:after {
|
30 |
+
visibility: hidden;
|
31 |
+
display: block;
|
32 |
+
font-size: 0;
|
33 |
+
content: " ";
|
34 |
+
clear: both;
|
35 |
+
height: 0;
|
36 |
+
}
|
37 |
+
.checkmark {
|
38 |
+
width: 21px;
|
39 |
+
height: 22px;
|
40 |
+
border-radius: 50%;
|
41 |
+
display: block;
|
42 |
+
stroke-width: 2;
|
43 |
+
stroke: #59AB46;
|
44 |
+
stroke-miterlimit: 10;
|
45 |
+
stroke-dashoffset: 0;
|
46 |
+
}
|
47 |
+
.cff-fb-full-wrapper{
|
48 |
+
padding: 0 53px;
|
49 |
+
padding-top: 82px;
|
50 |
+
}
|
51 |
+
.cff-fb-fs {
|
52 |
+
width: 100%;
|
53 |
+
position: relative;
|
54 |
+
float: left;
|
55 |
+
box-sizing: border-box;
|
56 |
+
}
|
57 |
+
|
58 |
+
/*** 2.0 - CFF CSS Framework ***/
|
59 |
+
.d-flex {
|
60 |
+
display: flex;
|
61 |
+
}
|
62 |
+
.justify-between {
|
63 |
+
justify-content: space-between;
|
64 |
+
}
|
65 |
+
.items-center{
|
66 |
+
align-items: center;
|
67 |
+
}
|
68 |
+
/* CFF Form Fields */
|
69 |
+
.sb-form-field {
|
70 |
+
display: block;
|
71 |
+
position: relative;
|
72 |
+
}
|
73 |
+
.sb-form-field .help-text {
|
74 |
+
font-size: 13px;
|
75 |
+
line-height: 22px;
|
76 |
+
color: #434960;
|
77 |
+
font-weight: 400;
|
78 |
+
word-spacing: 0.3px;
|
79 |
+
max-width: 640px;
|
80 |
+
}
|
81 |
+
.sb-form-field .help-text-green {
|
82 |
+
color: #59AB46;
|
83 |
+
}
|
84 |
+
.sb-form-field .help-text a {
|
85 |
+
color: inherit;
|
86 |
+
font-weight: 500;
|
87 |
+
}
|
88 |
+
/* input field styles */
|
89 |
+
.sb-form-field .cff-form-field {
|
90 |
+
background: #FFFFFF;
|
91 |
+
border: 1px solid #D0D1D7;
|
92 |
+
box-sizing: border-box;
|
93 |
+
border-radius: 1px;
|
94 |
+
height: 38px;
|
95 |
+
padding: 8px;
|
96 |
+
}
|
97 |
+
.sb-form-field .cff-form-field:focus {
|
98 |
+
outline: none;
|
99 |
+
box-shadow: none;
|
100 |
+
}
|
101 |
+
.sb-form-field .field-icon {
|
102 |
+
position: absolute;
|
103 |
+
right: 8px;
|
104 |
+
top: 10px;
|
105 |
+
font-size: 20px;
|
106 |
+
}
|
107 |
+
/* cff-checkbox styles */
|
108 |
+
.cff-checkbox {
|
109 |
+
align-items: center;
|
110 |
+
border-radius: 100px;
|
111 |
+
display: flex;
|
112 |
+
font-weight: 700;
|
113 |
+
margin-bottom: 15px;
|
114 |
+
}
|
115 |
+
.cff-checkbox input[type=checkbox] {
|
116 |
+
clip: rect(0 0 0 0);
|
117 |
+
clip-path: inset(50%);
|
118 |
+
height: 1px;
|
119 |
+
overflow: hidden;
|
120 |
+
position: absolute;
|
121 |
+
white-space: nowrap;
|
122 |
+
width: 1px;
|
123 |
+
}
|
124 |
+
.toggle-track {
|
125 |
+
width: 36px;
|
126 |
+
height: 20px;
|
127 |
+
position: relative;
|
128 |
+
background: #9e9e9e;
|
129 |
+
border-radius: 31px;
|
130 |
+
}
|
131 |
+
.toggle-indicator {
|
132 |
+
width: 16px;
|
133 |
+
height: 16px;
|
134 |
+
background-color: #fff;
|
135 |
+
border-radius: 100px;
|
136 |
+
top: 2px;
|
137 |
+
position: absolute;
|
138 |
+
left: 2px;
|
139 |
+
transition: all .3s cubic-bezier(0.23, 1, 0.320, 1);
|
140 |
+
}
|
141 |
+
.cff-checkbox input[type=checkbox]:checked + .toggle-track .toggle-indicator {
|
142 |
+
left: 18px;
|
143 |
+
}
|
144 |
+
.cff-checkbox input[type=checkbox]:checked + .toggle-track {
|
145 |
+
background: #0096CC;
|
146 |
+
}
|
147 |
+
.cff-checkbox input[type=checkbox]:disabled + .toggle-track {
|
148 |
+
background-color: #D0D1D7;
|
149 |
+
}
|
150 |
+
.cff-checkbox input[type=checkbox]:disabled + .toggle-track .toggle-indicator {
|
151 |
+
left: 2px;
|
152 |
+
}
|
153 |
+
.cff-error-text {
|
154 |
+
color: #D72C2C;
|
155 |
+
}
|
156 |
+
.cff-error-text a {
|
157 |
+
color: inherit;
|
158 |
+
}
|
159 |
+
.cff-fb-cp-clpboard{
|
160 |
+
width: 0px;
|
161 |
+
height: 0px;
|
162 |
+
position: absolute;
|
163 |
+
left: -100000px;
|
164 |
+
}
|
165 |
+
/* cff-select */
|
166 |
+
.sb-form-field .cff-select {
|
167 |
+
min-width: 235px;
|
168 |
+
border: 1px solid #D0D1D7;
|
169 |
+
padding: 8px 35px 8px 15px;
|
170 |
+
height: 50px;
|
171 |
+
font-size: 16px;
|
172 |
+
color: #141B38;
|
173 |
+
-webkit-appearance: none;
|
174 |
+
appearance: none;
|
175 |
+
background: #fff url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAFCAYAAAB8ZH1oAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAABSSURBVHgBfc4hCkAhDAbgjV3slQcvvHuYDWY1G8zewyIWb6YuCCLqD4Pt5wtD54NBQA2XVKiWcorl/X7s+DkhJYUhPk54IN5plCue0Tb8M8/aNx/uIpRVqbbFAAAAAElFTkSuQmCC') no-repeat right 15px top 55%;
|
176 |
+
box-sizing: border-box;
|
177 |
+
}
|
178 |
+
.sb-form-field .cff-input-sm {
|
179 |
+
width: 80px;
|
180 |
+
border: 1px solid #D0D1D7;
|
181 |
+
text-align: right;
|
182 |
+
font-size: 16px;
|
183 |
+
}
|
184 |
+
.sb-form-field .cff-select.size-md {
|
185 |
+
width: 422px;
|
186 |
+
}
|
187 |
+
.sb-form-field .cff-select.size-sm {
|
188 |
+
width: 210px;
|
189 |
+
min-width: 210px;
|
190 |
+
}
|
191 |
+
.sb-form-field .cff-select.size-xs {
|
192 |
+
min-width: 100px;
|
193 |
+
width: 100px;
|
194 |
+
}
|
195 |
+
.sb-form-field .cff-textarea {
|
196 |
+
width: 100%;
|
197 |
+
min-height: 100px;
|
198 |
+
padding: 12px;
|
199 |
+
border: 1px solid #D0D1D7;
|
200 |
+
font-size: 16px;
|
201 |
+
}
|
202 |
+
.sb-form-field .cff-textarea::placeholder {
|
203 |
+
color: #8C8F9A;
|
204 |
+
}
|
205 |
+
.sb-form-field .cff-textarea:focus {
|
206 |
+
outline: none;
|
207 |
+
box-shadow: none;
|
208 |
+
border-color: #9c9ca0;
|
209 |
+
}
|
210 |
+
/* CFF Buttons */
|
211 |
+
.cff-btn {
|
212 |
+
display: flex;
|
213 |
+
align-items: center;
|
214 |
+
vertical-align: middle;
|
215 |
+
background: #F3F4F5;
|
216 |
+
border: 1px solid #DCDDE1;
|
217 |
+
box-sizing: border-box;
|
218 |
+
border-radius: 2px;
|
219 |
+
padding: 7px 20px;
|
220 |
+
font-weight: 600;
|
221 |
+
font-size: 14px;
|
222 |
+
line-height: 22px;
|
223 |
+
color: #141B38;
|
224 |
+
box-sizing: border-box;
|
225 |
+
letter-spacing: 0.2px;
|
226 |
+
cursor: pointer;
|
227 |
+
transition: all 0.15s ease-in-out;
|
228 |
+
}
|
229 |
+
.cff-btn:hover {
|
230 |
+
background: #FFFFFF;
|
231 |
+
border: 1px solid #D0D1D7;
|
232 |
+
}
|
233 |
+
.cff-btn:focus,
|
234 |
+
.cff-btn:active {
|
235 |
+
background: #E8E8EB;
|
236 |
+
border: 1px solid #D0D1D7;
|
237 |
+
}
|
238 |
+
.cff-btn .sb-btn-icon {
|
239 |
+
margin-right: 10px;
|
240 |
+
max-width: 15px;
|
241 |
+
}
|
242 |
+
.cff-btn.sb-btn-lg {
|
243 |
+
height: 50px;
|
244 |
+
font-size: 16px;
|
245 |
+
padding: 7px 25px;
|
246 |
+
}
|
247 |
+
.cff-btn.sb-btn-blue {
|
248 |
+
background-color: #0068A0;
|
249 |
+
color: #fff;
|
250 |
+
border-color: #096292;
|
251 |
+
}
|
252 |
+
.cff-btn span:not('.cff-button-text') {
|
253 |
+
line-height: 1;
|
254 |
+
margin-right: 5px;
|
255 |
+
}
|
256 |
+
.sb-btn-orange {
|
257 |
+
background: #E34F0E;
|
258 |
+
color: #fff;
|
259 |
+
font-style: normal;
|
260 |
+
font-weight: 600;
|
261 |
+
font-size: 14px;
|
262 |
+
line-height: 160%;
|
263 |
+
}
|
264 |
+
.sb-tabs-container .sb-tabs .sb-btn-orange {
|
265 |
+
margin-top: -20px;
|
266 |
+
}
|
267 |
+
.cff-btn svg.checkmark {
|
268 |
+
stroke: #fff;
|
269 |
+
transform: translate(-7px, -3px);
|
270 |
+
}
|
271 |
+
.input-hidden {
|
272 |
+
height: 0px;
|
273 |
+
width: 0px;
|
274 |
+
overflow: hidden;
|
275 |
+
}
|
276 |
+
|
277 |
+
/*** 2.1 - CFF Utility CSS ***/
|
278 |
+
.mr-3 {
|
279 |
+
margin-right: 3px;
|
280 |
+
}
|
281 |
+
.mr-4 {
|
282 |
+
margin-right: 4px;
|
283 |
+
}
|
284 |
+
.mb-6 {
|
285 |
+
margin-bottom: 6px;
|
286 |
+
}
|
287 |
+
.mb-10 {
|
288 |
+
margin-bottom: 10px;
|
289 |
+
}
|
290 |
+
.mb-15 {
|
291 |
+
margin-bottom: 15px;
|
292 |
+
}
|
293 |
+
.mb-20 {
|
294 |
+
margin-bottom: 20px;
|
295 |
+
}
|
296 |
+
.mb-30 {
|
297 |
+
margin-bottom: 30px;
|
298 |
+
}
|
299 |
+
.mb-40 {
|
300 |
+
margin-bottom: 40px;
|
301 |
+
}
|
302 |
+
.mb-50 {
|
303 |
+
margin-bottom: 50px;
|
304 |
+
}
|
305 |
+
.ml-10 {
|
306 |
+
margin-left: 15px;
|
307 |
+
}
|
308 |
+
|
309 |
+
/*** 2.1 Notification Element ***/
|
310 |
+
.sb-notification-ctn{
|
311 |
+
position: fixed;
|
312 |
+
bottom: -100px;
|
313 |
+
left: 200px;
|
314 |
+
z-index: 99999;
|
315 |
+
background: #fff;
|
316 |
+
display: flex;
|
317 |
+
justify-content: center;
|
318 |
+
align-items: center;
|
319 |
+
border-left: 3px solid #fff;
|
320 |
+
line-height: 1em;
|
321 |
+
padding: 10px 20px;
|
322 |
+
padding-left: 0px;
|
323 |
+
border-radius: 4px;
|
324 |
+
box-shadow: 0px 26.7377px 77.2886px rgba(0, 0, 0, 0.107828), 0px 14.2952px 41.3222px rgba(0, 0, 0, 0.0894161), 0px 8.01379px 23.1649px rgba(0, 0, 0, 0.075), 0px 4.25607px 12.3027px rgba(0, 0, 0, 0.0605839), 0px 1.77104px 5.11942px rgba(0, 0, 0, 0.0421718);
|
325 |
+
|
326 |
+
}
|
327 |
+
.sb-notification-ctn[data-active="hidden"]{
|
328 |
+
-webkit-animation: cff-notification-hide .5s forwards linear;
|
329 |
+
animation: cff-notification-hide .5s forwards linear;
|
330 |
+
}
|
331 |
+
.sb-notification-ctn[data-active="shown"]{
|
332 |
+
-webkit-animation: cff-notification-show .5s forwards linear;
|
333 |
+
animation: cff-notification-show .5s forwards linear;
|
334 |
+
}
|
335 |
+
@-webkit-keyframes cff-notification-show { 0%{bottom: -100px;} 50%{bottom: 70px;} 70%{bottom: 60px;} 85%{bottom: 65px;} 100%{bottom: 50px;}}
|
336 |
+
@keyframes cff-notification-show { 0%{bottom: -100px;} 50%{bottom: 70px;} 70%{bottom: 60px;} 85%{bottom: 65px;} 100%{bottom: 50px;}}
|
337 |
+
|
338 |
+
@-webkit-keyframes cff-notification-hide {0%{bottom: 50px;}55%{bottom: 65px;}70%{bottom: 60px;}85%{bottom: 70px;}100%{bottom: -100px;}}
|
339 |
+
@keyframes cff-notification-hide {0%{bottom: 50px;}55%{bottom: 65px;}70%{bottom: 60px;}85%{bottom: 70px;}100%{bottom: -100px;}}
|
340 |
+
|
341 |
+
.sb-notification-ctn[data-type="success"]{
|
342 |
+
border-color: #59AB46;
|
343 |
+
}
|
344 |
+
.sb-notification-ctn[data-type="error"]{
|
345 |
+
border-color: #D72C2C;
|
346 |
+
}
|
347 |
+
.sb-notification-ctn[data-type="message"]{
|
348 |
+
border-color: #141B38;
|
349 |
+
}
|
350 |
+
.sb-notification-icon{
|
351 |
+
width: 25px;
|
352 |
+
height: 25px;
|
353 |
+
display: flex;
|
354 |
+
justify-content: center;
|
355 |
+
align-items: center;
|
356 |
+
margin-left: 10px;
|
357 |
+
margin-right: 15px;
|
358 |
+
}
|
359 |
+
.sb-notification-icon svg{
|
360 |
+
width: 22px;
|
361 |
+
height: 22px;
|
362 |
+
float: left;
|
363 |
+
fill: currentColor;
|
364 |
+
}
|
365 |
+
|
366 |
+
.sb-notification-ctn[data-type="success"] .sb-notification-icon{
|
367 |
+
color: #59AB46;
|
368 |
+
}
|
369 |
+
.sb-notification-ctn[data-type="error"] .sb-notification-icon{
|
370 |
+
color: #D72C2C;
|
371 |
+
}
|
372 |
+
.sb-notification-ctn[data-type="message"] .sb-notification-icon{
|
373 |
+
color: #141B38;
|
374 |
+
}
|
375 |
+
|
376 |
+
.sb-notification-ctn span{
|
377 |
+
font-size: 14px;
|
378 |
+
color: #141B38;
|
379 |
+
font-weight:500;
|
380 |
+
}
|
381 |
+
|
382 |
+
/*** 3.0 - Header ***/
|
383 |
+
.cff-fb-create-ctn{
|
384 |
+
margin-top: 90px;
|
385 |
+
}
|
386 |
+
.cff-fb-header{
|
387 |
+
height: 64px;
|
388 |
+
position: absolute;
|
389 |
+
display: flex;
|
390 |
+
flex-direction: row;
|
391 |
+
justify-content: space-between;
|
392 |
+
align-items: center;
|
393 |
+
background: #fff;
|
394 |
+
padding: 0px 52px;
|
395 |
+
z-index: 2;
|
396 |
+
}
|
397 |
+
.cff-fb-header-left {
|
398 |
+
display: flex;
|
399 |
+
}
|
400 |
+
.cff-fb-header-left .sb-social-wall-link-wrap {
|
401 |
+
margin-left: 30px;
|
402 |
+
}
|
403 |
+
.cff-fb-hd-logo{
|
404 |
+
display: flex;
|
405 |
+
vertical-align: middle;
|
406 |
+
align-items: center;
|
407 |
+
gap: 5px;
|
408 |
+
}
|
409 |
+
.cff-fb-hd-logo .sb-logo-letters-wrap {
|
410 |
+
margin-bottom: 4px;
|
411 |
+
}
|
412 |
+
.cff-fb-hd-logo .breadcrumb-title{
|
413 |
+
font-size: 14px;
|
414 |
+
font-weight: 400;
|
415 |
+
line-height: 22px;
|
416 |
+
letter-spacing: 0em;
|
417 |
+
margin-left: 4px;
|
418 |
+
}
|
419 |
+
.cff-fb-hd-logo .separator{
|
420 |
+
margin: 0 5px 0 10px;
|
421 |
+
}
|
422 |
+
.cff-fb-hd-btn{
|
423 |
+
height: 38px;
|
424 |
+
cursor: pointer;
|
425 |
+
display: flex;
|
426 |
+
flex-direction: row;
|
427 |
+
justify-content: center;
|
428 |
+
align-items: center;
|
429 |
+
padding: 0px 15px 0px 13px;
|
430 |
+
font-weight: 600;
|
431 |
+
font-size: 14px;
|
432 |
+
color: #353A41;
|
433 |
+
background: #F3F4F5;
|
434 |
+
border-radius: 2px;
|
435 |
+
border: 1px solid #DCDDE1;
|
436 |
+
position: relative;
|
437 |
+
text-decoration: none;
|
438 |
+
transition: all 0.3s ease;
|
439 |
+
box-sizing: border-box;
|
440 |
+
}
|
441 |
+
.cff-fb-hd-btn svg {
|
442 |
+
margin-right: 10px;
|
443 |
+
width: 16px;
|
444 |
+
}
|
445 |
+
.cff-fb-hd-btn:hover {
|
446 |
+
color: inherit;
|
447 |
+
background-color: #fff;
|
448 |
+
}
|
449 |
+
.cff-fb-hd-btn i{
|
450 |
+
margin: 0px 5px;
|
451 |
+
}
|
452 |
+
.cff-fb-hd-btn[data-icon="left"]{
|
453 |
+
padding-right: 20px!important;
|
454 |
+
}
|
455 |
+
|
456 |
+
.cff-fb-full-wrapper .section-header {
|
457 |
+
margin-top: 33px;
|
458 |
+
}
|
459 |
+
.cff-fb-full-wrapper .section-header h1 {
|
460 |
+
font-size: 32px;
|
461 |
+
line-height: 40px;
|
462 |
+
}
|
463 |
+
/*** 4.0 - Content ***/
|
464 |
+
|
465 |
+
/*** 4.1 - Tab Styles ***/
|
466 |
+
.sb-tabs-container {
|
467 |
+
position: relative;
|
468 |
+
width: 100%;
|
469 |
+
margin-top: 28px;
|
470 |
+
}
|
471 |
+
.sb-tabs-container .sb-tab-content .sb-tab-content-inner {
|
472 |
+
width: 100%;
|
473 |
+
margin-top: 20px;
|
474 |
+
height: auto;
|
475 |
+
padding-bottom: 30px;
|
476 |
+
}
|
477 |
+
.sb-tabs-container .cff-save-button {
|
478 |
+
display: flex;
|
479 |
+
justify-content: flex-end;
|
480 |
+
margin-top: 30px;
|
481 |
+
}
|
482 |
+
.sb-tabs-container .sb-tabs {
|
483 |
+
position: relative;
|
484 |
+
display: flex;
|
485 |
+
align-items: center;
|
486 |
+
justify-content: space-between;
|
487 |
+
margin-bottom: 20px;
|
488 |
+
}
|
489 |
+
.sb-tabs-container .sb-tabs:after {
|
490 |
+
position: absolute;
|
491 |
+
content: '';
|
492 |
+
width: 100%;
|
493 |
+
height: 1px;
|
494 |
+
background-color: #DCDDE1;
|
495 |
+
bottom: 0px;
|
496 |
+
left: 0px;
|
497 |
+
z-index: -1;
|
498 |
+
}
|
499 |
+
.sb-tabs-container .sb-tabs .tab {
|
500 |
+
position: relative;
|
501 |
+
padding: 9px 25px 15px 25px;
|
502 |
+
display: inline-block;
|
503 |
+
font-weight: 500;
|
504 |
+
font-size: 16px;
|
505 |
+
line-height: 160%;
|
506 |
+
color: #8C8F9A;
|
507 |
+
text-decoration: none;
|
508 |
+
cursor: pointer;
|
509 |
+
-webkit-transition: linear 0.2s;
|
510 |
+
-ms-transition: linear 0.2s;
|
511 |
+
transition: linear 0.2s;
|
512 |
+
}
|
513 |
+
.sb-tabs-container .sb-tabs .tab:not(:last-child) {
|
514 |
+
margin-right: 20px;
|
515 |
+
}
|
516 |
+
.sb-tabs-container .sb-tabs .tab.active {
|
517 |
+
color: #0068A0;
|
518 |
+
}
|
519 |
+
.sb-tabs-container .sb-tabs .tab-indicator {
|
520 |
+
position: absolute;
|
521 |
+
bottom: 0px;
|
522 |
+
left: 0px;
|
523 |
+
background-color: #0068A0;
|
524 |
+
width: 200px;
|
525 |
+
height: 2px;
|
526 |
+
transition: all 0.7s cubic-bezier(0.22, 0.51, 0.53, 0.88);
|
527 |
+
}
|
528 |
+
|
529 |
+
.slide-fade-enter-active {
|
530 |
+
transition: all 0.3s ease;
|
531 |
+
position: absolute;
|
532 |
+
}
|
533 |
+
.slide-fade-leave-active {
|
534 |
+
position: absolute;
|
535 |
+
transition: all 0.3s cubic-bezier(1, 0.5, 0.8, 1);
|
536 |
+
}
|
537 |
+
.slide-fade-enter,
|
538 |
+
.slide-fade-leave-to {
|
539 |
+
transform: translateX(10px);
|
540 |
+
opacity: 0;
|
541 |
+
}
|
542 |
+
|
543 |
+
/*** 4.2 - Tab Boxes ***/
|
544 |
+
.sb-tab-content{
|
545 |
+
width: 100%;
|
546 |
+
height: auto;
|
547 |
+
}
|
548 |
+
.sb-tab-content .sb-tab-box {
|
549 |
+
background-color: #fff;
|
550 |
+
padding: 24px;
|
551 |
+
box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05), 0px 4px 5px rgba(0, 0, 0, 0.05);
|
552 |
+
margin-bottom: 12px;
|
553 |
+
}
|
554 |
+
.sb-tab-content > div {
|
555 |
+
background-color: #f0f0f1;
|
556 |
+
}
|
557 |
+
.sb-tab-content.cff-license-free .sb-tab-box.sb-caching-box,
|
558 |
+
.sb-tab-content.cff-license-free .sb-tab-box.sb-optimize-box {
|
559 |
+
padding-bottom: 0;
|
560 |
+
}
|
561 |
+
.sb-tab-content .sb-tab-box h3,
|
562 |
+
#cff-settings .sb-tab-content .sb-tab-box h3 {
|
563 |
+
margin: 0px 0px 5px;
|
564 |
+
font-size: 18px;
|
565 |
+
line-height: 140%;
|
566 |
+
color: #141B38;
|
567 |
+
display: flex;
|
568 |
+
}
|
569 |
+
.sb-tab-content .sb-tab-box h3 .sb-tooltip-info {
|
570 |
+
transform: translate(10px, 2px);
|
571 |
+
cursor: pointer;
|
572 |
+
}
|
573 |
+
.sb-tab-content .sb-tab-box p {
|
574 |
+
font-size: 14px;
|
575 |
+
line-height: 160%;
|
576 |
+
color: #8C8F9A;
|
577 |
+
margin: 0px;
|
578 |
+
}
|
579 |
+
.sb-tab-content .sb-tab-box .tab-label {
|
580 |
+
max-width: 270px;
|
581 |
+
min-width: 270px;
|
582 |
+
padding-right: 55px;
|
583 |
+
box-sizing: border-box;
|
584 |
+
float: left;
|
585 |
+
position: relative;
|
586 |
+
}
|
587 |
+
.sb-tab-content .sb-tab-box .tab-label.tab-label-full {
|
588 |
+
min-width: 100%;
|
589 |
+
max-width: 100%;
|
590 |
+
padding-right: 0;
|
591 |
+
float: initial;
|
592 |
+
}
|
593 |
+
.sb-tab-content .sb-tab-box .tab-label .sb-help-text {
|
594 |
+
font-size: 14px;
|
595 |
+
line-height: 160%;
|
596 |
+
color: #8C8F9A;
|
597 |
+
}
|
598 |
+
.sb-tab-content .sb-tab-box .cff-caching-pro-cta {
|
599 |
+
width: calc(100% + 48px);
|
600 |
+
display: flex;
|
601 |
+
flex-direction: row;
|
602 |
+
justify-content: center;
|
603 |
+
align-items: center;
|
604 |
+
padding: 0px 128px;
|
605 |
+
background: #E2F5FF;
|
606 |
+
margin-left: -24px;
|
607 |
+
box-sizing: border-box;
|
608 |
+
}
|
609 |
+
.sb-tab-content .sb-tab-box .cff-caching-pro-cta a {
|
610 |
+
text-decoration: none;
|
611 |
+
display: block;
|
612 |
+
padding: 8px 0;
|
613 |
+
}
|
614 |
+
.sb-tab-content .sb-tab-box .cff-caching-pro-cta span {
|
615 |
+
font-weight: 600;
|
616 |
+
font-size: 14px;
|
617 |
+
line-height: 160%;
|
618 |
+
color: #0068A0;
|
619 |
+
width: 100%;
|
620 |
+
text-align: center;
|
621 |
+
}
|
622 |
+
.sb-tab-content .sb-tab-box .cff-caching-pro-cta .cff-upgrade-cta-icon {
|
623 |
+
margin-left: 6px;
|
624 |
+
}
|
625 |
+
.sb-tab-content .license-status {
|
626 |
+
font-size: 14px;
|
627 |
+
line-height: 160%;
|
628 |
+
color: #141B38;
|
629 |
+
margin-bottom: 8px;
|
630 |
+
display: inline-block;
|
631 |
+
}
|
632 |
+
.sb-tab-box.sb-license-box.license-type-free .license-status {
|
633 |
+
font-style: italic;
|
634 |
+
}
|
635 |
+
.sb-tab-content .sb-tab-box .cff-tab-form-field{
|
636 |
+
width: calc(100% - 270px);
|
637 |
+
float: left;
|
638 |
+
flex-wrap: wrap;
|
639 |
+
}
|
640 |
+
.sb-tab-content .sb-tab-box.sb-caching-box .cff-tab-form-field {
|
641 |
+
margin-bottom: 10px;
|
642 |
+
}
|
643 |
+
.sb-tab-content .sb-tab-box.sb-optimize-box .cff-tab-form-field {
|
644 |
+
margin-bottom: 20px;
|
645 |
+
}
|
646 |
+
.sb-tab-content .sb-tab-box .cff-tab-form-field .cff-tab-field-inner-wrap {
|
647 |
+
width: 100%;
|
648 |
+
}
|
649 |
+
.cff-tab-field-inner-wrap .upgrade-info{
|
650 |
+
border-bottom: 1px solid #DCDDE1;
|
651 |
+
margin-bottom: 24px;
|
652 |
+
padding-bottom: 24px;
|
653 |
+
}
|
654 |
+
.dev-site-license-field .upgrade-info{
|
655 |
+
border-bottom: 0px solid #DCDDE1;
|
656 |
+
padding-bottom: 0px;
|
657 |
+
}
|
658 |
+
.dev-site-license-field .cff-upgrade-license-btn {
|
659 |
+
text-decoration: none;
|
660 |
+
transform: none !important;
|
661 |
+
height: 38px;
|
662 |
+
padding: 4px 13px;
|
663 |
+
width: 165px;
|
664 |
+
box-sizing: border-box;
|
665 |
+
border: none;
|
666 |
+
}
|
667 |
+
.dev-site-license-field .cff-upgrade-license-btn span {
|
668 |
+
height: 20px;
|
669 |
+
margin-right: 9px;
|
670 |
+
}
|
671 |
+
.sb-tab-content .sb-tab-box .cff-tab-form-field .cff-tab-field-inner-wrap:not(:last-child) {
|
672 |
+
margin-bottom: 20px;
|
673 |
+
}
|
674 |
+
.sb-tab-box.sb-license-box.license-type-free .cff-tab-form-field {
|
675 |
+
flex-basis: 58%;
|
676 |
+
flex-wrap: wrap;
|
677 |
+
}
|
678 |
+
.sb-tab-box.sb-manage-sources-box .cff-tab-form-field {
|
679 |
+
max-width: 1200px;
|
680 |
+
}
|
681 |
+
.sb-tab-box.sb-custom-css-box .cff-tab-form-field,
|
682 |
+
.sb-tab-box.sb-custom-js-box .cff-tab-form-field {
|
683 |
+
max-width: 840px;
|
684 |
+
}
|
685 |
+
@media (max-width: 1023px) {
|
686 |
+
.sb-tab-content .sb-tab-box .tab-label {
|
687 |
+
width: 100%;
|
688 |
+
max-width: 100%;
|
689 |
+
padding-right: 0;
|
690 |
+
float: initial;
|
691 |
+
margin-bottom: 20px;
|
692 |
+
}
|
693 |
+
.sb-tab-content .sb-tab-box .cff-tab-form-field{
|
694 |
+
width: 100%;
|
695 |
+
float: intial;
|
696 |
+
}
|
697 |
+
}
|
698 |
+
|
699 |
+
.sb-tab-box.sb-license-box.license-type-free .cff-tab-form-field .upgrade-info {
|
700 |
+
width: 100%;
|
701 |
+
border-bottom: 1px solid #DCDDE1;
|
702 |
+
padding-bottom: 25px;
|
703 |
+
margin-bottom: 25px;
|
704 |
+
}
|
705 |
+
.sb-tab-box.sb-license-box.license-type-free .field-left-content,
|
706 |
+
.sb-tab-box.sb-license-box.license-type-free .field-right-content {
|
707 |
+
order: 1;
|
708 |
+
}
|
709 |
+
.sb-tab-content .sb-tab-box .cff-tab-form-field .cff-form-field {
|
710 |
+
width: 100%;
|
711 |
+
}
|
712 |
+
.license-valid .cff-form-field,
|
713 |
+
.license-valid .cff-form-field:focus {
|
714 |
+
border-color: #59AB46;
|
715 |
+
}
|
716 |
+
.license-invalid .cff-form-field {
|
717 |
+
border-color: #D72C2C;
|
718 |
+
}
|
719 |
+
.sb-field-error .cff-form-field,
|
720 |
+
.sb-field-error .cff-form-field:focus {
|
721 |
+
border-color: #D72C2C;
|
722 |
+
}
|
723 |
+
.license-valid .field-icon {
|
724 |
+
color: #59AB46;
|
725 |
+
}
|
726 |
+
.field-icon.field-icon-error {
|
727 |
+
color: #D72C2C;
|
728 |
+
}
|
729 |
+
.license-valid .sb-form-field .field-icon,
|
730 |
+
.sb-form-field .field-icon.field-icon-error {
|
731 |
+
background: white;
|
732 |
+
}
|
733 |
+
.form-error .cff-tab-form-field .cff-form-field {
|
734 |
+
border-color: #ab4646;
|
735 |
+
}
|
736 |
+
.upgrade-info span {
|
737 |
+
font-size: 14px;
|
738 |
+
line-height: 22px;
|
739 |
+
display: inline-block;
|
740 |
+
}
|
741 |
+
.upgrade-info span:last-child {
|
742 |
+
font-style: italic;
|
743 |
+
}
|
744 |
+
.upgrade-info span a {
|
745 |
+
font-weight: 700;
|
746 |
+
color: #0068A0;
|
747 |
+
}
|
748 |
+
.sb-tab-content .sb-tab-box .cff-tab-form-field .cff-btn{
|
749 |
+
transform: translate(10px, 0px);
|
750 |
+
}
|
751 |
+
.sb-tab-content .sb-tab-box.sb-caching-box .cff-tab-form-field .cff-btn,
|
752 |
+
.sb-tab-content .sb-tab-box.sb-import-box .cff-tab-form-field .cff-btn{
|
753 |
+
transform: translate(0px);
|
754 |
+
}
|
755 |
+
.sb-tab-content .sb-tab-box.sb-license-box .cff-tab-form-field .sb-form-field{
|
756 |
+
margin-bottom: 8px;
|
757 |
+
}
|
758 |
+
.license-valid .cff-btn.loading svg path {
|
759 |
+
fill: #141B38
|
760 |
+
}
|
761 |
+
.sb-tab-content .sb-tab-box .cff-tab-form-field .field-left-content {
|
762 |
+
flex-basis: 73%;
|
763 |
+
max-width: 465px;
|
764 |
+
}
|
765 |
+
.sb-tab-content .sb-tab-box.sb-license-box.license-type-free .cff-tab-form-field .field-left-content {
|
766 |
+
flex-basis: 73%;
|
767 |
+
}
|
768 |
+
.sb-tab-content .sb-tab-box .cff-tab-form-field .field-right-content {
|
769 |
+
flex-basis: 20%;
|
770 |
+
}
|
771 |
+
.sb-tab-content .sb-tab-box .cff-tab-form-field .form-info {
|
772 |
+
font-size: 12px;
|
773 |
+
line-height: 22px;
|
774 |
+
color: #27303F;
|
775 |
+
}
|
776 |
+
.sb-tab-content .sb-tab-box .cff-tab-form-field .form-info .cff-manage-license a{
|
777 |
+
text-decoration-line: underline;
|
778 |
+
color: #27303F;
|
779 |
+
margin-right: 10px;
|
780 |
+
}
|
781 |
+
.sb-tab-content .sb-tab-box .cff-tab-form-field .form-info .test-connection {
|
782 |
+
color: #434960;
|
783 |
+
}
|
784 |
+
.sb-tab-content .sb-tab-box .cff-tab-form-field .form-info .cff-upgrade a {
|
785 |
+
color: #0068A0;
|
786 |
+
font-weight: 600;
|
787 |
+
margin-left: 8px;
|
788 |
+
text-decoration: none;
|
789 |
+
}
|
790 |
+
.sb-tab-content .sb-tab-box.sb-reset-box-style {
|
791 |
+
margin: 0;
|
792 |
+
border-bottom: 1px solid #E8E8EB;
|
793 |
+
}
|
794 |
+
.sb-tab-content.cff-license-free .sb-tab-box.sb-timezone-box,
|
795 |
+
.sb-tab-content.cff-license-free .sb-tab-box.sb-gdpr-box,
|
796 |
+
.sb-tab-content.cff-license-free .sb-tab-box.sb-optimize-box,
|
797 |
+
.sb-tab-content.cff-license-free .sb-tab-box.sb-caching-box {
|
798 |
+
margin-bottom: 12px;
|
799 |
+
border-bottom: none
|
800 |
+
}
|
801 |
+
.sb-tooltip-content {
|
802 |
+
position: absolute;
|
803 |
+
background: #fff;
|
804 |
+
border-radius: 2px;
|
805 |
+
padding: 12px 26px 12px 16px;
|
806 |
+
box-shadow: 1px 2px 4px 0px rgb(0 0 0 / 15%), -2px -1px 9px 0px rgb(0 0 0 / 13%);
|
807 |
+
width: 497px;
|
808 |
+
height: auto;
|
809 |
+
max-height: 284px;
|
810 |
+
bottom: 50px;
|
811 |
+
box-sizing: border-box;
|
812 |
+
right: -45px;
|
813 |
+
z-index: 9999;
|
814 |
+
}
|
815 |
+
.sb-tooltip-content p {
|
816 |
+
color: #141B38;
|
817 |
+
font-size: 14px;
|
818 |
+
line-height: 22px;
|
819 |
+
font-weight: normal;
|
820 |
+
}
|
821 |
+
.sb-tooltip-content:after {
|
822 |
+
width: 12px;
|
823 |
+
height: 12px;
|
824 |
+
content: '';
|
825 |
+
bottom: -7px;
|
826 |
+
right: calc(50% - 6px);
|
827 |
+
position: absolute;
|
828 |
+
background: #fff;
|
829 |
+
transform: rotate(45deg);
|
830 |
+
box-shadow: 2px 2px 2px rgb(0 0 0 / 14%);
|
831 |
+
}
|
832 |
+
.sb-localization-box .sb-tooltip-content:after {
|
833 |
+
right: calc(50% - 55px);
|
834 |
+
}
|
835 |
+
.sb-tooltip-content.sb-tooltip-bottom {
|
836 |
+
bottom: inherit;
|
837 |
+
top: 45px;
|
838 |
+
box-shadow: -1px -2px 4px 0px rgb(0 0 0 / 15%), 2px 1px 9px 0px rgb(0 0 0 / 13%);
|
839 |
+
}
|
840 |
+
.sb-tooltip-content.sb-tooltip-bottom:after {
|
841 |
+
bottom: inherit;
|
842 |
+
top: -6px;
|
843 |
+
box-shadow: -2px -2px 2px rgb(0 0 0 / 14%);
|
844 |
+
}
|
845 |
+
.sb-tab-content .sb-tab-box .sb-tooltip-content p {
|
846 |
+
color: #141B38;
|
847 |
+
}
|
848 |
+
.sb-tab-content .sb-tab-box .sb-tooltip-content p:not(:last-child) {
|
849 |
+
margin-bottom: 12px;
|
850 |
+
}
|
851 |
+
.sb-tab-content .sb-tab-box .sb-tooltip-content p a {
|
852 |
+
color: #141B38;
|
853 |
+
font-weight: 600;
|
854 |
+
}
|
855 |
+
.sb-gdpr-box .sb-gdpr-active {
|
856 |
+
padding-left: 27px;
|
857 |
+
position: relative;
|
858 |
+
max-width: 560px;
|
859 |
+
box-sizing: border-box;
|
860 |
+
}
|
861 |
+
.sb-gdpr-box .gdpr-help-text-yes {
|
862 |
+
max-width: 560px;
|
863 |
+
}
|
864 |
+
.sb-gdpr-box .sb-gdpr-active .gdpr-active-icon {
|
865 |
+
position: absolute;
|
866 |
+
left: 0px;
|
867 |
+
}
|
868 |
+
.sb-gdpr-box .help-text a {
|
869 |
+
font-weight: 400;
|
870 |
+
}
|
871 |
+
.sb-gdpr-box .sb-text-bold {
|
872 |
+
font-weight: 700;
|
873 |
+
cursor: pointer;
|
874 |
+
}
|
875 |
+
.sb-gdpr-box .sb-gdpr-bold {
|
876 |
+
text-decoration: underline;
|
877 |
+
}
|
878 |
+
.sb-gdpr-info-tooltip {
|
879 |
+
position: absolute;
|
880 |
+
font-size: 14px;
|
881 |
+
line-height: 22px;
|
882 |
+
color: #141B38;
|
883 |
+
background: #FFFFFF;
|
884 |
+
border-radius: 2px;
|
885 |
+
padding: 12px 26px 12px 16px;
|
886 |
+
box-shadow: 1px 2px 4px 0px rgb(0 0 0 / 15%), -2px -1px 9px 0px rgb(0 0 0 / 13%);
|
887 |
+
z-index: 99;
|
888 |
+
width: 561px;
|
889 |
+
height: 281px;
|
890 |
+
bottom: -297px;
|
891 |
+
box-sizing: border-box;
|
892 |
+
}
|
893 |
+
.sb-gdpr-info-tooltip:before {
|
894 |
+
width: 0;
|
895 |
+
height: 0;
|
896 |
+
border-left: 8px solid transparent;
|
897 |
+
border-right: 8px solid transparent;
|
898 |
+
border-bottom: 10px solid #fff;
|
899 |
+
content: '';
|
900 |
+
top: -10px;
|
901 |
+
right: 260px;
|
902 |
+
position: absolute;
|
903 |
+
}
|
904 |
+
.sb-gdpr-info-tooltip .sb-gdpr-info-headline {
|
905 |
+
font-weight: 600;
|
906 |
+
}
|
907 |
+
.sb-gdpr-info-tooltip .sb-gdpr-info-list {
|
908 |
+
margin: 0px;
|
909 |
+
margin-top: 1px;
|
910 |
+
padding-left: 20px;
|
911 |
+
}
|
912 |
+
.sb-gdpr-info-tooltip .sb-gdpr-info-list li {
|
913 |
+
position: relative;
|
914 |
+
margin-bottom: 2px;
|
915 |
+
}
|
916 |
+
.sb-gdpr-info-tooltip .sb-gdpr-info-list li:before {
|
917 |
+
width: 3px;
|
918 |
+
height: 3px;
|
919 |
+
position: absolute;
|
920 |
+
left: -12px;
|
921 |
+
top: 10px;
|
922 |
+
content: '';
|
923 |
+
background-color: #141B38;
|
924 |
+
border-radius: 10px;
|
925 |
+
}
|
926 |
+
.test-connection svg {
|
927 |
+
width: 15px;
|
928 |
+
height: 15px;
|
929 |
+
transform: translate(2px, 3px);
|
930 |
+
}
|
931 |
+
.test-connection i {
|
932 |
+
font-size: 14px;
|
933 |
+
}
|
934 |
+
.test-connection.loading path {
|
935 |
+
fill: #141B38
|
936 |
+
}
|
937 |
+
.test-connection.success svg {
|
938 |
+
transform: translate(3px, 6px)
|
939 |
+
}
|
940 |
+
.test-connection i {
|
941 |
+
font-size: 16px;
|
942 |
+
transform: translate(-2px, 1px);
|
943 |
+
}
|
944 |
+
.test-connection.success path {
|
945 |
+
fill: #59AB46;
|
946 |
+
}
|
947 |
+
.test-connection.success i {
|
948 |
+
color: #59AB46;
|
949 |
+
}
|
950 |
+
.test-connection.error i {
|
951 |
+
color: #D72C2C;
|
952 |
+
}
|
953 |
+
.test-connection a {
|
954 |
+
color: #434960;
|
955 |
+
font-weight: 600;
|
956 |
+
margin-left: 4px;
|
957 |
+
}
|
958 |
+
.test-connection:not(.error):not(.success) {
|
959 |
+
cursor: pointer;
|
960 |
+
}
|
961 |
+
.cff-btn[disabled="disabled"] {
|
962 |
+
cursor: not-allowed;
|
963 |
+
color: #8C8F9A;
|
964 |
+
background: #F3F4F5;
|
965 |
+
}
|
966 |
+
.cff-caching-btn span {
|
967 |
+
margin-right: 7px;
|
968 |
+
}
|
969 |
+
.cff-caching-btn.cff-btn[disabled="disabled"] svg path{
|
970 |
+
fill: #8C8F9A;
|
971 |
+
}
|
972 |
+
.cff-btn[disabled="disabled"]:hover {
|
973 |
+
color: #8C8F9A;
|
974 |
+
}
|
975 |
+
.cff-btn[disabled="disabled"]:not(.import-btn) .icon path {
|
976 |
+
fill: #8C8F9A;
|
977 |
+
}
|
978 |
+
.import-btn .icon svg:not(.checkmark) path {
|
979 |
+
fill: #141B38;
|
980 |
+
}
|
981 |
+
.import-btn[disabled="disabled"] .icon svg:not(.checkmark) path {
|
982 |
+
fill: #8C8F9A;
|
983 |
+
}
|
984 |
+
.cff-btn .icon {
|
985 |
+
margin-right: 12px;
|
986 |
+
}
|
987 |
+
.cff-btn .cff-loader-svg {
|
988 |
+
height: 20px;
|
989 |
+
}
|
990 |
+
.import-btn .icon.loading {
|
991 |
+
transform: translate(-5px, 1px);
|
992 |
+
}
|
993 |
+
.import-btn .icon.success {
|
994 |
+
transform: translate(-4px, 0px);
|
995 |
+
}
|
996 |
+
.import-btn .icon.error {
|
997 |
+
transform: translate(-4px, 0px);
|
998 |
+
}
|
999 |
+
.import-btn .icon.error i {
|
1000 |
+
color: #D72C2C;
|
1001 |
+
}
|
1002 |
+
.import-btn .icon.success svg {
|
1003 |
+
stroke: #141B38
|
1004 |
+
}
|
1005 |
+
.export-btn {
|
1006 |
+
text-decoration: none;
|
1007 |
+
}
|
1008 |
+
.export-btn:hover {
|
1009 |
+
color: inherit;
|
1010 |
+
}
|
1011 |
+
|
1012 |
+
.sb-tab-box.sb-caching-box .cff-caching-btn .loading path,
|
1013 |
+
.sb-tab-box.sb-optimize-box .optimize-image-btn .loading path {
|
1014 |
+
fill: rgb(23 22 22 / 95%)
|
1015 |
+
}
|
1016 |
+
.sb-tab-box.sb-caching-box .cff-caching-btn .success svg,
|
1017 |
+
.sb-tab-box.sb-optimize-box .optimize-image-btn .success svg {
|
1018 |
+
stroke: rgb(23 22 22 / 95%)
|
1019 |
+
}
|
1020 |
+
.sb-tab-box.sb-caching-box .cff-caching-btn:disabled path,
|
1021 |
+
.sb-tab-box.sb-caching-box .optimize-image-btn:disabled path {
|
1022 |
+
fill: #8C8F9A;
|
1023 |
+
}
|
1024 |
+
|
1025 |
+
/* Translation Tab */
|
1026 |
+
.sb-tab-inner-card {
|
1027 |
+
margin-top: 30px;
|
1028 |
+
}
|
1029 |
+
|
1030 |
+
.cff-table {
|
1031 |
+
width: 100%;
|
1032 |
+
border: 1px solid #DCDDE1;
|
1033 |
+
padding: 0;
|
1034 |
+
border-spacing: 0;
|
1035 |
+
}
|
1036 |
+
.cff-table thead th,
|
1037 |
+
.cff-table tfoot th {
|
1038 |
+
background-color: #F3F4F5;
|
1039 |
+
font-size: 14px;
|
1040 |
+
line-height: 22px;
|
1041 |
+
color: #434960;
|
1042 |
+
padding: 10px 20px;
|
1043 |
+
font-weight: 400;
|
1044 |
+
text-align: left;
|
1045 |
+
box-sizing: border-box;
|
1046 |
+
border-bottom: 1px solid #DCDDE1;
|
1047 |
+
}
|
1048 |
+
.cff-table tfoot th {
|
1049 |
+
border: 0;
|
1050 |
+
border-top: 1px solid #DCDDE1;
|
1051 |
+
}
|
1052 |
+
|
1053 |
+
.cff-table tbody td {
|
1054 |
+
padding: 6px 10px 6px 20px;
|
1055 |
+
box-sizing: border-box;
|
1056 |
+
|
1057 |
+
}
|
1058 |
+
.cff-table-row-header td {
|
1059 |
+
font-weight: 600;
|
1060 |
+
font-size: 16px !important;
|
1061 |
+
line-height: 26px;
|
1062 |
+
color: #141B38;
|
1063 |
+
box-sizing: border-box;
|
1064 |
+
padding: 10px 20px !important;
|
1065 |
+
}
|
1066 |
+
.cff-table tbody td {
|
1067 |
+
background: #F3F4F5;
|
1068 |
+
font-size: 14px;
|
1069 |
+
}
|
1070 |
+
.cff-table tbody:nth-child(2n) td {
|
1071 |
+
background-color:#fff;
|
1072 |
+
}
|
1073 |
+
.cff-table tbody tr:not(.cff-table-row-header):not(:last-child) td {
|
1074 |
+
border-bottom:1px solid #DCDDE1
|
1075 |
+
}
|
1076 |
+
.cff-table tbody tr:last-child td {
|
1077 |
+
padding: 6px 10px 6px 20px;
|
1078 |
+
}
|
1079 |
+
|
1080 |
+
.cff-table tbody tr td:first-child,
|
1081 |
+
.cff-table tbody tr td:nth-child(2) {
|
1082 |
+
width: 25%;
|
1083 |
+
}
|
1084 |
+
.cff-table tbody .cff-input{
|
1085 |
+
background: #FFFFFF;
|
1086 |
+
border: 1px solid #D0D1D7;
|
1087 |
+
box-sizing: border-box;
|
1088 |
+
border-radius: 1px;
|
1089 |
+
width: 100%;
|
1090 |
+
height: 38px;
|
1091 |
+
color: #2c3338;
|
1092 |
+
}
|
1093 |
+
.cff-table tbody .cff-input::placeholder {
|
1094 |
+
color: #8C8F9A;
|
1095 |
+
}
|
1096 |
+
.cff-table tbody .cff-input:focus {
|
1097 |
+
border: 1px solid #97989c;
|
1098 |
+
outline: none;
|
1099 |
+
box-shadow: none;
|
1100 |
+
}
|
1101 |
+
@media (max-width: 767px) {
|
1102 |
+
.sb-tabs-container .sb-tabs .tab {
|
1103 |
+
padding: 25px 10px;
|
1104 |
+
}
|
1105 |
+
.cff-table th,
|
1106 |
+
.cff-table td {
|
1107 |
+
display: block;
|
1108 |
+
width: 100%;
|
1109 |
+
}
|
1110 |
+
.cff-table tbody tr td:first-child,
|
1111 |
+
.cff-table tbody tr td:nth-child(2) {
|
1112 |
+
width: 100%;
|
1113 |
+
}
|
1114 |
+
.cff-table tbody .cff-input {
|
1115 |
+
height: 30px;
|
1116 |
+
min-height: 30px;
|
1117 |
+
font-size: 14px;
|
1118 |
+
}
|
1119 |
+
}
|
1120 |
+
|
1121 |
+
.sb-feed-issue-box #cff-send-report {
|
1122 |
+
width: 127px;
|
1123 |
+
min-width: 127px;
|
1124 |
+
height: 46px;
|
1125 |
+
padding: 6px 15px;
|
1126 |
+
}
|
1127 |
+
.sb-feed-issue-box #report-emails {
|
1128 |
+
width: 407px;
|
1129 |
+
height: 45px;
|
1130 |
+
padding: 8px 15px;
|
1131 |
+
font-size: 16px;
|
1132 |
+
line-height: 26px;
|
1133 |
+
}
|
1134 |
+
.sb-feed-issue-box #report-emails::placeholder {
|
1135 |
+
color: #8C8F9A;
|
1136 |
+
}
|
1137 |
+
.sb-feed-issue-box .feed-issues-fields {
|
1138 |
+
margin-bottom: 15px;
|
1139 |
+
display: flex;
|
1140 |
+
}
|
1141 |
+
.sb-feed-issue-box .feed-issues-fields * {
|
1142 |
+
margin: 0 10px 0 0;
|
1143 |
+
font-size: 16px;
|
1144 |
+
}
|
1145 |
+
|
1146 |
+
.sb-tab-box.sb-optimize-box .sb-form-field,
|
1147 |
+
.sb-tab-box.sb-usage-box .sb-form-field,
|
1148 |
+
.sb-tab-box.sb-ajax-box .sb-form-field,
|
1149 |
+
.sb-tab-box.sb-show-credit-box .sb-form-field,
|
1150 |
+
.sb-tab-box.sb-admin-error-box .sb-form-field,
|
1151 |
+
.sb-tab-box.sb-fix-text-box .sb-form-field{
|
1152 |
+
max-width: 695px;
|
1153 |
+
}
|
1154 |
+
.sb-tab-box.sb-feed-issue-box .sb-form-field .help-text {
|
1155 |
+
max-width: 670px;
|
1156 |
+
}
|
1157 |
+
|
1158 |
+
/*To Be Checked*/
|
1159 |
+
.sb-sources-list{
|
1160 |
+
width: 100%;
|
1161 |
+
position: relative;
|
1162 |
+
display: grid;
|
1163 |
+
grid-template-columns: 48% 48%;
|
1164 |
+
grid-column-gap: 2%;
|
1165 |
+
}
|
1166 |
+
.cff-fb-srcs-item-ins {
|
1167 |
+
display: flex;
|
1168 |
+
height: 62px;
|
1169 |
+
padding: 0 10px;
|
1170 |
+
position: relative;
|
1171 |
+
}
|
1172 |
+
.sb-srcs-item {
|
1173 |
+
box-sizing: border-box;
|
1174 |
+
position: relative;
|
1175 |
+
cursor: auto;
|
1176 |
+
display: block;
|
1177 |
+
height: 64px;
|
1178 |
+
border: 1px solid #E7E7E9;
|
1179 |
+
min-height: 60px;
|
1180 |
+
overflow: auto;
|
1181 |
+
margin-top: 15px;
|
1182 |
+
}
|
1183 |
+
.sb-srcs-item.expanded {
|
1184 |
+
height: auto;
|
1185 |
+
}
|
1186 |
+
.sb-source-error-wrap {
|
1187 |
+
display: flex;
|
1188 |
+
justify-content: center;
|
1189 |
+
align-items: center;
|
1190 |
+
margin-left: 9px;
|
1191 |
+
}
|
1192 |
+
|
1193 |
+
.sb-source-error-wrap span {
|
1194 |
+
font-weight: 600;
|
1195 |
+
font-size: 12px;
|
1196 |
+
line-height: 160%;
|
1197 |
+
|
1198 |
+
color: #D72C2C;
|
1199 |
+
margin-left: 5px;
|
1200 |
+
}
|
1201 |
+
.sb-source-error-wrap a {
|
1202 |
+
margin-left: 8px;
|
1203 |
+
font-weight: 600;
|
1204 |
+
font-size: 12px;
|
1205 |
+
line-height: 160%;
|
1206 |
+
text-decoration-line: underline;
|
1207 |
+
|
1208 |
+
color: #0068A0;
|
1209 |
+
}
|
1210 |
+
.sb-srcs-new {
|
1211 |
+
display: flex;
|
1212 |
+
justify-content: center;
|
1213 |
+
align-items: center;
|
1214 |
+
font-size: 14px;
|
1215 |
+
color: #0068A0;
|
1216 |
+
background: #F9F9FA;
|
1217 |
+
font-weight: 400;
|
1218 |
+
transition: all 0.15s ease-in-out;
|
1219 |
+
border: 1px solid #E8E8EB;
|
1220 |
+
}
|
1221 |
+
.sb-srcs-new:hover {
|
1222 |
+
cursor: pointer;
|
1223 |
+
background: #E2F5FF;
|
1224 |
+
}
|
1225 |
+
.sb-srcs-new span.add-new-icon {
|
1226 |
+
margin-right: 11px;
|
1227 |
+
margin-top: 3px;
|
1228 |
+
}
|
1229 |
+
.sb-srcs-item-avatar{
|
1230 |
+
display: flex;
|
1231 |
+
width: 42px;
|
1232 |
+
height: inherit;
|
1233 |
+
justify-content: center;
|
1234 |
+
align-items: center;
|
1235 |
+
}
|
1236 |
+
.sb-srcs-item-avatar img{
|
1237 |
+
width: 42px;
|
1238 |
+
height: 42px;
|
1239 |
+
border-radius: 50%;
|
1240 |
+
background: #eee;
|
1241 |
+
}
|
1242 |
+
.sb-srcs-item-inf{
|
1243 |
+
width: 100%;
|
1244 |
+
height: inherit;
|
1245 |
+
display: flex;
|
1246 |
+
justify-content: center;
|
1247 |
+
flex-direction: column;
|
1248 |
+
padding-left: 10px;
|
1249 |
+
}
|
1250 |
+
.sb-srcs-item-name{
|
1251 |
+
font-weight: 600;
|
1252 |
+
color: #141B38;
|
1253 |
+
font-size: 16px;
|
1254 |
+
margin-bottom: 1px;
|
1255 |
+
padding-right: 60px;
|
1256 |
+
max-height: 32px;
|
1257 |
+
line-height: 1.1;
|
1258 |
+
padding-bottom: 2px;
|
1259 |
+
overflow: hidden;
|
1260 |
+
}
|
1261 |
+
|
1262 |
+
.sb-srcs-item-used{
|
1263 |
+
color: #434960;
|
1264 |
+
display: flex;
|
1265 |
+
align-items: center;
|
1266 |
+
font-weight: 400;
|
1267 |
+
font-size: 12px;
|
1268 |
+
}
|
1269 |
+
|
1270 |
+
.cff-fb-srcs-info-item:first-of-type {
|
1271 |
+
align-items: center;
|
1272 |
+
}
|
1273 |
+
.cff-fb-srcs-info-item {
|
1274 |
+
display: flex;
|
1275 |
+
border-top: 1px solid #E7E7E9;
|
1276 |
+
box-sizing: border-box;
|
1277 |
+
width: 100%;
|
1278 |
+
float: left;
|
1279 |
+
padding: 8px 10px;
|
1280 |
+
}
|
1281 |
+
.cff-fb-srcs-info-item strong {
|
1282 |
+
font-size: 14px;
|
1283 |
+
width: 50px;
|
1284 |
+
}
|
1285 |
+
.cff-fb-srcs-info-item span {
|
1286 |
+
font-size: 13px;
|
1287 |
+
line-height: 1.5em;
|
1288 |
+
color: #434960;
|
1289 |
+
font-weight: 400;
|
1290 |
+
display: inline-block;
|
1291 |
+
word-break: break-all;
|
1292 |
+
width: calc(100% - 80px);
|
1293 |
+
padding: 0 15px;
|
1294 |
+
box-sizing: border-box;
|
1295 |
+
}
|
1296 |
+
.cff-fb-srcs-info-icon {
|
1297 |
+
width: 26px;
|
1298 |
+
height: 26px;
|
1299 |
+
display: flex;
|
1300 |
+
justify-content: center;
|
1301 |
+
align-items: center;
|
1302 |
+
cursor: pointer;
|
1303 |
+
margin-left: auto;
|
1304 |
+
border: 1px solid #D0D1D7;
|
1305 |
+
border-radius: 2px;
|
1306 |
+
transition: all 0.15s ease-in-out;
|
1307 |
+
}
|
1308 |
+
.cff-fb-srcs-info-icon:hover {
|
1309 |
+
background: #F3F4F5;
|
1310 |
+
}
|
1311 |
+
.cff-fb-srcs-info-icon:focus,
|
1312 |
+
.cff-fb-srcs-info-icon:active {
|
1313 |
+
background: #E8E8EB;
|
1314 |
+
}
|
1315 |
+
.cff-fb-srcs-info-icon svg {
|
1316 |
+
width: 15px;
|
1317 |
+
float: left;
|
1318 |
+
}
|
1319 |
+
.sb-control-src-expand-chevron {
|
1320 |
+
width: 7px;
|
1321 |
+
height: 7px;
|
1322 |
+
border-left: 2px solid currentColor;
|
1323 |
+
border-top: 2px solid currentColor;
|
1324 |
+
-webkit-transform: rotate(45deg);
|
1325 |
+
transform: rotate(45deg);
|
1326 |
+
}
|
1327 |
+
.sb-srcs-item-actions{
|
1328 |
+
position: absolute;
|
1329 |
+
width: 70px;
|
1330 |
+
height: 31px;
|
1331 |
+
right: 7px;
|
1332 |
+
top: 7px;
|
1333 |
+
}
|
1334 |
+
.sb-srcs-item-actions-btn{
|
1335 |
+
width: 30px;
|
1336 |
+
height: 31px;
|
1337 |
+
cursor: pointer;
|
1338 |
+
float: left;
|
1339 |
+
display: flex;
|
1340 |
+
justify-content: center;
|
1341 |
+
align-items: center;
|
1342 |
+
margin-left: 3px;
|
1343 |
+
}
|
1344 |
+
.sb-srcs-item-actions-btn svg{
|
1345 |
+
float: left;
|
1346 |
+
width: 17px;
|
1347 |
+
fill: currentColor;
|
1348 |
+
}
|
1349 |
+
.sb-srcs-item-actions-btn.sb-srcs-item-angle-up svg {
|
1350 |
+
height: 10px;
|
1351 |
+
}
|
1352 |
+
.sb-srcs-item-cog,
|
1353 |
+
.sb-srcs-item-angle-up{
|
1354 |
+
color: #434960;
|
1355 |
+
transition: all 0.15s ease-in-out;
|
1356 |
+
border-radius: 4px;
|
1357 |
+
}
|
1358 |
+
.sb-srcs-item-cog:hover,
|
1359 |
+
.sb-srcs-item-angle-up:hover {
|
1360 |
+
background: #F3F4F5;
|
1361 |
+
}
|
1362 |
+
.sb-srcs-item-cog:focus,
|
1363 |
+
.sb-srcs-item-cog:active,
|
1364 |
+
.sb-srcs-item-angle-up:focus,
|
1365 |
+
.sb-srcs-item-angle-up:active {
|
1366 |
+
background: #E8E8EB;
|
1367 |
+
}
|
1368 |
+
.sb-srcs-item-delete{
|
1369 |
+
color: #D72C2C;
|
1370 |
+
transition: all 0.15s ease-in-out;
|
1371 |
+
border-radius: 4px;
|
1372 |
+
}
|
1373 |
+
.sb-srcs-item-delete:hover {
|
1374 |
+
background-color: #FCEDED;
|
1375 |
+
}
|
1376 |
+
.sb-srcs-item-delete:focus,
|
1377 |
+
.sb-srcs-item-delete:active {
|
1378 |
+
background: #eed4d4;
|
1379 |
+
}
|
1380 |
+
.sb-srcs-item-delete svg{
|
1381 |
+
width: 13px;
|
1382 |
+
}
|
1383 |
+
#cff-settings .cff-fb-source-step1 .cff-fb-source-top h3 {
|
1384 |
+
margin-bottom: 40px;
|
1385 |
+
}
|
1386 |
+
|
1387 |
+
/*
|
1388 |
+
Sources Instance Popup
|
1389 |
+
*/
|
1390 |
+
.cff-fb-popup-feedinst .cff-fb-source-top{
|
1391 |
+
display: flex;
|
1392 |
+
align-items: center;
|
1393 |
+
}
|
1394 |
+
.cff-fb-popup-feedinst h5{
|
1395 |
+
margin-bottom: 0px;
|
1396 |
+
float: left;
|
1397 |
+
font-size: 27px;
|
1398 |
+
}
|
1399 |
+
.cff-fb-fdinst-type{
|
1400 |
+
padding: 5px 5px;
|
1401 |
+
background: #E8E8EB;
|
1402 |
+
margin-left: 12px;
|
1403 |
+
float: left;
|
1404 |
+
}
|
1405 |
+
.cff-fb-inst-tbl-ctn{
|
1406 |
+
padding: 0 23px 63px;
|
1407 |
+
}
|
1408 |
+
.cff-fb-inst-tbl-ctn table{
|
1409 |
+
width: 100%;
|
1410 |
+
border-spacing: unset;
|
1411 |
+
box-sizing: border-box;
|
1412 |
+
border: 1px solid #DCDDE1;
|
1413 |
+
text-align: left;
|
1414 |
+
}
|
1415 |
+
.cff-fb-inst-tbl-ctn tfoot,.cff-fb-inst-tbl-ctn thead{
|
1416 |
+
background: #F3F4F5
|
1417 |
+
}
|
1418 |
+
.cff-fb-inst-tbl-ctn .cff-fd-lst-thtf th, .cff-fb-inst-tbl-ctn .cff-fd-lst-thtf td{
|
1419 |
+
font-size: 13px;
|
1420 |
+
color: #364152;
|
1421 |
+
padding: 13px 10px;
|
1422 |
+
}
|
1423 |
+
.cff-fb-inst-tbl-ctn .cff-fd-lst-tbody tr:nth-child(odd){
|
1424 |
+
background: #fff;
|
1425 |
+
}
|
1426 |
+
.cff-fb-inst-tbl-ctn .cff-fd-lst-tbody tr:nth-child(even){
|
1427 |
+
background: #F3F4F5;
|
1428 |
+
}
|
1429 |
+
.cff-fb-inst-tbl-ctn .cff-fd-lst-thtf tr th,
|
1430 |
+
.cff-fb-inst-tbl-ctn .cff-fd-lst-thtf tr td{
|
1431 |
+
padding: 4px 20px;
|
1432 |
+
}
|
1433 |
+
.cff-fb-inst-tbl-ctn .cff-fd-lst-tbody tr td{
|
1434 |
+
padding: 11px 20px;
|
1435 |
+
}
|
1436 |
+
.cff-fb-inst-tbl-ctn .cff-fd-lst-name{
|
1437 |
+
font-size: 14px;
|
1438 |
+
}
|
1439 |
+
.cff-fb-inst-tbl-shrtc{
|
1440 |
+
display: flex;
|
1441 |
+
align-items: center;
|
1442 |
+
}
|
1443 |
+
|
1444 |
+
.cff-fd-inst-btn{
|
1445 |
+
width: 10px;
|
1446 |
+
height: 10px;
|
1447 |
+
box-sizing: border-box;
|
1448 |
+
border-right: 3px solid #8C8F9A;
|
1449 |
+
border-top: 3px solid #8C8F9A;
|
1450 |
+
cursor: pointer;
|
1451 |
+
-webkit-transform: rotate(45deg);
|
1452 |
+
transform: rotate(45deg);
|
1453 |
+
}
|
1454 |
+
|
1455 |
+
.cff-fd-lst-actions .cff-fd-lst-btn, .cff-fb-inst-tbl-ctn .cff-fd-lst-btn {
|
1456 |
+
box-sizing: border-box;
|
1457 |
+
width: 36px;
|
1458 |
+
height: 32px;
|
1459 |
+
}
|
1460 |
+
.cff-fd-lst-shortcode-cp {
|
1461 |
+
margin-left: 10px;
|
1462 |
+
}
|
1463 |
+
.cff-fb-tltp-parent {
|
1464 |
+
position: relative;
|
1465 |
+
}
|
1466 |
+
.cff-fd-lst-btn {
|
1467 |
+
width: 21px;
|
1468 |
+
height: 21px;
|
1469 |
+
display: inline-flex;
|
1470 |
+
justify-content: center;
|
1471 |
+
align-items: center;
|
1472 |
+
margin: 0 4px;
|
1473 |
+
cursor: pointer;
|
1474 |
+
color: #141B38;
|
1475 |
+
border-radius: 2px;
|
1476 |
+
border: 1px solid #D8DADD;
|
1477 |
+
-webkit-transition: all .2s ease-in-out;
|
1478 |
+
transition: all .2s ease-in-out;
|
1479 |
+
background: #fff;
|
1480 |
+
}
|
1481 |
+
.cff-fb-tltp-elem {
|
1482 |
+
position: absolute;
|
1483 |
+
color: #fff;
|
1484 |
+
background: #434960;
|
1485 |
+
font-size: 14px;
|
1486 |
+
padding: 7px 10px;
|
1487 |
+
border-radius: 3px;
|
1488 |
+
font-weight: 500;
|
1489 |
+
z-index: 9;
|
1490 |
+
text-align: center;
|
1491 |
+
opacity: 0;
|
1492 |
+
visibility: hidden;
|
1493 |
+
top: calc(-100% - 30px);
|
1494 |
+
left: 50%;
|
1495 |
+
-webkit-transform: translateX(-50%);
|
1496 |
+
transform: translateX(-50%);
|
1497 |
+
-webkit-transition: all .2s ease-in-out;
|
1498 |
+
transition: all .2s ease-in-out;
|
1499 |
+
}
|
1500 |
+
.cff-fb-tltp-elem span {
|
1501 |
+
position: relative;
|
1502 |
+
z-index: 3;
|
1503 |
+
}
|
1504 |
+
.cff-fd-lst-btn svg {
|
1505 |
+
fill: currentColor;
|
1506 |
+
width: 14px;
|
1507 |
+
float: left;
|
1508 |
+
}
|
1509 |
+
.cff-fd-lst-btn svg {
|
1510 |
+
height: 13px;
|
1511 |
+
}
|
1512 |
+
.cff-fd-lst-thtf th{
|
1513 |
+
border-bottom: 1px solid #DCDDE1;
|
1514 |
+
}
|
1515 |
+
.cff-fd-lst-thtf td{
|
1516 |
+
border-top: 1px solid #DCDDE1;
|
1517 |
+
}
|
1518 |
+
.cff-fb-fdinst-type {
|
1519 |
+
padding: 5px 5px;
|
1520 |
+
background: #E8E8EB;
|
1521 |
+
margin-left: 12px;
|
1522 |
+
float: left;
|
1523 |
+
}
|
1524 |
+
.cff-fd-lst-name {
|
1525 |
+
font-size: 17px;
|
1526 |
+
font-weight: 500;
|
1527 |
+
color: #0068A0!important;
|
1528 |
+
}
|
1529 |
+
.cff-fb-inst-tbl-ctn a, .cff-fb-inst-tbl-ctn a:focus {
|
1530 |
+
text-decoration: none;
|
1531 |
+
outline: none;
|
1532 |
+
}
|
1533 |
+
.cff-fd-lst-actions .cff-fd-lst-btn, .cff-fb-inst-tbl-ctn .cff-fd-lst-btn {
|
1534 |
+
box-sizing: border-box;
|
1535 |
+
width: 36px;
|
1536 |
+
height: 32px;
|
1537 |
+
background: transparent;
|
1538 |
+
}
|
1539 |
+
.cff-fd-lst-btn svg {
|
1540 |
+
fill: currentColor;
|
1541 |
+
width: 14px;
|
1542 |
+
float: left;
|
1543 |
+
}
|
1544 |
+
.cff-fb-tltp-parent:hover .cff-fb-tltp-elem {
|
1545 |
+
top: calc(-100% - 20px);
|
1546 |
+
opacity: 1;
|
1547 |
+
visibility: visible;
|
1548 |
+
}
|
1549 |
+
.cff-fb-tltp-elem:after {
|
1550 |
+
content: '';
|
1551 |
+
position: absolute;
|
1552 |
+
height: 10px;
|
1553 |
+
width: 10px;
|
1554 |
+
bottom: -5px;
|
1555 |
+
left: calc(50% - 5px);
|
1556 |
+
background: #434960;
|
1557 |
+
transform: rotate(
|
1558 |
+
-45deg
|
1559 |
+
);
|
1560 |
+
}
|
1561 |
+
|
1562 |
+
/*** 6.0 Sticky Widget ***/
|
1563 |
+
.cff-stck-wdg{
|
1564 |
+
position: fixed;
|
1565 |
+
right: 21px;
|
1566 |
+
z-index: 9;
|
1567 |
+
bottom: 20px;
|
1568 |
+
}
|
1569 |
+
.cff-stck-wdg-btn{
|
1570 |
+
width: 52px;
|
1571 |
+
height: 52px;
|
1572 |
+
background: #fff;
|
1573 |
+
border-radius: 50%;
|
1574 |
+
cursor: pointer;
|
1575 |
+
display: flex;
|
1576 |
+
justify-content: center;
|
1577 |
+
align-items: center;
|
1578 |
+
filter: drop-shadow(0px 9px 13px rgba(0, 0, 0, 0.2));
|
1579 |
+
}
|
1580 |
+
.cff-stck-wdg-btn svg{
|
1581 |
+
width: 25px;
|
1582 |
+
fill: #E34F0E;
|
1583 |
+
height: 33px;
|
1584 |
+
float: left;
|
1585 |
+
}
|
1586 |
+
|
1587 |
+
.cff-stck-wdg[data-active="true"] .cff-stck-wdg-btn-cls,
|
1588 |
+
.cff-stck-wdg[data-active="true"] .cff-stck-wdg-btn-cls svg{
|
1589 |
+
display: block;
|
1590 |
+
}
|
1591 |
+
.cff-stck-wdg-btn-cls{
|
1592 |
+
width: inherit;
|
1593 |
+
height: inherit;
|
1594 |
+
position: relative;
|
1595 |
+
color: #364152;
|
1596 |
+
box-shadow: 0px 1px 6px rgb(0 0 0 / 5%), 0px 9px 12px rgb(0 0 0 / 5%);
|
1597 |
+
border-radius: 70px;
|
1598 |
+
}
|
1599 |
+
.cff-stck-wdg-btn-cls svg {
|
1600 |
+
width: 14px;
|
1601 |
+
height: 14px;
|
1602 |
+
position: absolute;
|
1603 |
+
top: 50%;
|
1604 |
+
right: 0;
|
1605 |
+
bottom: 0;
|
1606 |
+
left: 50%;
|
1607 |
+
margin-top: -7px;
|
1608 |
+
margin-left: -7px;
|
1609 |
+
}
|
1610 |
+
|
1611 |
+
.cff-stck-pop{
|
1612 |
+
position: absolute;
|
1613 |
+
width: 292px;
|
1614 |
+
height: auto;
|
1615 |
+
background: #fff;
|
1616 |
+
border: 1px solid #E2E8F0;
|
1617 |
+
box-sizing: border-box;
|
1618 |
+
box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.15), 0px 3px 14px rgba(0, 0, 0, 0.12);
|
1619 |
+
border-radius: 2px;
|
1620 |
+
padding: 20px;
|
1621 |
+
right: 0px;
|
1622 |
+
bottom: 66px;
|
1623 |
+
color: #141B38;
|
1624 |
+
padding-bottom: 82px;
|
1625 |
+
}
|
1626 |
+
.cff-stck-wdg[data-active="true"] .cff-stck-pop{
|
1627 |
+
bottom: 66px;
|
1628 |
+
opacity: 1;
|
1629 |
+
visibility: visible;
|
1630 |
+
}
|
1631 |
+
|
1632 |
+
.cff-stck-pop svg{
|
1633 |
+
fill: currentColor;
|
1634 |
+
}
|
1635 |
+
.cff-stck-el-list{
|
1636 |
+
border: 1px solid #DCDDE1;
|
1637 |
+
border-radius: 2px;
|
1638 |
+
}
|
1639 |
+
.cff-stck-el{
|
1640 |
+
display: flex;
|
1641 |
+
align-items: center;
|
1642 |
+
padding: 12px 13px 11px;
|
1643 |
+
border-bottom: 1px solid #DCDDE1;
|
1644 |
+
transition: background .15s ease-in-out;
|
1645 |
+
}
|
1646 |
+
.cff-stck-el:hover{
|
1647 |
+
background: #F3F4F5;
|
1648 |
+
}
|
1649 |
+
.cff-stck-el:last-of-type{
|
1650 |
+
border-bottom: 0px;
|
1651 |
+
}
|
1652 |
+
.cff-stck-el-list .cff-chevron svg{
|
1653 |
+
width: 5px;
|
1654 |
+
height: 8px;
|
1655 |
+
}
|
1656 |
+
.cff-fs-a {
|
1657 |
+
width: 100%;
|
1658 |
+
height: 100%;
|
1659 |
+
display: block;
|
1660 |
+
position: absolute;
|
1661 |
+
left: 0;
|
1662 |
+
top: 0;
|
1663 |
+
z-index: 1;
|
1664 |
+
}
|
1665 |
+
.cff-stck-el .cff-stck-el-txt{
|
1666 |
+
color: #27303F;
|
1667 |
+
}
|
1668 |
+
.cff-stck-el.cff-stck-el-upgrd{
|
1669 |
+
padding: 8px 14px;
|
1670 |
+
font-size: 14px;
|
1671 |
+
background: var(--cl-orange);
|
1672 |
+
color: #fff;
|
1673 |
+
position: relative;
|
1674 |
+
transition: background .15s ease-in-out;
|
1675 |
+
}
|
1676 |
+
.cff-chevron {
|
1677 |
+
position: absolute;
|
1678 |
+
right: 14px
|
1679 |
+
}
|
1680 |
+
.cff-stck-el.cff-stck-el-upgrd .cff-stck-el-txt{
|
1681 |
+
color: #fff;
|
1682 |
+
}
|
1683 |
+
.cff-stck-el.cff-stck-el-upgrd:after{
|
1684 |
+
top: 20px;
|
1685 |
+
opacity: 1;
|
1686 |
+
}
|
1687 |
+
.cff-stck-el-icon{
|
1688 |
+
margin-right: 10px;
|
1689 |
+
}
|
1690 |
+
.cff-stck-el-icon svg{
|
1691 |
+
width: 17px;
|
1692 |
+
float: left;
|
1693 |
+
}
|
1694 |
+
.cff-stck-title{
|
1695 |
+
margin-top: 20px;
|
1696 |
+
margin-bottom: 10px;
|
1697 |
+
color: #141B38;
|
1698 |
+
font-weight: 600;
|
1699 |
+
font-size: 14px;
|
1700 |
+
line-height: 160%;
|
1701 |
+
}
|
1702 |
+
.cff-stck-follow{
|
1703 |
+
background: #F3F4F5;
|
1704 |
+
margin-top: 20px;
|
1705 |
+
left: 0px;
|
1706 |
+
bottom: 0px;
|
1707 |
+
position: absolute;
|
1708 |
+
padding: 12px 20px;
|
1709 |
+
display: flex;
|
1710 |
+
align-items: center;
|
1711 |
+
}
|
1712 |
+
.cff-stck-follow span{
|
1713 |
+
font-weight: 600;
|
1714 |
+
font-size: 14px;
|
1715 |
+
}
|
1716 |
+
.cff-stck-flw-links{
|
1717 |
+
display: flex;
|
1718 |
+
justify-content: center;
|
1719 |
+
align-items: center;
|
1720 |
+
margin-left: auto;
|
1721 |
+
}
|
1722 |
+
.cff-stck-flw-links a{
|
1723 |
+
width: 36px;
|
1724 |
+
height: 28px;
|
1725 |
+
color: inherit;
|
1726 |
+
display: inline-flex;
|
1727 |
+
justify-content: center;
|
1728 |
+
align-items: center;
|
1729 |
+
margin-left: 4px;
|
1730 |
+
border-radius: 2px;
|
1731 |
+
transition: background .15s ease-in-out;
|
1732 |
+
}
|
1733 |
+
.cff-stck-flw-links svg{
|
1734 |
+
width: 17px;
|
1735 |
+
color: #141B38;
|
1736 |
+
}
|
1737 |
+
.cff-stck-flw-links a:hover{
|
1738 |
+
background: #fff;
|
1739 |
+
}
|
1740 |
+
.cff-stck-flw-links a:hover svg{
|
1741 |
+
color: inherit;
|
1742 |
+
}
|
1743 |
+
|
1744 |
+
/*** 7.0 Responsive ***/
|
1745 |
+
@media (max-width: 1429px) {
|
1746 |
+
.caching-form-fields-group {
|
1747 |
+
display: inline-block;
|
1748 |
+
}
|
1749 |
+
.caching-form-fields-group select {
|
1750 |
+
margin-bottom: 5px;
|
1751 |
+
}
|
1752 |
+
}
|
1753 |
+
@media (min-width: 1429px) {
|
1754 |
+
.caching-form-fields-group {
|
1755 |
+
display: flex;
|
1756 |
+
}
|
1757 |
+
}
|
1758 |
+
@media (max-width: 1023px) {
|
1759 |
+
.sb-tab-content .sb-tab-box .tab-label {
|
1760 |
+
width: 100%;
|
1761 |
+
max-width: 100%;
|
1762 |
+
padding-right: 0;
|
1763 |
+
float: initial;
|
1764 |
+
margin-bottom: 20px;
|
1765 |
+
}
|
1766 |
+
.sb-tab-content .sb-tab-box .cff-tab-form-field{
|
1767 |
+
width: 100%;
|
1768 |
+
float: intial;
|
1769 |
+
}
|
1770 |
+
}
|
1771 |
+
@media (max-width: 1320px) {
|
1772 |
+
.sb-feed-issue-box .feed-issues-fields {
|
1773 |
+
display: inline-block;
|
1774 |
+
}
|
1775 |
+
|
1776 |
+
.sb-feed-issue-box .feed-issues-fields * {
|
1777 |
+
margin-bottom: 5px;
|
1778 |
+
}
|
1779 |
+
}
|
1780 |
+
@media (max-width: 767px) {
|
1781 |
+
.auto-fold #wpcontent {
|
1782 |
+
padding-left: 0;
|
1783 |
+
}
|
1784 |
+
.cff-fb-full-wrapper {
|
1785 |
+
padding: 70px 20px 0 20px;
|
1786 |
+
}
|
1787 |
+
.cff-fb-hd-btn {
|
1788 |
+
padding: 0px 15px 0px 7px;
|
1789 |
+
}
|
1790 |
+
.cff-fb-header {
|
1791 |
+
padding: 0px 20px;
|
1792 |
+
}
|
1793 |
+
.sb-notification-ctn {
|
1794 |
+
left: 20px;
|
1795 |
+
}
|
1796 |
+
.sb-tab-box.sb-export-box .sb-form-field .d-flex{
|
1797 |
+
flex-wrap: wrap;
|
1798 |
+
}
|
1799 |
+
.sb-form-field .cff-select {
|
1800 |
+
width: 100%;
|
1801 |
+
}
|
1802 |
+
.sb-tab-content .sb-tab-box .cff-tab-form-field {
|
1803 |
+
flex-wrap: wrap;
|
1804 |
+
}
|
1805 |
+
.sb-license-box .cff-tab-form-field .cff-btn {
|
1806 |
+
transform: translate(0px, 0px) !important;
|
1807 |
+
margin-top: 10px;
|
1808 |
+
}
|
1809 |
+
.sb-tab-content .sb-tab-box .cff-tab-form-field .field-left-content {
|
1810 |
+
flex-basis: 100%;
|
1811 |
+
}
|
1812 |
+
.sb-export-box .cff-tab-form-field .cff-btn {
|
1813 |
+
transform: translate(0px, 0px) !important;
|
1814 |
+
margin-top: 10px;
|
1815 |
+
}
|
1816 |
+
.sb-feed-issue-box .feed-issues-fields {
|
1817 |
+
width: 100%;
|
1818 |
+
}
|
1819 |
+
.sb-feed-issue-box #report-emails {
|
1820 |
+
max-width: 100%;
|
1821 |
+
}
|
1822 |
+
.cff-table thead th, .cff-table tfoot th {
|
1823 |
+
display: none;
|
1824 |
+
}
|
1825 |
+
.cff-table tbody tr:not(.cff-table-row-header) td:last-child {
|
1826 |
+
margin-bottom: 20px;
|
1827 |
+
}
|
1828 |
+
.cff-table tbody {
|
1829 |
+
background-color: #f3f4f5;
|
1830 |
+
}
|
1831 |
+
.cff-table tbody:nth-child(2n) {
|
1832 |
+
background-color: #fff;
|
1833 |
+
}
|
1834 |
+
.sb-tab-content .sb-tab-box .cff-tab-form-field .d-flex{
|
1835 |
+
flex-wrap: wrap;
|
1836 |
+
}
|
1837 |
+
.sb-sources-list {
|
1838 |
+
grid-template-columns: 100%;
|
1839 |
+
}
|
1840 |
+
.sb-tabs-container .sb-tabs {
|
1841 |
+
flex-direction: column-reverse;
|
1842 |
+
flex-wrap: wrap;
|
1843 |
+
align-items: flex-end;
|
1844 |
+
}
|
1845 |
+
.cff-fb-full-wrapper {
|
1846 |
+
padding: 82px 20px 0 20px;
|
1847 |
+
}
|
1848 |
+
.sb-tabs-container .sb-tabs .left-buttons {
|
1849 |
+
width: 100%;
|
1850 |
+
display: flex;
|
1851 |
+
}
|
1852 |
+
.sb-tabs-container .sb-tabs .right-buttons {
|
1853 |
+
transform: translateY(-15px);
|
1854 |
+
}
|
1855 |
+
.sb-tabs-container .sb-tabs .left-buttons .tab {
|
1856 |
+
flex-grow: 1;
|
1857 |
+
flex-basis: 0;
|
1858 |
+
padding: 15px 10px;
|
1859 |
+
text-align: center;
|
1860 |
+
}
|
1861 |
+
.sb-tabs-container {
|
1862 |
+
margin-top: -45px;
|
1863 |
+
}
|
1864 |
+
#wpbody-content {
|
1865 |
+
padding-bottom: 50px;
|
1866 |
+
}
|
1867 |
+
.sb-form-field .cff-select.size-md {
|
1868 |
+
width: 100%;
|
1869 |
+
max-width: 100%;
|
1870 |
+
}
|
1871 |
+
}
|
1872 |
+
@media (max-width: 567px) {
|
1873 |
+
.sb-tabs-container .sb-tabs .tab:not(:last-child) {
|
1874 |
+
margin-right: 10px;
|
1875 |
+
}
|
1876 |
+
}
|
1877 |
+
@media (max-width: 420px) {
|
1878 |
+
.sb-tabs-container .sb-tabs .left-buttons .tab {
|
1879 |
+
padding: 15px 7px;
|
1880 |
+
font-size: 14px;
|
1881 |
+
}
|
1882 |
+
}
|
1883 |
+
|
1884 |
+
.sb-tab-content > div {
|
1885 |
+
min-height: 800px;
|
1886 |
+
}
|
admin/assets/css/support.css
ADDED
@@ -0,0 +1,1015 @@
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
1 |
+
/*
|
2 |
+
* SUPPORT PAGE CSS TABLE OF CONTENTS
|
3 |
+
*
|
4 |
+
* 1.0 - GLOBAL
|
5 |
+
* 2.0 - HEADER
|
6 |
+
* 3.0 - 3.0 - SUPPORT CONTAINER
|
7 |
+
* 3.1 - SECTION HEADER
|
8 |
+
* 3.2 - SUPPORT BLOCK
|
9 |
+
* 3.3 - CONTACT SUPPORT BLOCK
|
10 |
+
* 4.0 - STICKY WIDGET
|
11 |
+
* 5.0 - SB NOTIFICATION ELEMENT
|
12 |
+
* 6.0 - RESPONSIVENESS
|
13 |
+
*/
|
14 |
+
|
15 |
+
/*** 1.0 - GLOBAL ***/
|
16 |
+
.clearfix { display: inline-block; }
|
17 |
+
/* start commented backslash hack \*/
|
18 |
+
* html .clearfix { height: 1%; }
|
19 |
+
.clearfix { display: block; }
|
20 |
+
#cff-support {
|
21 |
+
-webkit-font-smoothing: antialiased;
|
22 |
+
font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
|
23 |
+
}
|
24 |
+
#wpcontent {
|
25 |
+
padding-left: 0px;
|
26 |
+
}
|
27 |
+
#wpbody-content {
|
28 |
+
padding-bottom: 40px;
|
29 |
+
}
|
30 |
+
.clearfix:after {
|
31 |
+
visibility: hidden;
|
32 |
+
display: block;
|
33 |
+
font-size: 0;
|
34 |
+
content: " ";
|
35 |
+
clear: both;
|
36 |
+
height: 0;
|
37 |
+
}
|
38 |
+
/*orange*/
|
39 |
+
.sb-btn-orange{
|
40 |
+
background: #E34F0E!important;
|
41 |
+
color: #fff!important;
|
42 |
+
}
|
43 |
+
.sb-btn-orange:hover{
|
44 |
+
background: #F37036!important;
|
45 |
+
color: #fff!important;
|
46 |
+
}
|
47 |
+
.sb-btn-orange:focus,
|
48 |
+
.sb-btn-orange:active{
|
49 |
+
background: #B8400B!important;
|
50 |
+
color: #fff!important;
|
51 |
+
}
|
52 |
+
.cff-fb-cp-clpboard{
|
53 |
+
width: 0px;
|
54 |
+
height: 0px;
|
55 |
+
position: absolute;
|
56 |
+
left: -100000px;
|
57 |
+
}
|
58 |
+
.cff-fb-full-wrapper{
|
59 |
+
padding: 0 53px;
|
60 |
+
padding-top: 82px;
|
61 |
+
}
|
62 |
+
.cff-fb-fs {
|
63 |
+
width: 100%;
|
64 |
+
position: relative;
|
65 |
+
float: left;
|
66 |
+
box-sizing: border-box;
|
67 |
+
}
|
68 |
+
|
69 |
+
|
70 |
+
.sb-btn-grey:not(:disabled){
|
71 |
+
background: #F3F4F5!important;
|
72 |
+
color: #141B38!important;
|
73 |
+
border: 1px solid #D0D1D7!important;
|
74 |
+
}
|
75 |
+
.sb-btn-grey:not(:disabled):hover{
|
76 |
+
background: #fff!important;
|
77 |
+
color: #141B38!important;
|
78 |
+
border: 1px solid #DCDDE1!important;
|
79 |
+
}
|
80 |
+
.sb-btn-grey:not(:disabled):focus,
|
81 |
+
.sb-btn-grey:not(:disabled):active{
|
82 |
+
background: #E8E8EB!important;
|
83 |
+
color: #141B38!important;
|
84 |
+
border: 1px solid #D0D1D7!important;
|
85 |
+
}
|
86 |
+
|
87 |
+
/*** 2.0 - HEADER ***/
|
88 |
+
.cff-fb-create-ctn{
|
89 |
+
margin-top: 90px;
|
90 |
+
}
|
91 |
+
.cff-fb-header{
|
92 |
+
height: 64px;
|
93 |
+
position: absolute;
|
94 |
+
display: flex;
|
95 |
+
flex-direction: row;
|
96 |
+
justify-content: space-between;
|
97 |
+
align-items: center;
|
98 |
+
background: #fff;
|
99 |
+
padding: 0px 52px;
|
100 |
+
z-index: 2;
|
101 |
+
}
|
102 |
+
.cff-fb-header-left {
|
103 |
+
display: flex;
|
104 |
+
}
|
105 |
+
.cff-fb-header-left .sb-social-wall-link-wrap {
|
106 |
+
margin-left: 30px;
|
107 |
+
}
|
108 |
+
.sb-social-wall-link-wrap {
|
109 |
+
display: flex;
|
110 |
+
font-size: 14px;
|
111 |
+
margin: 10px 0 10px 30px;
|
112 |
+
}
|
113 |
+
.sb-social-wall-link:first-child {
|
114 |
+
padding-left: 0;
|
115 |
+
border-right: 1px solid #ccc;
|
116 |
+
color: #0068A0!important;
|
117 |
+
line-height: 1;
|
118 |
+
}
|
119 |
+
.sb-social-wall-link {
|
120 |
+
padding: 0 12px;
|
121 |
+
border-right: 1px solid #ccc;
|
122 |
+
color: #0068A0!important;
|
123 |
+
line-height: 1;
|
124 |
+
}
|
125 |
+
.sb-social-wall-link a {
|
126 |
+
text-decoration: none;
|
127 |
+
}
|
128 |
+
.sb-social-wall-link a:focus {
|
129 |
+
outline: none;
|
130 |
+
box-shadow: none;
|
131 |
+
}
|
132 |
+
.sb-social-wall-link:last-child {
|
133 |
+
border-right: none;
|
134 |
+
}
|
135 |
+
.cff-fb-hd-logo{
|
136 |
+
display: flex;
|
137 |
+
vertical-align: middle;
|
138 |
+
align-items: center;
|
139 |
+
gap: 5px;
|
140 |
+
}
|
141 |
+
.cff-fb-hd-logo .sb-logo-letters-wrap {
|
142 |
+
transform: translate(0px, -2px);
|
143 |
+
}
|
144 |
+
.cff-fb-hd-logo .breadcrumb-title{
|
145 |
+
font-size: 14px;
|
146 |
+
font-weight: 400;
|
147 |
+
line-height: 22px;
|
148 |
+
letter-spacing: 0em;
|
149 |
+
margin-left: 4px;
|
150 |
+
}
|
151 |
+
.cff-fb-hd-logo .separator{
|
152 |
+
margin: 0 5px 0 10px;
|
153 |
+
}
|
154 |
+
.cff-fb-hd-btn{
|
155 |
+
height: 38px;
|
156 |
+
cursor: pointer;
|
157 |
+
display: flex;
|
158 |
+
flex-direction: row;
|
159 |
+
justify-content: center;
|
160 |
+
align-items: center;
|
161 |
+
padding: 0px 15px 0px 13px;
|
162 |
+
font-weight: 600;
|
163 |
+
font-size: 14px;
|
164 |
+
color: #353A41;
|
165 |
+
background: #F3F4F5;
|
166 |
+
border-radius: 2px;
|
167 |
+
border: 1px solid #DCDDE1;
|
168 |
+
position: relative;
|
169 |
+
text-decoration: none;
|
170 |
+
transition: all 0.3s ease;
|
171 |
+
box-sizing: border-box;
|
172 |
+
}
|
173 |
+
.cff-fb-hd-btn svg {
|
174 |
+
margin-right: 10px;
|
175 |
+
width: 16px;
|
176 |
+
}
|
177 |
+
.cff-fb-hd-btn:focus {
|
178 |
+
outline: none;
|
179 |
+
box-shadow: none;
|
180 |
+
}
|
181 |
+
.cff-fb-hd-btn:hover {
|
182 |
+
color: inherit;
|
183 |
+
background-color: #fff;
|
184 |
+
}
|
185 |
+
.cff-fb-hd-btn i{
|
186 |
+
margin: 0px 5px;
|
187 |
+
}
|
188 |
+
.cff-fb-hd-btn[data-icon="left"]{
|
189 |
+
padding-right: 20px!important;
|
190 |
+
}
|
191 |
+
.cff-fb-full-wrapper .section-header h1 {
|
192 |
+
font-size: 32px;
|
193 |
+
line-height: 40px;
|
194 |
+
}
|
195 |
+
/*** 3.0 - SUPPORT CONTAINER ***/
|
196 |
+
.cff-sb-container {
|
197 |
+
max-width: 885px;
|
198 |
+
position: relative;
|
199 |
+
margin: auto;
|
200 |
+
margin-top: 33px;
|
201 |
+
box-sizing: border-box;
|
202 |
+
}
|
203 |
+
|
204 |
+
/*** 3.1 - SECTION HEADER ***/
|
205 |
+
.cff-section-header {
|
206 |
+
display: flex;
|
207 |
+
justify-content: space-between;
|
208 |
+
align-items: center;
|
209 |
+
}
|
210 |
+
.cff-section-header h2{
|
211 |
+
font-weight: 600;
|
212 |
+
font-size: 32px;
|
213 |
+
line-height: 40px;
|
214 |
+
color: #141B38;
|
215 |
+
margin: 0;
|
216 |
+
}
|
217 |
+
.cff-section-header .cff-search-doc .cff-search-doc-field {
|
218 |
+
position: relative;
|
219 |
+
background: #F3F4F5;
|
220 |
+
border: 1px solid #DCDDE1;
|
221 |
+
min-width: 283px;
|
222 |
+
box-sizing: border-box;
|
223 |
+
height: 38px;
|
224 |
+
padding: 0px 14px 0px 15px;
|
225 |
+
font-weight: 600;
|
226 |
+
font-size: 14px;
|
227 |
+
line-height: 22px;
|
228 |
+
color: #141B38;
|
229 |
+
text-decoration: none;
|
230 |
+
margin-right: 1px;
|
231 |
+
}
|
232 |
+
.cff-section-header .cff-search-doc .cff-search-doc-field .sb-btn-input {
|
233 |
+
height: 100%;
|
234 |
+
border: none;
|
235 |
+
outline: none;
|
236 |
+
background-color: transparent;
|
237 |
+
margin-left: 25px;
|
238 |
+
color: #141B38;
|
239 |
+
min-width: 200px;
|
240 |
+
transform: translateY(-1px);
|
241 |
+
}
|
242 |
+
.cff-section-header .cff-search-doc .cff-search-doc-field .sb-btn-input::placeholder {
|
243 |
+
color: #141B38;
|
244 |
+
}
|
245 |
+
.cff-section-header .cff-search-doc .cff-search-doc-field:focus,
|
246 |
+
.cff-section-header .cff-search-doc .cff-search-doc-field .sb-btn-input:focus {
|
247 |
+
outline: none;
|
248 |
+
box-shadow: none;
|
249 |
+
}
|
250 |
+
.cff-section-header .cff-search-doc .cff-search-doc-field .sb-btn-icon {
|
251 |
+
position: absolute;
|
252 |
+
left: 15px;
|
253 |
+
top: 11px;
|
254 |
+
cursor: pointer;
|
255 |
+
}
|
256 |
+
.cff-section-header .cff-search-doc .cff-search-doc-field .sb-btn-link-icon{
|
257 |
+
cursor: pointer;
|
258 |
+
position: absolute;
|
259 |
+
right: 2px;
|
260 |
+
top: 0;
|
261 |
+
width: 35px;
|
262 |
+
text-align: center;
|
263 |
+
height: 100%;
|
264 |
+
padding-top: 9px;
|
265 |
+
box-sizing: border-box;
|
266 |
+
}
|
267 |
+
.cff-section-header .cff-search-doc a .sb-btn-link-icon{
|
268 |
+
margin-left: 56px;
|
269 |
+
}
|
270 |
+
/*** 3.2 - SUPPORT BLOCK ***/
|
271 |
+
.cff-support-blocks {
|
272 |
+
margin-top: 22px;
|
273 |
+
display: flex;
|
274 |
+
}
|
275 |
+
.cff-support-blocks .cff-support-block {
|
276 |
+
padding: 22px 18px;
|
277 |
+
background: #FFFFFF;
|
278 |
+
box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05), 0px 4px 5px rgba(0, 0, 0, 0.05);
|
279 |
+
border-radius: 2px;
|
280 |
+
width: calc(33% - 7px);
|
281 |
+
box-sizing: border-box;
|
282 |
+
position: relative;
|
283 |
+
}
|
284 |
+
.cff-support-blocks .cff-support-block:not(:last-child) {
|
285 |
+
margin-right: 14px;
|
286 |
+
}
|
287 |
+
.cff-support-blocks .cff-support-block h3 {
|
288 |
+
font-style: normal;
|
289 |
+
font-weight: 600;
|
290 |
+
font-size: 18px;
|
291 |
+
line-height: 25px;
|
292 |
+
color: #141B38;
|
293 |
+
margin-top: 15px;
|
294 |
+
margin-bottom: 0;
|
295 |
+
}
|
296 |
+
.cff-support-blocks .cff-support-block p {
|
297 |
+
font-size: 12px;
|
298 |
+
line-height: 18px;
|
299 |
+
color: #64748B;
|
300 |
+
margin-top: 5px;
|
301 |
+
}
|
302 |
+
.sb-block-header img {
|
303 |
+
width: 56px;
|
304 |
+
height: 56px;
|
305 |
+
}
|
306 |
+
.sb-articles-list {
|
307 |
+
margin-top: 31px;
|
308 |
+
margin-bottom: 79px;
|
309 |
+
}
|
310 |
+
|
311 |
+
.sb-articles-list ul li {
|
312 |
+
position: relative;
|
313 |
+
margin: 0px;
|
314 |
+
padding-right: 10px;
|
315 |
+
}
|
316 |
+
.sb-articles-list ul li:not(:last-child) {
|
317 |
+
border-bottom: 1px solid #E8E8EB;
|
318 |
+
position: relative;
|
319 |
+
}
|
320 |
+
.sb-articles-list ul li a {
|
321 |
+
font-size: 14px;
|
322 |
+
line-height: 22px;
|
323 |
+
color: #141B38;
|
324 |
+
text-decoration: none;
|
325 |
+
display: block;
|
326 |
+
padding: 13px 0;
|
327 |
+
}
|
328 |
+
.sb-articles-list ul li:not(:last-child):after {
|
329 |
+
content: '';
|
330 |
+
position: absolute;
|
331 |
+
left: 0px;
|
332 |
+
bottom: -1px;
|
333 |
+
background-color: #0068A0;
|
334 |
+
height: 1px;
|
335 |
+
width: 0;
|
336 |
+
transition: all 0.25s ease-in-out;
|
337 |
+
}
|
338 |
+
.sb-articles-list ul li:not(:last-child):hover:after {
|
339 |
+
width: 100%;
|
340 |
+
}
|
341 |
+
.sb-articles-list ul li a:hover {
|
342 |
+
color: #0068A0;
|
343 |
+
}
|
344 |
+
.sb-articles-list ul li .sb-list-icon {
|
345 |
+
position: absolute;
|
346 |
+
right: 0;
|
347 |
+
top: calc(50% - 9px);
|
348 |
+
}
|
349 |
+
.sb-articles-list ul li .sb-list-icon svg {
|
350 |
+
width: 5px;
|
351 |
+
}
|
352 |
+
.sb-articles-list ul li .sb-list-icon svg path {
|
353 |
+
fill: #8C8F9A;
|
354 |
+
}
|
355 |
+
.cff-support-blocks .cff-sb-button {
|
356 |
+
margin-top: 50px;
|
357 |
+
position: absolute;
|
358 |
+
left: 0;
|
359 |
+
bottom: 20px;
|
360 |
+
width: calc(100% - 40px);
|
361 |
+
padding: 0 20px;
|
362 |
+
}
|
363 |
+
.cff-support-blocks .cff-sb-button .sb-btn-icon {
|
364 |
+
margin-left: 8px;
|
365 |
+
}
|
366 |
+
.cff-support-blocks .cff-sb-button .sb-btn-icon svg {
|
367 |
+
width: 5px;
|
368 |
+
transform: translateY(0px);
|
369 |
+
margin-left: 3px;
|
370 |
+
}
|
371 |
+
.cff-support-blocks .cff-sb-button a {
|
372 |
+
background: #F3F4F5;
|
373 |
+
border: 1px solid #DCDDE1;
|
374 |
+
box-sizing: border-box;
|
375 |
+
border-radius: 2px;
|
376 |
+
font-weight: 600;
|
377 |
+
font-size: 12px;
|
378 |
+
line-height: 19px;
|
379 |
+
color: #141B38;
|
380 |
+
display: block;
|
381 |
+
text-align: center;
|
382 |
+
text-decoration: none;
|
383 |
+
padding: 6px;
|
384 |
+
transition: all 0.15s ease-in-out;
|
385 |
+
}
|
386 |
+
.cff-support-blocks .cff-sb-button a:hover,
|
387 |
+
.cff-section-header .cff-search-doc a:hover {
|
388 |
+
background: #FFFFFF;
|
389 |
+
border: 1px solid #D0D1D7;
|
390 |
+
}
|
391 |
+
.cff-support-blocks .cff-sb-button a:focus,
|
392 |
+
.cff-support-blocks .cff-sb-button a:active,
|
393 |
+
.cff-section-header .cff-search-doc a:focus,
|
394 |
+
.cff-section-header .cff-search-doc a:active {
|
395 |
+
background: #E8E8EB;
|
396 |
+
border: 1px solid #D0D1D7;
|
397 |
+
}
|
398 |
+
|
399 |
+
/*** 3.3 - CONTACT SUPPORT BLOCK ***/
|
400 |
+
.cff-support-contact-block {
|
401 |
+
background: #FFFFFF;
|
402 |
+
box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05), 0px 4px 5px rgba(0, 0, 0, 0.05);
|
403 |
+
border-radius: 2px;
|
404 |
+
padding: 20px 20px 23px;
|
405 |
+
margin-top: 28px;
|
406 |
+
box-sizing: border-box;
|
407 |
+
margin-bottom: 12px;
|
408 |
+
display: flex;
|
409 |
+
}
|
410 |
+
.cff-support-contact-block .sb-cb-content h3{
|
411 |
+
font-size: 24px;
|
412 |
+
line-height: 29px;
|
413 |
+
color: #141B38;
|
414 |
+
margin: 0;
|
415 |
+
margin-bottom: 16px;
|
416 |
+
}
|
417 |
+
.cff-support-contact-block .sb-cb-icon {
|
418 |
+
margin-right: 30px;
|
419 |
+
}
|
420 |
+
.cff-support-contact-block .sb-cb-icon span{
|
421 |
+
background: #E8E8EB;
|
422 |
+
border-radius: 60px;
|
423 |
+
width: 68px;
|
424 |
+
height: 68px;
|
425 |
+
display: inline-block;
|
426 |
+
text-align: center;
|
427 |
+
padding-top: 22px;
|
428 |
+
box-sizing: border-box;
|
429 |
+
}
|
430 |
+
.cff-support-contact-block .sb-cb-btn{
|
431 |
+
background: #E34F0E;
|
432 |
+
border-radius: 2px;
|
433 |
+
color: #fff;
|
434 |
+
text-decoration: none;
|
435 |
+
display: inline-block;
|
436 |
+
padding: 8px 12px;
|
437 |
+
font-size: 14px;
|
438 |
+
}
|
439 |
+
.cff-support-contact-block .sb-cb-btn:hover {
|
440 |
+
background: #F37036;
|
441 |
+
border-color: #F37036;
|
442 |
+
}
|
443 |
+
|
444 |
+
.cff-support-contact-block .sb-cb-btn:focus,
|
445 |
+
.cff-support-contact-block .sb-cb-btn:active {
|
446 |
+
background: #B8400B;
|
447 |
+
border-color: #B8400B;
|
448 |
+
outline: none;
|
449 |
+
box-shadow: none;
|
450 |
+
}
|
451 |
+
.cff-support-contact-block .sb-cb-btn span {
|
452 |
+
margin-left: 11px;
|
453 |
+
}
|
454 |
+
.cff-support-contact-block .sb-cb-btn svg {
|
455 |
+
width: 5px;
|
456 |
+
}
|
457 |
+
.cff-support-contact-block .sb-cb-btn path {
|
458 |
+
fill: #fff;
|
459 |
+
}
|
460 |
+
.cff-support-contact-block .sb-contact-block-left{
|
461 |
+
flex-basis: 625px;
|
462 |
+
/* width: 625px; */
|
463 |
+
/* float: left; */
|
464 |
+
display: flex;
|
465 |
+
padding-top: 10px;
|
466 |
+
box-sizing: border-box;
|
467 |
+
}
|
468 |
+
.cff-support-contact-block .sb-contact-block-right {
|
469 |
+
flex-basis: 220px;
|
470 |
+
/* width: 220px;
|
471 |
+
float: left; */
|
472 |
+
padding-top: 10px;
|
473 |
+
padding-left: 32px;
|
474 |
+
box-sizing: border-box;
|
475 |
+
border-left: 1px solid #DCDDE1;
|
476 |
+
}
|
477 |
+
.cff-support-contact-block .sb-contact-block-right p {
|
478 |
+
font-size: 12px;
|
479 |
+
line-height: 18px;
|
480 |
+
color: #141B38;
|
481 |
+
}
|
482 |
+
.cff-support-contact-block .sb-contact-block-right img {
|
483 |
+
max-width: 65px;
|
484 |
+
}
|
485 |
+
|
486 |
+
/*** 3.4 - SYSTEM INFO BLOCK ***/
|
487 |
+
.cff-system-info-section {
|
488 |
+
background: #FFFFFF;
|
489 |
+
box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05), 0px 4px 5px rgba(0, 0, 0, 0.05);
|
490 |
+
border-radius: 2px;
|
491 |
+
}
|
492 |
+
.cff-system-info-section .cff-system-header{
|
493 |
+
display: flex;
|
494 |
+
padding: 12px 20px 0;
|
495 |
+
justify-content: space-between;
|
496 |
+
}
|
497 |
+
.cff-system-info-section .cff-system-header h3 {
|
498 |
+
font-weight: 600;
|
499 |
+
font-size: 18px;
|
500 |
+
line-height: 25px;
|
501 |
+
color: #141B38;
|
502 |
+
margin-top: 9px;
|
503 |
+
}
|
504 |
+
.cff-system-info-section .cff-system-header .cff-copy-btn {
|
505 |
+
background: #F3F4F5;
|
506 |
+
border: 1px solid #DCDDE1;
|
507 |
+
box-sizing: border-box;
|
508 |
+
border-radius: 2px;
|
509 |
+
font-size: 14px;
|
510 |
+
font-weight: 600;
|
511 |
+
line-height: 22px;
|
512 |
+
color: #141B38;
|
513 |
+
height: 38px;
|
514 |
+
padding: 5px 20px 5px 12px;
|
515 |
+
cursor: pointer;
|
516 |
+
transition: all 0.15s ease-in-out;
|
517 |
+
}
|
518 |
+
.cff-system-info-section .cff-system-header .cff-copy-btn:hover {
|
519 |
+
background: #FFFFFF;
|
520 |
+
border: 1px solid #D0D1D7;
|
521 |
+
}
|
522 |
+
.cff-system-info-section .cff-system-header .cff-copy-btn:focus,
|
523 |
+
.cff-system-info-section .cff-system-header .cff-copy-btn:active {
|
524 |
+
background: #E8E8EB;
|
525 |
+
border: 1px solid #D0D1D7;
|
526 |
+
}
|
527 |
+
.cff-system-info-section .cff-system-header .cff-copy-btn svg {
|
528 |
+
height: 19px;
|
529 |
+
width: 19px;
|
530 |
+
transform: translate(0px, 4px);
|
531 |
+
margin-right: 5px;
|
532 |
+
}
|
533 |
+
.cff-system-info-section .cff-system-info {
|
534 |
+
padding: 0 20px 20px;
|
535 |
+
border-bottom: 1px solid #E8E8EB;
|
536 |
+
}
|
537 |
+
.cff-system-info-section .cff-system-info .system_info:focus {
|
538 |
+
outline: none;
|
539 |
+
box-shadow: none;
|
540 |
+
}
|
541 |
+
.cff-system-info-section .cff-system-info .system_info a {
|
542 |
+
color: #0068A0;
|
543 |
+
}
|
544 |
+
.cff-system-info-section .cff-system-info .system_info {
|
545 |
+
box-sizing: border-box;
|
546 |
+
background: #F9F9FA;
|
547 |
+
border: 1px solid #E8E8EB;
|
548 |
+
width: 100%;
|
549 |
+
resize: none;
|
550 |
+
border-radius: 0;
|
551 |
+
padding: 20px 28px;
|
552 |
+
font-size: 12px;
|
553 |
+
line-height: 18px;
|
554 |
+
color: #141B38;
|
555 |
+
width: 100%;
|
556 |
+
height: 123px;
|
557 |
+
font-family: 'Fira Code', monospace;
|
558 |
+
word-break: break-all;
|
559 |
+
}
|
560 |
+
.cff-system-info-section .cff-system-info .system_info.expanded {
|
561 |
+
height: 600px;
|
562 |
+
overflow-x: hidden;
|
563 |
+
overflow-y: scroll;
|
564 |
+
}
|
565 |
+
.cff-system-info-section .cff-system-info .system_info.collapsed {
|
566 |
+
overflow: hidden;
|
567 |
+
}
|
568 |
+
.cff-system-info-section .cff-system-info .cff-expand-btn {
|
569 |
+
padding: 8px 12px 8px 8px;
|
570 |
+
background: #FFFFFF;
|
571 |
+
border: 1px solid #D0D1D7;
|
572 |
+
border-radius: 2px;
|
573 |
+
font-size: 12px;
|
574 |
+
line-height: 19px;
|
575 |
+
color: #141B38;
|
576 |
+
width: 100%;
|
577 |
+
margin-top: -5px;
|
578 |
+
z-index: 9;
|
579 |
+
position: relative;
|
580 |
+
font-weight: 500;
|
581 |
+
cursor: pointer;
|
582 |
+
transition: all .15s ease-in-out;
|
583 |
+
}
|
584 |
+
.cff-system-info-section .cff-system-info .cff-expand-btn:hover {
|
585 |
+
background: #F3F4F5;
|
586 |
+
border: 1px solid #DCDDE1;
|
587 |
+
}
|
588 |
+
.cff-system-info-section .cff-system-info .cff-expand-btn span {
|
589 |
+
margin-right: 10px;
|
590 |
+
}
|
591 |
+
.cff-system-info-section .cff-system-info .cff-expand-btn:focus,
|
592 |
+
.cff-system-info-section .cff-system-info .cff-expand-btn:active{
|
593 |
+
background: #E8E8EB!important;
|
594 |
+
color: #141B38!important;
|
595 |
+
border: 1px solid #D0D1D7!important;
|
596 |
+
}
|
597 |
+
.cff-export-settings-section {
|
598 |
+
background: #FFFFFF;
|
599 |
+
box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05), 0px 4px 5px rgba(0, 0, 0, 0.05);
|
600 |
+
border-radius: 2px;
|
601 |
+
padding: 20px;
|
602 |
+
background: #FFFFFF;
|
603 |
+
display: flex;
|
604 |
+
justify-content: space-between;
|
605 |
+
}
|
606 |
+
.cff-export-settings-section .cff-export-right{
|
607 |
+
display: flex;
|
608 |
+
}
|
609 |
+
.cff-export-settings-section .cff-export-left h3 {
|
610 |
+
font-style: normal;
|
611 |
+
font-weight: 600;
|
612 |
+
font-size: 18px;
|
613 |
+
line-height: 25px;
|
614 |
+
color: #141B38;
|
615 |
+
margin: 0 0 4px 0;
|
616 |
+
}
|
617 |
+
.cff-export-settings-section .cff-export-left p {
|
618 |
+
font-size: 12px;
|
619 |
+
line-height: 18px;
|
620 |
+
color: #141B38;
|
621 |
+
margin: 0;
|
622 |
+
}
|
623 |
+
.cff-export-settings-section .cff-select{
|
624 |
+
min-width: 234px;
|
625 |
+
border: 1px solid #D0D1D7;
|
626 |
+
padding: 3px 15px;
|
627 |
+
height: 38px;
|
628 |
+
font-size: 14px;
|
629 |
+
color: #141B38;
|
630 |
+
-webkit-appearance: none;
|
631 |
+
appearance: none;
|
632 |
+
margin-right: 8px;
|
633 |
+
background: #fff url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAFCAYAAAB8ZH1oAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAABSSURBVHgBfc4hCkAhDAbgjV3slQcvvHuYDWY1G8zewyIWb6YuCCLqD4Pt5wtD54NBQA2XVKiWcorl/X7s+DkhJYUhPk54IN5plCue0Tb8M8/aNx/uIpRVqbbFAAAAAElFTkSuQmCC') no-repeat right 15px top 55%;
|
634 |
+
}
|
635 |
+
.cff-export-settings-section .cff-btn {
|
636 |
+
height: 38px;
|
637 |
+
font-size: 14px;
|
638 |
+
padding: 7px 20px 7px 16px;
|
639 |
+
display: flex;
|
640 |
+
align-items: center;
|
641 |
+
vertical-align: middle;
|
642 |
+
background: #F3F4F5;
|
643 |
+
border: 1px solid #DCDDE1;
|
644 |
+
border-radius: 2px;
|
645 |
+
font-weight: 500;
|
646 |
+
transition: all .15s ease-in-out;
|
647 |
+
cursor: pointer;
|
648 |
+
}
|
649 |
+
.cff-export-settings-section .cff-btn:disabled {
|
650 |
+
cursor: not-allowed;
|
651 |
+
color: #8C8F9A;
|
652 |
+
background: #F3F4F5;
|
653 |
+
}
|
654 |
+
.cff-export-settings-section .cff-btn:disabled:hover {
|
655 |
+
color: #8C8F9A;
|
656 |
+
}
|
657 |
+
.cff-export-settings-section .cff-btn span {
|
658 |
+
margin-right: 11px;
|
659 |
+
transform: translate(0px, 2px);
|
660 |
+
}
|
661 |
+
.cff-export-settings-section .cff-btn:disabled span path {
|
662 |
+
fill: #8C8F9A;
|
663 |
+
}
|
664 |
+
.cff-support-contact-block {}
|
665 |
+
|
666 |
+
|
667 |
+
/*** 4.0 Sticky Widget ***/
|
668 |
+
.cff-stck-wdg{
|
669 |
+
position: fixed;
|
670 |
+
right: 21px;
|
671 |
+
z-index: 9;
|
672 |
+
bottom: 20px;
|
673 |
+
}
|
674 |
+
.cff-stck-wdg-btn{
|
675 |
+
width: 52px;
|
676 |
+
height: 52px;
|
677 |
+
background: #fff;
|
678 |
+
border-radius: 50%;
|
679 |
+
cursor: pointer;
|
680 |
+
display: flex;
|
681 |
+
justify-content: center;
|
682 |
+
align-items: center;
|
683 |
+
filter: drop-shadow(0px 9px 13px rgba(0, 0, 0, 0.2));
|
684 |
+
}
|
685 |
+
.cff-stck-wdg-btn svg{
|
686 |
+
width: 25px;
|
687 |
+
fill: #E34F0E;
|
688 |
+
height: 33px;
|
689 |
+
float: left;
|
690 |
+
}
|
691 |
+
|
692 |
+
.cff-stck-wdg[data-active="true"] .cff-stck-wdg-btn-cls,
|
693 |
+
.cff-stck-wdg[data-active="true"] .cff-stck-wdg-btn-cls svg{
|
694 |
+
display: block;
|
695 |
+
}
|
696 |
+
.cff-stck-wdg-btn-cls{
|
697 |
+
width: inherit;
|
698 |
+
height: inherit;
|
699 |
+
position: relative;
|
700 |
+
color: #364152;
|
701 |
+
box-shadow: 0px 1px 6px rgb(0 0 0 / 5%), 0px 9px 12px rgb(0 0 0 / 5%);
|
702 |
+
border-radius: 70px;
|
703 |
+
}
|
704 |
+
.cff-stck-wdg-btn-cls svg {
|
705 |
+
width: 14px;
|
706 |
+
height: 14px;
|
707 |
+
position: absolute;
|
708 |
+
top: 50%;
|
709 |
+
right: 0;
|
710 |
+
bottom: 0;
|
711 |
+
left: 50%;
|
712 |
+
margin-top: -7px;
|
713 |
+
margin-left: -7px;
|
714 |
+
}
|
715 |
+
|
716 |
+
.cff-stck-pop{
|
717 |
+
position: absolute;
|
718 |
+
width: 292px;
|
719 |
+
height: auto;
|
720 |
+
background: #fff;
|
721 |
+
border: 1px solid #E2E8F0;
|
722 |
+
box-sizing: border-box;
|
723 |
+
box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.15), 0px 3px 14px rgba(0, 0, 0, 0.12);
|
724 |
+
border-radius: 2px;
|
725 |
+
padding: 20px;
|
726 |
+
right: 0px;
|
727 |
+
bottom: 66px;
|
728 |
+
color: #141B38;
|
729 |
+
padding-bottom: 82px;
|
730 |
+
}
|
731 |
+
.cff-stck-wdg[data-active="true"] .cff-stck-pop{
|
732 |
+
bottom: 66px;
|
733 |
+
opacity: 1;
|
734 |
+
visibility: visible;
|
735 |
+
}
|
736 |
+
|
737 |
+
.cff-stck-pop svg{
|
738 |
+
fill: currentColor;
|
739 |
+
}
|
740 |
+
.cff-stck-el-list{
|
741 |
+
border: 1px solid #DCDDE1;
|
742 |
+
border-radius: 2px;
|
743 |
+
}
|
744 |
+
.cff-stck-el{
|
745 |
+
display: flex;
|
746 |
+
align-items: center;
|
747 |
+
padding: 12px 13px 11px;
|
748 |
+
border-bottom: 1px solid #DCDDE1;
|
749 |
+
transition: background .15s ease-in-out;
|
750 |
+
font-size: 12px;
|
751 |
+
}
|
752 |
+
.cff-stck-el:hover{
|
753 |
+
background: #F3F4F5;
|
754 |
+
}
|
755 |
+
.cff-stck-el:last-of-type{
|
756 |
+
border-bottom: 0px;
|
757 |
+
}
|
758 |
+
.cff-stck-el-list .cff-chevron svg{
|
759 |
+
width: 5px;
|
760 |
+
height: 8px;
|
761 |
+
}
|
762 |
+
.cff-fs-a {
|
763 |
+
width: 100%;
|
764 |
+
height: 100%;
|
765 |
+
display: block;
|
766 |
+
position: absolute;
|
767 |
+
left: 0;
|
768 |
+
top: 0;
|
769 |
+
z-index: 1;
|
770 |
+
}
|
771 |
+
.cff-stck-el .cff-stck-el-txt{
|
772 |
+
color: #27303F;
|
773 |
+
}
|
774 |
+
.cff-stck-el.cff-stck-el-upgrd{
|
775 |
+
padding: 9px 14px;
|
776 |
+
font-size: 14px;
|
777 |
+
background: var(--cl-orange);
|
778 |
+
color: #fff;
|
779 |
+
position: relative;
|
780 |
+
transition: background .15s ease-in-out;
|
781 |
+
font-weight: 600;
|
782 |
+
}
|
783 |
+
.cff-chevron {
|
784 |
+
position: absolute;
|
785 |
+
right: 14px
|
786 |
+
}
|
787 |
+
.cff-stck-el.cff-stck-el-upgrd .cff-stck-el-txt{
|
788 |
+
color: #fff;
|
789 |
+
}
|
790 |
+
.cff-stck-el.cff-stck-el-upgrd:after{
|
791 |
+
top: 20px;
|
792 |
+
opacity: 1;
|
793 |
+
}
|
794 |
+
.cff-stck-el-icon{
|
795 |
+
margin-right: 10px;
|
796 |
+
}
|
797 |
+
.cff-stck-el-icon svg{
|
798 |
+
width: 17px;
|
799 |
+
float: left;
|
800 |
+
}
|
801 |
+
.cff-stck-title{
|
802 |
+
margin-top: 20px;
|
803 |
+
margin-bottom: 10px;
|
804 |
+
color: #141B38;
|
805 |
+
font-weight: 600;
|
806 |
+
font-size: 14px;
|
807 |
+
line-height: 160%;
|
808 |
+
}
|
809 |
+
.cff-stck-follow{
|
810 |
+
background: #F3F4F5;
|
811 |
+
margin-top: 20px;
|
812 |
+
left: 0px;
|
813 |
+
bottom: 0px;
|
814 |
+
position: absolute;
|
815 |
+
padding: 12px 20px;
|
816 |
+
display: flex;
|
817 |
+
align-items: center;
|
818 |
+
}
|
819 |
+
.cff-stck-follow span{
|
820 |
+
font-weight: 600;
|
821 |
+
font-size: 14px;
|
822 |
+
}
|
823 |
+
.cff-stck-flw-links{
|
824 |
+
display: flex;
|
825 |
+
justify-content: center;
|
826 |
+
align-items: center;
|
827 |
+
margin-left: auto;
|
828 |
+
}
|
829 |
+
.cff-stck-flw-links a{
|
830 |
+
width: 36px;
|
831 |
+
height: 28px;
|
832 |
+
color: inherit;
|
833 |
+
display: inline-flex;
|
834 |
+
justify-content: center;
|
835 |
+
align-items: center;
|
836 |
+
margin-left: 4px;
|
837 |
+
border-radius: 2px;
|
838 |
+
transition: background .15s ease-in-out;
|
839 |
+
}
|
840 |
+
.cff-stck-flw-links svg{
|
841 |
+
width: 17px;
|
842 |
+
color: #141B38;
|
843 |
+
}
|
844 |
+
.cff-stck-flw-links a:hover{
|
845 |
+
background: #fff;
|
846 |
+
}
|
847 |
+
.cff-stck-flw-links a:hover svg{
|
848 |
+
color: inherit;
|
849 |
+
}
|
850 |
+
|
851 |
+
/*** SB NOTIFICATION ELEMENT ***/
|
852 |
+
.sb-notification-ctn{
|
853 |
+
position: fixed;
|
854 |
+
bottom: -100px;
|
855 |
+
left: 200px;
|
856 |
+
z-index: 99999;
|
857 |
+
background: #fff;
|
858 |
+
display: flex;
|
859 |
+
justify-content: center;
|
860 |
+
align-items: center;
|
861 |
+
border-left: 3px solid #fff;
|
862 |
+
line-height: 1em;
|
863 |
+
padding: 10px 20px;
|
864 |
+
padding-left: 0px;
|
865 |
+
border-radius: 4px;
|
866 |
+
box-shadow: 0px 26.7377px 77.2886px rgba(0, 0, 0, 0.107828), 0px 14.2952px 41.3222px rgba(0, 0, 0, 0.0894161), 0px 8.01379px 23.1649px rgba(0, 0, 0, 0.075), 0px 4.25607px 12.3027px rgba(0, 0, 0, 0.0605839), 0px 1.77104px 5.11942px rgba(0, 0, 0, 0.0421718);
|
867 |
+
|
868 |
+
}
|
869 |
+
.sb-notification-ctn[data-active="hidden"]{
|
870 |
+
-webkit-animation: cff-notification-hide .5s forwards linear;
|
871 |
+
animation: cff-notification-hide .5s forwards linear;
|
872 |
+
}
|
873 |
+
.sb-notification-ctn[data-active="shown"]{
|
874 |
+
-webkit-animation: cff-notification-show .5s forwards linear;
|
875 |
+
animation: cff-notification-show .5s forwards linear;
|
876 |
+
}
|
877 |
+
@-webkit-keyframes cff-notification-show { 0%{bottom: -100px;} 50%{bottom: 70px;} 70%{bottom: 60px;} 85%{bottom: 65px;} 100%{bottom: 50px;}}
|
878 |
+
@keyframes cff-notification-show { 0%{bottom: -100px;} 50%{bottom: 70px;} 70%{bottom: 60px;} 85%{bottom: 65px;} 100%{bottom: 50px;}}
|
879 |
+
|
880 |
+
@-webkit-keyframes cff-notification-hide {0%{bottom: 50px;}55%{bottom: 65px;}70%{bottom: 60px;}85%{bottom: 70px;}100%{bottom: -100px;}}
|
881 |
+
@keyframes cff-notification-hide {0%{bottom: 50px;}55%{bottom: 65px;}70%{bottom: 60px;}85%{bottom: 70px;}100%{bottom: -100px;}}
|
882 |
+
|
883 |
+
.sb-notification-ctn[data-type="success"]{
|
884 |
+
border-color: #59AB46;
|
885 |
+
}
|
886 |
+
.sb-notification-ctn[data-type="error"]{
|
887 |
+
border-color: #D72C2C;
|
888 |
+
}
|
889 |
+
.sb-notification-ctn[data-type="message"]{
|
890 |
+
border-color: #141B38;
|
891 |
+
}
|
892 |
+
.sb-notification-icon{
|
893 |
+
width: 25px;
|
894 |
+
height: 25px;
|
895 |
+
display: flex;
|
896 |
+
justify-content: center;
|
897 |
+
align-items: center;
|
898 |
+
margin-left: 10px;
|
899 |
+
margin-right: 15px;
|
900 |
+
}
|
901 |
+
.sb-notification-icon svg{
|
902 |
+
width: 22px;
|
903 |
+
height: 22px;
|
904 |
+
float: left;
|
905 |
+
fill: currentColor;
|
906 |
+
}
|
907 |
+
|
908 |
+
.sb-notification-ctn[data-type="success"] .sb-notification-icon{
|
909 |
+
color: #59AB46;
|
910 |
+
}
|
911 |
+
.sb-notification-ctn[data-type="error"] .sb-notification-icon{
|
912 |
+
color: #D72C2C;
|
913 |
+
}
|
914 |
+
.sb-notification-ctn[data-type="message"] .sb-notification-icon{
|
915 |
+
color: #141B38;
|
916 |
+
}
|
917 |
+
|
918 |
+
.sb-notification-ctn span{
|
919 |
+
font-size: 14px;
|
920 |
+
color: #141B38;
|
921 |
+
font-weight:500;
|
922 |
+
}
|
923 |
+
|
924 |
+
/*** 6.0 - RESPONSIVENESS ***/
|
925 |
+
@media (max-width: 1024px) {
|
926 |
+
.cff-support-contact-block {
|
927 |
+
flex-direction: column;
|
928 |
+
}
|
929 |
+
.cff-support-contact-block .sb-contact-block-left,
|
930 |
+
.cff-support-contact-block .sb-contact-block-right {
|
931 |
+
flex-basis: auto;
|
932 |
+
}
|
933 |
+
.cff-support-contact-block .sb-contact-block-right {
|
934 |
+
padding-top: 42px;
|
935 |
+
padding-left: 0;
|
936 |
+
border-left: 0px solid #DCDDE1;
|
937 |
+
position: relative;
|
938 |
+
}
|
939 |
+
|
940 |
+
.cff-support-contact-block .sb-contact-block-right:before {
|
941 |
+
top: 25px;
|
942 |
+
left: 0;
|
943 |
+
width: 65px;
|
944 |
+
height: 1px;
|
945 |
+
background: #DCDDE1;
|
946 |
+
position: absolute;
|
947 |
+
content: '';
|
948 |
+
}
|
949 |
+
}
|
950 |
+
@media (max-width: 767px) {
|
951 |
+
.cff-support-blocks {
|
952 |
+
flex-direction: column;
|
953 |
+
}
|
954 |
+
.cff-support-blocks .cff-support-block {
|
955 |
+
width: 100%;
|
956 |
+
margin-bottom: 12px;
|
957 |
+
}
|
958 |
+
.auto-fold #wpcontent {
|
959 |
+
padding-left: 0;
|
960 |
+
}
|
961 |
+
.cff-fb-full-wrapper {
|
962 |
+
padding: 70px 20px 0 20px;
|
963 |
+
}
|
964 |
+
.cff-fb-hd-btn {
|
965 |
+
padding: 0px 15px 0px 7px;
|
966 |
+
}
|
967 |
+
.cff-fb-header {
|
968 |
+
padding: 0px 20px;
|
969 |
+
}
|
970 |
+
.cff-section-header,
|
971 |
+
.cff-export-settings-section {
|
972 |
+
flex-wrap: wrap;
|
973 |
+
}
|
974 |
+
.cff-section-header h2 {
|
975 |
+
margin-bottom: 30px;
|
976 |
+
}
|
977 |
+
.cff-section-header .cff-search-doc {
|
978 |
+
width: 100%;
|
979 |
+
}
|
980 |
+
.cff-export-settings-section .cff-export-left,
|
981 |
+
.cff-export-settings-section .cff-export-right{
|
982 |
+
width: 100%;
|
983 |
+
}
|
984 |
+
.cff-export-settings-section .cff-export-left {
|
985 |
+
margin-bottom: 20px;
|
986 |
+
}
|
987 |
+
.cff-export-settings-section .cff-export-right {
|
988 |
+
flex-wrap: wrap;
|
989 |
+
}
|
990 |
+
.cff-export-settings-section .cff-select {
|
991 |
+
width: 100%;
|
992 |
+
margin-bottom: 10px;
|
993 |
+
}
|
994 |
+
.sb-notification-ctn {
|
995 |
+
left: 20px;
|
996 |
+
}
|
997 |
+
}
|
998 |
+
|
999 |
+
@media (max-width: 580px) {
|
1000 |
+
.cff-support-contact-block .sb-contact-block-left {
|
1001 |
+
flex-wrap: wrap;
|
1002 |
+
}
|
1003 |
+
.cff-support-contact-block .sb-contact-block-left .sb-cb-content {
|
1004 |
+
margin-top: 20px;
|
1005 |
+
}
|
1006 |
+
}
|
1007 |
+
|
1008 |
+
@media (max-width: 480px) {
|
1009 |
+
.cff-fb-hd-btn {
|
1010 |
+
padding: 0px 10px 0px 7px !important;
|
1011 |
+
}
|
1012 |
+
.cff-fb-hd-btn[data-icon="left"] {
|
1013 |
+
padding-right: 10px!important;
|
1014 |
+
}
|
1015 |
+
}
|
admin/assets/img/about/api-error.png
DELETED
Binary file
|
admin/assets/img/about/plugin-fb.png
DELETED
Binary file
|
admin/assets/img/about/plugin-if.png
DELETED
Binary file
|
admin/assets/img/about/plugin-mi.png
CHANGED
Binary file
|
admin/assets/img/about/plugin-om.png
CHANGED
Binary file
|
admin/assets/img/about/plugin-rp.png
CHANGED
Binary file
|
admin/assets/img/about/plugin-seo.png
CHANGED
Binary file
|
admin/assets/img/about/plugin-smtp.png
CHANGED
Binary file
|
admin/assets/img/about/plugin-tw.jpg
DELETED
Binary file
|
admin/assets/img/about/plugin-wpforms.png
CHANGED
Binary file
|
admin/assets/img/about/plugin-yt.png
DELETED
Binary file
|
admin/assets/img/about/steps.png
DELETED
Binary file
|
admin/assets/img/about/team.jpg
DELETED
Binary file
|
admin/assets/img/balloon-120.png
CHANGED
Binary file
|
admin/assets/img/balloon.png
ADDED
Binary file
|
admin/assets/img/book-icon.png
ADDED
Binary file
|
admin/assets/img/cff-icon.png
CHANGED
Binary file
|
admin/assets/img/cff-oembed.png
DELETED
Binary file
|
admin/assets/img/cff-sprite.png
ADDED
Binary file
|
admin/assets/img/fb-icon.png
CHANGED
Binary file
|
admin/assets/img/fb-icon.svg
ADDED
@@ -0,0 +1,16 @@
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
1 |
+
<svg width="52" height="52" viewBox="0 0 52 52" fill="none" xmlns="http://www.w3.org/2000/svg">
|
2 |
+
<g filter="url(#filter0_d)">
|
3 |
+
<path d="M34.707 28.125L35.7461 21.2969H29.1406V16.8438C29.1406 14.9141 30.0312 13.1328 33 13.1328H36.043V7.26953C36.043 7.26953 33.2969 6.75 30.6992 6.75C25.2812 6.75 21.7188 10.0898 21.7188 16.0273V21.2969H15.6328V28.125H21.7188V44.75H29.1406V28.125H34.707Z" fill="#006BFA"/>
|
4 |
+
</g>
|
5 |
+
<defs>
|
6 |
+
<filter id="filter0_d" x="-1.45518" y="-0.291035" width="54.9104" height="54.9104" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
|
7 |
+
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
|
8 |
+
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/>
|
9 |
+
<feOffset dy="1.16414"/>
|
10 |
+
<feGaussianBlur stdDeviation="0.727588"/>
|
11 |
+
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0.101961 0 0 0 0 0.466667 0 0 0 0.0337375 0"/>
|
12 |
+
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"/>
|
13 |
+
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow" result="shape"/>
|
14 |
+
</filter>
|
15 |
+
</defs>
|
16 |
+
</svg>
|
admin/assets/img/feed-types.svg
ADDED
@@ -0,0 +1,15 @@
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
1 |
+
<svg width="57" height="56" viewBox="0 0 57 56" fill="none" xmlns="http://www.w3.org/2000/svg">
|
2 |
+
<g clip-path="url(#clip0)">
|
3 |
+
<rect width="28.1951" height="27" transform="translate(3.66602 12.4575) rotate(-5)" fill="#8C8F9A"/>
|
4 |
+
<path fill-rule="evenodd" clip-rule="evenodd" d="M19.8393 31.2878L19.8394 31.2879L8.93592 32.2419L13.8658 25.7994L17.426 29.0705L22.0668 22.2481L29.9998 30.3989L19.8393 31.2878Z" fill="white"/>
|
5 |
+
<circle cx="15.3063" cy="20.508" r="2.20279" transform="rotate(-5 15.3063 20.508)" fill="white"/>
|
6 |
+
<rect x="25.0885" y="17.6761" width="30.1951" height="30" transform="rotate(6 25.0885 17.6761)" fill="#0096CC"/>
|
7 |
+
<path d="M34.2422 27.1851L44.1874 28.2303L42.724 42.1537L38.1182 37.5085L32.7788 41.1084L34.2422 27.1851Z" fill="white"/>
|
8 |
+
<rect x="25.0885" y="17.6761" width="30.1951" height="30" transform="rotate(6 25.0885 17.6761)" stroke="white" stroke-width="2"/>
|
9 |
+
</g>
|
10 |
+
<defs>
|
11 |
+
<clipPath id="clip0">
|
12 |
+
<rect width="56" height="56" fill="white" transform="translate(0.666016)"/>
|
13 |
+
</clipPath>
|
14 |
+
</defs>
|
15 |
+
</svg>
|
admin/assets/img/group-app.png
CHANGED
Binary file
|
admin/assets/img/insta-icon.svg
ADDED
@@ -0,0 +1,23 @@
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
1 |
+
<svg width="53" height="52" viewBox="0 0 53 52" fill="none" xmlns="http://www.w3.org/2000/svg">
|
2 |
+
<g filter="url(#filter0_d)">
|
3 |
+
<path d="M26.5402 16.7188C21.3973 16.7188 17.2991 20.8973 17.2991 25.9598C17.2991 31.1027 21.3973 35.2009 26.5402 35.2009C31.6027 35.2009 35.7813 31.1027 35.7813 25.9598C35.7813 20.8973 31.6027 16.7188 26.5402 16.7188ZM26.5402 31.9866C23.2455 31.9866 20.5134 29.3348 20.5134 25.9598C20.5134 22.6652 23.1652 20.0134 26.5402 20.0134C29.8348 20.0134 32.4866 22.6652 32.4866 25.9598C32.4866 29.3348 29.8348 31.9866 26.5402 31.9866ZM38.2723 16.3973C38.2723 15.192 37.308 14.2277 36.1027 14.2277C34.8973 14.2277 33.933 15.192 33.933 16.3973C33.933 17.6027 34.8973 18.567 36.1027 18.567C37.308 18.567 38.2723 17.6027 38.2723 16.3973ZM44.3795 18.567C44.2188 15.6741 43.5759 13.1027 41.4866 11.0134C39.3973 8.92411 36.8259 8.28125 33.933 8.12054C30.9598 7.95982 22.0402 7.95982 19.067 8.12054C16.1741 8.28125 13.683 8.92411 11.5134 11.0134C9.42411 13.1027 8.78125 15.6741 8.62054 18.567C8.45982 21.5402 8.45982 30.4598 8.62054 33.433C8.78125 36.3259 9.42411 38.817 11.5134 40.9866C13.683 43.0759 16.1741 43.7188 19.067 43.8795C22.0402 44.0402 30.9598 44.0402 33.933 43.8795C36.8259 43.7188 39.3973 43.0759 41.4866 40.9866C43.5759 38.817 44.2188 36.3259 44.3795 33.433C44.5402 30.4598 44.5402 21.5402 44.3795 18.567ZM40.5223 36.567C39.9598 38.1741 38.6741 39.3795 37.1473 40.0223C34.7366 40.9866 29.1116 40.7455 26.5402 40.7455C23.8884 40.7455 18.2634 40.9866 15.933 40.0223C14.3259 39.3795 13.1205 38.1741 12.4777 36.567C11.5134 34.2366 11.7545 28.6116 11.7545 25.9598C11.7545 23.3884 11.5134 17.7634 12.4777 15.3527C13.1205 13.8259 14.3259 12.6205 15.933 11.9777C18.2634 11.0134 23.8884 11.2545 26.5402 11.2545C29.1116 11.2545 34.7366 11.0134 37.1473 11.9777C38.6741 12.5402 39.8795 13.8259 40.5223 15.3527C41.4866 17.7634 41.2455 23.3884 41.2455 25.9598C41.2455 28.6116 41.4866 34.2366 40.5223 36.567Z" fill="url(#paint0_linear)"/>
|
4 |
+
</g>
|
5 |
+
<defs>
|
6 |
+
<filter id="filter0_d" x="-0.955176" y="-0.291035" width="54.9104" height="54.9104" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
|
7 |
+
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
|
8 |
+
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/>
|
9 |
+
<feOffset dy="1.16414"/>
|
10 |
+
<feGaussianBlur stdDeviation="0.727588"/>
|
11 |
+
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0.101961 0 0 0 0 0.466667 0 0 0 0.0337375 0"/>
|
12 |
+
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"/>
|
13 |
+
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow" result="shape"/>
|
14 |
+
</filter>
|
15 |
+
<linearGradient id="paint0_linear" x1="21.325" y1="76.85" x2="97.15" y2="-0.550001" gradientUnits="userSpaceOnUse">
|
16 |
+
<stop stop-color="white"/>
|
17 |
+
<stop offset="0.147864" stop-color="#F6640E"/>
|
18 |
+
<stop offset="0.443974" stop-color="#BA03A7"/>
|
19 |
+
<stop offset="0.733337" stop-color="#6A01B9"/>
|
20 |
+
<stop offset="1" stop-color="#6B01B9"/>
|
21 |
+
</linearGradient>
|
22 |
+
</defs>
|
23 |
+
</svg>
|
admin/assets/img/instagram-color-icon.svg
ADDED
@@ -0,0 +1,17 @@
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
1 |
+
<svg width="102" height="102" viewBox="0 0 102 102" fill="none" xmlns="http://www.w3.org/2000/svg">
|
2 |
+
<rect x="0.5" y="0.5" width="101" height="101" rx="1.5" fill="white"/>
|
3 |
+
<path d="M51 40.2188C45 40.2188 40.2188 45.0938 40.2188 51C40.2188 57 45 61.7812 51 61.7812C56.9062 61.7812 61.7812 57 61.7812 51C61.7812 45.0938 56.9062 40.2188 51 40.2188ZM51 58.0312C47.1562 58.0312 43.9688 54.9375 43.9688 51C43.9688 47.1562 47.0625 44.0625 51 44.0625C54.8438 44.0625 57.9375 47.1562 57.9375 51C57.9375 54.9375 54.8438 58.0312 51 58.0312ZM64.6875 39.8438C64.6875 38.4375 63.5625 37.3125 62.1562 37.3125C60.75 37.3125 59.625 38.4375 59.625 39.8438C59.625 41.25 60.75 42.375 62.1562 42.375C63.5625 42.375 64.6875 41.25 64.6875 39.8438ZM71.8125 42.375C71.625 39 70.875 36 68.4375 33.5625C66 31.125 63 30.375 59.625 30.1875C56.1562 30 45.75 30 42.2812 30.1875C38.9062 30.375 36 31.125 33.4688 33.5625C31.0312 36 30.2812 39 30.0938 42.375C29.9062 45.8438 29.9062 56.25 30.0938 59.7188C30.2812 63.0938 31.0312 66 33.4688 68.5312C36 70.9688 38.9062 71.7188 42.2812 71.9062C45.75 72.0938 56.1562 72.0938 59.625 71.9062C63 71.7188 66 70.9688 68.4375 68.5312C70.875 66 71.625 63.0938 71.8125 59.7188C72 56.25 72 45.8438 71.8125 42.375ZM67.3125 63.375C66.6562 65.25 65.1562 66.6562 63.375 67.4062C60.5625 68.5312 54 68.25 51 68.25C47.9062 68.25 41.3438 68.5312 38.625 67.4062C36.75 66.6562 35.3438 65.25 34.5938 63.375C33.4688 60.6562 33.75 54.0938 33.75 51C33.75 48 33.4688 41.4375 34.5938 38.625C35.3438 36.8438 36.75 35.4375 38.625 34.6875C41.3438 33.5625 47.9062 33.8438 51 33.8438C54 33.8438 60.5625 33.5625 63.375 34.6875C65.1562 35.3438 66.5625 36.8438 67.3125 38.625C68.4375 41.4375 68.1562 48 68.1562 51C68.1562 54.0938 68.4375 60.6562 67.3125 63.375Z" fill="url(#paint0_linear)"/>
|
4 |
+
<rect x="0.5" y="0.5" width="101" height="101" rx="1.5" stroke="#CFD8E3"/>
|
5 |
+
<rect x="57" y="56" width="24" height="24" rx="12" fill="#59AB46"/>
|
6 |
+
<path d="M73.6666 68.6668H69.6666V72.6668H68.3333V68.6668H64.3333V67.3335H68.3333V63.3335H69.6666V67.3335H73.6666V68.6668Z" fill="white"/>
|
7 |
+
<rect x="57" y="56" width="24" height="24" rx="12" stroke="white" stroke-width="2"/>
|
8 |
+
<defs>
|
9 |
+
<linearGradient id="paint0_linear" x1="44.9156" y1="110.372" x2="133.378" y2="20.0719" gradientUnits="userSpaceOnUse">
|
10 |
+
<stop stop-color="white"/>
|
11 |
+
<stop offset="0.147864" stop-color="#F6640E"/>
|
12 |
+
<stop offset="0.443974" stop-color="#BA03A7"/>
|
13 |
+
<stop offset="0.733337" stop-color="#6A01B9"/>
|
14 |
+
<stop offset="1" stop-color="#6B01B9"/>
|
15 |
+
</linearGradient>
|
16 |
+
</defs>
|
17 |
+
</svg>
|
admin/assets/img/layout-full.png
DELETED
Binary file
|
admin/assets/img/layout-half.png
DELETED
Binary file
|
admin/assets/img/layout-thumb.png
DELETED
Binary file
|
admin/assets/img/oembeds-image-1@2x.png
ADDED
Binary file
|
admin/assets/img/oembeds-image-2@2x.png
ADDED
Binary file
|
admin/assets/img/oembeds-image-3@2x.png
ADDED
Binary file
|
admin/assets/img/oembeds-image-4@2x.png
ADDED
Binary file
|
admin/assets/img/pro.png
DELETED
Binary file
|
admin/assets/img/rocket-icon.png
ADDED
Binary file
|
admin/assets/img/save-plus-icon.png
ADDED
Binary file
|
admin/assets/img/social-wall-graphic.png
ADDED
Binary file
|
admin/assets/img/social-wall-graphic2.png
ADDED
Binary file
|
admin/assets/img/support-members.png
ADDED
Binary file
|
admin/assets/img/sw-screenshot.png
DELETED
Binary file
|
admin/assets/img/team-avatar.png
ADDED
Binary file
|
admin/assets/img/twitter-icon.svg
ADDED
@@ -0,0 +1,16 @@
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
1 |
+
<svg width="52" height="52" viewBox="0 0 52 52" fill="none" xmlns="http://www.w3.org/2000/svg">
|
2 |
+
<g filter="url(#filter0_d)">
|
3 |
+
<path d="M41.0664 18.0312C42.5508 16.918 43.8867 15.582 44.9258 14.0234C43.5898 14.6172 42.0312 15.0625 40.4727 15.2109C42.1055 14.2461 43.293 12.7617 43.8867 10.9062C42.4023 11.7969 40.6953 12.4648 38.9883 12.8359C37.5039 11.2773 35.5 10.3867 33.2734 10.3867C28.9688 10.3867 25.4805 13.875 25.4805 18.1797C25.4805 18.7734 25.5547 19.3672 25.7031 19.9609C19.2461 19.5898 13.457 16.4727 9.59766 11.7969C8.92969 12.9102 8.55859 14.2461 8.55859 15.7305C8.55859 18.4023 9.89453 20.7773 12.0469 22.1875C10.7852 22.1133 9.52344 21.8164 8.48438 21.2227V21.2969C8.48438 25.082 11.1562 28.1992 14.7188 28.9414C14.125 29.0898 13.3828 29.2383 12.7148 29.2383C12.1953 29.2383 11.75 29.1641 11.2305 29.0898C12.1953 32.207 15.0898 34.4336 18.5039 34.5078C15.832 36.5859 12.4922 37.8477 8.85547 37.8477C8.1875 37.8477 7.59375 37.7734 7 37.6992C10.4141 39.9258 14.4961 41.1875 18.9492 41.1875C33.2734 41.1875 41.0664 29.3867 41.0664 19.0703C41.0664 18.6992 41.0664 18.4023 41.0664 18.0312Z" fill="#1B90EF"/>
|
4 |
+
</g>
|
5 |
+
<defs>
|
6 |
+
<filter id="filter0_d" x="-1.45518" y="-0.291035" width="54.9104" height="54.9104" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
|
7 |
+
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
|
8 |
+
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/>
|
9 |
+
<feOffset dy="1.16414"/>
|
10 |
+
<feGaussianBlur stdDeviation="0.727588"/>
|
11 |
+
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0.101961 0 0 0 0 0.466667 0 0 0 0.0337375 0"/>
|
12 |
+
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"/>
|
13 |
+
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow" result="shape"/>
|
14 |
+
</filter>
|
15 |
+
</defs>
|
16 |
+
</svg>
|
admin/assets/img/youtube-icon.svg
ADDED
@@ -0,0 +1,16 @@
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
1 |
+
<svg width="53" height="52" viewBox="0 0 53 52" fill="none" xmlns="http://www.w3.org/2000/svg">
|
2 |
+
<g filter="url(#filter0_d)">
|
3 |
+
<path d="M45.7461 16.0273C45.3008 14.2461 43.8906 12.8359 42.1836 12.3906C38.9922 11.5 26.375 11.5 26.375 11.5C26.375 11.5 13.6836 11.5 10.4922 12.3906C8.78516 12.8359 7.375 14.2461 6.92969 16.0273C6.03906 19.1445 6.03906 25.8242 6.03906 25.8242C6.03906 25.8242 6.03906 32.4297 6.92969 35.6211C7.375 37.4023 8.78516 38.7383 10.4922 39.1836C13.6836 40 26.375 40 26.375 40C26.375 40 38.9922 40 42.1836 39.1836C43.8906 38.7383 45.3008 37.4023 45.7461 35.6211C46.6367 32.4297 46.6367 25.8242 46.6367 25.8242C46.6367 25.8242 46.6367 19.1445 45.7461 16.0273ZM22.2188 31.8359V19.8125L32.7578 25.8242L22.2188 31.8359Z" fill="#EB2121"/>
|
4 |
+
</g>
|
5 |
+
<defs>
|
6 |
+
<filter id="filter0_d" x="-0.955176" y="-0.291035" width="54.9104" height="54.9104" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
|
7 |
+
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
|
8 |
+
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/>
|
9 |
+
<feOffset dy="1.16414"/>
|
10 |
+
<feGaussianBlur stdDeviation="0.727588"/>
|
11 |
+
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0.101961 0 0 0 0 0.466667 0 0 0 0.0337375 0"/>
|
12 |
+
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"/>
|
13 |
+
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow" result="shape"/>
|
14 |
+
</filter>
|
15 |
+
</defs>
|
16 |
+
</svg>
|
admin/assets/js/about.js
ADDED
@@ -0,0 +1,146 @@
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
1 |
+
var extensions_data = {
|
2 |
+
genericText: cff_about.genericText,
|
3 |
+
links: cff_about.links,
|
4 |
+
extentions_bundle: cff_about.extentions_bundle,
|
5 |
+
supportPageUrl: cff_about.supportPageUrl,
|
6 |
+
plugins: cff_about.pluginsInfo,
|
7 |
+
stickyWidget: false,
|
8 |
+
socialWallActivated: cff_about.socialWallActivated,
|
9 |
+
socialWallLinks: cff_about.socialWallLinks,
|
10 |
+
recommendedPlugins: cff_about.recommendedPlugins,
|
11 |
+
social_wall: cff_about.social_wall,
|
12 |
+
aboutBox: cff_about.aboutBox,
|
13 |
+
ajax_handler: cff_about.ajax_handler,
|
14 |
+
nonce: cff_about.nonce,
|
15 |
+
buttons: cff_about.buttons,
|
16 |
+
icons: cff_about.icons,
|
17 |
+
btnClicked: null,
|
18 |
+
btnStatus: null,
|
19 |
+
btnName: null,
|
20 |
+
}
|
21 |
+
|
22 |
+
var cffAbout = new Vue({
|
23 |
+
el: "#cff-about",
|
24 |
+
http: {
|
25 |
+
emulateJSON: true,
|
26 |
+
emulateHTTP: true
|
27 |
+
},
|
28 |
+
data: extensions_data,
|
29 |
+
methods: {
|
30 |
+
activatePlugin: function( plugin, name, index, type ) {
|
31 |
+
this.btnClicked = index + 1;
|
32 |
+
this.btnStatus = 'loading';
|
33 |
+
this.btnName = name;
|
34 |
+
|
35 |
+
let data = new FormData();
|
36 |
+
data.append( 'action', 'cff_activate_addon' );
|
37 |
+
data.append( 'nonce', this.nonce );
|
38 |
+
data.append( 'plugin', plugin );
|
39 |
+
data.append( 'type', 'plugin' );
|
40 |
+
if ( this.extentions_bundle && type == 'extension' ) {
|
41 |
+
data.append( 'extensions_bundle', this.extentions_bundle );
|
42 |
+
}
|
43 |
+
fetch(this.ajax_handler, {
|
44 |
+
method: "POST",
|
45 |
+
credentials: 'same-origin',
|
46 |
+
body: data
|
47 |
+
})
|
48 |
+
.then(response => response.json())
|
49 |
+
.then(data => {
|
50 |
+
if( data.success == true ) {
|
51 |
+
if ( name === 'social_wall' ) {
|
52 |
+
this.social_wall.activated = true;
|
53 |
+
} else if ( type === 'recommended_plugin' ) {
|
54 |
+
this.recommendedPlugins[name].activated = true;
|
55 |
+
} else {
|
56 |
+
this.plugins[name].activated = true;
|
57 |
+
}
|
58 |
+
this.btnClicked = null;
|
59 |
+
this.btnStatus = null;
|
60 |
+
this.btnName = null;
|
61 |
+
}
|
62 |
+
});
|
63 |
+
},
|
64 |
+
deactivatePlugin: function( plugin, name, index, type ) {
|
65 |
+
this.btnClicked = index + 1;
|
66 |
+
this.btnStatus = 'loading';
|
67 |
+
this.btnName = name;
|
68 |
+
|
69 |
+
let data = new FormData();
|
70 |
+
data.append( 'action', 'cff_deactivate_addon' );
|
71 |
+
data.append( 'nonce', this.nonce );
|
72 |
+
data.append( 'plugin', plugin );
|
73 |
+
data.append( 'type', 'plugin' );
|
74 |
+
if ( this.extentions_bundle && type == 'extension' ) {
|
75 |
+
data.append( 'extensions_bundle', this.extentions_bundle );
|
76 |
+
}
|
77 |
+
fetch(this.ajax_handler, {
|
78 |
+
method: "POST",
|
79 |
+
credentials: 'same-origin',
|
80 |
+
body: data
|
81 |
+
})
|
82 |
+
.then(response => response.json())
|
83 |
+
.then(data => {
|
84 |
+
if( data.success == true ) {
|
85 |
+
if ( name === 'social_wall' ) {
|
86 |
+
this.social_wall.activated = false;
|
87 |
+
} else if ( type === 'recommended_plugin' ) {
|
88 |
+
this.recommendedPlugins[name].activated = false;
|
89 |
+
} else {
|
90 |
+
this.plugins[name].activated = false;
|
91 |
+
}
|
92 |
+
this.btnClicked = null;
|
93 |
+
this.btnName = null;
|
94 |
+
this.btnStatus = null;
|
95 |
+
}
|
96 |
+
return;
|
97 |
+
});
|
98 |
+
},
|
99 |
+
installPlugin: function( plugin, name, index, type ) {
|
100 |
+
this.btnClicked = index + 1;
|
101 |
+
this.btnStatus = 'loading';
|
102 |
+
this.btnName = name;
|
103 |
+
|
104 |
+
let data = new FormData();
|
105 |
+
data.append( 'action', 'cff_install_addon' );
|
106 |
+
data.append( 'nonce', this.nonce );
|
107 |
+
data.append( 'plugin', plugin );
|
108 |
+
data.append( 'type', 'plugin' );
|
109 |
+
fetch(this.ajax_handler, {
|
110 |
+
method: "POST",
|
111 |
+
credentials: 'same-origin',
|
112 |
+
body: data
|
113 |
+
})
|
114 |
+
.then(response => response.json())
|
115 |
+
.then(data => {
|
116 |
+
if( data.success == true ) {
|
117 |
+
if ( type === 'recommended_plugin' ) {
|
118 |
+
this.recommendedPlugins[name].installed = true;
|
119 |
+
this.recommendedPlugins[name].activated = true;
|
120 |
+
} else {
|
121 |
+
this.plugins[name].installed = true;
|
122 |
+
this.plugins[name].activated = true;
|
123 |
+
}
|
124 |
+
this.btnClicked = null;
|
125 |
+
this.btnName = null;
|
126 |
+
this.btnStatus = null;
|
127 |
+
}
|
128 |
+
return;
|
129 |
+
});
|
130 |
+
},
|
131 |
+
buttonIcon: function() {
|
132 |
+
if ( this.btnStatus == 'loading' ) {
|
133 |
+
return this.icons.loaderSVG
|
134 |
+
}
|
135 |
+
},
|
136 |
+
|
137 |
+
/**
|
138 |
+
* Toggle Sticky Widget view
|
139 |
+
*
|
140 |
+
* @since 4.0
|
141 |
+
*/
|
142 |
+
toggleStickyWidget: function() {
|
143 |
+
this.stickyWidget = !this.stickyWidget;
|
144 |
+
},
|
145 |
+
}
|
146 |
+
})
|
admin/assets/js/cff-admin-scripts.js
CHANGED
@@ -11,6 +11,25 @@ jQuery(document).ready(function($) {
|
|
11 |
Â
});
|
12 |
Â
|
13 |
Â
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
14 |
Â
//The "cff_ppca_access_token_invalid" transient is set if the access token doesn't match the ID specified. Use an Ajax call to check whether that transient is set, and if so, then displays a notice under the access token field. This used so we don't need to make an API call every time the page loads. It stores the value in this transient and checks it via ajax.
|
15 |
Â
$.ajax({
|
16 |
Â
url : cffA.ajax_url,
|
@@ -941,7 +960,7 @@ jQuery(document).ready(function($) {
|
|
941 |
Â
opted_in: choice,
|
942 |
Â
},
|
943 |
Â
success : function(data) {
|
944 |
-
$('.cff-no-usage-opt-out').closest('.cff-
|
945 |
Â
}
|
946 |
Â
}); // ajax call
|
947 |
Â
}
|
@@ -950,30 +969,130 @@ jQuery(document).ready(function($) {
|
|
950 |
Â
$('.cff_get_sbi, .cff_get_cff, .cff_get_ctf, .cff_get_yt').parent().on('click', function(e){
|
951 |
Â
e.preventDefault();
|
952 |
Â
|
953 |
-
|
Â
|
|
954 |
Â
|
955 |
-
|
Â
|
|
956 |
Â
|
Â
|
|
957 |
Â
var $self = $(this).find('span'),
|
958 |
-
sb_get_plugin = '
|
959 |
Â
|
960 |
Â
if( $self.hasClass('cff_get_cff') ){
|
961 |
-
sb_get_plugin = '
|
962 |
Â
} else if( $self.hasClass('cff_get_sbi') ){
|
963 |
-
sb_get_plugin = '
|
964 |
Â
} else if( $self.hasClass('cff_get_yt') ){
|
965 |
-
sb_get_plugin = '
|
966 |
Â
}
|
967 |
Â
|
968 |
-
|
969 |
-
|
970 |
-
|
971 |
-
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
972 |
Â
});
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
973 |
Â
//Close the modal if clicking anywhere outside it
|
974 |
-
jQuery('body').on('click', '
|
975 |
Â
if (e.target !== this) return;
|
976 |
-
jQuery('
|
Â
|
|
Â
|
|
Â
|
|
977 |
Â
});
|
978 |
Â
|
979 |
Â
//Add class to Pro menu item
|
11 |
Â
});
|
12 |
Â
|
13 |
Â
|
14 |
+
$(document).on('click', '#cff-dismiss-header-notice', function() {
|
15 |
+
$.ajax({
|
16 |
+
url : cffA.ajax_url,
|
17 |
+
type : 'post',
|
18 |
+
data : {
|
19 |
+
action : 'cff_dismiss_upgrade_notice'
|
20 |
+
},
|
21 |
+
success : function(data) {
|
22 |
+
if ( data.success == true ) {
|
23 |
+
$('#cff-header-upgrade-notice').slideUp();
|
24 |
+
$("#cff-builder-app").removeClass('cff-builder-app-lite-dismiss');
|
25 |
+
}
|
26 |
+
},
|
27 |
+
error : function(e) {
|
28 |
+
console.log(e);
|
29 |
+
}
|
30 |
+
});
|
31 |
+
});
|
32 |
+
|
33 |
Â
//The "cff_ppca_access_token_invalid" transient is set if the access token doesn't match the ID specified. Use an Ajax call to check whether that transient is set, and if so, then displays a notice under the access token field. This used so we don't need to make an API call every time the page loads. It stores the value in this transient and checks it via ajax.
|
34 |
Â
$.ajax({
|
35 |
Â
url : cffA.ajax_url,
|
960 |
Â
opted_in: choice,
|
961 |
Â
},
|
962 |
Â
success : function(data) {
|
963 |
+
$('.cff-no-usage-opt-out').closest('.cff-usage-tracking-notice').fadeOut();
|
964 |
Â
}
|
965 |
Â
}); // ajax call
|
966 |
Â
}
|
969 |
Â
$('.cff_get_sbi, .cff_get_cff, .cff_get_ctf, .cff_get_yt').parent().on('click', function(e){
|
970 |
Â
e.preventDefault();
|
971 |
Â
|
972 |
+
// remove the already opened modal
|
973 |
+
jQuery('#cff-op-modals').remove();
|
974 |
Â
|
975 |
+
// prepend the modal wrapper
|
976 |
+
$('#wpbody-content').prepend('<div class="cff-fb-source-ctn sb-fs-boss cff-fb-center-boss" id="cff-op-modals"><i class="fa fa-spinner fa-spin cff-loader" aria-hidden="true"></i></div>');
|
977 |
Â
|
978 |
+
// determine the plugin name
|
979 |
Â
var $self = $(this).find('span'),
|
980 |
+
sb_get_plugin = 'twitter';
|
981 |
Â
|
982 |
Â
if( $self.hasClass('cff_get_cff') ){
|
983 |
+
sb_get_plugin = 'facebook';
|
984 |
Â
} else if( $self.hasClass('cff_get_sbi') ){
|
985 |
+
sb_get_plugin = 'instagram';
|
986 |
Â
} else if( $self.hasClass('cff_get_yt') ){
|
987 |
+
sb_get_plugin = 'youtube';
|
988 |
Â
}
|
989 |
Â
|
990 |
+
// send the ajax request to load plugin name and others data
|
991 |
+
$.ajax({
|
992 |
+
url : cffA.ajax_url,
|
993 |
+
type : 'post',
|
994 |
+
data : {
|
995 |
+
action : 'sb_other_plugins_modal',
|
996 |
+
plugin : sb_get_plugin,
|
997 |
+
},
|
998 |
+
success : function(data) {
|
999 |
+
if ( data.success == true ) {
|
1000 |
+
$('#cff-op-modals').html(data.data.output);
|
1001 |
+
}
|
1002 |
+
},
|
1003 |
+
error : function(e) {
|
1004 |
+
console.log(e);
|
1005 |
+
}
|
1006 |
+
});
|
1007 |
Â
});
|
1008 |
+
|
1009 |
+
/**
|
1010 |
+
* Install other plugin on modal
|
1011 |
+
*
|
1012 |
+
* @since 4.0
|
1013 |
+
*/
|
1014 |
+
$(document).on('click', '#cff_install_op_btn', function() {
|
1015 |
+
let self = $(this);
|
1016 |
+
let pluginAtts = self.data('plugin-atts');
|
1017 |
+
if ( pluginAtts.step == 'install' ) {
|
1018 |
+
pluginAtts.plugin = pluginAtts.download_plugin
|
1019 |
+
}
|
1020 |
+
let loader = '<span class="cff-btn-spinner"><svg version="1.1" id="loader-1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="20px" height="20px" viewBox="0 0 50 50" style="enable-background:new 0 0 50 50;" xml:space="preserve"><path fill="#fff" d="M43.935,25.145c0-10.318-8.364-18.683-18.683-18.683c-10.318,0-18.683,8.365-18.683,18.683h4.068c0-8.071,6.543-14.615,14.615-14.615c8.072,0,14.615,6.543,14.615,14.615H43.935z"><animateTransform attributeType="xml" attributeName="transform" type="rotate" from="0 25 25" to="360 25 25" dur="0.6s" repeatCount="indefinite"></animateTransform></path></svg></span>';
|
1021 |
+
self.prepend(loader);
|
1022 |
+
|
1023 |
+
// send the ajax request to install or activate the plugin
|
1024 |
+
$.ajax({
|
1025 |
+
url : cffA.ajax_url,
|
1026 |
+
type : 'post',
|
1027 |
+
data : {
|
1028 |
+
action : pluginAtts.action,
|
1029 |
+
nonce : pluginAtts.nonce,
|
1030 |
+
plugin : pluginAtts.plugin,
|
1031 |
+
download_plugin : pluginAtts.download_plugin,
|
1032 |
+
type : 'plugin',
|
1033 |
+
},
|
1034 |
+
success : function(data) {
|
1035 |
+
if ( data.success == true ) {
|
1036 |
+
self.find('.cff-btn-spinner').remove();
|
1037 |
+
self.attr('disabled', 'disabled');
|
1038 |
+
|
1039 |
+
if ( pluginAtts.step == 'install' ) {
|
1040 |
+
self.html( data.data.msg );
|
1041 |
+
} else {
|
1042 |
+
self.html( data.data );
|
1043 |
+
}
|
1044 |
+
}
|
1045 |
+
},
|
1046 |
+
error : function(e) {
|
1047 |
+
console.log(e);
|
1048 |
+
}
|
1049 |
+
});
|
1050 |
+
});
|
1051 |
+
|
1052 |
+
jQuery('body').on('click', '#cff_review_consent_yes', function(e) {
|
1053 |
+
let reviewStep1 = jQuery('.cff_review_notice_step_1, .cff_review_step1_notice');
|
1054 |
+
let reviewStep2 = jQuery('.cff_notice.cff_review_notice, .rn_step_2');
|
1055 |
+
|
1056 |
+
reviewStep1.hide();
|
1057 |
+
reviewStep2.show();
|
1058 |
+
|
1059 |
+
$.ajax({
|
1060 |
+
url : cffA.ajax_url,
|
1061 |
+
type : 'post',
|
1062 |
+
data : {
|
1063 |
+
action : 'cff_review_notice_consent_update',
|
1064 |
+
consent : 'yes'
|
1065 |
+
},
|
1066 |
+
success : function(data) {
|
1067 |
+
}
|
1068 |
+
}); // ajax call
|
1069 |
+
|
1070 |
+
});
|
1071 |
+
|
1072 |
+
jQuery('body').on('click', '#cff_review_consent_no', function(e) {
|
1073 |
+
let reviewStep1 = jQuery('.cff_review_notice_step_1, #cff-notifications');
|
1074 |
+
reviewStep1.hide();
|
1075 |
+
|
1076 |
+
$.ajax({
|
1077 |
+
url : cffA.ajax_url,
|
1078 |
+
type : 'post',
|
1079 |
+
data : {
|
1080 |
+
action : 'cff_review_notice_consent_update',
|
1081 |
+
consent : 'no'
|
1082 |
+
},
|
1083 |
+
success : function(data) {
|
1084 |
+
}
|
1085 |
+
}); // ajax call
|
1086 |
+
|
1087 |
+
});
|
1088 |
+
|
1089 |
Â
//Close the modal if clicking anywhere outside it
|
1090 |
+
jQuery('body').on('click', '#cff-op-modals', function(e){
|
1091 |
Â
if (e.target !== this) return;
|
1092 |
+
jQuery('#cff-op-modals').remove();
|
1093 |
+
});
|
1094 |
+
jQuery('body').on('click', '.cff-fb-popup-cls', function(e){
|
1095 |
+
jQuery('#cff-op-modals').remove();
|
1096 |
Â
});
|
1097 |
Â
|
1098 |
Â
//Add class to Pro menu item
|
admin/assets/js/extensions.js
ADDED
@@ -0,0 +1,139 @@
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
1 |
+
var extensions_data = {
|
2 |
+
genericText: cff_extensions.genericText,
|
3 |
+
extentions_bundle: cff_extensions.extentions_bundle,
|
4 |
+
links: cff_extensions.links,
|
5 |
+
extensions: cff_extensions.extensions_info,
|
6 |
+
socialWallActivated: cff_extensions.socialWallActivated,
|
7 |
+
socialWallLinks: cff_extensions.socialWallLinks,
|
8 |
+
plugins: cff_extensions.pluginsInfo,
|
9 |
+
stickyWidget: false,
|
10 |
+
supportPageUrl: cff_extensions.supportPageUrl,
|
11 |
+
social_wall: cff_extensions.social_wall,
|
12 |
+
ajax_handler: cff_extensions.ajax_handler,
|
13 |
+
nonce: cff_extensions.nonce,
|
14 |
+
buttons: cff_extensions.buttons,
|
15 |
+
icons: cff_extensions.icons,
|
16 |
+
btnClicked: null,
|
17 |
+
btnStatus: null,
|
18 |
+
btnName: null,
|
19 |
+
}
|
20 |
+
|
21 |
+
var cffExtensions = new Vue({
|
22 |
+
el: "#cff-extensions",
|
23 |
+
http: {
|
24 |
+
emulateJSON: true,
|
25 |
+
emulateHTTP: true
|
26 |
+
},
|
27 |
+
data: extensions_data,
|
28 |
+
methods: {
|
29 |
+
activatePlugin: function( plugin, name, index, type ) {
|
30 |
+
this.btnClicked = index + 1;
|
31 |
+
this.btnStatus = 'loading';
|
32 |
+
this.btnName = name;
|
33 |
+
|
34 |
+
let data = new FormData();
|
35 |
+
data.append( 'action', 'cff_activate_addon' );
|
36 |
+
data.append( 'nonce', this.nonce );
|
37 |
+
data.append( 'plugin', plugin );
|
38 |
+
data.append( 'type', 'plugin' );
|
39 |
+
if ( this.extentions_bundle && type == 'extension' ) {
|
40 |
+
data.append( 'extensions_bundle', this.extentions_bundle );
|
41 |
+
}
|
42 |
+
fetch(this.ajax_handler, {
|
43 |
+
method: "POST",
|
44 |
+
credentials: 'same-origin',
|
45 |
+
body: data
|
46 |
+
})
|
47 |
+
.then(response => response.json())
|
48 |
+
.then(data => {
|
49 |
+
if( data.success == true ) {
|
50 |
+
if ( name === 'social_wall' ) {
|
51 |
+
this.social_wall.activated = true;
|
52 |
+
} else if ( type === 'extension' ) {
|
53 |
+
this.extensions[name].activated = true;
|
54 |
+
} else {
|
55 |
+
this.plugins[name].activated = true;
|
56 |
+
}
|
57 |
+
this.btnClicked = null;
|
58 |
+
this.btnStatus = null;
|
59 |
+
this.btnName = null;
|
60 |
+
}
|
61 |
+
});
|
62 |
+
},
|
63 |
+
deactivatePlugin: function( plugin, name, index, type ) {
|
64 |
+
this.btnClicked = index + 1;
|
65 |
+
this.btnStatus = 'loading';
|
66 |
+
this.btnName = name;
|
67 |
+
|
68 |
+
let data = new FormData();
|
69 |
+
data.append( 'action', 'cff_deactivate_addon' );
|
70 |
+
data.append( 'nonce', this.nonce );
|
71 |
+
data.append( 'plugin', plugin );
|
72 |
+
data.append( 'type', 'plugin' );
|
73 |
+
if ( this.extentions_bundle && type == 'extension' ) {
|
74 |
+
data.append( 'extensions_bundle', this.extentions_bundle );
|
75 |
+
}
|
76 |
+
fetch(this.ajax_handler, {
|
77 |
+
method: "POST",
|
78 |
+
credentials: 'same-origin',
|
79 |
+
body: data
|
80 |
+
})
|
81 |
+
.then(response => response.json())
|
82 |
+
.then(data => {
|
83 |
+
if( data.success == true ) {
|
84 |
+
if ( name === 'social_wall' ) {
|
85 |
+
this.social_wall.activated = false;
|
86 |
+
} else if ( type === 'extension' ) {
|
87 |
+
this.extensions[name].activated = false;
|
88 |
+
} else {
|
89 |
+
this.plugins[name].activated = false;
|
90 |
+
}
|
91 |
+
this.btnClicked = null;
|
92 |
+
this.btnName = null;
|
93 |
+
this.btnStatus = null;
|
94 |
+
}
|
95 |
+
return;
|
96 |
+
});
|
97 |
+
},
|
98 |
+
installPlugin: function( plugin, name, index ) {
|
99 |
+
this.btnClicked = index + 1;
|
100 |
+
this.btnStatus = 'loading';
|
101 |
+
this.btnName = name;
|
102 |
+
|
103 |
+
let data = new FormData();
|
104 |
+
data.append( 'action', 'cff_install_addon' );
|
105 |
+
data.append( 'nonce', this.nonce );
|
106 |
+
data.append( 'plugin', plugin );
|
107 |
+
data.append( 'type', 'plugin' );
|
108 |
+
fetch(this.ajax_handler, {
|
109 |
+
method: "POST",
|
110 |
+
credentials: 'same-origin',
|
111 |
+
body: data
|
112 |
+
})
|
113 |
+
.then(response => response.json())
|
114 |
+
.then(data => {
|
115 |
+
if( data.success == true ) {
|
116 |
+
this.plugins[name].installed = true;
|
117 |
+
this.plugins[name].open = true;
|
118 |
+
this.btnClicked = null;
|
119 |
+
this.btnName = null;
|
120 |
+
this.btnStatus = null;
|
121 |
+
}
|
122 |
+
return;
|
123 |
+
});
|
124 |
+
},
|
125 |
+
buttonIcon: function() {
|
126 |
+
if ( this.btnStatus == 'loading' ) {
|
127 |
+
return this.icons.loaderSVG
|
128 |
+
}
|
129 |
+
},
|
130 |
+
/**
|
131 |
+
* Toggle Sticky Widget view
|
132 |
+
*
|
133 |
+
* @since 4.0
|
134 |
+
*/
|
135 |
+
toggleStickyWidget: function() {
|
136 |
+
this.stickyWidget = !this.stickyWidget;
|
137 |
+
},
|
138 |
+
}
|
139 |
+
})
|
admin/assets/js/oembeds.js
ADDED
@@ -0,0 +1,175 @@
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
1 |
+
var oembeds_data = {
|
2 |
+
genericText: cff_oembeds.genericText,
|
3 |
+
images: cff_oembeds.images,
|
4 |
+
modal: cff_oembeds.modal,
|
5 |
+
links: cff_oembeds.links,
|
6 |
+
supportPageUrl: cff_oembeds.supportPageUrl,
|
7 |
+
socialWallActivated: cff_oembeds.socialWallActivated,
|
8 |
+
socialWallLinks: cff_oembeds.socialWallLinks,
|
9 |
+
stickyWidget: false,
|
10 |
+
facebook: cff_oembeds.facebook,
|
11 |
+
instagram: cff_oembeds.instagram,
|
12 |
+
connectionURL: cff_oembeds.connectionURL,
|
13 |
+
isIntagramActivated: cff_oembeds.instagram.active,
|
14 |
+
instagramInstallBtnText: null,
|
15 |
+
fboEmbedLoader: false,
|
16 |
+
instaoEmbedLoader: false,
|
17 |
+
openInstaInstaller: false,
|
18 |
+
loaderSVG: cff_oembeds.loaderSVG,
|
19 |
+
checkmarkSVG: cff_oembeds.checkmarkSVG,
|
20 |
+
installerStatus: null
|
21 |
+
}
|
22 |
+
|
23 |
+
var cffoEmbeds = new Vue({
|
24 |
+
el: "#cff-oembeds",
|
25 |
+
http: {
|
26 |
+
emulateJSON: true,
|
27 |
+
emulateHTTP: true
|
28 |
+
},
|
29 |
+
data: oembeds_data,
|
30 |
+
methods: {
|
31 |
+
openInstallModal: function() {
|
32 |
+
this.openInstaInstaller = true
|
33 |
+
},
|
34 |
+
closeModal: function() {
|
35 |
+
this.openInstaInstaller = false
|
36 |
+
},
|
37 |
+
isoEmbedsEnabled: function() {
|
38 |
+
if ( this.facebook.doingOembeds && this.instagram.doingOembeds ) {
|
39 |
+
return true;
|
40 |
+
}
|
41 |
+
return;
|
42 |
+
},
|
43 |
+
InstagramShouldInstallOrEnable: function() {
|
44 |
+
// if the plugin is activated and installed then just enable oEmbed
|
45 |
+
if( this.isIntagramActivated ) {
|
46 |
+
this.enableInstagramOembed();
|
47 |
+
return;
|
48 |
+
}
|
49 |
+
// if the plugin is not activated and installed then open the modal to install and activate the plugin
|
50 |
+
if( !this.isIntagramActivated ) {
|
51 |
+
this.openInstallModal();
|
52 |
+
return;
|
53 |
+
}
|
54 |
+
},
|
55 |
+
installInstagram: function() {
|
56 |
+
this.installerStatus = 'loading';
|
57 |
+
let data = new FormData();
|
58 |
+
data.append( 'action', cff_oembeds.instagram.installer.action );
|
59 |
+
data.append( 'nonce', cff_oembeds.nonce );
|
60 |
+
data.append( 'plugin', cff_oembeds.instagram.installer.plugin );
|
61 |
+
data.append( 'type', 'plugin' );
|
62 |
+
fetch(cff_oembeds.ajax_handler, {
|
63 |
+
method: "POST",
|
64 |
+
credentials: 'same-origin',
|
65 |
+
body: data
|
66 |
+
})
|
67 |
+
.then(response => response.json())
|
68 |
+
.then(data => {
|
69 |
+
console.log(data);
|
70 |
+
if( data.success == false ) {
|
71 |
+
this.installerStatus = 'error'
|
72 |
+
}
|
73 |
+
if( data.success == true ) {
|
74 |
+
this.isIntagramActivated = true;
|
75 |
+
this.installerStatus = 'success'
|
76 |
+
}
|
77 |
+
this.instagramInstallBtnText = data.data.msg;
|
78 |
+
setTimeout(function() {
|
79 |
+
this.installerStatus = null;
|
80 |
+
}.bind(this), 3000);
|
81 |
+
return;
|
82 |
+
});
|
83 |
+
},
|
84 |
+
enableFboEmbed: function() {
|
85 |
+
this.fboEmbedLoader = true;
|
86 |
+
window.location = this.connectionURL;
|
87 |
+
return;
|
88 |
+
},
|
89 |
+
enableInstagramOembed: function() {
|
90 |
+
this.instaoEmbedLoader = true;
|
91 |
+
window.location = this.connectionURL;
|
92 |
+
return;
|
93 |
+
},
|
94 |
+
disableFboEmbed: function() {
|
95 |
+
this.fboEmbedLoader = true;
|
96 |
+
let data = new FormData();
|
97 |
+
data.append( 'action', 'disable_facebook_oembed' );
|
98 |
+
fetch(cff_oembeds.ajax_handler, {
|
99 |
+
method: "POST",
|
100 |
+
credentials: 'same-origin',
|
101 |
+
body: data
|
102 |
+
})
|
103 |
+
.then(response => response.json())
|
104 |
+
.then(data => {
|
105 |
+
if( data.success == true ) {
|
106 |
+
this.fboEmbedLoader = false;
|
107 |
+
this.facebook.doingOembeds = false;
|
108 |
+
// get the updated connection URL after disabling oEmbed
|
109 |
+
this.connectionURL = data.data.connectionUrl;
|
110 |
+
}
|
111 |
+
return;
|
112 |
+
});
|
113 |
+
},
|
114 |
+
disableInstaoEmbed: function() {
|
115 |
+
this.instaoEmbedLoader = true;
|
116 |
+
let data = new FormData();
|
117 |
+
data.append( 'action', 'disable_instagram_oembed' );
|
118 |
+
fetch(cff_oembeds.ajax_handler, {
|
119 |
+
method: "POST",
|
120 |
+
credentials: 'same-origin',
|
121 |
+
body: data
|
122 |
+
})
|
123 |
+
.then(response => response.json())
|
124 |
+
.then(data => {
|
125 |
+
if( data.success == true ) {
|
126 |
+
this.instaoEmbedLoader = false;
|
127 |
+
this.instagram.doingOembeds = false;
|
128 |
+
// get the updated connection URL after disabling oEmbed
|
129 |
+
this.connectionURL = data.data.connectionUrl;
|
130 |
+
}
|
131 |
+
return;
|
132 |
+
});
|
133 |
+
},
|
134 |
+
installButtonText: function( buttonText = null ) {
|
135 |
+
if ( buttonText ) {
|
136 |
+
return buttonText;
|
137 |
+
} else if ( this.instagram.installer.nextStep == 'free_install' ) {
|
138 |
+
return this.modal.install;
|
139 |
+
} else if ( this.instagram.installer.nextStep == 'free_activate' ) {
|
140 |
+
return this.modal.activate;
|
141 |
+
}
|
142 |
+
},
|
143 |
+
installIcon: function() {
|
144 |
+
if ( this.isIntagramActivated ) {
|
145 |
+
return;
|
146 |
+
}
|
147 |
+
if( this.installerStatus == null ) {
|
148 |
+
return this.modal.plusIcon;
|
149 |
+
} else if( this.installerStatus == 'loading' ) {
|
150 |
+
return this.loaderSVG;
|
151 |
+
} else if( this.installerStatus == 'success' ) {
|
152 |
+
return this.checkmarkSVG;
|
153 |
+
} else if( this.installerStatus == 'error' ) {
|
154 |
+
return `<i class="fa fa-times-circle"></i>`;
|
155 |
+
}
|
156 |
+
},
|
157 |
+
|
158 |
+
/**
|
159 |
+
* Toggle Sticky Widget view
|
160 |
+
*
|
161 |
+
* @since 4.0
|
162 |
+
*/
|
163 |
+
toggleStickyWidget: function() {
|
164 |
+
this.stickyWidget = !this.stickyWidget;
|
165 |
+
},
|
166 |
+
},
|
167 |
+
created() {
|
168 |
+
// Display the "Install" button text on modal depending on condition
|
169 |
+
if ( this.instagram.installer.nextStep == 'free_install' ) {
|
170 |
+
this.instagramInstallBtnText = this.modal.install;
|
171 |
+
} else if ( this.instagram.installer.nextStep == 'free_activate' || this.instagram.installer.nextStep == 'pro_activate' ) {
|
172 |
+
this.instagramInstallBtnText = this.modal.activate;
|
173 |
+
}
|
174 |
+
}
|
175 |
+
})
|
admin/assets/js/settings.js
ADDED
@@ -0,0 +1,900 @@
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
1 |
+
var cffSettings;
|
2 |
+
|
3 |
+
// Declaring as global variable for quick prototyping
|
4 |
+
var settings_data = {
|
5 |
+
adminUrl: cff_settings.admin_url,
|
6 |
+
nonce: cff_settings.nonce,
|
7 |
+
ajaxHandler: cff_settings.ajax_handler,
|
8 |
+
model: cff_settings.model,
|
9 |
+
feeds: cff_settings.feeds,
|
10 |
+
links: cff_settings.links,
|
11 |
+
tooltipName: null,
|
12 |
+
sourcesList : cff_settings.sources,
|
13 |
+
isDevSite: cff_settings.isDevSite,
|
14 |
+
dialogBoxPopupScreen : cff_settings.dialogBoxPopupScreen,
|
15 |
+
selectSourceScreen : cff_settings.selectSourceScreen,
|
16 |
+
|
17 |
+
socialWallActivated: cff_settings.socialWallActivated,
|
18 |
+
socialWallLinks: cff_settings.socialWallLinks,
|
19 |
+
stickyWidget: false,
|
20 |
+
exportFeed: 'none',
|
21 |
+
locales: cff_settings.locales,
|
22 |
+
timezones: cff_settings.timezones,
|
23 |
+
genericText: cff_settings.genericText,
|
24 |
+
generalTab: cff_settings.generalTab,
|
25 |
+
feedsTab: cff_settings.feedsTab,
|
26 |
+
translationTab: cff_settings.translationTab,
|
27 |
+
advancedTab: cff_settings.advancedTab,
|
28 |
+
upgradeUrl: cff_settings.upgradeUrl,
|
29 |
+
footerUpgradeUrl: cff_settings.footerUpgradeUrl,
|
30 |
+
supportPageUrl: cff_settings.supportPageUrl,
|
31 |
+
licenseKey: cff_settings.licenseKey,
|
32 |
+
licenseType: cff_settings.licenseType,
|
33 |
+
licenseStatus: cff_settings.licenseStatus,
|
34 |
+
licenseErrorMsg: cff_settings.licenseErrorMsg,
|
35 |
+
extensionsLicense: cff_settings.extensionsLicense,
|
36 |
+
extensionsLicenseKey: cff_settings.extensionsLicenseKey,
|
37 |
+
extensionFieldHasError: false,
|
38 |
+
cronNextCheck: cff_settings.nextCheck,
|
39 |
+
currentView: null,
|
40 |
+
selected: null,
|
41 |
+
current: 0,
|
42 |
+
sections: ["General", "Feeds", "Translation", "Advanced"],
|
43 |
+
indicator_width: 0,
|
44 |
+
indicator_pos: 0,
|
45 |
+
forwards: true,
|
46 |
+
currentTab: null,
|
47 |
+
import_file: null,
|
48 |
+
gdprInfoTooltip: null,
|
49 |
+
loaderSVG: cff_settings.loaderSVG,
|
50 |
+
checkmarkSVG: cff_settings.checkmarkSVG,
|
51 |
+
uploadSVG: cff_settings.uploadSVG,
|
52 |
+
exportSVG: cff_settings.exportSVG,
|
53 |
+
reloadSVG: cff_settings.reloadSVG,
|
54 |
+
tooltipHelpSvg: cff_settings.tooltipHelpSvg,
|
55 |
+
tooltip : {
|
56 |
+
text : '',
|
57 |
+
hover : false
|
58 |
+
},
|
59 |
+
|
60 |
+
cogSVG: cff_settings.cogSVG,
|
61 |
+
deleteSVG: cff_settings.deleteSVG,
|
62 |
+
svgIcons : cff_settings.svgIcons,
|
63 |
+
|
64 |
+
testConnectionStatus: null,
|
65 |
+
btnStatus: null,
|
66 |
+
uploadStatus: null,
|
67 |
+
clearCacheStatus: null,
|
68 |
+
optimizeCacheStatus: null,
|
69 |
+
pressedBtnName: null,
|
70 |
+
loading: false,
|
71 |
+
hasError: cff_settings.hasError,
|
72 |
+
dialogBox : {
|
73 |
+
active : false,
|
74 |
+
type : null,
|
75 |
+
heading : null,
|
76 |
+
description : null
|
77 |
+
},
|
78 |
+
sourceToDelete : {},
|
79 |
+
newManualSourcePopup : cff_settings.newManualSourcePopup,
|
80 |
+
viewsActive : {
|
81 |
+
sourcePopup : false,
|
82 |
+
sourcePopupScreen : 'redirect_1',
|
83 |
+
sourcePopupType : 'creation',
|
84 |
+
instanceSourceActive : null,
|
85 |
+
},
|
86 |
+
//Add New Source
|
87 |
+
newSourceData : cff_settings.newSourceData ? cff_settings.newSourceData : null,
|
88 |
+
sourceConnectionURLs : cff_settings.sourceConnectionURLs,
|
89 |
+
returnedApiSourcesList : [],
|
90 |
+
addNewSource : {
|
91 |
+
typeSelected : 'page',
|
92 |
+
manualSourceID : null,
|
93 |
+
manualSourceToken : null
|
94 |
+
},
|
95 |
+
selectedFeed : 'none',
|
96 |
+
expandedFeedID : null,
|
97 |
+
notificationElement : {
|
98 |
+
type : 'success', // success, error, warning, message
|
99 |
+
text : '',
|
100 |
+
shown : null
|
101 |
+
},
|
102 |
+
selectedSourcesToConnect : [],
|
103 |
+
|
104 |
+
//Loading Bar
|
105 |
+
fullScreenLoader : false,
|
106 |
+
appLoaded : false,
|
107 |
+
previewLoaded : false,
|
108 |
+
loadingBar : true,
|
109 |
+
notificationElement : {
|
110 |
+
type : 'success', // success, error, warning, message
|
111 |
+
text : '',
|
112 |
+
shown : null
|
113 |
+
}
|
114 |
+
};
|
115 |
+
|
116 |
+
// The tab component
|
117 |
+
Vue.component("tab", {
|
118 |
+
props: ["section", "index"],
|
119 |
+
template: `
|
120 |
+
<a class='tab' :id='section.toLowerCase().trim()' @click='emitWidth($el);changeComponent(index);activeTab(section)'>{{section}}</a>
|
121 |
+
`,
|
122 |
+
created: () => {
|
123 |
+
let urlParams = new URLSearchParams(window.location.search);
|
124 |
+
let view = urlParams.get('view');
|
125 |
+
if ( view === null ) {
|
126 |
+
view = 'general';
|
127 |
+
}
|
128 |
+
settings_data.currentView = view;
|
129 |
+
settings_data.currentTab = settings_data.sections[0];
|
130 |
+
settings_data.selected = "app-1";
|
131 |
+
},
|
132 |
+
methods: {
|
133 |
+
emitWidth: function(el) {
|
134 |
+
settings_data.indicator_width = jQuery(el).outerWidth();
|
135 |
+
settings_data.indicator_pos = jQuery(el).position().left;
|
136 |
+
},
|
137 |
+
changeComponent: function(index) {
|
138 |
+
var prev = settings_data.current;
|
139 |
+
if (prev < index) {
|
140 |
+
settings_data.forwards = false;
|
141 |
+
} else if (prev > index) {
|
142 |
+
settings_data.forwards = true;
|
143 |
+
}
|
144 |
+
settings_data.selected = "app-" + (index + 1);
|
145 |
+
settings_data.current = index;
|
146 |
+
|
147 |
+
// get the pro cta banner offset
|
148 |
+
let ctaOffset = jQuery('.cff-settings-cta').offset();
|
149 |
+
// position them to bottom so during change component they don't appear at top
|
150 |
+
jQuery('.cff-settings-cta, .cff-save-button').css({"position": "absolute", "top": ctaOffset.top + 'px'})
|
151 |
+
// remove the added styles shortly after to set it where it should be
|
152 |
+
setTimeout(function() {
|
153 |
+
jQuery('.cff-settings-cta, .cff-save-button').removeAttr('style')
|
154 |
+
}, 400);
|
155 |
+
},
|
156 |
+
activeTab: function(section) {
|
157 |
+
this.setView(section.toLowerCase().trim());
|
158 |
+
settings_data.currentTab = section;
|
159 |
+
},
|
160 |
+
setView: function(section) {
|
161 |
+
history.replaceState({}, null, settings_data.adminUrl + 'admin.php?page=cff-settings&view=' + section);
|
162 |
+
}
|
163 |
+
}
|
164 |
+
});
|
165 |
+
|
166 |
+
var cffSettings = new Vue({
|
167 |
+
el: "#cff-settings",
|
168 |
+
http: {
|
169 |
+
emulateJSON: true,
|
170 |
+
emulateHTTP: true
|
171 |
+
},
|
172 |
+
data: settings_data,
|
173 |
+
created: function() {
|
174 |
+
this.$nextTick(function() {
|
175 |
+
let tabEl = document.querySelector('.tab');
|
176 |
+
settings_data.indicator_width = tabEl.offsetWidth;
|
177 |
+
});
|
178 |
+
setTimeout(function(){
|
179 |
+
settings_data.appLoaded = true;
|
180 |
+
},350);
|
181 |
+
},
|
182 |
+
mounted: function(){
|
183 |
+
var self = this;
|
184 |
+
// set the current view page on page load
|
185 |
+
let activeEl = document.querySelector('a.tab#' + settings_data.currentView);
|
186 |
+
// we have to uppercase the first letter
|
187 |
+
let currentView = settings_data.currentView.charAt(0).toUpperCase() + settings_data.currentView.slice(1);
|
188 |
+
let viewIndex = settings_data.sections.indexOf(currentView) + 1;
|
189 |
+
settings_data.indicator_width = activeEl.offsetWidth;
|
190 |
+
settings_data.indicator_pos = activeEl.offsetLeft;
|
191 |
+
settings_data.selected = "app-" + viewIndex;
|
192 |
+
settings_data.current = viewIndex;
|
193 |
+
settings_data.currentTab = currentView;
|
194 |
+
|
195 |
+
setTimeout(function(){
|
196 |
+
settings_data.appLoaded = true;
|
197 |
+
},350);
|
198 |
+
|
199 |
+
if(self.newManualSourcePopup != undefined && self.newManualSourcePopup == true){
|
200 |
+
self.viewsActive.sourcePopupScreen = 'step_3';
|
201 |
+
self.activateView('sourcePopup', 'creation');
|
202 |
+
}
|
203 |
+
|
204 |
+
},
|
205 |
+
computed: {
|
206 |
+
getStyle: function() {
|
207 |
+
return {
|
208 |
+
position: "absolute",
|
209 |
+
bottom: "0px",
|
210 |
+
left: settings_data.indicator_pos + "px",
|
211 |
+
width: settings_data.indicator_width + "px",
|
212 |
+
height: "2px"
|
213 |
+
};
|
214 |
+
},
|
215 |
+
chooseDirection: function() {
|
216 |
+
if (settings_data.forwards == true) {
|
217 |
+
return "slide-fade";
|
218 |
+
} else {
|
219 |
+
return "slide-fade";
|
220 |
+
}
|
221 |
+
}
|
222 |
+
},
|
223 |
+
methods: {
|
224 |
+
activateLicense: function() {
|
225 |
+
if (this.licenseType === 'free') {
|
226 |
+
this.runOneClickUpgrade();
|
227 |
+
} else {
|
228 |
+
this.activateProLicense();
|
229 |
+
}
|
230 |
+
},
|
231 |
+
activateProLicense: function() {
|
232 |
+
this.hasError = false;
|
233 |
+
this.loading = true;
|
234 |
+
this.pressedBtnName = 'cff';
|
235 |
+
|
236 |
+
let data = new FormData();
|
237 |
+
data.append( 'action', 'cff_activate_license' );
|
238 |
+
data.append( 'license_key', this.licenseKey );
|
239 |
+
fetch(this.ajaxHandler, {
|
240 |
+
method: "POST",
|
241 |
+
credentials: 'same-origin',
|
242 |
+
body: data
|
243 |
+
})
|
244 |
+
.then(response => response.json())
|
245 |
+
.then(data => {
|
246 |
+
if ( data.success == false ) {
|
247 |
+
this.licenseStatus = 'inactive';
|
248 |
+
this.hasError = true;
|
249 |
+
this.loading = false;
|
250 |
+
return;
|
251 |
+
}
|
252 |
+
if ( data.success == true ) {
|
253 |
+
let licenseData = data.data.licenseData;
|
254 |
+
this.licenseStatus = data.data.licenseStatus;
|
255 |
+
this.loading = false;
|
256 |
+
this.pressedBtnName = null;
|
257 |
+
|
258 |
+
if (
|
259 |
+
data.data.licenseStatus == 'inactive' ||
|
260 |
+
data.data.licenseStatus == 'invalid' ||
|
261 |
+
data.data.licenseStatus == 'expired'
|
262 |
+
) {
|
263 |
+
this.hasError = true;
|
264 |
+
if( licenseData.error ) {
|
265 |
+
this.licenseErrorMsg = licenseData.errorMsg
|
266 |
+
}
|
267 |
+
}
|
268 |
+
}
|
269 |
+
return;
|
270 |
+
});
|
271 |
+
},
|
272 |
+
runOneClickUpgrade: function() {
|
273 |
+
this.hasError = false;
|
274 |
+
this.loading = true;
|
275 |
+
this.pressedBtnName = 'cff';
|
276 |
+
|
277 |
+
let data = new FormData();
|
278 |
+
data.append( 'action', 'cff_maybe_upgrade_redirect' );
|
279 |
+
data.append( 'license_key', this.licenseKey );
|
280 |
+
data.append( 'nonce', this.nonce );
|
281 |
+
fetch(this.ajaxHandler, {
|
282 |
+
method: "POST",
|
283 |
+
credentials: 'same-origin',
|
284 |
+
body: data
|
285 |
+
})
|
286 |
+
.then(response => response.json())
|
287 |
+
.then(data => {
|
288 |
+
if ( data.success === false ) {
|
289 |
+
this.licenseStatus = 'invalid';
|
290 |
+
this.hasError = true;
|
291 |
+
this.loading = false;
|
292 |
+
if( typeof data.data !== 'undefined' ) {
|
293 |
+
this.licenseErrorMsg = data.data.message
|
294 |
+
}
|
295 |
+
return;
|
296 |
+
}
|
297 |
+
if ( data.success === true ) {
|
298 |
+
window.location.href = data.data.url
|
299 |
+
}
|
300 |
+
return;
|
301 |
+
});
|
302 |
+
},
|
303 |
+
deactivateLicense: function() {
|
304 |
+
this.loading = true;
|
305 |
+
this.pressedBtnName = 'cff';
|
306 |
+
let data = new FormData();
|
307 |
+
data.append( 'action', 'cff_deactivate_license' );
|
308 |
+
fetch(this.ajaxHandler, {
|
309 |
+
method: "POST",
|
310 |
+
credentials: 'same-origin',
|
311 |
+
body: data
|
312 |
+
})
|
313 |
+
.then(response => response.json())
|
314 |
+
.then(data => {
|
315 |
+
if ( data.success == true ) {
|
316 |
+
this.licenseStatus = data.data.licenseStatus ;
|
317 |
+
this.loading = false;
|
318 |
+
this.pressedBtnName = null;
|
319 |
+
}
|
320 |
+
return;
|
321 |
+
});
|
322 |
+
},
|
323 |
+
|
324 |
+
/**
|
325 |
+
* Activate Extensions License
|
326 |
+
*
|
327 |
+
* @since 4.0
|
328 |
+
*
|
329 |
+
* @param {object} extension
|
330 |
+
*/
|
331 |
+
activateExtensionLicense: function( extension ) {
|
332 |
+
let licenseKey = this.extensionsLicenseKey[extension.name];
|
333 |
+
this.extensionFieldHasError = false;
|
334 |
+
this.loading = true;
|
335 |
+
this.pressedBtnName = extension.name;
|
336 |
+
if ( ! licenseKey ) {
|
337 |
+
this.loading = false;
|
338 |
+
this.extensionFieldHasError = true;
|
339 |
+
return;
|
340 |
+
}
|
341 |
+
let data = new FormData();
|
342 |
+
data.append( 'action', 'cff_activate_extension_license' );
|
343 |
+
data.append( 'license_key', licenseKey );
|
344 |
+
data.append( 'extension_name', extension.name );
|
345 |
+
data.append( 'extension_item_name', extension.itemName );
|
346 |
+
fetch(this.ajaxHandler, {
|
347 |
+
method: "POST",
|
348 |
+
credentials: 'same-origin',
|
349 |
+
body: data
|
350 |
+
})
|
351 |
+
.then(response => response.json())
|
352 |
+
.then(data => {
|
353 |
+
this.loading = false;
|
354 |
+
if ( data.success == true ) {
|
355 |
+
this.extensionFieldHasError = false;
|
356 |
+
this.pressedBtnName = null;
|
357 |
+
if ( data.data.licenseStatus == 'invalid' ) {
|
358 |
+
this.extensionFieldHasError = true;
|
359 |
+
this.notificationElement = {
|
360 |
+
type : 'error',
|
361 |
+
text : this.genericText.invalidLicenseKey,
|
362 |
+
shown : "shown"
|
363 |
+
};
|
364 |
+
}
|
365 |
+
if ( data.data.licenseStatus == 'valid' ) {
|
366 |
+
this.notificationElement = {
|
367 |
+
type : 'success',
|
368 |
+
text : this.genericText.licenseActivated,
|
369 |
+
shown : "shown"
|
370 |
+
};
|
371 |
+
}
|
372 |
+
extension.licenseStatus = data.data.licenseStatus;
|
373 |
+
extension.licenseKey = licenseKey;
|
374 |
+
|
375 |
+
setTimeout(function(){
|
376 |
+
this.notificationElement.shown = "hidden";
|
377 |
+
}.bind(this), 3000);
|
378 |
+
}
|
379 |
+
return;
|
380 |
+
});
|
381 |
+
},
|
382 |
+
|
383 |
+
licenseActiveAction: function(extension) {
|
384 |
+
extension = typeof extension !== 'undefined' ? extension : false;
|
385 |
+
if (this.licenseType === 'free') {
|
386 |
+
this.runOneClickUpgrade();
|
387 |
+
} else {
|
388 |
+
if (typeof extension !== 'undefined') {
|
389 |
+
this.deactivateExtensionLicense(extension);
|
390 |
+
} else {
|
391 |
+
this.deactivateLicense();
|
392 |
+
}
|
393 |
+
}
|
394 |
+
|
395 |
+
},
|
396 |
+
|
397 |
+
/**
|
398 |
+
* Deactivate Extensions License
|
399 |
+
*
|
400 |
+
* @since 4.0
|
401 |
+
*
|
402 |
+
* @param {object} extension
|
403 |
+
*/
|
404 |
+
deactivateExtensionLicense: function( extension ) {
|
405 |
+
let licenseKey = this.extensionsLicenseKey[extension.name];
|
406 |
+
this.extensionFieldHasError = false;
|
407 |
+
this.loading = true;
|
408 |
+
this.pressedBtnName = extension.name;
|
409 |
+
let data = new FormData();
|
410 |
+
data.append( 'action', 'cff_deactivate_extension_license' );
|
411 |
+
data.append( 'extension_name', extension.name );
|
412 |
+
data.append( 'extension_item_name', extension.itemName );
|
413 |
+
fetch(this.ajaxHandler, {
|
414 |
+
method: "POST",
|
415 |
+
credentials: 'same-origin',
|
416 |
+
body: data
|
417 |
+
})
|
418 |
+
.then(response => response.json())
|
419 |
+
.then(data => {
|
420 |
+
this.loading = false;
|
421 |
+
if ( data.success == true ) {
|
422 |
+
this.extensionFieldHasError = false;
|
423 |
+
this.pressedBtnName = null;
|
424 |
+
if ( data.data.licenseStatus == 'deactivated' ) {
|
425 |
+
this.notificationElement = {
|
426 |
+
type : 'success',
|
427 |
+
text : this.genericText.licenseDeactivated,
|
428 |
+
shown : "shown"
|
429 |
+
};
|
430 |
+
}
|
431 |
+
extension.licenseStatus = data.data.licenseStatus;
|
432 |
+
extension.licenseKey = licenseKey;
|
433 |
+
|
434 |
+
setTimeout(function(){
|
435 |
+
this.notificationElement.shown = "hidden";
|
436 |
+
}.bind(this), 3000);
|
437 |
+
}
|
438 |
+
return;
|
439 |
+
});
|
440 |
+
},
|
441 |
+
testConnection: function() {
|
442 |
+
this.testConnectionStatus = 'loading';
|
443 |
+
let data = new FormData();
|
444 |
+
data.append( 'action', 'cff_test_connection' );
|
445 |
+
fetch(this.ajaxHandler, {
|
446 |
+
method: "POST",
|
447 |
+
credentials: 'same-origin',
|
448 |
+
body: data
|
449 |
+
})
|
450 |
+
.then(response => response.json())
|
451 |
+
.then(data => {
|
452 |
+
if ( data.success == false ) {
|
453 |
+
this.testConnectionStatus = 'error';
|
454 |
+
}
|
455 |
+
if ( data.success == true ) {
|
456 |
+
this.testConnectionStatus = 'success';
|
457 |
+
|
458 |
+
setTimeout(function() {
|
459 |
+
this.testConnectionStatus = null;
|
460 |
+
}.bind(this), 3000);
|
461 |
+
}
|
462 |
+
return;
|
463 |
+
});
|
464 |
+
},
|
465 |
+
testConnectionIcon: function() {
|
466 |
+
if ( this.testConnectionStatus == 'loading' ) {
|
467 |
+
return this.loaderSVG;
|
468 |
+
} else if ( this.testConnectionStatus == 'success' ) {
|
469 |
+
return '<i class="fa fa-check-circle"></i> ' + this.generalTab.licenseBox.connectionSuccessful;
|
470 |
+
} else if ( this.testConnectionStatus == 'error' ) {
|
471 |
+
return `<i class="fa fa-check-circle"></i> ${this.generalTab.licenseBox.connectionFailed} <a href="#">${this.generalTab.licenseBox.viewError}</a>`;
|
472 |
+
}
|
473 |
+
},
|
474 |
+
importFile: function() {
|
475 |
+
document.getElementById("import_file").click();
|
476 |
+
},
|
477 |
+
uploadFile: function( event ) {
|
478 |
+
this.uploadStatus = 'loading';
|
479 |
+
let file = this.$refs.file.files[0];
|
480 |
+
let data = new FormData();
|
481 |
+
data.append( 'action', 'cff_import_settings_json' );
|
482 |
+
data.append( 'file', file );
|
483 |
+
fetch(this.ajaxHandler, {
|
484 |
+
method: "POST",
|
485 |
+
credentials: 'same-origin',
|
486 |
+
body: data
|
487 |
+
})
|
488 |
+
.then(response => response.json())
|
489 |
+
.then(data => {
|
490 |
+
this.uploadStatus = null;
|
491 |
+
this.$refs.file.files[0] = null;
|
492 |
+
if ( data.success == false ) {
|
493 |
+
this.notificationElement = {
|
494 |
+
type : 'error',
|
495 |
+
text : this.genericText.failedToImportFeed,
|
496 |
+
shown : "shown"
|
497 |
+
};
|
498 |
+
}
|
499 |
+
if ( data.success == true ) {
|
500 |
+
this.feeds = data.data.feeds;
|
501 |
+
this.notificationElement = {
|
502 |
+
type : 'success',
|
503 |
+
text : this.genericText.feedImported,
|
504 |
+
shown : "shown"
|
505 |
+
};
|
506 |
+
}
|
507 |
+
setTimeout(function(){
|
508 |
+
this.notificationElement.shown = "hidden";
|
509 |
+
}.bind(this), 3000);
|
510 |
+
});
|
511 |
+
},
|
512 |
+
exportFeedSettings: function() {
|
513 |
+
// return if no feed is selected
|
514 |
+
if ( this.exportFeed === 'none' ) {
|
515 |
+
return;
|
516 |
+
}
|
517 |
+
|
518 |
+
let url = this.ajaxHandler + '?action=cff_export_settings_json&feed_id=' + this.exportFeed;
|
519 |
+
window.location = url;
|
520 |
+
},
|
521 |
+
saveSettings: function() {
|
522 |
+
this.btnStatus = 'loading';
|
523 |
+
let data = new FormData();
|
524 |
+
data.append( 'action', 'cff_save_settings' );
|
525 |
+
data.append( 'model', JSON.stringify( this.model ) );
|
526 |
+
data.append( 'cff_license_key', this.licenseKey );
|
527 |
+
data.append( 'extensions_license_key', JSON.stringify( this.extensionsLicenseKey ) );
|
528 |
+
fetch(this.ajaxHandler, {
|
529 |
+
method: "POST",
|
530 |
+
credentials: 'same-origin',
|
531 |
+
body: data
|
532 |
+
})
|
533 |
+
.then(response => response.json())
|
534 |
+
.then(data => {
|
535 |
+
if ( data.success == false ) {
|
536 |
+
this.btnStatus = 'error';
|
537 |
+
return;
|
538 |
+
}
|
539 |
+
|
540 |
+
this.cronNextCheck = data.data.cronNextCheck;
|
541 |
+
this.btnStatus = 'success';
|
542 |
+
setTimeout(function() {
|
543 |
+
this.btnStatus = null;
|
544 |
+
}.bind(this), 3000);
|
545 |
+
});
|
546 |
+
},
|
547 |
+
clearCache: function() {
|
548 |
+
this.clearCacheStatus = 'loading';
|
549 |
+
let data = new FormData();
|
550 |
+
data.append( 'action', 'cff_clear_cache' );
|
551 |
+
data.append( 'model', JSON.stringify( this.model ) );
|
552 |
+
fetch(this.ajaxHandler, {
|
553 |
+
method: "POST",
|
554 |
+
credentials: 'same-origin',
|
555 |
+
body: data
|
556 |
+
})
|
557 |
+
.then(response => response.json())
|
558 |
+
.then(data => {
|
559 |
+
if ( data.success == false ) {
|
560 |
+
this.clearCacheStatus = 'error';
|
561 |
+
return;
|
562 |
+
}
|
563 |
+
|
564 |
+
this.cronNextCheck = data.data.cronNextCheck;
|
565 |
+
this.clearCacheStatus = 'success';
|
566 |
+
setTimeout(function() {
|
567 |
+
this.clearCacheStatus = null;
|
568 |
+
}.bind(this), 3000);
|
569 |
+
});
|
570 |
+
},
|
571 |
+
showTooltip: function( tooltipName ) {
|
572 |
+
this.tooltipName = tooltipName;
|
573 |
+
},
|
574 |
+
hideTooltip: function() {
|
575 |
+
this.tooltipName = null;
|
576 |
+
},
|
577 |
+
gdprOptions: function() {
|
578 |
+
this.gdprInfoTooltip = null;
|
579 |
+
},
|
580 |
+
gdprLimited: function() {
|
581 |
+
this.gdprInfoTooltip = this.gdprInfoTooltip == null ? true : null;
|
582 |
+
},
|
583 |
+
clearImageResizeCache: function() {
|
584 |
+
this.optimizeCacheStatus = 'loading';
|
585 |
+
let data = new FormData();
|
586 |
+
data.append( 'action', 'cff_clear_image_resize_cache' );
|
587 |
+
fetch(this.ajaxHandler, {
|
588 |
+
method: "POST",
|
589 |
+
credentials: 'same-origin',
|
590 |
+
body: data
|
591 |
+
})
|
592 |
+
.then(response => response.json())
|
593 |
+
.then(data => {
|
594 |
+
if ( data.success == false ) {
|
595 |
+
this.optimizeCacheStatus = 'error';
|
596 |
+
return;
|
597 |
+
}
|
598 |
+
this.optimizeCacheStatus = 'success';
|
599 |
+
setTimeout(function() {
|
600 |
+
this.optimizeCacheStatus = null;
|
601 |
+
}.bind(this), 3000);
|
602 |
+
});
|
603 |
+
},
|
604 |
+
saveChangesIcon: function() {
|
605 |
+
if ( this.btnStatus == 'loading' ) {
|
606 |
+
return this.loaderSVG;
|
607 |
+
} else if ( this.btnStatus == 'success' ) {
|
608 |
+
return this.checkmarkSVG;
|
609 |
+
} else if ( this.btnStatus == 'error' ) {
|
610 |
+
return `<i class="fa fa-times-circle"></i>`;
|
611 |
+
}
|
612 |
+
},
|
613 |
+
importBtnIcon: function() {
|
614 |
+
if ( this.uploadStatus === null ) {
|
615 |
+
return this.uploadSVG;
|
616 |
+
}
|
617 |
+
if ( this.uploadStatus == 'loading' ) {
|
618 |
+
return this.loaderSVG;
|
619 |
+
} else if ( this.uploadStatus == 'success' ) {
|
620 |
+
return this.checkmarkSVG;
|
621 |
+
} else if ( this.uploadStatus == 'error' ) {
|
622 |
+
return `<i class="fa fa-times-circle"></i>`;
|
623 |
+
}
|
624 |
+
},
|
625 |
+
clearCacheIcon: function() {
|
626 |
+
if ( this.clearCacheStatus === null ) {
|
627 |
+
return this.reloadSVG;
|
628 |
+
}
|
629 |
+
if ( this.clearCacheStatus == 'loading' ) {
|
630 |
+
return this.loaderSVG;
|
631 |
+
} else if ( this.clearCacheStatus == 'success' ) {
|
632 |
+
return this.checkmarkSVG;
|
633 |
+
} else if ( this.clearCacheStatus == 'error' ) {
|
634 |
+
return `<i class="fa fa-times-circle"></i>`;
|
635 |
+
}
|
636 |
+
},
|
637 |
+
clearImageResizeCacheIcon: function() {
|
638 |
+
if ( this.optimizeCacheStatus === null ) {
|
639 |
+
return;
|
640 |
+
}
|
641 |
+
if ( this.optimizeCacheStatus == 'loading' ) {
|
642 |
+
return this.loaderSVG;
|
643 |
+
} else if ( this.optimizeCacheStatus == 'success' ) {
|
644 |
+
return this.checkmarkSVG;
|
645 |
+
} else if ( this.optimizeCacheStatus == 'error' ) {
|
646 |
+
return `<i class="fa fa-times-circle"></i>`;
|
647 |
+
}
|
648 |
+
},
|
649 |
+
|
650 |
+
/**
|
651 |
+
* Toggle Sticky Widget view
|
652 |
+
*
|
653 |
+
* @since 4.0
|
654 |
+
*/
|
655 |
+
toggleStickyWidget: function() {
|
656 |
+
this.stickyWidget = !this.stickyWidget;
|
657 |
+
},
|
658 |
+
|
659 |
+
printUsedInText: function( usedInNumber ){
|
660 |
+
if(usedInNumber == 0){
|
661 |
+
return this.genericText.sourceNotUsedYet;
|
662 |
+
}
|
663 |
+
return this.genericText.usedIn + ' ' + usedInNumber + ' ' +(usedInNumber == 1 ? this.genericText.feed : this.genericText.feeds);
|
664 |
+
},
|
665 |
+
|
666 |
+
/**
|
667 |
+
* Delete Source Ajax
|
668 |
+
*
|
669 |
+
* @since 4.0
|
670 |
+
*/
|
671 |
+
deleteSource : function(sourceToDelete){
|
672 |
+
var self = this;
|
673 |
+
let data = new FormData();
|
674 |
+
data.append( 'action', 'cff_feed_saver_manager_delete_source' );
|
675 |
+
data.append( 'source_id', sourceToDelete.id);
|
676 |
+
fetch(self.ajaxHandler, {
|
677 |
+
method: "POST",
|
678 |
+
credentials: 'same-origin',
|
679 |
+
body: data
|
680 |
+
})
|
681 |
+
.then(response => response.json())
|
682 |
+
.then(data => {
|
683 |
+
self.sourcesList = data;
|
684 |
+
});
|
685 |
+
},
|
686 |
+
|
687 |
+
/**
|
688 |
+
* Check if Value is Empty
|
689 |
+
*
|
690 |
+
* @since 4.0
|
691 |
+
*
|
692 |
+
* @return boolean
|
693 |
+
*/
|
694 |
+
checkNotEmpty : function(value){
|
695 |
+
return value != null && value.replace(/ /gi,'') != '';
|
696 |
+
},
|
697 |
+
|
698 |
+
/**
|
699 |
+
* Activate View
|
700 |
+
*
|
701 |
+
* @since 4.0
|
702 |
+
*/
|
703 |
+
activateView : function(viewName, sourcePopupType = 'creation', ajaxAction = false){
|
704 |
+
var self = this;
|
705 |
+
self.viewsActive[viewName] = (self.viewsActive[viewName] == false ) ? true : false;
|
706 |
+
if(viewName == 'sourcePopup' && sourcePopupType == 'creationRedirect'){
|
707 |
+
setTimeout(function(){
|
708 |
+
self.$refs.addSourceRef.processFBConnect()
|
709 |
+
},3500);
|
710 |
+
}
|
711 |
+
},
|
712 |
+
|
713 |
+
/**
|
714 |
+
* Switch & Change Feed Screens
|
715 |
+
*
|
716 |
+
* @since 4.0
|
717 |
+
*/
|
718 |
+
switchScreen: function(screenType, screenName){
|
719 |
+
this.viewsActive[screenType] = screenName;
|
720 |
+
},
|
721 |
+
|
722 |
+
/**
|
723 |
+
* Parse JSON
|
724 |
+
*
|
725 |
+
* @since 4.0
|
726 |
+
*
|
727 |
+
* @return jsonObject / Boolean
|
728 |
+
*/
|
729 |
+
jsonParse : function(jsonString){
|
730 |
+
try {
|
731 |
+
return JSON.parse(jsonString);
|
732 |
+
} catch(e) {
|
733 |
+
return false;
|
734 |
+
}
|
735 |
+
},
|
736 |
+
|
737 |
+
|
738 |
+
/**
|
739 |
+
* Ajax Post Action
|
740 |
+
*
|
741 |
+
* @since 4.0
|
742 |
+
*/
|
743 |
+
ajaxPost : function(data, callback){
|
744 |
+
var self = this;
|
745 |
+
self.$http.post(self.ajaxHandler,data).then(callback);
|
746 |
+
},
|
747 |
+
|
748 |
+
/**
|
749 |
+
* Check if Object has Nested Property
|
750 |
+
*
|
751 |
+
* @since 4.0
|
752 |
+
*
|
753 |
+
* @return boolean
|
754 |
+
*/
|
755 |
+
hasOwnNestedProperty : function(obj,propertyPath) {
|
756 |
+
if (!propertyPath){return false;}var properties = propertyPath.split('.');
|
757 |
+
for (var i = 0; i < properties.length; i++) {
|
758 |
+
var prop = properties[i];
|
759 |
+
if (!obj || !obj.hasOwnProperty(prop)) {
|
760 |
+
return false;
|
761 |
+
} else {
|
762 |
+
obj = obj[prop];
|
763 |
+
}
|
764 |
+
}
|
765 |
+
return true;
|
766 |
+
},
|
767 |
+
|
768 |
+
/**
|
769 |
+
* Show Tooltip on Hover
|
770 |
+
*
|
771 |
+
* @since 4.0
|
772 |
+
*/
|
773 |
+
toggleElementTooltip : function(tooltipText, type, align = 'center'){
|
774 |
+
var self = this,
|
775 |
+
target = window.event.currentTarget,
|
776 |
+
tooltip = (target != undefined && target != null) ? document.querySelector('.sb-control-elem-tltp-content') : null;
|
777 |
+
if(tooltip != null && type == 'show'){
|
778 |
+
self.tooltip.text = tooltipText;
|
779 |
+
var position = target.getBoundingClientRect(),
|
780 |
+
left = position.left + 7,
|
781 |
+
top = position.top - 15;
|
782 |
+
tooltip.style.left = left + 'px';
|
783 |
+
tooltip.style.top = top + 'px';
|
784 |
+
tooltip.style.textAlign = align;
|
785 |
+
self.tooltip.hover = true;
|
786 |
+
}
|
787 |
+
if(type == 'hide'){
|
788 |
+
self.tooltip.hover = false;
|
789 |
+
}
|
790 |
+
},
|
791 |
+
|
792 |
+
/**
|
793 |
+
* Hover Tooltip
|
794 |
+
*
|
795 |
+
* @since 4.0
|
796 |
+
*/
|
797 |
+
hoverTooltip : function(type){
|
798 |
+
this.tooltip.hover = type;
|
799 |
+
},
|
800 |
+
|
801 |
+
/**
|
802 |
+
* Open Dialog Box
|
803 |
+
*
|
804 |
+
* @since 4.0
|
805 |
+
*/
|
806 |
+
openDialogBox : function(type, args = []){
|
807 |
+
var self = this,
|
808 |
+
heading = self.dialogBoxPopupScreen[type].heading,
|
809 |
+
description = self.dialogBoxPopupScreen[type].description;
|
810 |
+
|
811 |
+
switch (type) {
|
812 |
+
case "deleteSource":
|
813 |
+
self.sourceToDelete = args;
|
814 |
+
heading = heading.replace("#", self.sourceToDelete.username);
|
815 |
+
break;
|
816 |
+
}
|
817 |
+
self.dialogBox = {
|
818 |
+
active : true,
|
819 |
+
type : type,
|
820 |
+
heading : heading,
|
821 |
+
description : description
|
822 |
+
};
|
823 |
+
},
|
824 |
+
|
825 |
+
|
826 |
+
/**
|
827 |
+
* Confirm Dialog Box Actions
|
828 |
+
*
|
829 |
+
* @since 4.0
|
830 |
+
*/
|
831 |
+
confirmDialogAction : function(){
|
832 |
+
var self = this;
|
833 |
+
switch (self.dialogBox.type) {
|
834 |
+
case 'deleteSource':
|
835 |
+
self.deleteSource(self.sourceToDelete);
|
836 |
+
break;
|
837 |
+
}
|
838 |
+
},
|
839 |
+
|
840 |
+
/**
|
841 |
+
* Display Feed Sources Settings
|
842 |
+
*
|
843 |
+
* @since 4.0
|
844 |
+
*
|
845 |
+
* @param {object} source
|
846 |
+
* @param {int} sourceIndex
|
847 |
+
*/
|
848 |
+
displayFeedSettings: function(source, sourceIndex) {
|
849 |
+
this.expandedFeedID = sourceIndex + 1;
|
850 |
+
},
|
851 |
+
|
852 |
+
/**
|
853 |
+
* Hide Feed Sources Settings
|
854 |
+
*
|
855 |
+
* @since 4.0
|
856 |
+
*
|
857 |
+
* @param {object} source
|
858 |
+
* @param {int} sourceIndex
|
859 |
+
*/
|
860 |
+
hideFeedSettings: function() {
|
861 |
+
this.expandedFeedID = null;
|
862 |
+
},
|
863 |
+
|
864 |
+
/**
|
865 |
+
* Copy text to clipboard
|
866 |
+
*
|
867 |
+
* @since 4.0
|
868 |
+
*/
|
869 |
+
copyToClipBoard : function(value){
|
870 |
+
var self = this;
|
871 |
+
const el = document.createElement('textarea');
|
872 |
+
el.className = 'cff-fb-cp-clpboard';
|
873 |
+
el.value = value;
|
874 |
+
document.body.appendChild(el);
|
875 |
+
el.select();
|
876 |
+
document.execCommand('copy');
|
877 |
+
document.body.removeChild(el);
|
878 |
+
self.notificationElement = {
|
879 |
+
type : 'success',
|
880 |
+
text : this.genericText.copiedClipboard,
|
881 |
+
shown : "shown"
|
882 |
+
};
|
883 |
+
setTimeout(function(){
|
884 |
+
self.notificationElement.shown = "hidden";
|
885 |
+
}, 3000);
|
886 |
+
},
|
887 |
+
|
888 |
+
|
889 |
+
/**
|
890 |
+
* View Source Instances
|
891 |
+
*
|
892 |
+
* @since 4.0
|
893 |
+
*/
|
894 |
+
viewSourceInstances : function(source){
|
895 |
+
var self = this;
|
896 |
+
self.viewsActive.instanceSourceActive = source;
|
897 |
+
},
|
898 |
+
}
|
899 |
+
});
|
900 |
+
|
admin/assets/js/support.js
ADDED
@@ -0,0 +1,122 @@
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
1 |
+
var support_data = {
|
2 |
+
genericText: cff_support.genericText,
|
3 |
+
articles: cff_support.articles,
|
4 |
+
links: cff_support.links,
|
5 |
+
system_info: cff_support.system_info,
|
6 |
+
system_info_n: cff_support.system_info_n,
|
7 |
+
exportFeed: 'none',
|
8 |
+
stickyWidget: false,
|
9 |
+
feeds: cff_support.feeds,
|
10 |
+
supportUrl: cff_support.supportUrl,
|
11 |
+
socialWallActivated: cff_support.socialWallActivated,
|
12 |
+
socialWallLinks: cff_support.socialWallLinks,
|
13 |
+
siteSearchUrl: cff_support.siteSearchUrl,
|
14 |
+
siteSearchUrlWithArgs: null,
|
15 |
+
searchKeywords: null,
|
16 |
+
buttons: cff_support.buttons,
|
17 |
+
links: cff_support.links,
|
18 |
+
supportPageUrl: cff_support.supportPageUrl,
|
19 |
+
systemInfoBtnStatus: 'collapsed',
|
20 |
+
copyBtnStatus: null,
|
21 |
+
ajax_handler: cff_support.ajax_handler,
|
22 |
+
nonce: cff_support.nonce,
|
23 |
+
icons: cff_support.icons,
|
24 |
+
images: cff_support.images,
|
25 |
+
svgIcons : cff_support.svgIcons,
|
26 |
+
notificationElement : {
|
27 |
+
type : 'success', // success, error, warning, message
|
28 |
+
text : '',
|
29 |
+
shown : null
|
30 |
+
}
|
31 |
+
}
|
32 |
+
|
33 |
+
var cffsupport = new Vue({
|
34 |
+
el: "#cff-support",
|
35 |
+
http: {
|
36 |
+
emulateJSON: true,
|
37 |
+
emulateHTTP: true
|
38 |
+
},
|
39 |
+
data: support_data,
|
40 |
+
methods: {
|
41 |
+
copySystemInfo: function() {
|
42 |
+
let self = this;
|
43 |
+
const el = document.createElement('textarea');
|
44 |
+
el.className = 'cff-fb-cp-clpboard';
|
45 |
+
el.value = self.system_info_n;
|
46 |
+
document.body.appendChild(el);
|
47 |
+
el.select();
|
48 |
+
document.execCommand('copy');
|
49 |
+
document.body.removeChild(el);
|
50 |
+
this.notificationElement = {
|
51 |
+
type : 'success',
|
52 |
+
text : this.genericText.copiedToClipboard,
|
53 |
+
shown : "shown"
|
54 |
+
};
|
55 |
+
|
56 |
+
setTimeout(function() {
|
57 |
+
this.notificationElement.shown = "hidden";
|
58 |
+
}.bind(self), 3000);
|
59 |
+
},
|
60 |
+
expandSystemInfo: function() {
|
61 |
+
this.systemInfoBtnStatus = ( this.systemInfoBtnStatus == 'collapsed' ) ? 'expanded' : 'collapsed';
|
62 |
+
},
|
63 |
+
expandBtnText: function() {
|
64 |
+
if ( this.systemInfoBtnStatus == 'collapsed' ) {
|
65 |
+
return this.buttons.expand;
|
66 |
+
} else if ( this.systemInfoBtnStatus == 'expanded' ) {
|
67 |
+
return this.buttons.collapse;
|
68 |
+
}
|
69 |
+
},
|
70 |
+
exportFeedSettings: function() {
|
71 |
+
// return if no feed is selected
|
72 |
+
if ( this.exportFeed === 'none' ) {
|
73 |
+
return;
|
74 |
+
}
|
75 |
+
|
76 |
+
let url = this.ajax_handler + '?action=cff_export_settings_json&feed_id=' + this.exportFeed;
|
77 |
+
window.location = url;
|
78 |
+
},
|
79 |
+
searchDoc: function() {
|
80 |
+
let self = this;
|
81 |
+
let searchInput = document.getElementById('cff-search-doc-input');
|
82 |
+
searchInput.addEventListener('keyup', function ( event ) {
|
83 |
+
let url = new URL( self.siteSearchUrl );
|
84 |
+
let search_params = url.searchParams;
|
85 |
+
if ( self.searchKeywords ) {
|
86 |
+
search_params.set('search', self.searchKeywords);
|
87 |
+
}
|
88 |
+
search_params.set('plugin', 'facebook');
|
89 |
+
url.search = search_params.toString();
|
90 |
+
self.siteSearchUrlWithArgs = url.toString();
|
91 |
+
|
92 |
+
if ( event.key === 'Enter' ) {
|
93 |
+
window.open( self.siteSearchUrlWithArgs, '_blank');
|
94 |
+
}
|
95 |
+
})
|
96 |
+
},
|
97 |
+
searchDocStrings: function() {
|
98 |
+
let self = this;
|
99 |
+
let url = new URL( this.siteSearchUrl );
|
100 |
+
let search_params = url.searchParams;
|
101 |
+
setTimeout(function() {
|
102 |
+
search_params.set('search', self.searchKeywords);
|
103 |
+
search_params.set('plugin', 'facebook');
|
104 |
+
url.search = search_params.toString();
|
105 |
+
self.siteSearchUrlWithArgs = url.toString();
|
106 |
+
}, 10);
|
107 |
+
},
|
108 |
+
goToSearchDocumentation: function() {
|
109 |
+
if ( this.searchKeywords !== null && this.siteSearchUrlWithArgs !== null ) {
|
110 |
+
window.open( this.siteSearchUrlWithArgs, '_blank');
|
111 |
+
}
|
112 |
+
},
|
113 |
+
/**
|
114 |
+
* Toggle Sticky Widget view
|
115 |
+
*
|
116 |
+
* @since 4.0
|
117 |
+
*/
|
118 |
+
toggleStickyWidget: function() {
|
119 |
+
this.stickyWidget = !this.stickyWidget;
|
120 |
+
},
|
121 |
+
},
|
122 |
+
})
|
admin/builder/assets/css/builder.css
ADDED
@@ -0,0 +1,4250 @@
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
1 |
+
body{
|
2 |
+
background: #red;
|
3 |
+
--cl-orange: #E34F0E;
|
4 |
+
--cl-dark:#2C324C;
|
5 |
+
--error-red: #D72C2C;
|
6 |
+
--customizer-blue: #0096CC;
|
7 |
+
--dark-blue: #2A65DB;
|
8 |
+
}
|
9 |
+
.sb-tr-1{-webkit-transition: all .1s ease-in-out; transition: all .1s ease-in-out;}
|
10 |
+
.sb-tr-2{-webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out;}
|
11 |
+
.sb-tr-3{-webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out;}
|
12 |
+
.sb-tr-4{-webkit-transition: all .4s ease-in-out; transition: all .4s ease-in-out;}
|
13 |
+
.sb-tr-5{-webkit-transition: all .5s ease-in-out; transition: all .5s ease-in-out;}
|
14 |
+
.sb-tr-6{-webkit-transition: all .6s ease-in-out; transition: all .6s ease-in-out;}
|
15 |
+
.sb-tr-7{-webkit-transition: all .7s ease-in-out; transition: all .7s ease-in-out;}
|
16 |
+
.sb-tr-8{-webkit-transition: all .8s ease-in-out; transition: all .8s ease-in-out;}
|
17 |
+
.sb-tr-9{-webkit-transition: all .9s ease-in-out; transition: all .9s ease-in-out;}
|
18 |
+
.sb-tr-10{-webkit-transition: all 1s ease-in-out; transition: all 1s ease-in-out;}
|
19 |
+
.cff-bg-1{
|
20 |
+
background: #2A65DB;
|
21 |
+
}
|
22 |
+
|
23 |
+
/****
|
24 |
+
Buttons
|
25 |
+
*/
|
26 |
+
.sb-button {
|
27 |
+
display: flex;
|
28 |
+
flex-direction: row;
|
29 |
+
justify-content: center;
|
30 |
+
align-items: center;
|
31 |
+
border-radius: 2px;
|
32 |
+
cursor: pointer;
|
33 |
+
outline: none;
|
34 |
+
box-shadow: none;
|
35 |
+
border: none;
|
36 |
+
-webkit-transition: all .15s ease-in-out;
|
37 |
+
transition: all .15s ease-in-out;
|
38 |
+
}
|
39 |
+
.sb-button-standard{
|
40 |
+
position: relative;
|
41 |
+
font-style: normal;
|
42 |
+
font-weight: 600;
|
43 |
+
font-size: 14px;
|
44 |
+
padding: 10px 20px 10px 39px;
|
45 |
+
line-height: 16px;
|
46 |
+
}
|
47 |
+
.sb-button-standard svg {
|
48 |
+
width: 16px;
|
49 |
+
height: 16px;
|
50 |
+
position: absolute;
|
51 |
+
left: 13px;
|
52 |
+
right: auto;
|
53 |
+
top: 10px;
|
54 |
+
bottom: auto;
|
55 |
+
}
|
56 |
+
.sb-button-small.sb-button-left-icon {
|
57 |
+
padding-left: 32px;
|
58 |
+
}
|
59 |
+
.sb-button-small.sb-button-right-icon {
|
60 |
+
padding-right: 32px;
|
61 |
+
}
|
62 |
+
.sb-button-small.sb-button-left-icon svg {
|
63 |
+
position: absolute;
|
64 |
+
left: 13px;
|
65 |
+
}
|
66 |
+
.sb-button-small.sb-button-right-icon svg {
|
67 |
+
position: absolute;
|
68 |
+
right: 13px;
|
69 |
+
}
|
70 |
+
.sb-button-standard.sb-button-right-icon {
|
71 |
+
padding: 10px 39px 10px 20px;
|
72 |
+
}
|
73 |
+
.sb-button-standard.sb-button-right-icon svg {
|
74 |
+
right: 13px;
|
75 |
+
left: auto;
|
76 |
+
}
|
77 |
+
|
78 |
+
.sb-button-small {
|
79 |
+
position: relative;
|
80 |
+
font-style: normal;
|
81 |
+
font-weight: 600;
|
82 |
+
font-size: 12px;
|
83 |
+
padding: 6px 12px;
|
84 |
+
line-height: 160%;
|
85 |
+
}
|
86 |
+
|
87 |
+
.sb-button-no-border {
|
88 |
+
border-radius: 0 !important;
|
89 |
+
border: none !important;
|
90 |
+
}
|
91 |
+
|
92 |
+
/*orange*/
|
93 |
+
.cff-btn-orange{
|
94 |
+
background: #E34F0E!important;
|
95 |
+
color: #fff!important;
|
96 |
+
}
|
97 |
+
.cff-btn-orange:hover{
|
98 |
+
background: #F37036!important;
|
99 |
+
color: #fff!important;
|
100 |
+
}
|
101 |
+
.cff-btn-orange:focus{
|
102 |
+
background: #B8400B!important;
|
103 |
+
color: #fff!important;
|
104 |
+
}
|
105 |
+
|
106 |
+
/*red*/
|
107 |
+
.cff-btn-red{
|
108 |
+
background: #D72C2C!important;
|
109 |
+
color: #fff!important;
|
110 |
+
}
|
111 |
+
.cff-btn-red:hover{
|
112 |
+
background: #DF5757!important;
|
113 |
+
color: #fff!important;
|
114 |
+
}
|
115 |
+
.cff-btn-red:focus{
|
116 |
+
background: #841919!important;
|
117 |
+
color: #fff!important;
|
118 |
+
}
|
119 |
+
|
120 |
+
/*red*/
|
121 |
+
.cff-btn-blue{
|
122 |
+
background: #0068A0!important;
|
123 |
+
color: #fff!important;
|
124 |
+
}
|
125 |
+
.cff-btn-blue:hover{
|
126 |
+
background: #0096CC!important;
|
127 |
+
color: #fff!important;
|
128 |
+
}
|
129 |
+
.cff-btn-blue:focus{
|
130 |
+
background: #004D77!important;
|
131 |
+
color: #fff!important;
|
132 |
+
}
|
133 |
+
|
134 |
+
/*grey*/
|
135 |
+
.cff-btn-grey{
|
136 |
+
background: #F3F4F5!important;
|
137 |
+
color: #141B38!important;
|
138 |
+
border: 1px solid #D0D1D7!important;
|
139 |
+
}
|
140 |
+
.cff-btn-grey:hover{
|
141 |
+
background: #fff!important;
|
142 |
+
color: #141B38!important;
|
143 |
+
border: 1px solid #DCDDE1!important;
|
144 |
+
}
|
145 |
+
.cff-btn-grey:focus{
|
146 |
+
background: #E8E8EB!important;
|
147 |
+
color: #141B38!important;
|
148 |
+
border: 1px solid #D0D1D7!important;
|
149 |
+
}
|
150 |
+
|
151 |
+
/*dark*/
|
152 |
+
.cff-btn-dark{
|
153 |
+
background: #2C324C!important;
|
154 |
+
color: #fff!important;
|
155 |
+
}
|
156 |
+
.cff-btn-dark:hover{
|
157 |
+
background: #434960!important;
|
158 |
+
color: #fff!important;
|
159 |
+
}
|
160 |
+
.cff-btn-dark:focus{
|
161 |
+
background: #141B38!important;
|
162 |
+
color: #fff!important;
|
163 |
+
}
|
164 |
+
|
165 |
+
.sb-dark-hover:hover svg,
|
166 |
+
.sb-dark-hover:hover path{
|
167 |
+
fill: #141B38;
|
168 |
+
}
|
169 |
+
|
170 |
+
/*disabled*/
|
171 |
+
.cff-btn-orange[data-active="false"],
|
172 |
+
.cff-btn-blue[data-active="false"],
|
173 |
+
.cff-btn-red[data-active="false"],
|
174 |
+
.cff-btn-grey[data-active="false"],
|
175 |
+
.cff-btn-dark[data-active="false"]{
|
176 |
+
background: #E8E8EB !important;
|
177 |
+
color: #8C8F9A !important;
|
178 |
+
}
|
179 |
+
|
180 |
+
/* Text */
|
181 |
+
|
182 |
+
#cff-builder-app h1 {
|
183 |
+
font-style: normal;
|
184 |
+
font-weight: 600;
|
185 |
+
font-size: 36px;
|
186 |
+
line-height: 125%;
|
187 |
+
color: #141B38;
|
188 |
+
margin: 0;
|
189 |
+
letter-spacing: 0;
|
190 |
+
}
|
191 |
+
#cff-builder-app h2 {
|
192 |
+
font-style: normal;
|
193 |
+
font-weight: 600;
|
194 |
+
font-size: 32px;
|
195 |
+
line-height: 125%;
|
196 |
+
margin: 0;
|
197 |
+
letter-spacing: 0;
|
198 |
+
}
|
199 |
+
#cff-builder-app h3 {
|
200 |
+
font-style: normal;
|
201 |
+
font-weight: 600;
|
202 |
+
font-size: 24px;
|
203 |
+
line-height: 120%;
|
204 |
+
margin: 0 0 4px 0;
|
205 |
+
letter-spacing: 0;
|
206 |
+
}
|
207 |
+
|
208 |
+
#cff-builder-app h4 {
|
209 |
+
font-style: normal;
|
210 |
+
font-weight: 600;
|
211 |
+
font-size: 18px;
|
212 |
+
line-height: 140%;
|
213 |
+
margin: 0 0 4px 0;
|
214 |
+
letter-spacing: 0;
|
215 |
+
}
|
216 |
+
|
217 |
+
#cff-builder-app .sb-small-p,
|
218 |
+
#cff-builder-app .sb-standard-p{
|
219 |
+
font-style: normal;
|
220 |
+
font-weight: normal;
|
221 |
+
font-size: 14px;
|
222 |
+
line-height: 160%;
|
223 |
+
color: #8C8F9A;
|
224 |
+
margin: 0;
|
225 |
+
}
|
226 |
+
|
227 |
+
#cff-builder-app .sb-standard-p{
|
228 |
+
font-size: 16px;
|
229 |
+
color: #141B38;
|
230 |
+
}
|
231 |
+
#cff-builder-app .cff-fb-source-inp::placeholder {
|
232 |
+
color: #8C8F9A;
|
233 |
+
font-size: 14px;
|
234 |
+
font-weight: normal;
|
235 |
+
}
|
236 |
+
#cff-builder-app .sb-small-text {
|
237 |
+
font-size: 12px;
|
238 |
+
}
|
239 |
+
#cff-builder-app .sb-bold {
|
240 |
+
font-weight: 600;
|
241 |
+
}
|
242 |
+
#cff-builder-app .sb-dark-text {
|
243 |
+
color: #141B38;
|
244 |
+
}
|
245 |
+
#cff-builder-app .cff-btn-orange .sb-small-p,
|
246 |
+
#cff-builder-app .cff-btn-blue .sb-small-p,
|
247 |
+
#cff-builder-app .cff-btn-red .sb-small-p,
|
248 |
+
#cff-builder-app .cff-btn-dark .sb-small-p{
|
249 |
+
color: #fff;
|
250 |
+
}
|
251 |
+
|
252 |
+
#cff-builder-app .sb-caption {
|
253 |
+
font-style: normal;
|
254 |
+
font-weight: normal;
|
255 |
+
font-size: 13px;
|
256 |
+
line-height: 150%;
|
257 |
+
color: #141B38;
|
258 |
+
}
|
259 |
+
#cff-builder-app .sb-caption.sb-caption-lighter {
|
260 |
+
color: #5F6368;
|
261 |
+
}
|
262 |
+
|
263 |
+
#cff-builder-app .sb-small {
|
264 |
+
font-style: normal;
|
265 |
+
font-weight: bold;
|
266 |
+
font-size: 10px;
|
267 |
+
line-height: 160%;
|
268 |
+
letter-spacing: 0.08em;
|
269 |
+
text-transform: uppercase;
|
270 |
+
color: #141B38;
|
271 |
+
}
|
272 |
+
|
273 |
+
#cff-builder-app .sb-lighter {
|
274 |
+
color: #434960;
|
275 |
+
}
|
276 |
+
#cff-builder-app .sb-lightest {
|
277 |
+
color: #74777D;
|
278 |
+
}
|
279 |
+
|
280 |
+
/* Positioning */
|
281 |
+
.sb-icon-label {
|
282 |
+
display: flex;
|
283 |
+
flex-direction: row;
|
284 |
+
justify-content: flex-start;
|
285 |
+
align-items: center;
|
286 |
+
}
|
287 |
+
/* Misc Stylings */
|
288 |
+
.sb-flex-center {
|
289 |
+
display: -ms-flexbox;
|
290 |
+
display: -webkit-flex;
|
291 |
+
display: flex;
|
292 |
+
|
293 |
+
-ms-flex-align: center;
|
294 |
+
-webkit-align-items: center;
|
295 |
+
-webkit-box-align: center;
|
296 |
+
|
297 |
+
align-items: center;
|
298 |
+
}
|
299 |
+
.sb-box-shadow {
|
300 |
+
box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05), 0px 4px 5px rgba(0, 0, 0, 0.05);
|
301 |
+
}
|
302 |
+
#cff-builder-app .sb-icon-small svg {
|
303 |
+
height: 10px;
|
304 |
+
}
|
305 |
+
|
306 |
+
/*
|
307 |
+
Social Links
|
308 |
+
*/
|
309 |
+
.cff-cl-facebook, .cff-clhv-facebook:hover{
|
310 |
+
color: #006BFA!important;
|
311 |
+
}
|
312 |
+
.cff-bg-facebook, .cff-bghv-facebook:hover{
|
313 |
+
background: #006BFA!important;
|
314 |
+
}
|
315 |
+
|
316 |
+
.cff-cl-instagram, .cff-clhv-instagram:hover{
|
317 |
+
color: #BA03A7!important;
|
318 |
+
}
|
319 |
+
.cff-bg-instagram, .cff-bghv-instagram:hover{
|
320 |
+
background: #BA03A7!important;
|
321 |
+
}
|
322 |
+
|
323 |
+
.cff-cl-twitter, .cff-clhv-twitter:hover{
|
324 |
+
color: #1B90EF!important;
|
325 |
+
}
|
326 |
+
.cff-bg-twitter, .cff-bghv-twitter:hover{
|
327 |
+
background: #1B90EF!important;
|
328 |
+
}
|
329 |
+
|
330 |
+
.cff-cl-youtube, .cff-clhv-youtube:hover{
|
331 |
+
color: #EB2121!important;
|
332 |
+
}
|
333 |
+
.cff-bg-youtube, .cff-bghv-youtube:hover{
|
334 |
+
background: #EB2121!important;
|
335 |
+
}
|
336 |
+
|
337 |
+
.cff-cl-linkedin, .cff-clhv-linkedin:hover{
|
338 |
+
color: #007bb6!important;
|
339 |
+
}
|
340 |
+
.cff-bg-linkedin, .cff-bghv-linkedin:hover{
|
341 |
+
background: #007bb6!important;
|
342 |
+
}
|
343 |
+
|
344 |
+
.cff-cl-mail, .cff-clhv-mail:hover{
|
345 |
+
color: #666!important;
|
346 |
+
}
|
347 |
+
.cff-bg-mail, .cff-bghv-mail:hover{
|
348 |
+
background: #666!important;
|
349 |
+
}
|
350 |
+
|
351 |
+
#cff-builder-app{
|
352 |
+
font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;;
|
353 |
+
visibility: hidden;
|
354 |
+
opacity: 0;
|
355 |
+
}
|
356 |
+
#cff-builder-app[data-app-loaded="true"]{
|
357 |
+
visibility: visible;
|
358 |
+
opacity: 1;
|
359 |
+
}
|
360 |
+
|
361 |
+
.cff-builder-app a, .cff-builder-app a:focus{
|
362 |
+
text-decoration: none;
|
363 |
+
/*color: inherit;*/
|
364 |
+
outline: none;
|
365 |
+
}
|
366 |
+
.cff-fb-btn{
|
367 |
+
display: flex;
|
368 |
+
flex-direction: row;
|
369 |
+
justify-content: center;
|
370 |
+
align-items: center;
|
371 |
+
padding: 9px 38px;
|
372 |
+
font-style: normal;
|
373 |
+
font-weight: 500;
|
374 |
+
font-size: 14px;
|
375 |
+
line-height: 17px;
|
376 |
+
border-radius: 2px;
|
377 |
+
cursor: pointer;
|
378 |
+
color: #fff;
|
379 |
+
outline: none;
|
380 |
+
box-shadow: none;
|
381 |
+
border: none;;
|
382 |
+
}
|
383 |
+
.cff-fb-btn:focus{
|
384 |
+
box-shadow: none;
|
385 |
+
}
|
386 |
+
.cff-fb-fs{
|
387 |
+
width: 100%;
|
388 |
+
position: relative;
|
389 |
+
float: left;
|
390 |
+
box-sizing: border-box;
|
391 |
+
}
|
392 |
+
.cff-fs-a{
|
393 |
+
width: 100%;
|
394 |
+
height: 100%;
|
395 |
+
display: block;
|
396 |
+
position: absolute;
|
397 |
+
left: 0;
|
398 |
+
top: 0;
|
399 |
+
z-index: 1;
|
400 |
+
}
|
401 |
+
.sb-btn:focus{
|
402 |
+
outline: none;
|
403 |
+
}
|
404 |
+
#wpcontent,
|
405 |
+
.facebook-feed_page_cff-feed-builder #wpcontent{
|
406 |
+
padding-left: 0px;
|
407 |
+
}
|
408 |
+
#wpfooter{
|
409 |
+
display: none;
|
410 |
+
}
|
411 |
+
#wpbody-content{
|
412 |
+
padding-bottom: 0px;
|
413 |
+
}
|
414 |
+
.cff-fb-wrapper{
|
415 |
+
max-width: 92%;
|
416 |
+
position: relative;
|
417 |
+
margin: auto;
|
418 |
+
color: #141B38;
|
419 |
+
}
|
420 |
+
.cff-fb-fs-boss{
|
421 |
+
position: fixed;
|
422 |
+
height: 100vh;
|
423 |
+
width: 100%;
|
424 |
+
left: 0;
|
425 |
+
top: 0;
|
426 |
+
bottom: 0;
|
427 |
+
right: 0;
|
428 |
+
background: rgba(0,0,0,.4);
|
429 |
+
z-index: 9989;
|
430 |
+
}
|
431 |
+
|
432 |
+
|
433 |
+
/*
|
434 |
+
Header
|
435 |
+
*/
|
436 |
+
.cff-fb-create-ctn{
|
437 |
+
margin-top: 104px;
|
438 |
+
padding: 0 54px;
|
439 |
+
box-sizing: border-box;
|
440 |
+
width: 100%;
|
441 |
+
}
|
442 |
+
.cff-fb-header{
|
443 |
+
height: 64px;
|
444 |
+
position: absolute;
|
445 |
+
display: flex;
|
446 |
+
flex-direction: row;
|
447 |
+
justify-content: space-between;
|
448 |
+
align-items: center;
|
449 |
+
background: #fff;
|
450 |
+
padding: 0px 52px;
|
451 |
+
z-index: 99;
|
452 |
+
}
|
453 |
+
.cff-fb-header-left {
|
454 |
+
display: flex;
|
455 |
+
}
|
456 |
+
.cff-fb-header-left .sb-social-wall-link-wrap {
|
457 |
+
margin-left: 30px;
|
458 |
+
}
|
459 |
+
.cff-fb-hd-logo {
|
460 |
+
display: flex;
|
461 |
+
vertical-align: middle;
|
462 |
+
align-items: center;
|
463 |
+
gap: 5px;
|
464 |
+
}
|
465 |
+
.cff-fb-hd-logo .sb-logo-letters-wrap {
|
466 |
+
transform: translate(0px, -2px);
|
467 |
+
}
|
468 |
+
.cff-fb-hd-logo .breadcrumb-title {
|
469 |
+
font-size: 14px;
|
470 |
+
font-weight: 400;
|
471 |
+
line-height: 22px;
|
472 |
+
letter-spacing: 0em;
|
473 |
+
margin-left: 4px;
|
474 |
+
}
|
475 |
+
.cff-csz-header.cff-fb-header{
|
476 |
+
position: fixed!important;
|
477 |
+
padding: 0 20px;
|
478 |
+
}
|
479 |
+
.cff-csz-header-insider{
|
480 |
+
width: calc(100% - 160px);
|
481 |
+
display: flex;
|
482 |
+
flex-direction: row;
|
483 |
+
justify-content: space-between;
|
484 |
+
align-items: center;
|
485 |
+
height: 52px;
|
486 |
+
}
|
487 |
+
|
488 |
+
@media all and (max-width: 960px) {
|
489 |
+
.cff-csz-header-insider{
|
490 |
+
width: calc(100% - 36px);
|
491 |
+
}
|
492 |
+
.sb-customizer-ctn .sb-customizer-sidebar{
|
493 |
+
left: 36px;
|
494 |
+
}
|
495 |
+
}
|
496 |
+
|
497 |
+
.cff-fb-hd-btn{
|
498 |
+
cursor: pointer;
|
499 |
+
display: flex;
|
500 |
+
flex-direction: row;
|
501 |
+
justify-content: center;
|
502 |
+
align-items: center;
|
503 |
+
position: relative;
|
504 |
+
border: 1px solid;
|
505 |
+
-webkit-transition: all .15s ease-in-out;
|
506 |
+
transition: all .15s ease-in-out;
|
507 |
+
}
|
508 |
+
.cff-fb-hd-btn i{
|
509 |
+
margin: 0px 5px;
|
510 |
+
}
|
511 |
+
.cff-fb-full-wrapper {
|
512 |
+
padding: 0 53px;
|
513 |
+
padding-top: 82px;
|
514 |
+
padding-bottom: 60px;
|
515 |
+
}
|
516 |
+
.cff-csz-hd-actions{
|
517 |
+
display: flex;
|
518 |
+
justify-content: center;
|
519 |
+
align-items: center;
|
520 |
+
}
|
521 |
+
.cff-csz-hd-actions > button{
|
522 |
+
margin-left: 10px;
|
523 |
+
}
|
524 |
+
|
525 |
+
.cff-csz-btn-embd{
|
526 |
+
color: #fff;
|
527 |
+
background: var(--cl-dark);
|
528 |
+
border-color: var(--cl-dark);
|
529 |
+
}
|
530 |
+
.cff-csz-btn-save{
|
531 |
+
color: #fff;
|
532 |
+
background: var(--cl-orange);
|
533 |
+
border-color: var(--cl-orange);
|
534 |
+
}
|
535 |
+
.cff-csz-hd-name{
|
536 |
+
display: flex;
|
537 |
+
justify-content: center;
|
538 |
+
align-items: center;
|
539 |
+
height: 45px;
|
540 |
+
}
|
541 |
+
.cff-csz-hd-name strong{
|
542 |
+
font-size: 18px;
|
543 |
+
}
|
544 |
+
.cff-csz-hd-name[data-edit="true"] strong{
|
545 |
+
display: none;
|
546 |
+
}
|
547 |
+
.cff-csz-hd-name input[type="text"]{
|
548 |
+
border-radius: 0px;
|
549 |
+
border: 0px;
|
550 |
+
background: #CCE7FF;
|
551 |
+
outline: none;
|
552 |
+
font-size: 18px;
|
553 |
+
font-weight: 700;
|
554 |
+
display: none;
|
555 |
+
}
|
556 |
+
.cff-csz-hd-name[data-edit="true"] input[type="text"]{
|
557 |
+
display: block;
|
558 |
+
}
|
559 |
+
.cff-csz-hd-name input[type="text"]:focus{
|
560 |
+
outline: none!important;
|
561 |
+
border: 0px!important;
|
562 |
+
box-shadow: none!important;
|
563 |
+
}
|
564 |
+
|
565 |
+
|
566 |
+
.cff-csz-name-ed-btn{
|
567 |
+
width: 22px;
|
568 |
+
height: 22px;
|
569 |
+
cursor: pointer;
|
570 |
+
margin: 0 10px;
|
571 |
+
background: #E8E8EB;
|
572 |
+
border: 1px solid #E8E8EB;
|
573 |
+
outline: none;
|
574 |
+
}
|
575 |
+
.cff-csz-name-ed-btn:focus,
|
576 |
+
.cff-csz-name-ed-btn:hover{
|
577 |
+
outline: none;
|
578 |
+
background-color: #fff;
|
579 |
+
}
|
580 |
+
.cff-csz-name-ed-btn svg{
|
581 |
+
width: 11px;
|
582 |
+
fill: #141B38;
|
583 |
+
float: left;
|
584 |
+
margin-left: -1px;
|
585 |
+
}
|
586 |
+
|
587 |
+
|
588 |
+
/*
|
589 |
+
Welcome Screen Empty State
|
590 |
+
*/
|
591 |
+
.cff-fb-wlcm-header{
|
592 |
+
display: flex;
|
593 |
+
align-items: center;
|
594 |
+
margin-bottom: 28px;
|
595 |
+
margin-top: 23px;
|
596 |
+
}
|
597 |
+
#cff-fb-full-wrapper .cff-fb-wlcm-header {
|
598 |
+
margin-bottom: 34px;
|
599 |
+
}
|
600 |
+
|
601 |
+
.cff-fb-wlcm-header h3,
|
602 |
+
.cff-fb-create-ctn h3{
|
603 |
+
font-weight: 600;
|
604 |
+
font-size: 32px;
|
605 |
+
line-height: 40px;
|
606 |
+
padding: 0;
|
607 |
+
margin: 0;
|
608 |
+
float: left;
|
609 |
+
}
|
610 |
+
.cff-fb-btn-new{
|
611 |
+
background: var(--cl-orange);
|
612 |
+
position: relative;
|
613 |
+
float: left;
|
614 |
+
margin-left: 20px;
|
615 |
+
font-size: 12px;
|
616 |
+
padding: 8px 12px 8px 30px;
|
617 |
+
}
|
618 |
+
.cff-fb-btn-new svg{
|
619 |
+
width: 10px;
|
620 |
+
height: 10px;
|
621 |
+
position: absolute;
|
622 |
+
left: 12px;
|
623 |
+
}
|
624 |
+
|
625 |
+
.cff-fb-inf-cnt{
|
626 |
+
position: relative;
|
627 |
+
background: #fff;
|
628 |
+
padding: 27px;
|
629 |
+
box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05), 0px 4px 5px rgba(0, 0, 0, 0.05);
|
630 |
+
border-radius: 2px;
|
631 |
+
max-width: 100%;
|
632 |
+
box-sizing: border-box;
|
633 |
+
}
|
634 |
+
.cff-fb-inf-num{
|
635 |
+
width: 30px;
|
636 |
+
height: 30px;
|
637 |
+
position: relative;
|
638 |
+
float: left;
|
639 |
+
display: flex;
|
640 |
+
justify-content: center;
|
641 |
+
align-items: center;
|
642 |
+
font-size: 12px;
|
643 |
+
font-weight: 600;
|
644 |
+
color: #141B38;
|
645 |
+
margin-right: 20px;
|
646 |
+
|
647 |
+
}
|
648 |
+
.cff-fb-inf-num span{
|
649 |
+
z-index: 1;
|
650 |
+
}
|
651 |
+
.cff-fb-inf-num:before{
|
652 |
+
content: '';
|
653 |
+
position: absolute;
|
654 |
+
width: 100%;
|
655 |
+
height: 100%;
|
656 |
+
background: #D8DADD;
|
657 |
+
border-radius: 50%;
|
658 |
+
}
|
659 |
+
.cff-fb-inf-txt{
|
660 |
+
float: left;
|
661 |
+
}
|
662 |
+
/*.cff-fb-inf-txt strong{
|
663 |
+
display: block;
|
664 |
+
font-size: 20px;
|
665 |
+
line-height: 1em;
|
666 |
+
font-weight: bold;
|
667 |
+
margin-bottom: 8px;
|
668 |
+
}*/
|
669 |
+
.cff-fb-inf-txt span{
|
670 |
+
display: block;
|
671 |
+
font-size: 16px;
|
672 |
+
color: #5F6368;
|
673 |
+
line-height: 1.5em;
|
674 |
+
}
|
675 |
+
.cff-fb-wlcm-inf-1 {
|
676 |
+
padding-left: 297px;
|
677 |
+
}
|
678 |
+
.cff-fb-wlcm-inf-1 .cff-fb-inf-svg{
|
679 |
+
position: absolute;
|
680 |
+
left: 191px;
|
681 |
+
top: 32px;
|
682 |
+
/*float: left;
|
683 |
+
margin-top: 30px;
|
684 |
+
margin-left: 230px;
|
685 |
+
position: relative;
|
686 |
+
margin-right: 25px;*/
|
687 |
+
}
|
688 |
+
.cff-fb-wlcm-inf-1 .cff-fb-inf-svg svg{
|
689 |
+
margin-top: -45px;
|
690 |
+
}
|
691 |
+
.sb-head {
|
692 |
+
position: absolute;
|
693 |
+
top: -2px;
|
694 |
+
left:-4px;
|
695 |
+
}
|
696 |
+
.cff-fb-wlcm-inf-1 .cff-fb-inf-cnt{
|
697 |
+
float: left;
|
698 |
+
width: 523px;
|
699 |
+
margin-bottom: 24px;
|
700 |
+
height: 120px;
|
701 |
+
}
|
702 |
+
.cff-fb-wlcm-inf-2{
|
703 |
+
display: flex;
|
704 |
+
justify-content: space-between;
|
705 |
+
padding-left: 152px;
|
706 |
+
}
|
707 |
+
.cff-fb-wlcm-inf-2 .cff-fb-inf-cnt{
|
708 |
+
float: left;
|
709 |
+
width: 590px;
|
710 |
+
margin-bottom: 29px;
|
711 |
+
height: 120px;
|
712 |
+
display: flex;
|
713 |
+
align-items: center;
|
714 |
+
}
|
715 |
+
.cff-fb-wlcm-inf-2 .cff-fb-inf-img{
|
716 |
+
position: absolute;
|
717 |
+
right: 15px;
|
718 |
+
top: -13px;
|
719 |
+
width: 121px;
|
720 |
+
}
|
721 |
+
|
722 |
+
.cff-fb-wlcm-inf-3{
|
723 |
+
display: flex;
|
724 |
+
justify-content: flex-start;
|
725 |
+
align-items: center;
|
726 |
+
padding-left: 297px;
|
727 |
+
}
|
728 |
+
.cff-fb-wlcm-inf-3 .cff-fb-inf-cnt{
|
729 |
+
float: left;
|
730 |
+
width: 620px;
|
731 |
+
height: 130px;
|
732 |
+
display: flex;
|
733 |
+
justify-content: center;
|
734 |
+
align-items: center;
|
735 |
+
}
|
736 |
+
.cff-fb-wlcm-inf-3 .cff-fb-inf-img{
|
737 |
+
float: left;
|
738 |
+
left: 10px;
|
739 |
+
top: -12px;
|
740 |
+
position: absolute;
|
741 |
+
width: 121px;
|
742 |
+
}
|
743 |
+
.cff-fb-inf-img img {
|
744 |
+
max-width: 100%;
|
745 |
+
}
|
746 |
+
.cff-fb-wlcm-inf-2 .cff-fb-inf-num, .cff-fb-wlcm-inf-3 .cff-fb-inf-num{
|
747 |
+
margin-top: -20px;
|
748 |
+
}
|
749 |
+
.cff-fb-types-ctn, .cff-fb-slctsrc-ctn, .cff-fb-section-wh{
|
750 |
+
background: #fff;
|
751 |
+
border: 1px solid #E7E7E9;
|
752 |
+
}
|
753 |
+
.cff-fb-wrapper h3, .cff-fb-section-wh h3{
|
754 |
+
font-size: 32px;
|
755 |
+
line-height: 39px;
|
756 |
+
font-weight: 600;
|
757 |
+
}
|
758 |
+
.cff-fb-create-ctn h3{
|
759 |
+
margin-bottom: 30px;
|
760 |
+
}
|
761 |
+
.cff-fb-types h4, .cff-fb-section-wh h4 {
|
762 |
+
font-size:20px;
|
763 |
+
line-height: 24px;
|
764 |
+
font-weight: 600;
|
765 |
+
}
|
766 |
+
#cff-builder-app .cff-fb-create-ctn h4,
|
767 |
+
#cff-builder-app .cff-fb-feedtypes-pp-ctn h4{
|
768 |
+
margin-bottom: 9px;
|
769 |
+
}
|
770 |
+
#cff-builder-app .cff-fb-feedtypes-pp-ctn .cff-fb-types {
|
771 |
+
margin-top: 20px;
|
772 |
+
}
|
773 |
+
#cff-builder-app .cff-fb-adv-types .cff-adv-types-heading{
|
774 |
+
font-style: normal;
|
775 |
+
font-weight: bold;
|
776 |
+
font-size: 12px;
|
777 |
+
line-height: 160%;
|
778 |
+
letter-spacing: 0.05em;
|
779 |
+
text-transform: uppercase;
|
780 |
+
color: #8C8F9A;
|
781 |
+
}
|
782 |
+
.cff-fb-types, .cff-fb-adv-types{
|
783 |
+
padding: 22px 35px 0;
|
784 |
+
}
|
785 |
+
.cff-fb-adv-types {
|
786 |
+
padding-top: 0;
|
787 |
+
}
|
788 |
+
.cff-fb-types-list{
|
789 |
+
display: grid;
|
790 |
+
grid-template-columns: 19.2% 19.2% 19.2% 19.2% 19.2%;
|
791 |
+
grid-column-gap: 1%;
|
792 |
+
margin-bottom: 31px;
|
793 |
+
}
|
794 |
+
/*
|
795 |
+
.cff-fb-adv-types .cff-fb-types-list{
|
796 |
+
grid-template-columns: 24.25% 24.25% 24.25% 24.25%;
|
797 |
+
}
|
798 |
+
*/
|
799 |
+
.cff-fb-heading {
|
800 |
+
margin-bottom: 24px;
|
801 |
+
width: 100%;
|
802 |
+
float: left;
|
803 |
+
}
|
804 |
+
.cff-fb-heading h1{
|
805 |
+
float: left;
|
806 |
+
}
|
807 |
+
.cff-fb-heading .cff-fb-btn{
|
808 |
+
float: right!important;
|
809 |
+
}
|
810 |
+
|
811 |
+
.cff-fb-adv-types .cff-fb-types-list{
|
812 |
+
margin-bottom: 31px;
|
813 |
+
}
|
814 |
+
.cff-fb-type-el{
|
815 |
+
display: flex;
|
816 |
+
flex-direction: column;
|
817 |
+
align-items: flex-start;
|
818 |
+
padding: 0;
|
819 |
+
position: relative;
|
820 |
+
background: #fff;
|
821 |
+
border: 1px solid #F1F1F1;
|
822 |
+
border-radius: 3px;
|
823 |
+
cursor: pointer;
|
824 |
+
box-sizing: border-box;
|
825 |
+
}
|
826 |
+
.cff-fb-type-el:hover,
|
827 |
+
.cff-fb-adv-types .cff-fb-type-el:hover{
|
828 |
+
border: 1px solid #F6966B;
|
829 |
+
}
|
830 |
+
.cff-fb-adv-types .cff-fb-type-el{
|
831 |
+
border: 1px solid #FFDBBA;
|
832 |
+
}
|
833 |
+
.sb-control-feedtype-ctn .cff-fb-type-el{
|
834 |
+
border: 2px solid #E8E8EB;
|
835 |
+
margin-bottom: 7px;
|
836 |
+
}
|
837 |
+
.sb-control-feedtype-ctn .cff-fb-type-el-info{
|
838 |
+
margin-top: 14px
|
839 |
+
}
|
840 |
+
.cff-fb-type-el[data-active="true"],
|
841 |
+
.cff-fb-adv-types .cff-fb-type-el[data-active="true"]{
|
842 |
+
border: 2px solid var(--cl-orange);
|
843 |
+
}
|
844 |
+
.cff-fb-type-el[data-active="true"]:after{
|
845 |
+
content: '';
|
846 |
+
position: absolute;
|
847 |
+
width: 10px;
|
848 |
+
height: 4px;
|
849 |
+
border-left: 2px solid #fff;
|
850 |
+
border-bottom: 2px solid #fff;
|
851 |
+
z-index: 3;
|
852 |
+
right: 5px;
|
853 |
+
top: 7px;
|
854 |
+
-webkit-transform: rotate(-45deg);
|
855 |
+
transform: rotate(-45deg);
|
856 |
+
}
|
857 |
+
.cff-fb-type-el[data-active="true"]:before{
|
858 |
+
content: '';
|
859 |
+
position: absolute;
|
860 |
+
width: 24px;
|
861 |
+
height: 24px;
|
862 |
+
right: 0px;
|
863 |
+
top: 0px;
|
864 |
+
z-index: 2;
|
865 |
+
background: var(--cl-orange)
|
866 |
+
}
|
867 |
+
.cff-fb-type-el-img{
|
868 |
+
display: flex;
|
869 |
+
flex-direction: column;
|
870 |
+
justify-content: center;
|
871 |
+
align-items: center;
|
872 |
+
background: #F1F1F1;
|
873 |
+
border: 2px solid #F1F1F1;
|
874 |
+
border-bottom: 1px solid #fff;
|
875 |
+
}
|
876 |
+
.cff-fb-type-el[data-active="true"] .cff-fb-type-el-img{
|
877 |
+
border: 1px solid #F1F1F1;
|
878 |
+
border-bottom: 2px solid #fff;
|
879 |
+
}
|
880 |
+
.cff-fb-type-el-img svg {
|
881 |
+
max-width: 100%;
|
882 |
+
}
|
883 |
+
.cff-fb-adv-types .cff-fb-type-el-img{
|
884 |
+
background: #FCF4EF;
|
885 |
+
}
|
886 |
+
.cff-fb-type-el-info{
|
887 |
+
display: flex;
|
888 |
+
flex-direction: column;
|
889 |
+
/*justify-content: center;*/
|
890 |
+
align-items: center;
|
891 |
+
text-align: center;
|
892 |
+
flex: 1 1 auto;
|
893 |
+
padding: 0 12px 25px;
|
894 |
+
}
|
895 |
+
.sb-control-feedtype-ctn .cff-fb-type-el-info{
|
896 |
+
padding: 15px 70px 25px;
|
897 |
+
}
|
898 |
+
.sb-control-feedtype-ctn .cff-fb-type-el-info strong{
|
899 |
+
font-size: 14px;
|
900 |
+
}
|
901 |
+
#cff-builder-app .cff-fb-type-el p {
|
902 |
+
margin: 11px 0 4px;
|
903 |
+
}
|
904 |
+
#cff-builder-app .cff-fb-type-el[data-active="true"] p{
|
905 |
+
margin-top: 10px;
|
906 |
+
}
|
907 |
+
#cff-builder-app .cff-fb-type-el[data-active="true"] .cff-fb-type-el-info {
|
908 |
+
padding-bottom: 24px;
|
909 |
+
}
|
910 |
+
#cff-builder-app .cff-fb-type-el p svg {
|
911 |
+
width: 14px;
|
912 |
+
height: 14px;
|
913 |
+
margin-left: 5px;
|
914 |
+
vertical-align: middle;
|
915 |
+
}
|
916 |
+
/*.cff-fb-type-el-info strong{
|
917 |
+
font-weight: 600;
|
918 |
+
font-size: 16px;
|
919 |
+
line-height: 19px;
|
920 |
+
margin-bottom: 10px;
|
921 |
+
text-transform: capitalize;
|
922 |
+
display: flex;
|
923 |
+
justify-content: center;
|
924 |
+
align-items: center;
|
925 |
+
}
|
926 |
+
.cff-fb-type-el-info strong i{
|
927 |
+
color: #ed8000;
|
928 |
+
margin-left: 5px;
|
929 |
+
font-size: 13px;
|
930 |
+
margin-top: 2px;
|
931 |
+
}
|
932 |
+
.cff-fb-type-el-info span{
|
933 |
+
font-size: 13px;
|
934 |
+
line-height: 1.4em;
|
935 |
+
color: #74777D;
|
936 |
+
}*/
|
937 |
+
.cff-fb-adv-types .cff-fb-type-el-img {
|
938 |
+
border-color: #FCF4EF;
|
939 |
+
}
|
940 |
+
.cff-fb-ft-action {
|
941 |
+
border-top: 1px solid #D8DADD;
|
942 |
+
padding: 30px 40px;
|
943 |
+
margin-top: 63px;
|
944 |
+
}
|
945 |
+
.cff-fb-slctfd-action .cff-fb-wrapper{
|
946 |
+
display: flex;
|
947 |
+
align-items: center;
|
948 |
+
justify-content: flex-end;
|
949 |
+
}
|
950 |
+
.cff-fb-slctfd-action{
|
951 |
+
padding: 16px 0;
|
952 |
+
}
|
953 |
+
.cff-fb-slctf-nxt{
|
954 |
+
height: auto;
|
955 |
+
padding: 7px 36px 7px 37px;
|
956 |
+
}
|
957 |
+
.cff-fb-slctf-back{
|
958 |
+
margin-right: auto;
|
959 |
+
height: auto;
|
960 |
+
padding: 7px 37px 7px 36px;
|
961 |
+
-webkit-transition: unset!important;
|
962 |
+
transition: unset!important;
|
963 |
+
}
|
964 |
+
.cff-fb-slctf-back svg,
|
965 |
+
.cff-fb-slctf-nxt svg {
|
966 |
+
width: 6px;
|
967 |
+
height: 10px;
|
968 |
+
}
|
969 |
+
.cff-fb-slctf-back span {
|
970 |
+
display: inline-block;
|
971 |
+
margin-left: 15px;
|
972 |
+
line-height: 160%;
|
973 |
+
}
|
974 |
+
.cff-fb-slctf-nxt span {
|
975 |
+
display: inline-block;
|
976 |
+
margin-right: 15px;
|
977 |
+
line-height: 160%;
|
978 |
+
}
|
979 |
+
.cff-fb-btn-ac{
|
980 |
+
opacity: 0.6;
|
981 |
+
}
|
982 |
+
.cff-fb-btn-ac[data-active="true"]{
|
983 |
+
opacity: 1;
|
984 |
+
}
|
985 |
+
|
986 |
+
.sb-control-single-id-ctn{
|
987 |
+
margin-top: 35px;
|
988 |
+
padding: 25px 0px;
|
989 |
+
}
|
990 |
+
.sb-control-single-id-ctn:before{
|
991 |
+
content: '';
|
992 |
+
position: absolute;
|
993 |
+
border-top: 1px solid #DCDDE1;
|
994 |
+
height: 2px;
|
995 |
+
top: 0px;
|
996 |
+
left: -20px;
|
997 |
+
width: calc(100% + 40px);
|
998 |
+
}
|
999 |
+
.sb-control-single-id-input{
|
1000 |
+
display: flex;
|
1001 |
+
justify-content: center;
|
1002 |
+
align-items: center;
|
1003 |
+
margin-top: 7px;
|
1004 |
+
}
|
1005 |
+
.sb-control-single-id-input input{
|
1006 |
+
height: 45px;
|
1007 |
+
float: left;
|
1008 |
+
background: #fff;
|
1009 |
+
margin-top: 6px;
|
1010 |
+
margin-right: 7px;
|
1011 |
+
}
|
1012 |
+
|
1013 |
+
/*
|
1014 |
+
Video Type Chooser
|
1015 |
+
*/
|
1016 |
+
.cff-fb-section-wh.cff-fb-section-videos{
|
1017 |
+
padding: 50px 21px 54px 30px;
|
1018 |
+
}
|
1019 |
+
.cff-fb-videotype-chooser{
|
1020 |
+
display: grid;
|
1021 |
+
grid-template-columns: 49% 49%;
|
1022 |
+
grid-column-gap: 1%;
|
1023 |
+
|
1024 |
+
}
|
1025 |
+
.cff-fb-section-videos{
|
1026 |
+
flex-direction: column;
|
1027 |
+
}
|
1028 |
+
.cff-fb-section-videos .cff-fb-section-video-playlist{
|
1029 |
+
margin-top: 30px;
|
1030 |
+
}
|
1031 |
+
|
1032 |
+
.cff-fb-section-video-playlist .cff-fb-wh-inp{
|
1033 |
+
margin-top: 10px;
|
1034 |
+
margin-bottom: 10px!important;
|
1035 |
+
}
|
1036 |
+
.cff-fb-section-videos .cff-fb-sglelm-left{
|
1037 |
+
padding-right: 0px;
|
1038 |
+
}
|
1039 |
+
/*
|
1040 |
+
Source Screen
|
1041 |
+
*/
|
1042 |
+
.cff-fb-sec-heading span{
|
1043 |
+
font-size:14px;
|
1044 |
+
color: #434960;
|
1045 |
+
line-height: 1.7em;
|
1046 |
+
display: block;
|
1047 |
+
}
|
1048 |
+
#cff-builder-app .cff-fb-sec-heading h4 {
|
1049 |
+
margin-bottom: 2px;
|
1050 |
+
}
|
1051 |
+
.cff-fb-sec-heading {
|
1052 |
+
margin-bottom: 14px;
|
1053 |
+
}
|
1054 |
+
.cff-fb-slctsrc-content,.cff-fb-section-wh-insd{
|
1055 |
+
padding: 23px 30px;
|
1056 |
+
}
|
1057 |
+
|
1058 |
+
.cff-fb-slctsrc-ctn h4,.cff-fb-section-wh-insd h4{
|
1059 |
+
font-size: 20px;
|
1060 |
+
padding: 0px;
|
1061 |
+
margin: 0px;
|
1062 |
+
}
|
1063 |
+
.cff-fb-srcslist-ctn{
|
1064 |
+
display: grid;
|
1065 |
+
grid-template-columns: 32.66% 32.66% 32.66%;
|
1066 |
+
grid-column-gap: 1%;
|
1067 |
+
margin-bottom: 28px;
|
1068 |
+
}
|
1069 |
+
.cff-fb-srcs-item{
|
1070 |
+
width: 100%;
|
1071 |
+
cursor: pointer;
|
1072 |
+
height: 62px;
|
1073 |
+
margin: 1% 0;
|
1074 |
+
border-radius: 3px;
|
1075 |
+
border: 1px solid #E7E7E9;
|
1076 |
+
display: flex;
|
1077 |
+
position: relative;
|
1078 |
+
}
|
1079 |
+
.cff-fb-srcs-item[data-disabled="true"]{
|
1080 |
+
background: #F3F4F5;
|
1081 |
+
}
|
1082 |
+
.cff-fb-srcs-item[data-disabled="true"] .cff-fb-srcs-item-inf{
|
1083 |
+
opacity: .55;
|
1084 |
+
|
1085 |
+
}
|
1086 |
+
#cff-builder-app .cff-fb-srcs-item .cff-fb-srcs-item-inf .cff-fb-srcs-item-name {
|
1087 |
+
color: #141B38;
|
1088 |
+
padding-right: 44px;
|
1089 |
+
}
|
1090 |
+
|
1091 |
+
#cff-builder-app .cff-fb-srcs-item .cff-fb-srcs-item-inf .cff-fb-srcs-item-name span {
|
1092 |
+
max-height: 30px;
|
1093 |
+
display: block;
|
1094 |
+
overflow: hidden;
|
1095 |
+
line-height: 1.1;
|
1096 |
+
padding-bottom:1px;
|
1097 |
+
color: #141B38;
|
1098 |
+
}
|
1099 |
+
|
1100 |
+
#cff-builder-app .cff-fb-srcs-item:hover{
|
1101 |
+
border-color: #86D0F9;
|
1102 |
+
}
|
1103 |
+
#cff-builder-app .cff-fb-srcs-item[data-active="true"]{
|
1104 |
+
border-color: #0096cc;
|
1105 |
+
}
|
1106 |
+
|
1107 |
+
.cff-fb-source-top .cff-fb-srcs-item{
|
1108 |
+
margin-bottom: 0px;
|
1109 |
+
}
|
1110 |
+
#cff-builder-app .cff-fb-srcs-new{
|
1111 |
+
display: flex;
|
1112 |
+
justify-content: center;
|
1113 |
+
align-items: center;
|
1114 |
+
background: #EBF5FF;
|
1115 |
+
border: 1px solid #EBF5FF;
|
1116 |
+
}
|
1117 |
+
#cff-builder-app .cff-fb-srcs-new span{
|
1118 |
+
margin-left: 13px;
|
1119 |
+
color: #0096CC;
|
1120 |
+
}
|
1121 |
+
.cff-fb-srcs-new i{
|
1122 |
+
font-size: 14px;
|
1123 |
+
padding: 0 10px;
|
1124 |
+
margin-left: -10px;
|
1125 |
+
}
|
1126 |
+
.cff-fb-srcs-item-chkbx{
|
1127 |
+
width: 40px;
|
1128 |
+
height: inherit;
|
1129 |
+
display: flex;
|
1130 |
+
justify-content: center;
|
1131 |
+
align-items: center;
|
1132 |
+
margin: 0 16px 0 7px;
|
1133 |
+
}
|
1134 |
+
|
1135 |
+
.cff-fb-srcs-item-chkbx-ic,.cff-fb-chbx-round{
|
1136 |
+
width: 16px;
|
1137 |
+
height: 16px;
|
1138 |
+
box-sizing: border-box;
|
1139 |
+
position: relative;
|
1140 |
+
border-radius: 50px;
|
1141 |
+
border: 2px solid #8c8f9a;
|
1142 |
+
}
|
1143 |
+
[data-multifeed="active"] .cff-fb-srcs-item-chkbx-ic{
|
1144 |
+
border-radius: 2px;
|
1145 |
+
}
|
1146 |
+
|
1147 |
+
[data-active="true"] .cff-fb-srcs-item-chkbx-ic, [data-active="true"] > .cff-fb-chbx-round, .cff-fb-source-popup [data-active="true"] > .cff-fb-chbx-round{
|
1148 |
+
border-color: #0096cc;
|
1149 |
+
background: #0096cc;
|
1150 |
+
}
|
1151 |
+
[data-multifeed="active"] [data-active="true"] .cff-fb-srcs-item-chkbx-ic:before{
|
1152 |
+
content: '';
|
1153 |
+
position: absolute;
|
1154 |
+
width: 8px;
|
1155 |
+
height: 3px;
|
1156 |
+
border-left: 2px solid #fff;
|
1157 |
+
border-bottom: 2px solid #fff;
|
1158 |
+
top: 2px;
|
1159 |
+
right: 1px;
|
1160 |
+
-webkit-transform: rotate(-45deg);
|
1161 |
+
transform: rotate(-45deg);
|
1162 |
+
}
|
1163 |
+
|
1164 |
+
[data-multifeed="inactive"] [data-active="true"] .cff-fb-srcs-item-chkbx-ic:before, [data-active="true"] > .cff-fb-chbx-round:before,
|
1165 |
+
.cff-fb-source-popup .cff-fb-source-list [data-active="true"] .cff-fb-srcs-item-chkbx-ic:before,
|
1166 |
+
.cff-fb-section-videos [data-active="true"] .cff-fb-srcs-item-chkbx-ic:before{
|
1167 |
+
content: '';
|
1168 |
+
position: absolute;
|
1169 |
+
height: 6px;
|
1170 |
+
width: 6px;
|
1171 |
+
background: #fff;
|
1172 |
+
border-radius: 25px;
|
1173 |
+
left: 3px;
|
1174 |
+
top: 3px;
|
1175 |
+
}
|
1176 |
+
|
1177 |
+
|
1178 |
+
|
1179 |
+
.cff-fb-mr-feeds,.cff-fb-section-wh{
|
1180 |
+
margin-top: 8px;
|
1181 |
+
background: #fff;
|
1182 |
+
box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05), 0px 4px 5px rgba(0, 0, 0, 0.05);
|
1183 |
+
display: flex;
|
1184 |
+
align-items: center;
|
1185 |
+
}
|
1186 |
+
.cff-fb-mr-fd-img {
|
1187 |
+
float: left;
|
1188 |
+
margin-right: 6%;
|
1189 |
+
width: 28%;
|
1190 |
+
line-height: 0;
|
1191 |
+
}
|
1192 |
+
.cff-fb-mr-fd-img img{
|
1193 |
+
width: 100%;
|
1194 |
+
}
|
1195 |
+
|
1196 |
+
.cff-fb-mr-fd-heading{
|
1197 |
+
font-weight:600;
|
1198 |
+
font-size: 18px;
|
1199 |
+
line-height: 1.7em;
|
1200 |
+
margin-bottom: 10px;
|
1201 |
+
}
|
1202 |
+
.cff-fb-mr-fd-list{
|
1203 |
+
margin-bottom: 10px;
|
1204 |
+
width: 100%;
|
1205 |
+
float: left;
|
1206 |
+
}
|
1207 |
+
.cff-fb-mr-fd-item{
|
1208 |
+
box-sizing: border-box;
|
1209 |
+
position: relative;
|
1210 |
+
float: left;
|
1211 |
+
border: 1px solid #DCDDE1;
|
1212 |
+
border-radius: 2px;
|
1213 |
+
margin-right: 8px;
|
1214 |
+
height: 38px;
|
1215 |
+
width: 160px;
|
1216 |
+
color: #141B38;
|
1217 |
+
font-size: 14px;
|
1218 |
+
font-weight:600;
|
1219 |
+
text-transform: capitalize;
|
1220 |
+
display: flex;
|
1221 |
+
justify-content: center;
|
1222 |
+
align-items: center;
|
1223 |
+
transition: all .15s ease-in-out;
|
1224 |
+
}
|
1225 |
+
.cff-icon-platform-wrap {
|
1226 |
+
width: 100%;
|
1227 |
+
display: flex;
|
1228 |
+
justify-content: left;
|
1229 |
+
align-items: center;
|
1230 |
+
margin-left: 13px;
|
1231 |
+
}
|
1232 |
+
|
1233 |
+
.cff-fb-mr-fd-ic {
|
1234 |
+
margin-right: 9px;
|
1235 |
+
}
|
1236 |
+
.cff-fb-mr-fd-ic svg{
|
1237 |
+
height: 16px;
|
1238 |
+
fill: currentColor;
|
1239 |
+
float: left;
|
1240 |
+
}
|
1241 |
+
.cff-fb-mr-fd-ch{
|
1242 |
+
position: absolute;
|
1243 |
+
right:14px;
|
1244 |
+
}
|
1245 |
+
#cff-builder-app .cff-fb-mr-fd-heading h3 {
|
1246 |
+
margin-bottom: 21px;
|
1247 |
+
max-width: 385px;
|
1248 |
+
}
|
1249 |
+
|
1250 |
+
|
1251 |
+
|
1252 |
+
/*Embed Popup*/
|
1253 |
+
.cff-fb-embed-step-1{
|
1254 |
+
margin-top: 36px;
|
1255 |
+
}
|
1256 |
+
|
1257 |
+
.cff-fb-embed-step-1 > div{
|
1258 |
+
padding: 0 20px;
|
1259 |
+
}
|
1260 |
+
.cff-fb-embed-step-1-top{
|
1261 |
+
padding-bottom: 53px!important;
|
1262 |
+
border-bottom: 1px solid #E8E8EB;
|
1263 |
+
margin-bottom: 42px;
|
1264 |
+
}
|
1265 |
+
#cff-builder-app .cff-fb-embed-step-1 h4{
|
1266 |
+
margin-bottom: 12px;
|
1267 |
+
}
|
1268 |
+
.cff-fb-embed-input-ctn{
|
1269 |
+
display: flex;
|
1270 |
+
}
|
1271 |
+
.cff-fb-embed-input-ctn input,
|
1272 |
+
.cff-fb-embed-input-ctn input[type="text"]{
|
1273 |
+
position: relative;
|
1274 |
+
font-style: normal;
|
1275 |
+
font-weight: normal;
|
1276 |
+
font-size: 16px;
|
1277 |
+
line-height: 160%;
|
1278 |
+
color: #141B38;
|
1279 |
+
height: 44px;
|
1280 |
+
width: 77%;
|
1281 |
+
box-sizing: border-box;
|
1282 |
+
border-radius: 0px;
|
1283 |
+
border: 1px solid #D0D1D7!important;
|
1284 |
+
border-right: 0px!important;
|
1285 |
+
|
1286 |
+
}
|
1287 |
+
.cff-fb-embed-input-ctn input:focus, .cff-fb-embed-input-ctn .cff-fb-hd-btn:focus{
|
1288 |
+
box-shadow: none!important;
|
1289 |
+
outline: none!important
|
1290 |
+
}
|
1291 |
+
.cff-fb-embed-input-ctn .cff-fb-hd-btn{
|
1292 |
+
width: 23%;
|
1293 |
+
border-bottom-left-radius: 0px;
|
1294 |
+
border-top-left-radius: 0px;
|
1295 |
+
}
|
1296 |
+
.cff-fb-embed-input-ctn svg{
|
1297 |
+
width: 17px;
|
1298 |
+
fill: currentColor;
|
1299 |
+
float: left;
|
1300 |
+
margin-right: 10px;
|
1301 |
+
}
|
1302 |
+
.cff-fb-embed-step-1-bottom h4{
|
1303 |
+
text-align: center;
|
1304 |
+
}
|
1305 |
+
.cff-fb-embed-btns-ctn{
|
1306 |
+
display: grid;
|
1307 |
+
grid-template-columns: 49% 49%;
|
1308 |
+
grid-column-gap: 2%;
|
1309 |
+
margin-top: 14px;
|
1310 |
+
margin-bottom: 60px;
|
1311 |
+
}
|
1312 |
+
.cff-fb-embed-btn{
|
1313 |
+
cursor: pointer;
|
1314 |
+
width: 100%;
|
1315 |
+
height: 50px;
|
1316 |
+
background: #F3F4F5;
|
1317 |
+
border-radius: 2px;
|
1318 |
+
border: 1px solid #DCDDE1;
|
1319 |
+
display: flex;
|
1320 |
+
align-items: center;
|
1321 |
+
justify-content: space-between;
|
1322 |
+
box-sizing: border-box;
|
1323 |
+
padding: 0 20px;
|
1324 |
+
position: relative;
|
1325 |
+
color: #141B38;
|
1326 |
+
font-size: 16px;
|
1327 |
+
font-weight: 500;
|
1328 |
+
}
|
1329 |
+
.cff-fb-embed-btn .sb-icon-label svg{
|
1330 |
+
fill: currentColor;
|
1331 |
+
width: 18px;
|
1332 |
+
margin-right: 10px;
|
1333 |
+
float: left;
|
1334 |
+
}
|
1335 |
+
.cff-fb-embed-popup .sb-embed-breadcrumb {
|
1336 |
+
display: flex;
|
1337 |
+
align-items: center;
|
1338 |
+
padding: 25px 30px 0;
|
1339 |
+
margin-bottom: 2px;
|
1340 |
+
}
|
1341 |
+
.sb-embed-breadcrumb a {
|
1342 |
+
font-style: normal;
|
1343 |
+
font-weight: bold;
|
1344 |
+
font-size: 10px;
|
1345 |
+
line-height: 160%;
|
1346 |
+
letter-spacing: 0.08em;
|
1347 |
+
text-transform: uppercase;
|
1348 |
+
color: #434960;
|
1349 |
+
cursor: pointer;
|
1350 |
+
}
|
1351 |
+
.sb-embed-breadcrumb a:hover {
|
1352 |
+
color: #141B38;
|
1353 |
+
}
|
1354 |
+
.sb-embed-breadcrumb svg {
|
1355 |
+
margin-right: 8px;
|
1356 |
+
}
|
1357 |
+
.cff-fb-embed-step-2 > div{
|
1358 |
+
padding: 0 29px;
|
1359 |
+
}
|
1360 |
+
|
1361 |
+
.sb-customizer-sidebar-cache-wrapper{
|
1362 |
+
margin-top: 20px;
|
1363 |
+
padding: 0 20px;
|
1364 |
+
}
|
1365 |
+
.cff-fb-embed-step-2-list{
|
1366 |
+
margin-top: 25px;
|
1367 |
+
border-top: 1px solid #DCDDE1;
|
1368 |
+
padding-top: 14px !important;
|
1369 |
+
}
|
1370 |
+
.cff-fb-embed-step-2-list > strong{
|
1371 |
+
text-transform: uppercase;
|
1372 |
+
font-size: 12px;
|
1373 |
+
color: #434960;
|
1374 |
+
margin-bottom: 10px;
|
1375 |
+
}
|
1376 |
+
.cff-fb-embed-step-2-pages{
|
1377 |
+
margin-top: 8px;
|
1378 |
+
height: 250px;
|
1379 |
+
overflow: auto;
|
1380 |
+
}
|
1381 |
+
.cff-fb-embed-step-2-pages .sb-control-toggle-icon svg {
|
1382 |
+
width: 11px;
|
1383 |
+
}
|
1384 |
+
.cff-fb-embed-step-2-action{
|
1385 |
+
padding: 10px 34px 10px 30px !important;
|
1386 |
+
background: #F3F4F5;
|
1387 |
+
box-shadow: 0px -4px 5px rgba(0, 0, 0, 0.1);
|
1388 |
+
}
|
1389 |
+
.cff-fb-embed-step-2-action a{
|
1390 |
+
color: #fff;
|
1391 |
+
}
|
1392 |
+
.cff-fb-embed-step-2-action a[data-active="false"]{
|
1393 |
+
opacity: .75;
|
1394 |
+
}
|
1395 |
+
|
1396 |
+
/*Dialog Popup*/
|
1397 |
+
.cff-fb-dialog-remove-source{
|
1398 |
+
background: #F3F4F5;
|
1399 |
+
padding: 40px 20px;
|
1400 |
+
display: flex;
|
1401 |
+
justify-content: center;
|
1402 |
+
align-items: center;
|
1403 |
+
}
|
1404 |
+
.cff-fb-dialog-remove-source .cff-fb-srcs-item{
|
1405 |
+
background: #fff;
|
1406 |
+
width: 280px;
|
1407 |
+
padding-left: 20px;
|
1408 |
+
box-sizing: border-box;
|
1409 |
+
margin-top: 0px;
|
1410 |
+
}
|
1411 |
+
.cff-fb-srcs-item-remove{
|
1412 |
+
position: absolute;
|
1413 |
+
width: 35px;
|
1414 |
+
height: 35px;
|
1415 |
+
border-radius: 50px;
|
1416 |
+
background: #fff;
|
1417 |
+
border:1px solid #E7E7E9;
|
1418 |
+
z-index: 3;
|
1419 |
+
right: -13px;
|
1420 |
+
bottom: -13px;
|
1421 |
+
display: flex;
|
1422 |
+
justify-content: center;
|
1423 |
+
align-items: center;
|
1424 |
+
box-shadow: 0px 26.7377px 77.2886px rgba(0, 0, 0, 0.107828), 0px 14.2952px 41.3222px rgba(0, 0, 0, 0.0894161), 0px 8.01379px 23.1649px rgba(0, 0, 0, 0.075), 0px 4.25607px 12.3027px rgba(0, 0, 0, 0.0605839), 0px 1.77104px 5.11942px rgba(0, 0, 0, 0.0421718);
|
1425 |
+
}
|
1426 |
+
.cff-fb-srcs-item-remove svg{
|
1427 |
+
width: 12px;
|
1428 |
+
float: left;
|
1429 |
+
fill: var(--error-red);
|
1430 |
+
}
|
1431 |
+
.cff-fb-dialog-popup-content{
|
1432 |
+
display: flex;
|
1433 |
+
justify-content: center;
|
1434 |
+
align-items: center;
|
1435 |
+
text-align: center;
|
1436 |
+
flex-direction: column;
|
1437 |
+
padding: 38px 12%;
|
1438 |
+
}
|
1439 |
+
.cff-fb-dialog-popup-content strong{
|
1440 |
+
font-size: 22px;
|
1441 |
+
color: #141B38;
|
1442 |
+
display: block;
|
1443 |
+
margin-bottom: 15px;
|
1444 |
+
}
|
1445 |
+
.cff-fb-dialog-popup-content span{
|
1446 |
+
font-size: 16px;
|
1447 |
+
line-height: 1.5em;
|
1448 |
+
color: #434960;
|
1449 |
+
}
|
1450 |
+
.cff-fb-dialog-popup-actions{
|
1451 |
+
display: flex;
|
1452 |
+
justify-content: center;
|
1453 |
+
align-items: center;
|
1454 |
+
margin-top: 25px;
|
1455 |
+
}
|
1456 |
+
.cff-fb-dialog-popup-actions button{
|
1457 |
+
width: 100%;
|
1458 |
+
margin: 4px 4px;
|
1459 |
+
cursor: pointer;
|
1460 |
+
height: 42px;
|
1461 |
+
}
|
1462 |
+
|
1463 |
+
/*
|
1464 |
+
Footer Sticky Widget
|
1465 |
+
*/
|
1466 |
+
.cff-stck-wdg{
|
1467 |
+
position: fixed;
|
1468 |
+
right: 21px;
|
1469 |
+
z-index: 9;
|
1470 |
+
bottom: 20px;
|
1471 |
+
}
|
1472 |
+
.cff-stck-wdg-btn{
|
1473 |
+
width: 52px;
|
1474 |
+
height: 52px;
|
1475 |
+
background: #fff;
|
1476 |
+
border-radius: 50%;
|
1477 |
+
cursor: pointer;
|
1478 |
+
display: flex;
|
1479 |
+
justify-content: center;
|
1480 |
+
align-items: center;
|
1481 |
+
filter: drop-shadow(0px 9px 13px rgba(0, 0, 0, 0.2));
|
1482 |
+
}
|
1483 |
+
.cff-stck-wdg-btn svg{
|
1484 |
+
width: 25px;
|
1485 |
+
fill: #E34F0E;
|
1486 |
+
height: 33px;
|
1487 |
+
float: left;
|
1488 |
+
}
|
1489 |
+
.cff-stck-wdg[data-active="true"] .cff-stck-wdg-btn svg,.cff-stck-wdg-btn-cls{
|
1490 |
+
display: none;
|
1491 |
+
}
|
1492 |
+
|
1493 |
+
.cff-stck-wdg[data-active="true"] .cff-stck-wdg-btn-cls,
|
1494 |
+
.cff-stck-wdg[data-active="true"] .cff-stck-wdg-btn-cls svg{
|
1495 |
+
display: block;
|
1496 |
+
}
|
1497 |
+
.cff-stck-wdg-btn-cls{
|
1498 |
+
width: inherit;
|
1499 |
+
height: inherit;
|
1500 |
+
position: relative;
|
1501 |
+
color: #364152;
|
1502 |
+
box-shadow: 0px 1px 6px rgb(0 0 0 / 5%), 0px 9px 12px rgb(0 0 0 / 5%);
|
1503 |
+
border-radius: 70px;
|
1504 |
+
}
|
1505 |
+
.cff-stck-wdg-btn-cls svg {
|
1506 |
+
width: 14px;
|
1507 |
+
height: 14px;
|
1508 |
+
position: absolute;
|
1509 |
+
top: 50%;
|
1510 |
+
right: 0;
|
1511 |
+
bottom: 0;
|
1512 |
+
left: 50%;
|
1513 |
+
margin-top: -7px;
|
1514 |
+
margin-left: -7px;
|
1515 |
+
}
|
1516 |
+
|
1517 |
+
.cff-stck-pop{
|
1518 |
+
position: absolute;
|
1519 |
+
width: 292px;
|
1520 |
+
height: auto;
|
1521 |
+
background: #fff;
|
1522 |
+
border: 1px solid #E2E8F0;
|
1523 |
+
box-sizing: border-box;
|
1524 |
+
box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.15), 0px 3px 14px rgba(0, 0, 0, 0.12);
|
1525 |
+
border-radius: 2px;
|
1526 |
+
padding: 20px;
|
1527 |
+
right: 0px;
|
1528 |
+
bottom: 100px;
|
1529 |
+
color: #141B38;
|
1530 |
+
opacity: 0;
|
1531 |
+
padding-bottom: 82px;
|
1532 |
+
visibility: hidden;
|
1533 |
+
}
|
1534 |
+
.cff-stck-wdg[data-active="true"] .cff-stck-pop{
|
1535 |
+
bottom: 66px;
|
1536 |
+
opacity: 1;
|
1537 |
+
visibility: visible;
|
1538 |
+
}
|
1539 |
+
|
1540 |
+
.cff-stck-pop svg{
|
1541 |
+
fill: currentColor;
|
1542 |
+
}
|
1543 |
+
.cff-stck-el-list{
|
1544 |
+
border: 1px solid #DCDDE1;
|
1545 |
+
border-radius: 2px;
|
1546 |
+
}
|
1547 |
+
.cff-stck-el{
|
1548 |
+
display: flex;
|
1549 |
+
align-items: center;
|
1550 |
+
padding: 11px 13px;
|
1551 |
+
border-bottom: 1px solid #DCDDE1;
|
1552 |
+
}
|
1553 |
+
.cff-stck-el:hover{
|
1554 |
+
background: #F3F4F5;
|
1555 |
+
}
|
1556 |
+
.cff-stck-el:last-of-type{
|
1557 |
+
border-bottom: 0px;
|
1558 |
+
}
|
1559 |
+
.cff-stck-el-list .cff-chevron svg{
|
1560 |
+
width: 5px;
|
1561 |
+
height: 8px;
|
1562 |
+
}
|
1563 |
+
.cff-stck-el-list .cff-stck-el-icon svg {
|
1564 |
+
|
1565 |
+
}
|
1566 |
+
.cff-stck-el .cff-stck-el-txt{
|
1567 |
+
color: #27303F;
|
1568 |
+
}
|
1569 |
+
.cff-stck-el.cff-stck-el-upgrd{
|
1570 |
+
padding: 8px 14px;
|
1571 |
+
font-size: 14px;
|
1572 |
+
background: var(--cl-orange);
|
1573 |
+
color: #fff;
|
1574 |
+
}
|
1575 |
+
.cff-chevron {
|
1576 |
+
position: absolute;
|
1577 |
+
right: 14px
|
1578 |
+
}
|
1579 |
+
.cff-stck-el.cff-stck-el-upgrd .cff-stck-el-txt{
|
1580 |
+
color: #fff;
|
1581 |
+
}
|
1582 |
+
.cff-stck-el.cff-stck-el-upgrd:after{
|
1583 |
+
top: 20px;
|
1584 |
+
opacity: 1;
|
1585 |
+
}
|
1586 |
+
.cff-stck-el-icon{
|
1587 |
+
margin-right: 10px;
|
1588 |
+
}
|
1589 |
+
.cff-stck-el-icon svg{
|
1590 |
+
width: 17px;
|
1591 |
+
float: left;
|
1592 |
+
}
|
1593 |
+
#cff-builder-app .cff-stck-title{
|
1594 |
+
margin-top: 20px;
|
1595 |
+
margin-bottom: 10px;
|
1596 |
+
}
|
1597 |
+
|
1598 |
+
.cff-stck-follow{
|
1599 |
+
background: #F3F4F5;
|
1600 |
+
margin-top: 20px;
|
1601 |
+
left: 0px;
|
1602 |
+
bottom: 0px;
|
1603 |
+
position: absolute;
|
1604 |
+
padding: 12px 20px;
|
1605 |
+
display: flex;
|
1606 |
+
align-items: center;
|
1607 |
+
}
|
1608 |
+
.cff-stck-follow span{
|
1609 |
+
font-weight: 600;
|
1610 |
+
font-size: 14px;
|
1611 |
+
}
|
1612 |
+
.cff-stck-flw-links{
|
1613 |
+
display: flex;
|
1614 |
+
justify-content: center;
|
1615 |
+
align-items: center;
|
1616 |
+
margin-left: auto;
|
1617 |
+
}
|
1618 |
+
.cff-stck-flw-links a{
|
1619 |
+
width: 36px;
|
1620 |
+
height: 28px;
|
1621 |
+
color: inherit;
|
1622 |
+
display: inline-flex;
|
1623 |
+
justify-content: center;
|
1624 |
+
align-items: center;
|
1625 |
+
margin-left: 4px;
|
1626 |
+
border-radius: 2px;
|
1627 |
+
}
|
1628 |
+
.cff-stck-flw-links svg{
|
1629 |
+
width: 17px;
|
1630 |
+
color: #141B38;
|
1631 |
+
}
|
1632 |
+
.cff-stck-flw-links a:hover{
|
1633 |
+
background: #fff;
|
1634 |
+
}
|
1635 |
+
.cff-stck-flw-links a:hover svg{
|
1636 |
+
color: inherit;
|
1637 |
+
}
|
1638 |
+
|
1639 |
+
|
1640 |
+
|
1641 |
+
/*
|
1642 |
+
Builder Footer
|
1643 |
+
*/
|
1644 |
+
.cff-bld-footer > div{
|
1645 |
+
background: #fff;
|
1646 |
+
color: #141B38;
|
1647 |
+
margin: 30px 0;
|
1648 |
+
}
|
1649 |
+
.cff-bld-footer{
|
1650 |
+
padding-top: 0px!important
|
1651 |
+
}
|
1652 |
+
.cff-bld-ft-content{
|
1653 |
+
display: flex;
|
1654 |
+
align-items: center;
|
1655 |
+
max-width: 1200px;
|
1656 |
+
}
|
1657 |
+
.cff-bld-ft-img{
|
1658 |
+
float: left;
|
1659 |
+
width: 15%;
|
1660 |
+
margin-right: 5%;
|
1661 |
+
/*height: 158px;*/
|
1662 |
+
}
|
1663 |
+
.cff-bld-ft-img svg{
|
1664 |
+
margin-bottom: -4px;
|
1665 |
+
}
|
1666 |
+
.cff-bld-ft-txt{
|
1667 |
+
display: flex;
|
1668 |
+
justify-content: center;
|
1669 |
+
align-items: center;
|
1670 |
+
width: 59%;
|
1671 |
+
margin-right: 5%;
|
1672 |
+
}
|
1673 |
+
.cff-bld-ft-txt strong,
|
1674 |
+
.cff-fb-mr-fd-heading span{
|
1675 |
+
color: var(--cl-orange);
|
1676 |
+
}
|
1677 |
+
#cff-builder-app .cff-bld-ft-info{
|
1678 |
+
width: 44%;
|
1679 |
+
color: #434960;
|
1680 |
+
}
|
1681 |
+
#sb-footer-banner .cff-bld-ft-title{
|
1682 |
+
width: 63%;
|
1683 |
+
margin-right: 6%;
|
1684 |
+
}
|
1685 |
+
.cff-bld-ft-action{
|
1686 |
+
width: 17%;
|
1687 |
+
display: flex;
|
1688 |
+
justify-content: left;
|
1689 |
+
align-items: center;
|
1690 |
+
}
|
1691 |
+
.cff-bld-ft-action svg{
|
1692 |
+
top: 14px;
|
1693 |
+
height: 10px;
|
1694 |
+
}
|
1695 |
+
@media all and (max-width: 1130px) {
|
1696 |
+
#sb-footer-banner .cff-bld-ft-img{
|
1697 |
+
width: 17%;
|
1698 |
+
margin-right: 3%;
|
1699 |
+
}
|
1700 |
+
#sb-footer-banner .cff-bld-ft-txt{
|
1701 |
+
display: flex;
|
1702 |
+
justify-content: center;
|
1703 |
+
align-items: center;
|
1704 |
+
width: 61%;
|
1705 |
+
margin-right: 3%;
|
1706 |
+
}
|
1707 |
+
#cff-builder-app #sb-footer-banner h3 {
|
1708 |
+
font-size: 20px;
|
1709 |
+
}
|
1710 |
+
#cff-builder-app #sb-footer-banner .sb-small-p {
|
1711 |
+
font-size: 13px;
|
1712 |
+
}
|
1713 |
+
#sb-footer-banner .sb-button-standard {
|
1714 |
+
font-size: 13px;
|
1715 |
+
padding-left: 16px;
|
1716 |
+
line-height: 15px;
|
1717 |
+
}
|
1718 |
+
}
|
1719 |
+
|
1720 |
+
.cff-bld-ft-btm{
|
1721 |
+
font-size: 14px;
|
1722 |
+
display: flex;
|
1723 |
+
justify-content: center;
|
1724 |
+
align-items: center;
|
1725 |
+
padding: 15px 0px;
|
1726 |
+
border-top: 1px solid #DCDDE1;
|
1727 |
+
}
|
1728 |
+
.cff-bld-ft-btm strong{
|
1729 |
+
padding: 0 5px;
|
1730 |
+
}
|
1731 |
+
.cff-bld-ft-btm a{
|
1732 |
+
display: inline-block;
|
1733 |
+
padding: 0 10px;
|
1734 |
+
font-weight: 500;
|
1735 |
+
color: #0068A0;
|
1736 |
+
}
|
1737 |
+
.cff-bld-ft-btm a i{
|
1738 |
+
font-size: 12px;
|
1739 |
+
margin-left: 5px;
|
1740 |
+
}
|
1741 |
+
.cff-bld-ft-bns{
|
1742 |
+
display: inline-block;
|
1743 |
+
margin: 0 10px;
|
1744 |
+
padding: 5px 10px;
|
1745 |
+
border-radius: 5px;
|
1746 |
+
font-size: 14px;
|
1747 |
+
font-weight: 700;
|
1748 |
+
text-transform: uppercase;
|
1749 |
+
color: #663D00;
|
1750 |
+
background: #FFDF99;
|
1751 |
+
}
|
1752 |
+
/*
|
1753 |
+
Extensions Poup
|
1754 |
+
*/
|
1755 |
+
.cff-fb-fs-link{
|
1756 |
+
position: absolute;
|
1757 |
+
width: 100%;
|
1758 |
+
height: 100%;
|
1759 |
+
left: 0;
|
1760 |
+
top: 0;
|
1761 |
+
right: 0;
|
1762 |
+
bottom: 0;
|
1763 |
+
z-index: 1;
|
1764 |
+
}
|
1765 |
+
.cff-fb-extensions-popup .cff-fb-slctf-back {
|
1766 |
+
position: relative;
|
1767 |
+
top: -5px;
|
1768 |
+
padding: 5px 12px;
|
1769 |
+
display: inline-block;
|
1770 |
+
z-index: 3;
|
1771 |
+
margin-bottom: 11px;
|
1772 |
+
}
|
1773 |
+
.cff-fb-extensions-popup .cff-fb-slctf-back span {
|
1774 |
+
margin-left:9px;
|
1775 |
+
}
|
1776 |
+
.cff-fb-extpp-top{
|
1777 |
+
display: flex;
|
1778 |
+
justify-content: center;
|
1779 |
+
align-items: center;
|
1780 |
+
height: 264px;
|
1781 |
+
background: #F3F4F5;
|
1782 |
+
}
|
1783 |
+
.cff-fb-extpp-top-fdtype.cff-fb-extpp-top{
|
1784 |
+
height: 295px;
|
1785 |
+
}
|
1786 |
+
.cff-fb-extpp-img{
|
1787 |
+
width: 50%;
|
1788 |
+
float: left;
|
1789 |
+
display: flex;
|
1790 |
+
justify-content: center;
|
1791 |
+
}
|
1792 |
+
.cff-fb-extensions-popup[data-getext-view="featuredpost"] .cff-fb-extpp-img{
|
1793 |
+
padding: 50px 0px;
|
1794 |
+
}
|
1795 |
+
.cff-fb-extensions-popup[data-getext-view="singlealbum"] .cff-fb-extpp-img{
|
1796 |
+
padding: 65px 0px;
|
1797 |
+
}
|
1798 |
+
.cff-fb-extpp-social-wall .cff-fb-extpp-top {
|
1799 |
+
display: flex;
|
1800 |
+
flex-direction: column;
|
1801 |
+
align-items: center;
|
1802 |
+
height: auto;
|
1803 |
+
padding-top: 29px;
|
1804 |
+
}
|
1805 |
+
|
1806 |
+
.cff-fb-extpp-info{
|
1807 |
+
width: 50%;
|
1808 |
+
float: left;
|
1809 |
+
display: flex;
|
1810 |
+
justify-content: center;
|
1811 |
+
flex-direction: column;
|
1812 |
+
padding-left: 40px;
|
1813 |
+
}
|
1814 |
+
.cff-fb-extpp-info .cff-fb-extpp-head,
|
1815 |
+
.cff-fb-extpp-info .cff-fb-extpp-desc{
|
1816 |
+
width: 90%;
|
1817 |
+
}
|
1818 |
+
#cff-builder-app .cff-fb-extpp-head{
|
1819 |
+
margin: 0 0 12px;
|
1820 |
+
}
|
1821 |
+
#cff-builder-app .cff-fb-extpp-desc {
|
1822 |
+
color: #475569;
|
1823 |
+
display: flex;
|
1824 |
+
justify-content: left;
|
1825 |
+
align-items: center;
|
1826 |
+
width: 105%;
|
1827 |
+
}
|
1828 |
+
.cff-fb-extpp-head span{
|
1829 |
+
color: var(--cl-orange);
|
1830 |
+
}
|
1831 |
+
.cff-fb-extpp-head span.sb-social-wall{
|
1832 |
+
color: inherit;
|
1833 |
+
font-size: 26px;
|
1834 |
+
line-height: 120% !important;
|
1835 |
+
display: inline-block;
|
1836 |
+
}
|
1837 |
+
.cff-fb-extpp-desc .sb-social-wall {
|
1838 |
+
width: 90%;
|
1839 |
+
}
|
1840 |
+
.cff-fb-extpp-lite-btn{
|
1841 |
+
float: left;
|
1842 |
+
font-size: 15px;
|
1843 |
+
font-weight: 500;
|
1844 |
+
padding: 10px 20px;
|
1845 |
+
color: #0068A0;
|
1846 |
+
background: #fff;
|
1847 |
+
border: 1px solid #DCDDE1;
|
1848 |
+
margin-bottom: 14px;
|
1849 |
+
margin-top: 12px;
|
1850 |
+
align-items: center;
|
1851 |
+
}
|
1852 |
+
.cff-fb-extpp-lite-btn svg{
|
1853 |
+
fill: currentColor;
|
1854 |
+
width: 20px;
|
1855 |
+
float: left;
|
1856 |
+
margin-right: 10px;
|
1857 |
+
}
|
1858 |
+
.cff-fb-extpp-inc-list{
|
1859 |
+
border: 1px solid #dcdde1;
|
1860 |
+
margin-top: 10px;
|
1861 |
+
margin-bottom: 30px;
|
1862 |
+
}
|
1863 |
+
.cff-fb-extpp-bottom-strg{
|
1864 |
+
font-size:18px;
|
1865 |
+
font-weight: 600;
|
1866 |
+
}
|
1867 |
+
.cff-fb-extpp-inc-items{
|
1868 |
+
display: grid;
|
1869 |
+
grid-template-columns: 25% 25% 25% 25%;
|
1870 |
+
}
|
1871 |
+
.cff-fb-extpp-inc-item, .cff-fb-extpp-inc-item-bottom{
|
1872 |
+
position: relative;
|
1873 |
+
height: 50px;
|
1874 |
+
display: flex;
|
1875 |
+
justify-content: center;
|
1876 |
+
align-items: center;
|
1877 |
+
border-right: 1px solid #dcdde1;
|
1878 |
+
border-bottom: 1px solid #dcdde1;
|
1879 |
+
font-size: 14px;
|
1880 |
+
}
|
1881 |
+
.cff-fb-extpp-inc-item-bottom{
|
1882 |
+
border: 0px !important;
|
1883 |
+
}
|
1884 |
+
.cff-fb-extpp-inc-item:last-of-type{
|
1885 |
+
border-right: 0px;
|
1886 |
+
}
|
1887 |
+
.cff-fb-extpp-inc-item svg, .cff-fb-extpp-inc-item-bottom svg{
|
1888 |
+
width: 17px; margin-right: 10px; fill: currentColor; float: left;
|
1889 |
+
}
|
1890 |
+
.cff-fb-extpp-bottom{
|
1891 |
+
padding: 20px 40px;
|
1892 |
+
background: #fff;
|
1893 |
+
}
|
1894 |
+
.cff-extension-bullet-list {
|
1895 |
+
display: grid;
|
1896 |
+
grid-template-columns: 32% 32% 32%;
|
1897 |
+
grid-column-gap: 2%;
|
1898 |
+
margin-top: 12px;
|
1899 |
+
margin-bottom: 40px;
|
1900 |
+
}
|
1901 |
+
.cff-extension-single-bullet {
|
1902 |
+
display: flex;
|
1903 |
+
justify-content: flex-start;
|
1904 |
+
align-items: center;
|
1905 |
+
margin: 4px 0;
|
1906 |
+
}
|
1907 |
+
#cff-builder-app .cff-extension-single-bullet span {
|
1908 |
+
color: #434960;
|
1909 |
+
}
|
1910 |
+
|
1911 |
+
.cff-extension-single-bullet svg {
|
1912 |
+
margin-right: 12px;
|
1913 |
+
}
|
1914 |
+
.cff-fb-extpp-btns{
|
1915 |
+
display: grid;
|
1916 |
+
grid-template-columns: 100%;
|
1917 |
+
grid-column-gap: 0;
|
1918 |
+
}
|
1919 |
+
.cff-fb-extpp-btns div{
|
1920 |
+
height: 38px;
|
1921 |
+
cursor: pointer;
|
1922 |
+
position: relative;
|
1923 |
+
border-radius: 3px;
|
1924 |
+
font-style: normal;
|
1925 |
+
font-weight: 600;
|
1926 |
+
font-size: 14px;
|
1927 |
+
line-height: 160%;
|
1928 |
+
display: flex;
|
1929 |
+
justify-content: center;
|
1930 |
+
align-items: center;
|
1931 |
+
box-sizing: border-box;
|
1932 |
+
}
|
1933 |
+
.cff-fb-extpp-get-btn{
|
1934 |
+
color: #fff;
|
1935 |
+
background: var(--cl-orange);
|
1936 |
+
}
|
1937 |
+
.cff-fb-extpp-demo-btn{
|
1938 |
+
border: 2px solid #DCDDE1;
|
1939 |
+
background: #F3F4F5;
|
1940 |
+
}
|
1941 |
+
|
1942 |
+
/*
|
1943 |
+
Feed Type Creation Process : Single Album;
|
1944 |
+
*/
|
1945 |
+
.cff-fb-section-wh-insd{
|
1946 |
+
display: flex;
|
1947 |
+
}
|
1948 |
+
.cff-fb-sglelm-inp-ctn{
|
1949 |
+
margin-top: 100px;
|
1950 |
+
}
|
1951 |
+
|
1952 |
+
.cff-fb-sglelm-inp-ctn input[type="text"]{
|
1953 |
+
height: 44px;
|
1954 |
+
}
|
1955 |
+
.cff-fb-section-wh.cff-fb-sglelm-ctn {
|
1956 |
+
padding: 20px 21px 24px 30px;
|
1957 |
+
}
|
1958 |
+
.cff-fb-section-wh.cff-fb-sglelm-ctn .cff-fb-section-wh-insd {
|
1959 |
+
padding: 0;
|
1960 |
+
}
|
1961 |
+
.cff-fb-sglelm-inp-ctn input[type="text"]::placeholder{
|
1962 |
+
font-style: normal;
|
1963 |
+
font-weight: normal;
|
1964 |
+
font-size: 16px;
|
1965 |
+
line-height: 160%;
|
1966 |
+
color: #8C8F9A;
|
1967 |
+
}
|
1968 |
+
.cff-fb-sglelm-error-icon{
|
1969 |
+
width: 23px;
|
1970 |
+
height: 23px;
|
1971 |
+
background: var(--error-red);
|
1972 |
+
font-family: monospace;
|
1973 |
+
font-weight: 900;
|
1974 |
+
color: #fff;
|
1975 |
+
font-size: 15px;
|
1976 |
+
position: absolute;
|
1977 |
+
right: 10px;
|
1978 |
+
top: 10px;
|
1979 |
+
z-index: 999999999999999999;
|
1980 |
+
border-radius: 50px;
|
1981 |
+
display: flex;
|
1982 |
+
justify-content: center;
|
1983 |
+
align-items: center;
|
1984 |
+
}
|
1985 |
+
.cff-fb-sglelm-errormsg{
|
1986 |
+
color: var(--error-red);
|
1987 |
+
font-weight: 800;
|
1988 |
+
}
|
1989 |
+
.cff-fb-sglelm-inp-ctn .cff-fb-wh-inp{
|
1990 |
+
margin-bottom: 10px;
|
1991 |
+
}
|
1992 |
+
.cff-fb-sglelm-left{
|
1993 |
+
padding-right: 100px;
|
1994 |
+
}
|
1995 |
+
.cff-fb-sglelm-img-ctn{
|
1996 |
+
background:#E8E8EB;
|
1997 |
+
height: 350px;
|
1998 |
+
display: flex;
|
1999 |
+
justify-content: center;
|
2000 |
+
align-items: center;
|
2001 |
+
text-align: center;
|
2002 |
+
flex-direction: column;
|
2003 |
+
padding: 100px 50px;
|
2004 |
+
border: 1px solid #D0D1D7;
|
2005 |
+
box-sizing: border-box;
|
2006 |
+
}
|
2007 |
+
.cff-fb-sglelm-img-ctn.cff-fb-sglelm-img-pf{
|
2008 |
+
padding: 100px 35px;
|
2009 |
+
}
|
2010 |
+
.cff-fb-sglelm-img-ctn strong{
|
2011 |
+
font-size: 16px;
|
2012 |
+
color: #434960;
|
2013 |
+
margin-bottom: 8px;
|
2014 |
+
margin-top: 30px;
|
2015 |
+
}
|
2016 |
+
.cff-fb-sglelm-img-ctn span{
|
2017 |
+
font-size: 14px;
|
2018 |
+
line-height:1.6em;
|
2019 |
+
color: #8C8F9A;
|
2020 |
+
}
|
2021 |
+
.cff-fb-sglelm-right{
|
2022 |
+
width: 445px
|
2023 |
+
}
|
2024 |
+
.cff-fb-sglelm-img-errorctn span{
|
2025 |
+
padding: 0 20px;
|
2026 |
+
color: #434960;
|
2027 |
+
font-size: 20px;
|
2028 |
+
margin-top: 30px;
|
2029 |
+
line-height: 1.2em;
|
2030 |
+
}
|
2031 |
+
.cff-fb-sglelm-preview{
|
2032 |
+
height: 375px;
|
2033 |
+
background-color: #141B38;
|
2034 |
+
background-position: center center;
|
2035 |
+
background-size: cover;
|
2036 |
+
display: flex;
|
2037 |
+
justify-content: center;
|
2038 |
+
align-items: flex-end;
|
2039 |
+
color: #fff;
|
2040 |
+
}
|
2041 |
+
.cff-fb-sglelm-preview:after{
|
2042 |
+
content: '';
|
2043 |
+
position: absolute;
|
2044 |
+
width: 100%; height: 100%;
|
2045 |
+
background-image: linear-gradient(to bottom, rgba(0,0,0,0) , rgba(0,0,0,.5));
|
2046 |
+
}
|
2047 |
+
.cff-fb-sglelm-prev-info{
|
2048 |
+
width: 100%;
|
2049 |
+
padding: 20px 30px;
|
2050 |
+
padding-bottom: 40px;
|
2051 |
+
display: flex;
|
2052 |
+
justify-content: center;
|
2053 |
+
align-items: center;
|
2054 |
+
text-align: center;
|
2055 |
+
flex-direction: column;
|
2056 |
+
z-index: 2;
|
2057 |
+
}
|
2058 |
+
.cff-fb-sglelm-prev-info strong{
|
2059 |
+
font-size: 18px;
|
2060 |
+
margin-bottom: 5px;
|
2061 |
+
}
|
2062 |
+
.cff-fb-sglelm-prev-info span{
|
2063 |
+
font-size: 16px;
|
2064 |
+
line-height: 1.7em;
|
2065 |
+
}
|
2066 |
+
|
2067 |
+
|
2068 |
+
/*
|
2069 |
+
Feeds List
|
2070 |
+
*/
|
2071 |
+
#cff-builder-app .cff-fb-select,
|
2072 |
+
#cff-builder-app .cff-fb-select:hover,
|
2073 |
+
#cff-builder-app .cff-fb-select:focus{
|
2074 |
+
border-radius: 0px!important;
|
2075 |
+
border: 1px solid #D0D1D7!important;
|
2076 |
+
outline: unset!important;
|
2077 |
+
float: left;
|
2078 |
+
min-height: auto;
|
2079 |
+
padding: 6px 31px 6px 8px;
|
2080 |
+
background: #fff url("data:image/svg+xml,%3Csvg width='10' height='5' viewBox='0 0 10 5' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.833252 0.333252L4.99992 4.49992L9.16658 0.333252H0.833252Z' fill='%238C8F9A'/%3E%3C/svg%3E%0A") no-repeat right 13px top 55%;
|
2081 |
+
background-size: 10px 6px;
|
2082 |
+
}
|
2083 |
+
.cff-fd-lst-bulk-ctn > *{
|
2084 |
+
float: left;
|
2085 |
+
margin-right: 10px;
|
2086 |
+
}
|
2087 |
+
.cff-fd-lst-bulk-ctn{
|
2088 |
+
margin-bottom: 8px;
|
2089 |
+
}
|
2090 |
+
.cff-fd-lst-pagination-ctn{
|
2091 |
+
float: right;
|
2092 |
+
display: flex;
|
2093 |
+
align-items: center;
|
2094 |
+
margin-top: 10px;
|
2095 |
+
}
|
2096 |
+
.cff-fd-lst-pgnt-btn{
|
2097 |
+
height: 30px;
|
2098 |
+
padding: 0 8px;
|
2099 |
+
cursor: pointer;
|
2100 |
+
border-radius: 3px;
|
2101 |
+
}
|
2102 |
+
.cff-fd-lst-pgnt-info{
|
2103 |
+
display: inline-block;
|
2104 |
+
padding: 0 3px;
|
2105 |
+
}
|
2106 |
+
.cff-fd-lst-count{
|
2107 |
+
margin-right: 10px;
|
2108 |
+
}
|
2109 |
+
.cff-feeds-list table{
|
2110 |
+
width: 100%;
|
2111 |
+
text-align: left;
|
2112 |
+
border-spacing: 0px;
|
2113 |
+
box-sizing: border-box;
|
2114 |
+
box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05), 0px 4px 5px rgba(0, 0, 0, 0.05);
|
2115 |
+
background: #fff;
|
2116 |
+
}
|
2117 |
+
|
2118 |
+
.cff-feeds-list table a{
|
2119 |
+
cursor: pointer;
|
2120 |
+
}
|
2121 |
+
.cff-fd-lst-tbody tr:nth-child(odd){
|
2122 |
+
background: #F3F4F5;
|
2123 |
+
}
|
2124 |
+
.cff-fd-lst-tbody tr td{
|
2125 |
+
position: relative;
|
2126 |
+
vertical-align: top;
|
2127 |
+
padding: 10px 5px 15px 5px;
|
2128 |
+
font-size: 16px;
|
2129 |
+
}
|
2130 |
+
.cff-fd-lst-tbody tr td:first-child {
|
2131 |
+
width: 43%;
|
2132 |
+
}
|
2133 |
+
.cff-feeds-list table tr td:first-child {
|
2134 |
+
width: 30px;
|
2135 |
+
}
|
2136 |
+
.cff-fd-lst-thtf{
|
2137 |
+
background: #fff;
|
2138 |
+
}
|
2139 |
+
.cff-fd-lst-thtf th, .cff-fd-lst-thtf td{
|
2140 |
+
padding: 6px 5px;
|
2141 |
+
}
|
2142 |
+
.cff-fd-lst-thtf th{
|
2143 |
+
border-bottom: 1px solid #DCDDE1;
|
2144 |
+
}
|
2145 |
+
.cff-fd-lst-thtf td{
|
2146 |
+
border-top: 1px solid #DCDDE1;
|
2147 |
+
}
|
2148 |
+
.cff-fd-lst-chkbx{
|
2149 |
+
width: 11px;
|
2150 |
+
height: 11px;
|
2151 |
+
position: relative;
|
2152 |
+
border-radius: 2px;
|
2153 |
+
border: 1px solid #97A6BA;
|
2154 |
+
background: #fff;
|
2155 |
+
cursor: pointer;
|
2156 |
+
margin-left: 10px;
|
2157 |
+
}
|
2158 |
+
tbody .cff-fd-lst-chkbx {
|
2159 |
+
position: absolute;
|
2160 |
+
top: 15px;
|
2161 |
+
left: 5px;
|
2162 |
+
bottom: 0;
|
2163 |
+
right: 0;
|
2164 |
+
}
|
2165 |
+
.cff-fd-lst-thtf .cff-fd-lst-chkbx{
|
2166 |
+
width: 11px;
|
2167 |
+
height: 11px;
|
2168 |
+
border: 1px solid #D8DADD;
|
2169 |
+
}
|
2170 |
+
.cff-fd-lst-chkbx[data-active="true"]{
|
2171 |
+
background: var(--customizer-blue);
|
2172 |
+
border-color: var(--customizer-blue)!important;
|
2173 |
+
}
|
2174 |
+
.cff-fd-lst-chkbx[data-active="true"]:before{
|
2175 |
+
content: '';
|
2176 |
+
position: absolute;
|
2177 |
+
width: 6px;
|
2178 |
+
height: 3px;
|
2179 |
+
left: 2px;
|
2180 |
+
top: 2px;
|
2181 |
+
border-bottom: 2px solid #fff;
|
2182 |
+
border-left: 2px solid #fff;
|
2183 |
+
-webkit-transform: rotate(-45deg);
|
2184 |
+
transform: rotate(-45deg);
|
2185 |
+
}
|
2186 |
+
|
2187 |
+
|
2188 |
+
.cff-fd-lst-name{
|
2189 |
+
font-size: 17px;
|
2190 |
+
font-weight:500;
|
2191 |
+
color: #0068A0!important;
|
2192 |
+
}
|
2193 |
+
.cff-fd-lst-type{
|
2194 |
+
display: block;
|
2195 |
+
text-transform: capitalize;
|
2196 |
+
}
|
2197 |
+
.sb-instances-cell {
|
2198 |
+
margin-top: 4px;
|
2199 |
+
}
|
2200 |
+
.cff-fd-lst-btn{
|
2201 |
+
width: 21px;
|
2202 |
+
height: 21px;
|
2203 |
+
display: inline-flex;
|
2204 |
+
justify-content: center;
|
2205 |
+
align-items: center;
|
2206 |
+
margin: 0 4px;
|
2207 |
+
cursor: pointer;
|
2208 |
+
color: #141B38;
|
2209 |
+
border-radius: 2px;
|
2210 |
+
border: 1px solid #D8DADD;
|
2211 |
+
-webkit-transition: all .2s ease-in-out;
|
2212 |
+
transition: all .2s ease-in-out;
|
2213 |
+
background: #fff;
|
2214 |
+
}
|
2215 |
+
.cff-fd-lst-btn svg {
|
2216 |
+
height: 13px;
|
2217 |
+
}
|
2218 |
+
.cff-fd-lst-actions .cff-fd-lst-btn,
|
2219 |
+
.cff-fb-inst-tbl-ctn .cff-fd-lst-btn{
|
2220 |
+
box-sizing: border-box;
|
2221 |
+
width: 36px;
|
2222 |
+
height: 32px;
|
2223 |
+
background: transparent;
|
2224 |
+
}
|
2225 |
+
.cff-fd-lst-actions .cff-fd-lst-btn {
|
2226 |
+
margin: 0 4px 0 0;
|
2227 |
+
}
|
2228 |
+
.cff-fd-lst-actions .cff-fd-lst-btn:last-child {
|
2229 |
+
margin: 0;
|
2230 |
+
}
|
2231 |
+
.cff-fd-lst-actions .cff-fd-lst-btn svg {
|
2232 |
+
width: 12px;
|
2233 |
+
height: 16px;
|
2234 |
+
}
|
2235 |
+
.cff-fd-lst-btn-delete{
|
2236 |
+
color: #D72C2C;
|
2237 |
+
border-color: #FBD5D5;
|
2238 |
+
}
|
2239 |
+
.cff-fd-lst-btn svg{
|
2240 |
+
fill: currentColor;
|
2241 |
+
width: 14px;
|
2242 |
+
float: left;
|
2243 |
+
}
|
2244 |
+
.cff-fd-lst-actions .cff-fd-lst-btn:hover svg{
|
2245 |
+
color: #fff;
|
2246 |
+
}
|
2247 |
+
.cff-fd-lst-actions .cff-fd-lst-btn:hover{
|
2248 |
+
background: #0096CC;
|
2249 |
+
border-color: #0096CC;
|
2250 |
+
}
|
2251 |
+
.cff-fd-lst-actions .cff-fd-lst-btn-delete:hover{
|
2252 |
+
background: #D72C2C;
|
2253 |
+
border-color: #D72C2C;
|
2254 |
+
}
|
2255 |
+
.cff-fd-lst-dimmed .cff-fd-lst-btn, .cff-fd-lst-dimmed .cff-fd-lst-btn:hover{
|
2256 |
+
background: #F3F4F5!important;
|
2257 |
+
border-color:#D8DADD!important;
|
2258 |
+
color: #8C8F9A!important;
|
2259 |
+
}
|
2260 |
+
.cff-fd-lst-dimmed .cff-fd-lst-btn:hover svg{
|
2261 |
+
color: #8C8F9A!important;
|
2262 |
+
}
|
2263 |
+
|
2264 |
+
.cff-fb-tltp-parent{
|
2265 |
+
position: relative;
|
2266 |
+
}
|
2267 |
+
.cff-fb-view-instances[data-active="true"]{
|
2268 |
+
font-weight: 600;
|
2269 |
+
text-decoration: underline;
|
2270 |
+
cursor: pointer;
|
2271 |
+
line-height: 1em;
|
2272 |
+
}
|
2273 |
+
.cff-fb-tltp-elem{
|
2274 |
+
position: absolute;
|
2275 |
+
color: #fff;
|
2276 |
+
background: #434960;
|
2277 |
+
font-size: 14px;
|
2278 |
+
padding: 7px 10px;
|
2279 |
+
border-radius: 3px;
|
2280 |
+
font-weight:500;
|
2281 |
+
z-index: 9;
|
2282 |
+
text-align: center;
|
2283 |
+
opacity: 0;
|
2284 |
+
visibility: hidden;
|
2285 |
+
top: calc(-100% - 30px);
|
2286 |
+
left: 50%;
|
2287 |
+
-webkit-transform: translateX(-50%);
|
2288 |
+
transform: translateX(-50%);
|
2289 |
+
-webkit-transition: all .2s ease-in-out;
|
2290 |
+
transition: all .2s ease-in-out;
|
2291 |
+
}
|
2292 |
+
.cff-fb-tltp-elem span{
|
2293 |
+
position: relative; z-index: 3;
|
2294 |
+
}
|
2295 |
+
.cff-fb-tltp-elem:after{
|
2296 |
+
content: '';
|
2297 |
+
position: absolute;
|
2298 |
+
height: 10px;
|
2299 |
+
width: 10px;
|
2300 |
+
bottom: -5px;
|
2301 |
+
left: calc(50% - 5px);
|
2302 |
+
background: #434960;
|
2303 |
+
transform: rotate(-45deg);
|
2304 |
+
}
|
2305 |
+
.cff-fb-tltp-parent:hover .cff-fb-tltp-elem {
|
2306 |
+
top: calc(-100% - 20px);
|
2307 |
+
opacity: 1;
|
2308 |
+
visibility: visible;
|
2309 |
+
}
|
2310 |
+
.cff-fd-lst-shortcode-cp{
|
2311 |
+
margin-left: 10px;
|
2312 |
+
}
|
2313 |
+
.cff-fd-lst-act-th{
|
2314 |
+
width: 190px;
|
2315 |
+
max-width: 190px;
|
2316 |
+
}
|
2317 |
+
|
2318 |
+
/*
|
2319 |
+
Feed Instance Popup
|
2320 |
+
*/
|
2321 |
+
.cff-fb-popup-feedinst .cff-fb-source-top{
|
2322 |
+
display: flex;
|
2323 |
+
align-items: center;
|
2324 |
+
}
|
2325 |
+
.cff-fb-popup-feedinst h5{
|
2326 |
+
margin-bottom: 0px;
|
2327 |
+
float: left;
|
2328 |
+
font-size: 27px;
|
2329 |
+
}
|
2330 |
+
.cff-fb-fdinst-type{
|
2331 |
+
padding: 5px 5px;
|
2332 |
+
background: #E8E8EB;
|
2333 |
+
margin-left: 12px;
|
2334 |
+
float: left;
|
2335 |
+
}
|
2336 |
+
.cff-fb-inst-tbl-ctn{
|
2337 |
+
padding: 0 23px 63px;
|
2338 |
+
}
|
2339 |
+
.cff-fb-inst-tbl-ctn table{
|
2340 |
+
width: 100%;
|
2341 |
+
border-spacing: unset;
|
2342 |
+
box-sizing: border-box;
|
2343 |
+
border: 1px solid #DCDDE1;
|
2344 |
+
text-align: left;
|
2345 |
+
}
|
2346 |
+
.cff-fb-inst-tbl-ctn tfoot,.cff-fb-inst-tbl-ctn thead{
|
2347 |
+
background: #F3F4F5
|
2348 |
+
}
|
2349 |
+
.cff-fb-inst-tbl-ctn .cff-fd-lst-thtf th, .cff-fb-inst-tbl-ctn .cff-fd-lst-thtf td{
|
2350 |
+
font-size: 13px;
|
2351 |
+
color: #364152;
|
2352 |
+
padding: 13px 10px;
|
2353 |
+
}
|
2354 |
+
.cff-fb-inst-tbl-ctn .cff-fd-lst-tbody tr:nth-child(odd){
|
2355 |
+
background: #fff;
|
2356 |
+
}
|
2357 |
+
.cff-fb-inst-tbl-ctn .cff-fd-lst-tbody tr:nth-child(even){
|
2358 |
+
background: #F3F4F5;
|
2359 |
+
}
|
2360 |
+
.cff-fb-inst-tbl-ctn .cff-fd-lst-thtf tr th,
|
2361 |
+
.cff-fb-inst-tbl-ctn .cff-fd-lst-thtf tr td{
|
2362 |
+
padding: 4px 20px;
|
2363 |
+
}
|
2364 |
+
.cff-fb-inst-tbl-ctn .cff-fd-lst-tbody tr td{
|
2365 |
+
padding: 11px 20px;
|
2366 |
+
}
|
2367 |
+
.cff-fb-inst-tbl-ctn .cff-fd-lst-name{
|
2368 |
+
font-size: 14px;
|
2369 |
+
}
|
2370 |
+
.cff-fb-inst-tbl-shrtc{
|
2371 |
+
display: flex;
|
2372 |
+
align-items: center;
|
2373 |
+
}
|
2374 |
+
|
2375 |
+
.cff-fd-inst-btn{
|
2376 |
+
width: 10px;
|
2377 |
+
height: 10px;
|
2378 |
+
box-sizing: border-box;
|
2379 |
+
border-right: 3px solid #8C8F9A;
|
2380 |
+
border-top: 3px solid #8C8F9A;
|
2381 |
+
cursor: pointer;
|
2382 |
+
-webkit-transform: rotate(45deg);
|
2383 |
+
transform: rotate(45deg);
|
2384 |
+
}
|
2385 |
+
|
2386 |
+
/*Legacy Feeds */
|
2387 |
+
.cff-fb-lgc-top-new{
|
2388 |
+
color: #141B38;
|
2389 |
+
background: #fff;
|
2390 |
+
margin: 10px 0px;
|
2391 |
+
padding: 15px 20px;
|
2392 |
+
display: flex;
|
2393 |
+
justify-content: center;
|
2394 |
+
align-items: center;
|
2395 |
+
font-size: 14px;
|
2396 |
+
font-weight: 600;
|
2397 |
+
}
|
2398 |
+
.cff-fb-lgc-gr{
|
2399 |
+
font-size: 12px;
|
2400 |
+
text-transform: uppercase;
|
2401 |
+
font-weight: 500;
|
2402 |
+
background: #59AB46;
|
2403 |
+
color: #fff;
|
2404 |
+
margin-right: 10px;
|
2405 |
+
padding: 6px 10px;
|
2406 |
+
border-radius: 2px;
|
2407 |
+
line-height: 1em;
|
2408 |
+
}
|
2409 |
+
.cff-fb-lgc-inf-ctn{
|
2410 |
+
background: #fff;
|
2411 |
+
padding: 0 20px;
|
2412 |
+
display: flex;
|
2413 |
+
align-items: center;
|
2414 |
+
height: 58px;
|
2415 |
+
}
|
2416 |
+
|
2417 |
+
.cff-fb-lgc-inf-ctn > *{
|
2418 |
+
float: left;
|
2419 |
+
display: inline-block;
|
2420 |
+
position: relative;
|
2421 |
+
}
|
2422 |
+
#cff-builder-app .cff-fb-lgc-inf-ctn > h4{
|
2423 |
+
margin-right: 14px;
|
2424 |
+
margin-bottom: 0;
|
2425 |
+
}
|
2426 |
+
#cff-builder-app .cff-fb-lgc-btn-stg{
|
2427 |
+
display: flex;
|
2428 |
+
margin-left: auto;
|
2429 |
+
}
|
2430 |
+
.cff-fd-legacy-feed-toggle{
|
2431 |
+
height: 34px;
|
2432 |
+
display: flex;
|
2433 |
+
justify-content: center;
|
2434 |
+
align-items: center;
|
2435 |
+
background: #E2F5FF;
|
2436 |
+
color:#0068A0;
|
2437 |
+
cursor: pointer;
|
2438 |
+
font-weight: 600;
|
2439 |
+
font-size: 14px;
|
2440 |
+
line-height: 160%;
|
2441 |
+
}
|
2442 |
+
.cff-fd-legacy-feed-toggle:hover {
|
2443 |
+
background: #BFE8FF;
|
2444 |
+
}
|
2445 |
+
.cff-fd-legacy-feed-toggle span{
|
2446 |
+
display: inline-block;
|
2447 |
+
position: relative;
|
2448 |
+
padding-right: 20px;
|
2449 |
+
margin-left: -20px;
|
2450 |
+
}
|
2451 |
+
.cff-fd-legacy-feed-toggle[data-active="true"] span:after{
|
2452 |
+
-webkit-transform: rotate(-225deg);
|
2453 |
+
transform: rotate(-225deg);
|
2454 |
+
top: 7px;
|
2455 |
+
}
|
2456 |
+
.cff-feeds-list .cff-legacy-table-wrap table{
|
2457 |
+
box-shadow: none;
|
2458 |
+
border-top: 1px solid #DCDDE1;
|
2459 |
+
}
|
2460 |
+
.cff-fb-lgc-ctn{
|
2461 |
+
box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05), 0px 4px 5px rgba(0, 0, 0, 0.05);
|
2462 |
+
margin-bottom: 20px;
|
2463 |
+
}
|
2464 |
+
|
2465 |
+
.cff-fb-onbrd-infotxt{
|
2466 |
+
display: flex;
|
2467 |
+
align-items: center;
|
2468 |
+
}
|
2469 |
+
.cff-fb-onbrd-infotxt svg{
|
2470 |
+
fill: currentColor;
|
2471 |
+
width: 16px;
|
2472 |
+
display: inline-block;
|
2473 |
+
margin-left: 10px;
|
2474 |
+
float: left;
|
2475 |
+
}
|
2476 |
+
|
2477 |
+
.cff-fb-onbrd-tltp-parent{
|
2478 |
+
position: relative;
|
2479 |
+
}
|
2480 |
+
.cff-fb-onbrd-tltp-elem{
|
2481 |
+
position: absolute;
|
2482 |
+
z-index: 9;
|
2483 |
+
background: #fff;
|
2484 |
+
border-radius: 2px;
|
2485 |
+
color: #434960;
|
2486 |
+
padding: 16px 52px 4px 24px;
|
2487 |
+
font-size: 15px;
|
2488 |
+
left: -30px;
|
2489 |
+
top: calc(100% + 20px);
|
2490 |
+
line-height: 1.7em;
|
2491 |
+
box-shadow: 0px 1px 18px rgba(0,0,0,.2);
|
2492 |
+
display: none;
|
2493 |
+
}
|
2494 |
+
|
2495 |
+
|
2496 |
+
|
2497 |
+
.cff-fb-onbrd-tltp-elem[data-active="false"]{
|
2498 |
+
display: none;
|
2499 |
+
}
|
2500 |
+
.cff-fb-onbrd-tltp-elem[data-active="true"],
|
2501 |
+
.cff-fb-onbrd-tltp-hover:hover .cff-fb-onbrd-tltp-elem{
|
2502 |
+
display: block;
|
2503 |
+
min-width: 440px;
|
2504 |
+
padding-bottom: 15px;
|
2505 |
+
}
|
2506 |
+
.cff-fb-onbrd-tltp-elem .sb-pointer {
|
2507 |
+
position: absolute;
|
2508 |
+
left: 85px;
|
2509 |
+
top: -17px;
|
2510 |
+
}
|
2511 |
+
.cff-fb-onbrd-tltp-elem-2 .sb-pointer {
|
2512 |
+
left: 485px;
|
2513 |
+
|
2514 |
+
}
|
2515 |
+
.cff-fb-onbrd-tltp-elem:after{
|
2516 |
+
background: #fff;
|
2517 |
+
z-index: 999;
|
2518 |
+
top: 0px;
|
2519 |
+
margin-left: -10px;
|
2520 |
+
width: 40px;
|
2521 |
+
box-shadow: unset;
|
2522 |
+
-webkit-transform: rotate(0deg);
|
2523 |
+
transform: rotate(0deg);
|
2524 |
+
}
|
2525 |
+
.cff-fb-onbrd-tltp-parent.cff-fb-onbrd-tltp-center-top .cff-fb-onbrd-tltp-elem{
|
2526 |
+
left: 50%;
|
2527 |
+
-webkit-transform:translateX(-50%);
|
2528 |
+
transform:translateX(-50%);
|
2529 |
+
bottom: calc(100% + 15px);
|
2530 |
+
top: unset;
|
2531 |
+
padding: 8px 11px;
|
2532 |
+
width: 100%;
|
2533 |
+
text-align: center;
|
2534 |
+
box-shadow: 0 5px 9px rgb(0 0 0 / 20%), 0 -4px 9px rgb(0 0 0 / 10%);
|
2535 |
+
}
|
2536 |
+
.cff-fb-onbrd-tltp-parent.cff-fb-onbrd-tltp-center-top .cff-fb-onbrd-tltp-elem:before {
|
2537 |
+
content: '';
|
2538 |
+
position: absolute;
|
2539 |
+
left: 50%;
|
2540 |
+
bottom: -10px;
|
2541 |
+
border-top: 12px solid #fff;
|
2542 |
+
border-right: 12px solid transparent;
|
2543 |
+
border-left: 12px solid transparent;
|
2544 |
+
-webkit-transform: translateX(-50%);
|
2545 |
+
transform: translateX(-50%);
|
2546 |
+
z-index: 2;
|
2547 |
+
}
|
2548 |
+
.cff-fb-onbrd-tltp-parent.cff-fb-onbrd-tltp-center-top .cff-fb-onbrd-tltp-elem:before,
|
2549 |
+
.cff-fb-onbrd-tltp-parent.cff-fb-onbrd-tltp-center-top .cff-fb-onbrd-tltp-elem:after{
|
2550 |
+
left: calc(50% - 10px);
|
2551 |
+
top: unset;
|
2552 |
+
}
|
2553 |
+
.cff-fb-onbrd-tltp-parent.cff-fb-onbrd-tltp-center-top .cff-fb-onbrd-tltp-elem:before{
|
2554 |
+
bottom: -10px;
|
2555 |
+
}
|
2556 |
+
.cff-fb-onbrd-tltp-parent.cff-fb-onbrd-tltp-center-top .cff-fb-onbrd-tltp-elem:after{
|
2557 |
+
bottom: 0px;
|
2558 |
+
}
|
2559 |
+
|
2560 |
+
|
2561 |
+
#cff-builder-app .cff-fb-onbrd-tltp-txt{
|
2562 |
+
margin: 0px;
|
2563 |
+
}
|
2564 |
+
.cff-fb-onbrd-tltp-txt:last-of-type{
|
2565 |
+
margin-bottom: 0px;
|
2566 |
+
}
|
2567 |
+
.cff-fb-onbrd-tltp-elem .cff-fb-popup-cls{
|
2568 |
+
top: 12px;
|
2569 |
+
right: 16px;
|
2570 |
+
}
|
2571 |
+
|
2572 |
+
[data-tltp-pos*="right"] .cff-fb-onbrd-tltp-elem{
|
2573 |
+
right: 50px;
|
2574 |
+
left: unset;
|
2575 |
+
}
|
2576 |
+
[data-tltp-pos*="right"] .cff-fb-onbrd-tltp-elem:before,
|
2577 |
+
[data-tltp-pos*="right"] .cff-fb-onbrd-tltp-elem:after{
|
2578 |
+
left: unset;
|
2579 |
+
right: 13%
|
2580 |
+
}
|
2581 |
+
[data-tltp-pos*="right"] .cff-fb-onbrd-tltp-elem:after{
|
2582 |
+
margin-left: unset;
|
2583 |
+
margin-right: -10px;
|
2584 |
+
}
|
2585 |
+
.cff-fd-lst-dimmed .cff-fb-onbrd-tltp-elem{
|
2586 |
+
top: 100%;
|
2587 |
+
}
|
2588 |
+
.cff-fb-cp-clpboard{
|
2589 |
+
width: 0px;
|
2590 |
+
height: 0px;
|
2591 |
+
position: absolute;
|
2592 |
+
left: -100000px;
|
2593 |
+
}
|
2594 |
+
.cff-fb-copied{
|
2595 |
+
position: fixed;
|
2596 |
+
z-index: 9999999;
|
2597 |
+
background: #010101;
|
2598 |
+
color: #fff;
|
2599 |
+
line-height: 1em;
|
2600 |
+
font-size: 15px;
|
2601 |
+
font-weight: 500;
|
2602 |
+
padding: 10px 20px;
|
2603 |
+
opacity: 0;
|
2604 |
+
visibility: hidden;
|
2605 |
+
-webkit-transition: all .2s ease-in-out, opacity .4s ease-in-out;
|
2606 |
+
transition: all .2s ease-in-out, opacity .4s ease-in-out;
|
2607 |
+
left: 50%;
|
2608 |
+
bottom: -20px;
|
2609 |
+
-webkit-transform: translateX(-50%);
|
2610 |
+
transform: translateX(-50%);
|
2611 |
+
}
|
2612 |
+
.cff-fb-copied[data-active="true"]{
|
2613 |
+
opacity: 1;
|
2614 |
+
visibility: visible;
|
2615 |
+
bottom: 20px;
|
2616 |
+
}
|
2617 |
+
|
2618 |
+
/*
|
2619 |
+
****
|
2620 |
+
customizer Screens
|
2621 |
+
****
|
2622 |
+
*/
|
2623 |
+
.sb-customizer-ctn{
|
2624 |
+
/*margin-top: 52px;*/
|
2625 |
+
min-height: 100vh;
|
2626 |
+
}
|
2627 |
+
.sb-customizer-sidebar{
|
2628 |
+
position: fixed;
|
2629 |
+
z-index: 100;
|
2630 |
+
width: 375px;
|
2631 |
+
box-shadow: 4px 0px 14px rgb(0 0 0 / 5%), 1px 0px 4px rgb(0 0 0 / 10%);
|
2632 |
+
background: #fff;
|
2633 |
+
left: 160px;
|
2634 |
+
top: 96px;
|
2635 |
+
overflow: auto;
|
2636 |
+
bottom: 0px;
|
2637 |
+
padding-bottom: 50px;
|
2638 |
+
}
|
2639 |
+
body.folded .sb-customizer-sidebar{
|
2640 |
+
left: 36px;
|
2641 |
+
}
|
2642 |
+
|
2643 |
+
.sb-customizer-sidebar-tab-ctn{
|
2644 |
+
display: flex;
|
2645 |
+
justify-content: center;
|
2646 |
+
align-items: center;
|
2647 |
+
margin-bottom: 24px;
|
2648 |
+
}
|
2649 |
+
.sb-customizer-sidebar-tab{
|
2650 |
+
width: 50%;
|
2651 |
+
height: 56px;
|
2652 |
+
background: #F3F4F5;
|
2653 |
+
border-bottom: 2px solid #F3F4F5;
|
2654 |
+
display: flex;
|
2655 |
+
justify-content: center;
|
2656 |
+
align-items: center;
|
2657 |
+
cursor: pointer;
|
2658 |
+
}
|
2659 |
+
.sb-customizer-sidebar-tab[data-active="true"]{
|
2660 |
+
border-color: #0096CC;
|
2661 |
+
}
|
2662 |
+
.sb-customizer-sidebar-tab:hover {
|
2663 |
+
background: #fff!important;
|
2664 |
+
color: #141B38!important;
|
2665 |
+
}
|
2666 |
+
.sb-customizer-sidebar-sec-el{
|
2667 |
+
height: 52px;
|
2668 |
+
cursor: pointer;
|
2669 |
+
display: flex;
|
2670 |
+
align-items: center;
|
2671 |
+
color: #141B38;
|
2672 |
+
border-bottom: 1px solid #DCDDE1;
|
2673 |
+
-webkit-transition: background .2s ease-in-out;
|
2674 |
+
transition: background .2s ease-in-out;
|
2675 |
+
padding: 0 20px;
|
2676 |
+
}
|
2677 |
+
.sb-customizer-sidebar-sec-el:hover{
|
2678 |
+
background: #F3F4F5;
|
2679 |
+
border-bottom: 1px solid #F3F4F5;
|
2680 |
+
}
|
2681 |
+
.sb-customizer-sidebar-sec-el .sb-customizer-chevron svg{
|
2682 |
+
position: absolute;
|
2683 |
+
right: 22px;
|
2684 |
+
top: 22px;
|
2685 |
+
}
|
2686 |
+
.sb-customizer-sidebar-sec-el-icon{
|
2687 |
+
margin-right: 15px;
|
2688 |
+
width: 30px;
|
2689 |
+
height: 30px;
|
2690 |
+
display: flex;
|
2691 |
+
justify-content: center;
|
2692 |
+
align-items: center;
|
2693 |
+
}
|
2694 |
+
.sb-customizer-sidebar-sec-el-icon svg{
|
2695 |
+
width: 20px;
|
2696 |
+
float: left;
|
2697 |
+
fill: currentColor;
|
2698 |
+
}
|
2699 |
+
.sb-customizer-sidebar-sec-elhead{
|
2700 |
+
height: 50px;
|
2701 |
+
padding: 0 20px;
|
2702 |
+
display: flex;
|
2703 |
+
align-items: center;
|
2704 |
+
margin-top: 30px;
|
2705 |
+
font-style: normal;
|
2706 |
+
font-weight: bold;
|
2707 |
+
font-size: 12px;
|
2708 |
+
line-height: 160%;
|
2709 |
+
letter-spacing: 0.05em;
|
2710 |
+
text-transform: uppercase;
|
2711 |
+
color: #8C8F9A;
|
2712 |
+
}
|
2713 |
+
.sb-customizer-sidebar-header{
|
2714 |
+
padding: 20px 20px;
|
2715 |
+
border-bottom: 1px solid #DCDDE1;
|
2716 |
+
}
|
2717 |
+
.sb-customizer-sidebar-header[data-separator="none"]{
|
2718 |
+
border-bottom: 0px!important;
|
2719 |
+
padding-bottom: 0px;
|
2720 |
+
}
|
2721 |
+
.sb-customizer-sidebar-header a{
|
2722 |
+
cursor: pointer;
|
2723 |
+
}
|
2724 |
+
.sb-customizer-sidebar-breadcrumb{
|
2725 |
+
margin-bottom: 15px;
|
2726 |
+
}
|
2727 |
+
.sb-breadcrumb-pro-label{
|
2728 |
+
color: #fff !important;
|
2729 |
+
display: inline-block;
|
2730 |
+
background: var(--cl-orange);
|
2731 |
+
padding: 5px 8px;
|
2732 |
+
font-size: 11px;
|
2733 |
+
line-height: 1em !important;
|
2734 |
+
border-radius: 4px;
|
2735 |
+
-webkit-transform: translateX(5px) translateY(-4px);
|
2736 |
+
transform: translateX(8px) translateY(-2px);
|
2737 |
+
}
|
2738 |
+
.sb-control-elem-label .sb-breadcrumb-pro-label{
|
2739 |
+
-webkit-transform: translateX(5px) translateY(0px);
|
2740 |
+
transform: translateX(5px) translateY(0px);
|
2741 |
+
}
|
2742 |
+
|
2743 |
+
.sb-customizer-sidebar-breadcrumb a, .sb-customizer-sidebar-breadcrumb span{
|
2744 |
+
display: inline-block;
|
2745 |
+
position: relative;
|
2746 |
+
cursor: pointer;
|
2747 |
+
color: #434960;
|
2748 |
+
text-transform: uppercase;
|
2749 |
+
font-size: 10px;
|
2750 |
+
line-height: 160%;
|
2751 |
+
letter-spacing: 0.08em;
|
2752 |
+
padding: 0 17px;
|
2753 |
+
height: 20px;
|
2754 |
+
font-weight: 600;
|
2755 |
+
}
|
2756 |
+
.sb-customizer-sidebar-breadcrumb span{
|
2757 |
+
cursor: text;
|
2758 |
+
}
|
2759 |
+
.sb-customizer-sidebar-breadcrumb svg {
|
2760 |
+
position: absolute;
|
2761 |
+
left: 4px;
|
2762 |
+
top: 6px;
|
2763 |
+
|
2764 |
+
}
|
2765 |
+
|
2766 |
+
|
2767 |
+
.sb-customizer-sidebar-header strong{
|
2768 |
+
font-size: 26px;
|
2769 |
+
color: #141B38;
|
2770 |
+
display: block;
|
2771 |
+
margin-bottom: 10px;
|
2772 |
+
line-height: 1.1em;
|
2773 |
+
}
|
2774 |
+
.sb-customizer-sidebar-header span{
|
2775 |
+
line-height: 1em;
|
2776 |
+
color: #434960;
|
2777 |
+
}
|
2778 |
+
.sb-customizer-sidebar-header > span{
|
2779 |
+
margin-bottom: 14px;
|
2780 |
+
display: block;
|
2781 |
+
line-height: 1.5;
|
2782 |
+
}
|
2783 |
+
.sb-customizer-ctrl-link{
|
2784 |
+
text-decoration: underline!important;
|
2785 |
+
}
|
2786 |
+
/*
|
2787 |
+
Controls Style
|
2788 |
+
*/
|
2789 |
+
.sb-control-label[data-title="true"]{
|
2790 |
+
font-weight: 600;
|
2791 |
+
}
|
2792 |
+
|
2793 |
+
.sb-control-elem-ctn{
|
2794 |
+
display: flex;
|
2795 |
+
color: #141B38;
|
2796 |
+
padding: 20px 20px;
|
2797 |
+
}
|
2798 |
+
.sb-control-elem-ctn[data-stacked="true"]{
|
2799 |
+
padding: 5px 20px;
|
2800 |
+
}
|
2801 |
+
.sb-control-elem-ctn[data-type="heading"]{
|
2802 |
+
padding-bottom: 0;
|
2803 |
+
}
|
2804 |
+
.sb-control-elem-overlay{
|
2805 |
+
width: 100%!important;
|
2806 |
+
height: 100%!important;
|
2807 |
+
position: absolute!important;
|
2808 |
+
left: 0!important;
|
2809 |
+
top: 0!important;
|
2810 |
+
z-index: 9!important;
|
2811 |
+
background: rgba(255,255,255,0.4)!important;
|
2812 |
+
}
|
2813 |
+
#cff-builder-app .sb-control-elem-ctn[data-type="heading"] .sb-small-p{
|
2814 |
+
font-weight: 600;
|
2815 |
+
}
|
2816 |
+
#cff-builder-app .sb-control-elem-ctn[data-type="heading"] .sb-control-elem-description{
|
2817 |
+
font-style: normal;
|
2818 |
+
font-weight: normal;
|
2819 |
+
font-size: 12px;
|
2820 |
+
line-height: 150%;
|
2821 |
+
color: #434960;
|
2822 |
+
}
|
2823 |
+
#cff-builder-app .sb-control-elem-ctn[data-type="heading"] .sb-control-elem-label {
|
2824 |
+
margin-bottom: 0;
|
2825 |
+
}
|
2826 |
+
.sb-control-elem-heading svg {
|
2827 |
+
margin-left: 8px;
|
2828 |
+
}
|
2829 |
+
.sb-control-elem-ctn[data-separator="top"],.sb-control-elem-ctn[data-separator="both"]{
|
2830 |
+
border-top: 1px solid #DCDDE1;
|
2831 |
+
}
|
2832 |
+
.sb-control-elem-ctn[data-separator="bottom"],.sb-control-elem-ctn[data-separator="both"]{
|
2833 |
+
border-bottom: 1px solid #DCDDE1;
|
2834 |
+
}
|
2835 |
+
.sb-control-elem-ctn[data-type="separator"]{
|
2836 |
+
padding: 0;
|
2837 |
+
}
|
2838 |
+
.sb-control-elem-separator{
|
2839 |
+
height: 2px;
|
2840 |
+
border-top: 1px solid #DCDDE1;
|
2841 |
+
}
|
2842 |
+
|
2843 |
+
.sb-control-elem-ctn[data-reverse="true"]{
|
2844 |
+
flex-direction: row-reverse;
|
2845 |
+
}
|
2846 |
+
.sb-control-elem-ctn svg{
|
2847 |
+
fill: currentColor;
|
2848 |
+
}
|
2849 |
+
.sb-control-elem-output{
|
2850 |
+
padding-left: 20px;
|
2851 |
+
}
|
2852 |
+
.sb-control-elem-ctn[data-reverse="true"] .sb-control-elem-output{
|
2853 |
+
padding-right: 20px;
|
2854 |
+
padding-left: 0px;
|
2855 |
+
}
|
2856 |
+
.sb-control-elem-ctn[data-layout="block"]{
|
2857 |
+
display: block;
|
2858 |
+
}
|
2859 |
+
.sb-control-elem-ctn[data-layout="block"] .sb-control-elem-label{
|
2860 |
+
width: 100%;
|
2861 |
+
float: left;
|
2862 |
+
margin-bottom: 8px;
|
2863 |
+
}
|
2864 |
+
.sb-control-elem-ctn[data-layout="block"] .sb-control-elem-output{
|
2865 |
+
padding: 0px;
|
2866 |
+
}
|
2867 |
+
.sb-control-elem-ctn[data-layout="block"] input[type="number"] {
|
2868 |
+
height: 36px;
|
2869 |
+
background: #FFFFFF;
|
2870 |
+
border-radius: 1px 0 0 1px !important;
|
2871 |
+
/*border-right-color: #F3F4F5 !important;*/
|
2872 |
+
}
|
2873 |
+
.sb-control-elem-ctn[data-layout="block"] [data-contains-suffix="true"] input[type="number"]{
|
2874 |
+
border-right-color: #F3F4F5 !important;
|
2875 |
+
}
|
2876 |
+
.sb-control-elem-ctn[data-child="true"]{
|
2877 |
+
padding-left: 70px;
|
2878 |
+
}
|
2879 |
+
|
2880 |
+
.sb-control-elem-ctn[data-layout="half"]{
|
2881 |
+
align-items: center;
|
2882 |
+
justify-content: flex-start;
|
2883 |
+
}
|
2884 |
+
.sb-control-elem-ctn[data-layout="half"][data-switcher-top="true"]{
|
2885 |
+
align-items: flex-start!important;
|
2886 |
+
}
|
2887 |
+
.sb-control-elem-ctn[data-layout="half"][data-switcher-top="true"] .sb-control-switcher-ctn{
|
2888 |
+
margin-top: 5px;
|
2889 |
+
}
|
2890 |
+
|
2891 |
+
.sb-control-elem-ctn[data-layout="half"] > div{
|
2892 |
+
width: 100%;
|
2893 |
+
}
|
2894 |
+
.sb-control-elem-ctn[data-type="switcher"][data-reverse="true"][data-layout="half"] > div{
|
2895 |
+
width: unset;
|
2896 |
+
}
|
2897 |
+
.sb-control-elem-ctn[data-layout="half"][data-reverse="true"]{
|
2898 |
+
justify-content: flex-end;
|
2899 |
+
}
|
2900 |
+
[data-type="switcher"][data-reverse="true"][data-layout="half"] .sb-control-elem-output{
|
2901 |
+
padding-right: 5px;
|
2902 |
+
|
2903 |
+
}
|
2904 |
+
.sb-control-elem-label-title{
|
2905 |
+
display: flex;
|
2906 |
+
align-items: center;
|
2907 |
+
}
|
2908 |
+
.sb-control-elem-description{
|
2909 |
+
color: #434960;
|
2910 |
+
font-size: 13px;
|
2911 |
+
float: left;
|
2912 |
+
margin-top: 4px;
|
2913 |
+
}
|
2914 |
+
.sb-control-elem-description a{
|
2915 |
+
cursor: pointer;
|
2916 |
+
}
|
2917 |
+
.sb-control-elem-ctn[data-heading="strong"] .sb-control-elem-heading{
|
2918 |
+
font-weight: 600!important;
|
2919 |
+
}
|
2920 |
+
.sb-control-elem-heading[data-underline="true"]{
|
2921 |
+
text-decoration: underline;
|
2922 |
+
}
|
2923 |
+
.sb-control-elem-icon{
|
2924 |
+
display: flex;
|
2925 |
+
justify-content: center;
|
2926 |
+
align-items: center;
|
2927 |
+
}
|
2928 |
+
.sb-control-elem-icon svg{
|
2929 |
+
width: 16px;
|
2930 |
+
float: left;
|
2931 |
+
margin-right: 10px;
|
2932 |
+
}
|
2933 |
+
.sb-control-elem-tltp{
|
2934 |
+
margin-left: 10px;
|
2935 |
+
position: relative;
|
2936 |
+
}
|
2937 |
+
.sb-control-elem-tltp-icon{
|
2938 |
+
float: left;
|
2939 |
+
cursor: pointer;
|
2940 |
+
}
|
2941 |
+
.sb-control-elem-tltp-icon svg{
|
2942 |
+
width: 14px;
|
2943 |
+
float: left;
|
2944 |
+
}
|
2945 |
+
|
2946 |
+
/*Switcher Control*/
|
2947 |
+
.sb-control-switcher-ctn{
|
2948 |
+
cursor: pointer;
|
2949 |
+
display: flex;
|
2950 |
+
align-items: center;
|
2951 |
+
float: left;
|
2952 |
+
}
|
2953 |
+
.sb-control-switcher{
|
2954 |
+
width: 36px;
|
2955 |
+
height: 18px;
|
2956 |
+
border-radius: 25px;
|
2957 |
+
background: #D0D1D7;
|
2958 |
+
position: relative;
|
2959 |
+
margin-right: 10px;
|
2960 |
+
}
|
2961 |
+
|
2962 |
+
.sb-control-switcher:before{
|
2963 |
+
content: '';
|
2964 |
+
position: absolute;
|
2965 |
+
height: 14px;
|
2966 |
+
width: 14px;
|
2967 |
+
left: 3px;
|
2968 |
+
top: 2px;
|
2969 |
+
border-radius: 25px;
|
2970 |
+
background: #fff;
|
2971 |
+
box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.25);
|
2972 |
+
}
|
2973 |
+
.sb-control-switcher-ctn[data-active="true"] .sb-control-switcher{
|
2974 |
+
background: var(--customizer-blue);
|
2975 |
+
}
|
2976 |
+
.sb-control-switcher-ctn[data-active="true"] .sb-control-switcher:before{
|
2977 |
+
left: 19px;
|
2978 |
+
}
|
2979 |
+
|
2980 |
+
/*Toggle SINGLE Control*/
|
2981 |
+
.sb-control-toggle-elm{
|
2982 |
+
display: flex;
|
2983 |
+
align-items: center;
|
2984 |
+
cursor: pointer;
|
2985 |
+
height: 46px;
|
2986 |
+
padding: 0 15px;
|
2987 |
+
border-right: 1px solid #E8E8EB;
|
2988 |
+
border-left: 1px solid #E8E8EB;
|
2989 |
+
border-bottom: 1px solid #E8E8EB;
|
2990 |
+
}
|
2991 |
+
.sb-control-toggle-elm:first-child {
|
2992 |
+
border-top: 1px solid #E8E8EB;
|
2993 |
+
}
|
2994 |
+
.sb-control-toggle-elm[data-disabled="true"]{
|
2995 |
+
background: #F3F4F5;
|
2996 |
+
}
|
2997 |
+
.sb-control-toggle-extension-cover{
|
2998 |
+
width: 100%;
|
2999 |
+
height: 100%;
|
3000 |
+
position: absolute;
|
3001 |
+
left: 0px;
|
3002 |
+
top: 0;
|
3003 |
+
cursor: pointer;
|
3004 |
+
z-index: 4;
|
3005 |
+
|
3006 |
+
}
|
3007 |
+
|
3008 |
+
.sb-control-toggle-deco{
|
3009 |
+
width: 16px;
|
3010 |
+
height: 16px;
|
3011 |
+
margin-right: 13px;
|
3012 |
+
box-sizing: border-box;
|
3013 |
+
border-radius: 50%;
|
3014 |
+
border: 2px solid #d0d1d7;
|
3015 |
+
}
|
3016 |
+
.sb-control-toggle-icon{
|
3017 |
+
display: flex;
|
3018 |
+
justify-content: center;
|
3019 |
+
align-items: center;
|
3020 |
+
margin-right: 13px;
|
3021 |
+
}
|
3022 |
+
.sb-control-toggle-icon svg{
|
3023 |
+
width: 16px;
|
3024 |
+
float: left;
|
3025 |
+
fill: #141B38;
|
3026 |
+
}
|
3027 |
+
.sb-control-toggle-elm[data-active="true"]{
|
3028 |
+
background: #F7FDFF;
|
3029 |
+
border-radius: 2px;
|
3030 |
+
border: 1px solid var(--customizer-blue);
|
3031 |
+
}
|
3032 |
+
.sb-control-toggle-elm[data-active="true"]{
|
3033 |
+
background: #F7FDFF;
|
3034 |
+
border-radius: 2px;
|
3035 |
+
border: 1px solid var(--customizer-blue);
|
3036 |
+
}
|
3037 |
+
.sb-control-toggle-elm:hover:not(.sb-control-toggle-elm[data-disabled="true"]) .sb-control-toggle-deco,
|
3038 |
+
.sb-control-toggle-elm[data-active="true"]:not(.sb-control-toggle-elm[data-disabled="true"]):hover .sb-control-toggle-deco{
|
3039 |
+
border: 4px solid var(--customizer-blue);
|
3040 |
+
background: #fff;
|
3041 |
+
}
|
3042 |
+
.sb-control-toggle-elm[data-active="true"] .sb-control-toggle-deco{
|
3043 |
+
border: 6px solid var(--customizer-blue);
|
3044 |
+
background: #fff;
|
3045 |
+
}
|
3046 |
+
|
3047 |
+
/*Toggle SET Control*/
|
3048 |
+
.sb-control-toggle-set-ctn .sb-control-toggle-elm[data-active="true"]{
|
3049 |
+
border-radius: 0px;
|
3050 |
+
}
|
3051 |
+
|
3052 |
+
/*Toggle Button Control*/
|
3053 |
+
.sb-control-togglebutton-ctn{
|
3054 |
+
display: flex;
|
3055 |
+
align-items: center;
|
3056 |
+
justify-content: center;
|
3057 |
+
padding: 3px;
|
3058 |
+
background: #f3f4f5;
|
3059 |
+
border-radius: 4px;
|
3060 |
+
border: 1px solid #eee;
|
3061 |
+
height: 40px;
|
3062 |
+
}
|
3063 |
+
.sb-control-togglebutton-elm{
|
3064 |
+
width: 100%;
|
3065 |
+
display: flex;
|
3066 |
+
justify-content: center;
|
3067 |
+
align-items: center;
|
3068 |
+
height: 33px;
|
3069 |
+
cursor: pointer;
|
3070 |
+
font-weight: 600;
|
3071 |
+
border-radius: 4px;
|
3072 |
+
text-transform: capitalize;
|
3073 |
+
line-height: 1em;
|
3074 |
+
}
|
3075 |
+
.sb-control-togglebutton-elm[data-active="true"]{
|
3076 |
+
color: var(--dark-blue);
|
3077 |
+
background: #fff;
|
3078 |
+
}
|
3079 |
+
.sb-control-togglebutton-elm:hover{
|
3080 |
+
color: var(--dark-blue);
|
3081 |
+
}
|
3082 |
+
|
3083 |
+
/*Input Control*/
|
3084 |
+
.sb-control-input-ctn{
|
3085 |
+
display: flex;
|
3086 |
+
}
|
3087 |
+
.sb-control-input,.sb-control-input-textrea{
|
3088 |
+
height: 40px;
|
3089 |
+
background: #fff;
|
3090 |
+
border: 1px solid #D0D1D7!important;
|
3091 |
+
border-radius: unset!important;
|
3092 |
+
outline: unset!important;
|
3093 |
+
padding: 0 10px!important;
|
3094 |
+
line-height: 1em;
|
3095 |
+
margin: 0px;
|
3096 |
+
}
|
3097 |
+
.sb-control-input-textrea{
|
3098 |
+
padding: 10px!important;
|
3099 |
+
height: 120px;
|
3100 |
+
line-height: 1.5em;
|
3101 |
+
}
|
3102 |
+
.sb-control-input:hover{
|
3103 |
+
color: inherit!important;
|
3104 |
+
}
|
3105 |
+
.sb-control-input:focus,.sb-control-input-textrea:focus{
|
3106 |
+
border: 1px solid #8C8F9A!important;
|
3107 |
+
border-radius: unset!important;
|
3108 |
+
box-shadow: unset!important;
|
3109 |
+
outline: unset!important;
|
3110 |
+
}
|
3111 |
+
.sb-control-input[disabled],.sb-control-input-textrea[disabled]{
|
3112 |
+
background-color: #F3F4F5;
|
3113 |
+
border: 1px solid #E8E8EB;
|
3114 |
+
}
|
3115 |
+
.sb-control-input-info{
|
3116 |
+
display: flex;
|
3117 |
+
justify-content: center;
|
3118 |
+
align-items: center;
|
3119 |
+
background: #F3F4F5;
|
3120 |
+
padding: 0 8px;
|
3121 |
+
font-weight: normal;
|
3122 |
+
font-size: 14px;
|
3123 |
+
line-height: 160%;
|
3124 |
+
color: #434960;
|
3125 |
+
border: 1px solid #D0D1D7;
|
3126 |
+
border-left: none;
|
3127 |
+
border-radius: 0 1px 1px 0 !important;
|
3128 |
+
}
|
3129 |
+
|
3130 |
+
/*CheckBox Control*/
|
3131 |
+
.sb-control-checkbox-ctn{
|
3132 |
+
cursor: pointer;
|
3133 |
+
display: flex;
|
3134 |
+
}
|
3135 |
+
.sb-control-checkbox{
|
3136 |
+
width: 18px;
|
3137 |
+
height: 18px;
|
3138 |
+
border-radius: 2px;
|
3139 |
+
float: left;
|
3140 |
+
border: 2px solid #D0D1D7;
|
3141 |
+
box-sizing: border-box;
|
3142 |
+
position: relative;
|
3143 |
+
margin-right: 10px;
|
3144 |
+
flex: none;
|
3145 |
+
}
|
3146 |
+
.sb-control-checkbox-ctn > div{
|
3147 |
+
z-index: 3;
|
3148 |
+
}
|
3149 |
+
.sb-control-checkbox-ctn:hover .sb-control-checkbox-hover{
|
3150 |
+
opacity: 1;
|
3151 |
+
}
|
3152 |
+
.sb-control-checkbox-hover{
|
3153 |
+
position: absolute;
|
3154 |
+
left: -20px;
|
3155 |
+
top: 0px;
|
3156 |
+
width: calc(100% + 40px);
|
3157 |
+
height: 100%;
|
3158 |
+
background:#F3F4F5;
|
3159 |
+
z-index: 1;
|
3160 |
+
opacity: 0;
|
3161 |
+
}
|
3162 |
+
|
3163 |
+
.sb-control-checkbox{
|
3164 |
+
z-index: 5!important;
|
3165 |
+
}
|
3166 |
+
|
3167 |
+
|
3168 |
+
.sb-control-checkbox[data-active="true"]{
|
3169 |
+
background: var(--customizer-blue);
|
3170 |
+
border-color: var(--customizer-blue);
|
3171 |
+
color: #fff;
|
3172 |
+
}
|
3173 |
+
.sb-control-checkbox[data-active="true"]:before{
|
3174 |
+
content: '';
|
3175 |
+
position: absolute;
|
3176 |
+
width: 8px;
|
3177 |
+
height: 4px;
|
3178 |
+
top: 2px;
|
3179 |
+
left: 2px;
|
3180 |
+
border-left: 2px solid currentColor;
|
3181 |
+
border-bottom: 2px solid currentColor;
|
3182 |
+
-webkit-transform: rotate(-45deg);
|
3183 |
+
transform: rotate(-45deg);
|
3184 |
+
}
|
3185 |
+
|
3186 |
+
|
3187 |
+
/*Action Button Control*/
|
3188 |
+
.sb-control-action-button{
|
3189 |
+
height: 38px;
|
3190 |
+
cursor: pointer;
|
3191 |
+
display: flex;
|
3192 |
+
flex-direction: row;
|
3193 |
+
justify-content: center;
|
3194 |
+
align-items: center;
|
3195 |
+
background: #F3F4F5;
|
3196 |
+
border-radius: 2px;
|
3197 |
+
border: 1px solid #DCDDE1;
|
3198 |
+
position: relative;
|
3199 |
+
line-height: 1em;
|
3200 |
+
margin-top: 7px;
|
3201 |
+
}
|
3202 |
+
|
3203 |
+
.sb-control-action-button div{
|
3204 |
+
float: left;
|
3205 |
+
width: 20px;
|
3206 |
+
height: 20px;
|
3207 |
+
display: flex;
|
3208 |
+
justify-content: center;
|
3209 |
+
align-items: center;
|
3210 |
+
margin-right: 8px;
|
3211 |
+
}
|
3212 |
+
.sb-control-action-button svg{
|
3213 |
+
width: 17px;
|
3214 |
+
}
|
3215 |
+
|
3216 |
+
/* WPColorPicker Control Redesign */
|
3217 |
+
.sb-control-colorpicker-ctn .wp-picker-default{
|
3218 |
+
display: none!important;
|
3219 |
+
}
|
3220 |
+
.sb-control-colorpicker-ctn .minicolors-theme-default.minicolors{
|
3221 |
+
width: 100%;
|
3222 |
+
}
|
3223 |
+
|
3224 |
+
.sb-control-colorpicker-ctn .minicolors-theme-default.minicolors-position-right .minicolors-swatch {
|
3225 |
+
/*
|
3226 |
+
left: auto;
|
3227 |
+
right: 6px;
|
3228 |
+
top: 6px;
|
3229 |
+
width: 26px;
|
3230 |
+
height: 26px;
|
3231 |
+
background: #F9F9FA;
|
3232 |
+
border: 0px;
|
3233 |
+
*/
|
3234 |
+
|
3235 |
+
left: auto;
|
3236 |
+
right: 1px;
|
3237 |
+
top: 1px;
|
3238 |
+
width: 35px;
|
3239 |
+
height: 35px;
|
3240 |
+
background: #F9F9FA;
|
3241 |
+
border: 0px;
|
3242 |
+
}
|
3243 |
+
.minicolors-swatch-color{
|
3244 |
+
box-shadow: none;
|
3245 |
+
}
|
3246 |
+
.sb-control-colorpicker-ctn .minicolors-input,.sb-control-colorpicker-ctn .minicolors-input:focus{
|
3247 |
+
height: 37px;
|
3248 |
+
width: 100%!important;
|
3249 |
+
background: #fff;
|
3250 |
+
border: 1px solid #D0D1D7!important;
|
3251 |
+
border-radius: unset!important;
|
3252 |
+
outline: unset!important;
|
3253 |
+
box-shadow: unset!important;
|
3254 |
+
padding: 0 10px!important;
|
3255 |
+
line-height: 1em;
|
3256 |
+
margin: 0px;
|
3257 |
+
}
|
3258 |
+
.sb-control-colorpicker-ctn .minicolors-input:focus{
|
3259 |
+
border: 1px solid #0096CC!important;
|
3260 |
+
}
|
3261 |
+
|
3262 |
+
[data-type="colorpicker"] .minicolors-input{
|
3263 |
+
font-size: 13px;
|
3264 |
+
}
|
3265 |
+
[data-type="colorpicker"] .minicolors-input{
|
3266 |
+
font-style: normal;
|
3267 |
+
font-weight: normal;
|
3268 |
+
font-size: 12px;
|
3269 |
+
line-height: 150%;
|
3270 |
+
color: #434960;
|
3271 |
+
}
|
3272 |
+
|
3273 |
+
.sb-control-colorpicker-btn{
|
3274 |
+
height: 38px;
|
3275 |
+
display: flex;
|
3276 |
+
justify-content: center;
|
3277 |
+
align-items: center;
|
3278 |
+
border: 1px solid #DCDDE1;
|
3279 |
+
border-left: 0px;
|
3280 |
+
padding: 0 10px;
|
3281 |
+
background: #F3F4F5;
|
3282 |
+
font-style: normal;
|
3283 |
+
font-weight: 600;
|
3284 |
+
font-size: 12px;
|
3285 |
+
line-height: 160%;
|
3286 |
+
color: #141B38;
|
3287 |
+
cursor: pointer;
|
3288 |
+
box-sizing: border-box;
|
3289 |
+
}
|
3290 |
+
.sb-control-colorpicker-ctn[data-picker-style="reset"] .minicolors-input,
|
3291 |
+
.sb-control-coloroverride-ctn{
|
3292 |
+
background: #F3F4F5!important;
|
3293 |
+
border: 1px solid #DCDDE1!important;
|
3294 |
+
}
|
3295 |
+
.sb-control-colorpicker-ctn[data-picker-style="reset"] .minicolors-theme-default.minicolors-position-right .minicolors-swatch,
|
3296 |
+
.sb-control-coloroverride-ctn .sb-control-coloroverride-swatch{
|
3297 |
+
top: 8px;
|
3298 |
+
width: 22px;
|
3299 |
+
height: 22px;
|
3300 |
+
}
|
3301 |
+
.sb-control-coloroverride-ctn .sb-control-coloroverride-swatch{
|
3302 |
+
position: absolute;
|
3303 |
+
right: 10px;
|
3304 |
+
}
|
3305 |
+
.sb-control-coloroverride-ctn .sb-control-colorpicker-btn{
|
3306 |
+
margin-left: auto;
|
3307 |
+
border: 0px!important;
|
3308 |
+
border-left: 1px solid #DCDDE1!important;
|
3309 |
+
}
|
3310 |
+
.sb-control-coloroverride-ctn .sb-control-coloroverride-content{
|
3311 |
+
width: 100%;
|
3312 |
+
display: flex;
|
3313 |
+
align-items: center;
|
3314 |
+
position: relative;
|
3315 |
+
}
|
3316 |
+
.sb-control-coloroverride-ctn .sb-control-coloroverride-txt{
|
3317 |
+
padding-left: 9px;
|
3318 |
+
box-sizing: border-box;
|
3319 |
+
}
|
3320 |
+
|
3321 |
+
/*
|
3322 |
+
Customizer Preview
|
3323 |
+
*/
|
3324 |
+
.sb-customizer-preview{
|
3325 |
+
min-height: 100px;
|
3326 |
+
width: calc(100% - 375px);
|
3327 |
+
float: right;
|
3328 |
+
box-sizing: border-box;
|
3329 |
+
padding: 0 20px;
|
3330 |
+
display: flex;
|
3331 |
+
justify-content: center;
|
3332 |
+
margin-top: 64px;
|
3333 |
+
position: relative;
|
3334 |
+
flex-wrap: wrap;
|
3335 |
+
}
|
3336 |
+
.sb-customizer-preview #cff-admin-notices{
|
3337 |
+
margin-top: 20px;
|
3338 |
+
width: 100%;
|
3339 |
+
}
|
3340 |
+
.sb-customizer-preview .license-details-modal .cff-modal-content {
|
3341 |
+
max-height: none;
|
3342 |
+
height: auto;
|
3343 |
+
}
|
3344 |
+
.sb-customizer-preview .cff-sb-modal-body .sb-why-renew-list:nth-child(3) {
|
3345 |
+
margin-bottom: 0;
|
3346 |
+
}
|
3347 |
+
.sb-customizer-preview .cff-sb-modal-body .sb-why-renew-list:last-child {
|
3348 |
+
margin-bottom: 0;
|
3349 |
+
}
|
3350 |
+
.sb-customizer-preview[data-preview-device="desktop"] .sb-preview-ctn{
|
3351 |
+
width: 100%;
|
3352 |
+
max-width: 1200px;
|
3353 |
+
}
|
3354 |
+
.sb-customizer-preview[data-preview-device="tablet"] .sb-preview-ctn{
|
3355 |
+
max-width: 100%;
|
3356 |
+
width: 800px;
|
3357 |
+
}
|
3358 |
+
.sb-customizer-preview[data-preview-device="mobile"] .sb-preview-ctn{
|
3359 |
+
max-width: 100%;
|
3360 |
+
width: 400px;
|
3361 |
+
}
|
3362 |
+
.cff-preview-ctn {
|
3363 |
+
padding: 10px;
|
3364 |
+
}
|
3365 |
+
|
3366 |
+
.sb-preview-top-chooser{
|
3367 |
+
padding: 18px 0 16px;
|
3368 |
+
display: flex;
|
3369 |
+
color: #434960;
|
3370 |
+
align-items: center;
|
3371 |
+
}
|
3372 |
+
.sb-preview-top-chooser strong{
|
3373 |
+
font-style: normal;
|
3374 |
+
font-weight: bold;
|
3375 |
+
font-size: 12px;
|
3376 |
+
line-height: 160%;
|
3377 |
+
letter-spacing: 0.05em;
|
3378 |
+
text-transform: uppercase;
|
3379 |
+
color: #434960;
|
3380 |
+
}
|
3381 |
+
.sb-preview-chooser{
|
3382 |
+
height: 36px;
|
3383 |
+
background: #E8E8EB;
|
3384 |
+
margin-left: auto;
|
3385 |
+
padding: 0 2px;
|
3386 |
+
border-radius: 1px;
|
3387 |
+
display: flex;
|
3388 |
+
justify-content: center;
|
3389 |
+
align-items: center;
|
3390 |
+
}
|
3391 |
+
.sb-preview-chooser-btn,.sb-preview-chooser-btn:focus{
|
3392 |
+
width: 40px;
|
3393 |
+
height: 32px;
|
3394 |
+
display: flex;
|
3395 |
+
justify-content: center;
|
3396 |
+
align-items: center;
|
3397 |
+
cursor: pointer;
|
3398 |
+
float: left;
|
3399 |
+
border: 0;
|
3400 |
+
background: unset;
|
3401 |
+
outline: none;
|
3402 |
+
}
|
3403 |
+
|
3404 |
+
.sb-preview-chooser-btn svg{
|
3405 |
+
width: 15px;
|
3406 |
+
fill: currentColor;
|
3407 |
+
float: left;
|
3408 |
+
}
|
3409 |
+
.sb-preview-chooser-btn.sb-mobilee svg{
|
3410 |
+
width: 9px;
|
3411 |
+
fill: currentColor;
|
3412 |
+
float: left;
|
3413 |
+
}
|
3414 |
+
.sb-preview-chooser-btn[data-active="true"],
|
3415 |
+
.sb-preview-chooser-btn:hover{
|
3416 |
+
background: #fff!important;
|
3417 |
+
box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.25);
|
3418 |
+
border-radius: 1px;
|
3419 |
+
}
|
3420 |
+
|
3421 |
+
.sb-control-checkboxsection-header{
|
3422 |
+
width: 100%;
|
3423 |
+
margin-top: 25px;
|
3424 |
+
display: flex;
|
3425 |
+
align-items: center;
|
3426 |
+
text-transform: uppercase;
|
3427 |
+
font-size: 13px;
|
3428 |
+
padding-bottom: 15px;
|
3429 |
+
position: relative;
|
3430 |
+
}
|
3431 |
+
.sb-control-checkboxsection-header:before{
|
3432 |
+
content: '';
|
3433 |
+
position: absolute;
|
3434 |
+
left: -20px;
|
3435 |
+
width: calc(100% + 40px);
|
3436 |
+
height: 1px;
|
3437 |
+
background: #DCDDE1;
|
3438 |
+
bottom: 0px;
|
3439 |
+
}
|
3440 |
+
.sb-control-checkboxsection-name{
|
3441 |
+
display: flex;
|
3442 |
+
align-items: center;
|
3443 |
+
}
|
3444 |
+
.sb-control-checkboxsection-header svg{
|
3445 |
+
width: 20px;
|
3446 |
+
margin-right: 7px;
|
3447 |
+
fill: #434960;
|
3448 |
+
float: left;
|
3449 |
+
}
|
3450 |
+
.sb-control-checkboxsection-header > strong{
|
3451 |
+
margin-left: auto;
|
3452 |
+
}
|
3453 |
+
[data-type="checkboxsection"] .sb-control-checkbox-ctn{
|
3454 |
+
align-items: center;
|
3455 |
+
height: 50px;
|
3456 |
+
}
|
3457 |
+
[data-type="checkboxsection"] {
|
3458 |
+
padding: 0 20px !important;
|
3459 |
+
}
|
3460 |
+
[data-type="checkboxsection"] .sb-control-elem-label{
|
3461 |
+
display: none;
|
3462 |
+
}
|
3463 |
+
[data-type="checkboxsection"] strong{
|
3464 |
+
color: #434960
|
3465 |
+
}
|
3466 |
+
[data-type="checkboxsection"] [data-active="true"] strong{
|
3467 |
+
color: #141B38;
|
3468 |
+
}
|
3469 |
+
.sb-control-checkboxsection-btn{
|
3470 |
+
width: 21px;
|
3471 |
+
height: 21px;
|
3472 |
+
position: relative;
|
3473 |
+
cursor: pointer;
|
3474 |
+
}
|
3475 |
+
.sb-control-checkboxsection-btn:before{
|
3476 |
+
content: '';
|
3477 |
+
position: absolute;
|
3478 |
+
width: 7px;
|
3479 |
+
height: 7px;
|
3480 |
+
left: 5px;
|
3481 |
+
top: 7px;
|
3482 |
+
border-right: 2px solid #8C8F9A;
|
3483 |
+
border-bottom: 2px solid #8C8F9A;
|
3484 |
+
-webkit-transform: rotate(-45deg);
|
3485 |
+
transform: rotate(-45deg);
|
3486 |
+
}
|
3487 |
+
|
3488 |
+
/*Disabled Controls*/
|
3489 |
+
.sb-control-elem-ctn[data-disabled="true"] input[type="text"],
|
3490 |
+
.sb-control-elem-ctn[data-disabled="true"] input[type="number"],
|
3491 |
+
.sb-control-elem-ctn[data-disabled="true"] input[type="date"],
|
3492 |
+
.sb-control-elem-ctn[data-disabled="true"] textarea{
|
3493 |
+
background: #f0f0f0!important;
|
3494 |
+
border-color: #D0D1D7!important;
|
3495 |
+
}
|
3496 |
+
|
3497 |
+
.sb-control-elem-ctn[data-disabled="true"] .sb-control-colorpicker-swatch{
|
3498 |
+
background: #D0D1D7!important;
|
3499 |
+
}
|
3500 |
+
.sb-control-elem-ctn[data-disabled="true"] .sb-control-checkbox{
|
3501 |
+
background: #D0D1D7!important;
|
3502 |
+
border-color: #c1c1c1!important;
|
3503 |
+
}
|
3504 |
+
.sb-control-elem-ctn[data-disabled="true"] .sb-control-toggle-elm{
|
3505 |
+
background: #e5e6e7!important;
|
3506 |
+
}
|
3507 |
+
.sb-control-elem-ctn[data-disabled="true"] .sb-control-toggle-elm{
|
3508 |
+
border-color: #c1c1c1!important;
|
3509 |
+
}
|
3510 |
+
.sb-control-elem-ctn[data-disabled="true"] .sb-control-toggle-elm[data-active="true"]{
|
3511 |
+
border-top: 0px;
|
3512 |
+
}
|
3513 |
+
.sb-control-elem-ctn[data-disabled="true"] .sb-control-toggle-elm .sb-control-toggle-deco{
|
3514 |
+
border-color: #bbb!important;
|
3515 |
+
}
|
3516 |
+
.sb-control-elem-ctn[data-disabled="true"] .sb-control-toggle-elm[data-active="true"] .sb-control-toggle-deco{
|
3517 |
+
border-color: #8C8F9A!important;
|
3518 |
+
|
3519 |
+
}
|
3520 |
+
|
3521 |
+
/*Source Controls*/
|
3522 |
+
.sb-control-sources-ctn .cff-fb-srcs-item{
|
3523 |
+
box-sizing: border-box;
|
3524 |
+
position: relative;
|
3525 |
+
cursor: auto;
|
3526 |
+
display: block;
|
3527 |
+
height: auto;
|
3528 |
+
border: 1px solid #E7E7E9;
|
3529 |
+
min-height: 60px;
|
3530 |
+
overflow: auto;
|
3531 |
+
margin-top: 0px;
|
3532 |
+
}
|
3533 |
+
.cff-fb-srcs-item-ins{
|
3534 |
+
cursor: pointer;
|
3535 |
+
display: flex;
|
3536 |
+
height: 62px;
|
3537 |
+
padding: 0 10px;
|
3538 |
+
position: relative;
|
3539 |
+
}
|
3540 |
+
.sb-control-src-icon{
|
3541 |
+
width: 20px;
|
3542 |
+
height: 20px;
|
3543 |
+
position: absolute;
|
3544 |
+
right: 10px;
|
3545 |
+
top: 10px;
|
3546 |
+
z-index: 2;
|
3547 |
+
cursor: pointer;
|
3548 |
+
display: flex;
|
3549 |
+
justify-content: center;
|
3550 |
+
align-items: center;
|
3551 |
+
}
|
3552 |
+
.sb-control-src-icon svg{
|
3553 |
+
width: 13px;
|
3554 |
+
float: left;
|
3555 |
+
}
|
3556 |
+
[data-expanded="true"] .sb-control-src-expand svg,.cff-fb-srcs-info {
|
3557 |
+
display: none
|
3558 |
+
}
|
3559 |
+
.sb-control-src-expand-chevron{
|
3560 |
+
width: 7px;
|
3561 |
+
height: 7px;
|
3562 |
+
border-left: 2px solid currentColor;
|
3563 |
+
border-top: 2px solid currentColor;
|
3564 |
+
-webkit-transform: rotate(45deg);
|
3565 |
+
transform: rotate(45deg);
|
3566 |
+
display: none;
|
3567 |
+
}
|
3568 |
+
[data-expanded="true"] .sb-control-src-expand-chevron,[data-expanded="true"] .cff-fb-srcs-info {
|
3569 |
+
display: block;
|
3570 |
+
}
|
3571 |
+
.sb-control-src-remove svg{
|
3572 |
+
width: 11px;
|
3573 |
+
fill: var(--error-red);
|
3574 |
+
}
|
3575 |
+
.sb-control-sources-ctn[data-multifeed="true"] .sb-control-src-expand {
|
3576 |
+
right: 30px;
|
3577 |
+
}
|
3578 |
+
.sb-control-elem-output .sb-control-src-expand:hover {
|
3579 |
+
background: #F3F4F5;
|
3580 |
+
border-radius: 3px;
|
3581 |
+
}
|
3582 |
+
.sb-control-elem-output .sb-control-src-expand:hover path{
|
3583 |
+
fill: #111;
|
3584 |
+
}
|
3585 |
+
|
3586 |
+
.sb-control-sources-ctn .cff-fb-srcs-item .cff-fb-srcs-item-name{
|
3587 |
+
font-size: 17px;
|
3588 |
+
line-height: 1em;
|
3589 |
+
margin-bottom: 3px;
|
3590 |
+
}
|
3591 |
+
|
3592 |
+
.cff-fb-srcs-info-item{
|
3593 |
+
display: flex;
|
3594 |
+
border-top: 1px solid #E7E7E9;
|
3595 |
+
box-sizing: border-box;
|
3596 |
+
width: 100%;
|
3597 |
+
float: left;
|
3598 |
+
padding: 8px 10px;
|
3599 |
+
}
|
3600 |
+
.cff-fb-srcs-info-item:first-of-type{
|
3601 |
+
align-items: center;
|
3602 |
+
}
|
3603 |
+
.cff-fb-srcs-info-item strong{
|
3604 |
+
font-size: 14px;
|
3605 |
+
width: 50px;
|
3606 |
+
}
|
3607 |
+
.cff-fb-srcs-info-item span{
|
3608 |
+
font-size: 13px;
|
3609 |
+
line-height: 1.1em;
|
3610 |
+
color: #434960;
|
3611 |
+
font-weight: 400;
|
3612 |
+
display: inline-block;
|
3613 |
+
word-break: break-all;
|
3614 |
+
width: calc(100% - 80px);
|
3615 |
+
padding: 0 15px;
|
3616 |
+
box-sizing: border-box;
|
3617 |
+
}
|
3618 |
+
.cff-fb-srcs-info-icon{
|
3619 |
+
width: 26px;
|
3620 |
+
height: 26px;
|
3621 |
+
display: flex;
|
3622 |
+
justify-content: center;
|
3623 |
+
align-items: center;
|
3624 |
+
cursor: pointer;
|
3625 |
+
margin-left: auto;
|
3626 |
+
border: 1px solid #D0D1D7;
|
3627 |
+
border-radius: 2px;
|
3628 |
+
}
|
3629 |
+
.cff-fb-srcs-info-icon svg{
|
3630 |
+
width: 15px;
|
3631 |
+
float: left;
|
3632 |
+
}
|
3633 |
+
.sb-control-sources-ctn .sb-control-action-button{
|
3634 |
+
margin-top: 8px;
|
3635 |
+
margin-bottom: 16px;
|
3636 |
+
}
|
3637 |
+
.sb-control-sources-promo-ctn{
|
3638 |
+
padding: 16px 0;
|
3639 |
+
}
|
3640 |
+
.sb-control-sources-promo-ctn:before{
|
3641 |
+
content: '';
|
3642 |
+
position: absolute;
|
3643 |
+
height: 1px;
|
3644 |
+
width: calc(100% + 40px);
|
3645 |
+
left: -20px;
|
3646 |
+
top: 0px;
|
3647 |
+
background: #E7E7E9;
|
3648 |
+
}
|
3649 |
+
.sb-control-sources-promo-top{
|
3650 |
+
width: 100%;
|
3651 |
+
box-sizing: border-box;
|
3652 |
+
padding: 30px 20px;
|
3653 |
+
border: 1px solid #E8E8EB;
|
3654 |
+
float: left;
|
3655 |
+
background: #F9F9FA;
|
3656 |
+
}
|
3657 |
+
.sb-control-sources-promo-top > div{
|
3658 |
+
width: 100%;
|
3659 |
+
float: left;
|
3660 |
+
text-align: center;
|
3661 |
+
display: flex;
|
3662 |
+
justify-content: center;
|
3663 |
+
align-items: center;
|
3664 |
+
box-sizing: border-box;
|
3665 |
+
line-height: 1.6em;
|
3666 |
+
}
|
3667 |
+
.sb-btn-chevron{
|
3668 |
+
display: inline-block;
|
3669 |
+
width: 7px;
|
3670 |
+
height: 7px;
|
3671 |
+
border-right: 2px solid currentColor;
|
3672 |
+
border-top: 2px solid currentColor;
|
3673 |
+
-webkit-transform: rotate(45deg);
|
3674 |
+
transform: rotate(45deg);
|
3675 |
+
}
|
3676 |
+
.sb-control-sources-promo-text{
|
3677 |
+
font-size: 15px;
|
3678 |
+
font-weight: 600;
|
3679 |
+
}
|
3680 |
+
.sb-control-sources-promo-btn{
|
3681 |
+
display: flex;
|
3682 |
+
align-items: center;
|
3683 |
+
justify-content: center;
|
3684 |
+
padding: 16px 20px;
|
3685 |
+
color: #fff !important;
|
3686 |
+
background: #0068A0;
|
3687 |
+
font-size: 15px;
|
3688 |
+
}
|
3689 |
+
.sb-control-sources-promo-btn div{
|
3690 |
+
margin-left: 10px;
|
3691 |
+
}
|
3692 |
+
.sb-control-sources-promo-icon{
|
3693 |
+
margin-bottom: 20px;
|
3694 |
+
}
|
3695 |
+
|
3696 |
+
/*Loading Bar*/
|
3697 |
+
.sb-loadingbar-ctn{
|
3698 |
+
position: absolute;
|
3699 |
+
height: 5px;
|
3700 |
+
width: 100%;
|
3701 |
+
left: 0px;
|
3702 |
+
bottom: 0px;
|
3703 |
+
background: rgba(227, 79, 14, 0.25);
|
3704 |
+
z-index: 999999999999999;
|
3705 |
+
}
|
3706 |
+
.sb-loadingbar-ctn:before, .sb-loadingbar-ctn:after{
|
3707 |
+
content: '';
|
3708 |
+
position: absolute;
|
3709 |
+
height: 5px;
|
3710 |
+
background: #E34F0E;
|
3711 |
+
z-index: 9;
|
3712 |
+
top: 0;
|
3713 |
+
}
|
3714 |
+
|
3715 |
+
.sb-loadingbar-ctn:before{
|
3716 |
+
-webkit-animation: cff-loading-animation 4s infinite;
|
3717 |
+
animation: cff-loading-animation 4s infinite;
|
3718 |
+
}
|
3719 |
+
.sb-loadingbar-ctn:after{
|
3720 |
+
-webkit-animation: cff-loading-animation 4s 2s infinite;
|
3721 |
+
animation: cff-loading-animation 4s 2s infinite;
|
3722 |
+
}
|
3723 |
+
|
3724 |
+
@-webkit-keyframes cff-loading-animation {
|
3725 |
+
from { left: -5%; width: 0%; }
|
3726 |
+
to { left: 130%; width: 50%;}
|
3727 |
+
}
|
3728 |
+
@keyframes cff-loading-animation {
|
3729 |
+
from { left: -5%; width: 0%; }
|
3730 |
+
to { left: 130%; width: 50%;}
|
3731 |
+
}
|
3732 |
+
|
3733 |
+
/*Notification Element*/
|
3734 |
+
.sb-notification-ctn{
|
3735 |
+
position: fixed;
|
3736 |
+
bottom: -100px;
|
3737 |
+
left: 200px;
|
3738 |
+
z-index: 99999;
|
3739 |
+
background: #fff;
|
3740 |
+
display: flex;
|
3741 |
+
justify-content: center;
|
3742 |
+
align-items: center;
|
3743 |
+
border-left: 3px solid #fff;
|
3744 |
+
line-height: 1em;
|
3745 |
+
padding: 10px 20px;
|
3746 |
+
padding-left: 0px;
|
3747 |
+
border-radius: 4px;
|
3748 |
+
box-shadow: 0px 26.7377px 77.2886px rgba(0, 0, 0, 0.107828), 0px 14.2952px 41.3222px rgba(0, 0, 0, 0.0894161), 0px 8.01379px 23.1649px rgba(0, 0, 0, 0.075), 0px 4.25607px 12.3027px rgba(0, 0, 0, 0.0605839), 0px 1.77104px 5.11942px rgba(0, 0, 0, 0.0421718);
|
3749 |
+
|
3750 |
+
}
|
3751 |
+
.sb-notification-ctn[data-active="hidden"]{
|
3752 |
+
-webkit-animation: cff-notification-hide .5s forwards linear;
|
3753 |
+
animation: cff-notification-hide .5s forwards linear;
|
3754 |
+
}
|
3755 |
+
.sb-notification-ctn[data-active="shown"]{
|
3756 |
+
-webkit-animation: cff-notification-show .5s forwards linear;
|
3757 |
+
animation: cff-notification-show .5s forwards linear;
|
3758 |
+
}
|
3759 |
+
@-webkit-keyframes cff-notification-show { 0%{bottom: -100px;} 50%{bottom: 70px;} 70%{bottom: 60px;} 85%{bottom: 65px;} 100%{bottom: 50px;}}
|
3760 |
+
@keyframes cff-notification-show { 0%{bottom: -100px;} 50%{bottom: 70px;} 70%{bottom: 60px;} 85%{bottom: 65px;} 100%{bottom: 50px;}}
|
3761 |
+
|
3762 |
+
@-webkit-keyframes cff-notification-hide {0%{bottom: 50px;}55%{bottom: 65px;}70%{bottom: 60px;}85%{bottom: 70px;}100%{bottom: -100px;}}
|
3763 |
+
@keyframes cff-notification-hide {0%{bottom: 50px;}55%{bottom: 65px;}70%{bottom: 60px;}85%{bottom: 70px;}100%{bottom: -100px;}}
|
3764 |
+
|
3765 |
+
.sb-notification-ctn[data-type="success"]{
|
3766 |
+
border-color: #59AB46;
|
3767 |
+
}
|
3768 |
+
.sb-notification-ctn[data-type="error"]{
|
3769 |
+
border-color: #D72C2C;
|
3770 |
+
}
|
3771 |
+
.sb-notification-ctn[data-type="message"]{
|
3772 |
+
border-color: #141B38;
|
3773 |
+
}
|
3774 |
+
.sb-notification-icon{
|
3775 |
+
width: 25px;
|
3776 |
+
height: 25px;
|
3777 |
+
display: flex;
|
3778 |
+
justify-content: center;
|
3779 |
+
align-items: center;
|
3780 |
+
margin-left: 10px;
|
3781 |
+
margin-right: 15px;
|
3782 |
+
}
|
3783 |
+
.sb-notification-icon svg{
|
3784 |
+
width: 22px;
|
3785 |
+
height: 22px;
|
3786 |
+
float: left;
|
3787 |
+
fill: currentColor;
|
3788 |
+
}
|
3789 |
+
|
3790 |
+
.sb-notification-ctn[data-type="success"] .sb-notification-icon{
|
3791 |
+
color: #59AB46;
|
3792 |
+
}
|
3793 |
+
.sb-notification-ctn[data-type="error"] .sb-notification-icon{
|
3794 |
+
color: #D72C2C;
|
3795 |
+
}
|
3796 |
+
.sb-notification-ctn[data-type="message"] .sb-notification-icon{
|
3797 |
+
color: #141B38;
|
3798 |
+
}
|
3799 |
+
|
3800 |
+
.sb-notification-ctn span{
|
3801 |
+
font-size: 14px;
|
3802 |
+
color: #141B38;
|
3803 |
+
font-weight:500;
|
3804 |
+
}
|
3805 |
+
|
3806 |
+
/* Onboarding */
|
3807 |
+
.sb-onboarding-tooltip {
|
3808 |
+
display: none;
|
3809 |
+
position: absolute;
|
3810 |
+
min-height: auto;
|
3811 |
+
width: 432px;
|
3812 |
+
max-width: 100%;
|
3813 |
+
padding: 0;
|
3814 |
+
border-radius: 2px;
|
3815 |
+
}
|
3816 |
+
#sb-onboarding-tooltip-multiple-2,
|
3817 |
+
#sb-onboarding-tooltip-multiple-3{
|
3818 |
+
width: 528px;
|
3819 |
+
}
|
3820 |
+
#sb-onboarding-tooltip-single-2 {
|
3821 |
+
width: 402px;
|
3822 |
+
z-index: 99999999999999;
|
3823 |
+
}
|
3824 |
+
.sb-onboarding-active .sb-onboarding-highlight .cff-fb-btn.cff-fb-btn-new,
|
3825 |
+
.sb-onboarding-active .sb-positioning-wrap.sb-onboarding-highlight,
|
3826 |
+
.sb-onboarding-active .cff-fd-lst-bigctn .cff-table-wrap.sb-onboarding-highlight,
|
3827 |
+
.sb-onboarding-active .cff-fb-lgc-ctn.sb-onboarding-highlight,
|
3828 |
+
.sb-onboarding-active .cff-fb-lgc-ctn .cff-legacy-table-wrap.sb-onboarding-highlight{
|
3829 |
+
position: relative;
|
3830 |
+
z-index: 100000;
|
3831 |
+
}
|
3832 |
+
.sb-onboarding-active .cff-fd-legacy-feed-toggle {
|
3833 |
+
display: none;
|
3834 |
+
}
|
3835 |
+
.cff-legacy-table-wrap.sb-onboarding-highlight {
|
3836 |
+
clear: both;
|
3837 |
+
}
|
3838 |
+
.sb-onboarding-tooltip-1 {
|
3839 |
+
top: 50px;
|
3840 |
+
left: 8px;
|
3841 |
+
}
|
3842 |
+
#sb-onboarding-tooltip-single-2 {
|
3843 |
+
bottom: -179px;
|
3844 |
+
top: auto;
|
3845 |
+
left: 68%;
|
3846 |
+
margin-left: -201px;
|
3847 |
+
}
|
3848 |
+
#sb-onboarding-tooltip-multiple-2,
|
3849 |
+
#sb-onboarding-tooltip-multiple-3{
|
3850 |
+
top: -200px;
|
3851 |
+
left: 20%;
|
3852 |
+
}
|
3853 |
+
#sb-onboarding-tooltip-multiple-3 {
|
3854 |
+
top: -210px;
|
3855 |
+
}
|
3856 |
+
.sb-onboarding-tooltip .cff-fb-wrapper {
|
3857 |
+
display: flex;
|
3858 |
+
justify-content: flex-end;
|
3859 |
+
}
|
3860 |
+
.sb-positioning-wrap {
|
3861 |
+
width: 432px;
|
3862 |
+
}
|
3863 |
+
.sb-onboarding-tooltip .cff-fb-popup-cls {
|
3864 |
+
position:absolute;
|
3865 |
+
width: 12px;
|
3866 |
+
height: 12px;
|
3867 |
+
top: 12px;
|
3868 |
+
right: 12px;
|
3869 |
+
}
|
3870 |
+
.sb-onboarding-tooltip .cff-fb-popup-cls svg {
|
3871 |
+
width: 12px;
|
3872 |
+
height: 12px;
|
3873 |
+
}
|
3874 |
+
.sb-onboarding-tooltip h3 {
|
3875 |
+
font-size: 16px;
|
3876 |
+
color: #141B38;
|
3877 |
+
line-height: 160%;
|
3878 |
+
font-weight: 600;
|
3879 |
+
margin: 0;
|
3880 |
+
}
|
3881 |
+
.sb-onboarding-step {
|
3882 |
+
font-style: normal;
|
3883 |
+
font-weight: normal;
|
3884 |
+
font-size: 12px;
|
3885 |
+
line-height: 160%;
|
3886 |
+
color: #434960;
|
3887 |
+
margin: 2px 0 20px;
|
3888 |
+
display: block;
|
3889 |
+
}
|
3890 |
+
.cff-onboarding-next,
|
3891 |
+
.cff-onboarding-previous{
|
3892 |
+
color: #353A41;
|
3893 |
+
background: #F3F4F5;
|
3894 |
+
border: 1px solid #DCDDE1;
|
3895 |
+
margin-left: 10px;
|
3896 |
+
}
|
3897 |
+
.sb-onboarding-tooltip .cff-fb-hd-btn {
|
3898 |
+
margin-right: 0;
|
3899 |
+
}
|
3900 |
+
.sb-onboarding-tooltip .cff-fb-hd-btn i {
|
3901 |
+
margin: 0;
|
3902 |
+
}
|
3903 |
+
.cff-onboarding-finish{
|
3904 |
+
margin-left: 10px;
|
3905 |
+
padding: 0 32px;
|
3906 |
+
}
|
3907 |
+
.sb-onboarding-tooltip .cff-fb-hd-btn[data-active="false"] {
|
3908 |
+
background-color: #e8e8eb;
|
3909 |
+
color: #8c8f99;
|
3910 |
+
}
|
3911 |
+
.sb-onboarding-tooltip .cff-fb-hd-btn[data-active="false"]:hover {
|
3912 |
+
cursor: default;
|
3913 |
+
}
|
3914 |
+
.sb-step-counter-wrap span {
|
3915 |
+
font-style: normal;
|
3916 |
+
font-weight: bold;
|
3917 |
+
font-size: 12px;
|
3918 |
+
line-height: 160%;
|
3919 |
+
letter-spacing: 0.05em;
|
3920 |
+
text-transform: uppercase;
|
3921 |
+
color: #141B38;
|
3922 |
+
}
|
3923 |
+
.sb-onboarding-tooltip .sb-pointer {
|
3924 |
+
position: absolute;
|
3925 |
+
left: 50px;
|
3926 |
+
top: -14px;
|
3927 |
+
}
|
3928 |
+
.sb-onboarding-tooltip .sb-pointer.sb-bottom-pointer {
|
3929 |
+
top: auto;;
|
3930 |
+
bottom: -14px;
|
3931 |
+
}
|
3932 |
+
#sb-onboarding-tooltip-single-2 .sb-pointer {
|
3933 |
+
left: 193px;
|
3934 |
+
}
|
3935 |
+
#sb-onboarding-tooltip-multiple-2:before,
|
3936 |
+
#sb-onboarding-tooltip-multiple-3:before{
|
3937 |
+
bottom: -8px;
|
3938 |
+
}
|
3939 |
+
.sb-onboarding-top-row {
|
3940 |
+
padding: 20px 44px 0 24px;
|
3941 |
+
}
|
3942 |
+
.sb-onboarding-bottom-row {
|
3943 |
+
display: flex;
|
3944 |
+
flex-direction: row;
|
3945 |
+
justify-content: space-between;
|
3946 |
+
align-items: center;
|
3947 |
+
padding: 8px 16px 12px 24px;
|
3948 |
+
}
|
3949 |
+
|
3950 |
+
|
3951 |
+
/*Vue Color Picker*/
|
3952 |
+
.sb-control-colorpicker-ctn .vc-sketch{
|
3953 |
+
box-shadow: none!important;
|
3954 |
+
}
|
3955 |
+
.sb-control-colorpicker-popup{
|
3956 |
+
box-shadow: 0px 0px 10px rgba(0,0,0,0.2);
|
3957 |
+
position: absolute;
|
3958 |
+
z-index: 99;
|
3959 |
+
top: 100%;
|
3960 |
+
background: #fff;
|
3961 |
+
right: 0px;
|
3962 |
+
}
|
3963 |
+
.sb-control-colorpicker-popup .sb-colorpicker-reset-btn{
|
3964 |
+
width: calc(100% - 20px);
|
3965 |
+
margin-left: 10px;
|
3966 |
+
margin-bottom: 15px;
|
3967 |
+
}
|
3968 |
+
.sb-control-colorpicker-swatch{
|
3969 |
+
width: 38px;
|
3970 |
+
height: 38px;
|
3971 |
+
position: absolute;
|
3972 |
+
right: 1px;
|
3973 |
+
top: 1px;
|
3974 |
+
background: #f7f7f7;
|
3975 |
+
}
|
3976 |
+
.sb-control-colorpicker-ctn .sb-control-input{
|
3977 |
+
width: 100%;
|
3978 |
+
}
|
3979 |
+
|
3980 |
+
@media (min-width: 768px) and (max-width: 1023px) {
|
3981 |
+
.cff-csz-header-insider {
|
3982 |
+
width: 100%;
|
3983 |
+
}
|
3984 |
+
.cff-csz-header-insider .sb-button-standard {
|
3985 |
+
padding: 10px 14px 10px 30px;
|
3986 |
+
}
|
3987 |
+
}
|
3988 |
+
@media (min-width: 1024px) and (max-width: 1200px) {
|
3989 |
+
.cff-fb-wlcm-inf-3 {
|
3990 |
+
padding-left: 120px;
|
3991 |
+
}
|
3992 |
+
}
|
3993 |
+
@media (max-width: 767px) {
|
3994 |
+
.cff-fd-lst-thtf th:nth-child(3),
|
3995 |
+
.cff-fd-lst-thtf th:nth-child(4),
|
3996 |
+
.cff-fd-lst-tbody tr td:nth-child(3),
|
3997 |
+
.cff-fd-lst-tbody tr td:nth-child(4),
|
3998 |
+
.cff-fd-lst-thtf tr td:nth-child(3),
|
3999 |
+
.cff-fd-lst-thtf tr td:nth-child(4) {
|
4000 |
+
display: none;
|
4001 |
+
}
|
4002 |
+
.cff-fd-lst-thtf th:last-child,
|
4003 |
+
.cff-fd-lst-thtf tr td:last-child {
|
4004 |
+
padding-right: 15px;
|
4005 |
+
text-align: right;
|
4006 |
+
}
|
4007 |
+
.cff-fd-lst-tbody tr td.cff-fd-lst-actions .sb-flex-center{
|
4008 |
+
justify-content: flex-end;
|
4009 |
+
padding-right: 8px;
|
4010 |
+
}
|
4011 |
+
.cff-fb-full-wrapper {
|
4012 |
+
padding: 70px 20px 0 20px;
|
4013 |
+
}
|
4014 |
+
.cff-fb-header {
|
4015 |
+
padding: 0px 20px;
|
4016 |
+
}
|
4017 |
+
.cff-bld-ft-content {
|
4018 |
+
flex-wrap: wrap;
|
4019 |
+
}
|
4020 |
+
#sb-footer-banner .cff-bld-ft-img {
|
4021 |
+
width: 100%;
|
4022 |
+
height: 140px;
|
4023 |
+
}
|
4024 |
+
#sb-footer-banner .cff-bld-ft-img img {
|
4025 |
+
height: 100%;
|
4026 |
+
width: auto;
|
4027 |
+
}
|
4028 |
+
#sb-footer-banner .cff-bld-ft-txt {
|
4029 |
+
justify-content: center;
|
4030 |
+
align-items: center;
|
4031 |
+
width: 100%;
|
4032 |
+
margin-right: 3%;
|
4033 |
+
padding: 20px;
|
4034 |
+
}
|
4035 |
+
.cff-bld-ft-action {
|
4036 |
+
width: 100%;
|
4037 |
+
padding: 0 20px 20px;
|
4038 |
+
}
|
4039 |
+
.cff-bld-footer > div {
|
4040 |
+
margin-bottom: 60px;
|
4041 |
+
}
|
4042 |
+
|
4043 |
+
/* single feed page */
|
4044 |
+
.cff-csz-header-insider {
|
4045 |
+
flex-wrap: wrap;
|
4046 |
+
height: auto;
|
4047 |
+
width: 100%;
|
4048 |
+
}
|
4049 |
+
.cff-fb-header.cff-csz-header {
|
4050 |
+
height: 110px;
|
4051 |
+
}
|
4052 |
+
.cff-csz-header.cff-fb-header {
|
4053 |
+
padding-bottom: 6px;
|
4054 |
+
}
|
4055 |
+
.cff-csz-header .cff-csz-hd-actions {
|
4056 |
+
margin-top: 10px;
|
4057 |
+
}
|
4058 |
+
.sb-customizer-preview {
|
4059 |
+
display: none;
|
4060 |
+
}
|
4061 |
+
.sb-customizer-ctn .sb-customizer-sidebar {
|
4062 |
+
position: initial;
|
4063 |
+
margin-top: 110px;
|
4064 |
+
width: 100%;
|
4065 |
+
}
|
4066 |
+
.sb-notification-ctn {
|
4067 |
+
left: 20px;
|
4068 |
+
}
|
4069 |
+
.cff-fb-header .sb-button-standard{
|
4070 |
+
padding: 10px 10px 10px 31px;
|
4071 |
+
}
|
4072 |
+
.cff-fb-embed-ctn.sb-fs-boss.cff-fb-center-boss .cff-fb-popup-inside {
|
4073 |
+
top: 35px;
|
4074 |
+
}
|
4075 |
+
.cff-fb-embed-btns-ctn {
|
4076 |
+
grid-template-columns: 100%;
|
4077 |
+
}
|
4078 |
+
.cff-fb-embed-btns-ctn .cff-fb-embed-btn {
|
4079 |
+
margin-bottom: 10px;
|
4080 |
+
}
|
4081 |
+
.cff-fb-embed-ctn.sb-fs-boss.cff-fb-center-boss .cff-fb-popup-inside .cff-fb-embed-step-1-top {
|
4082 |
+
margin-bottom: 10px;
|
4083 |
+
}
|
4084 |
+
.cff-fb-embed-ctn.sb-fs-boss.cff-fb-center-boss .cff-fb-popup-inside .cff-fb-embed-input-ctn {
|
4085 |
+
flex-wrap: wrap;
|
4086 |
+
}
|
4087 |
+
.cff-fb-embed-input-ctn input, .cff-fb-embed-input-ctn input[type="text"] {
|
4088 |
+
width: 100%;
|
4089 |
+
border-right: 1px solid #D0D1D7!important;
|
4090 |
+
}
|
4091 |
+
.cff-fb-embed-input-ctn .cff-fb-hd-btn {
|
4092 |
+
width: 32%;
|
4093 |
+
max-width: 120px;
|
4094 |
+
margin-top: 10px !important;
|
4095 |
+
padding: 8px;
|
4096 |
+
}
|
4097 |
+
.sb-fs-boss.cff-fb-center-boss {
|
4098 |
+
z-index: 100001 !important;
|
4099 |
+
}
|
4100 |
+
#sb-footer-banner .cff-bld-ft-txt {
|
4101 |
+
flex-wrap: wrap;
|
4102 |
+
}
|
4103 |
+
#cff-builder-app #sb-footer-banner h3,
|
4104 |
+
#cff-builder-app #sb-footer-banner .sb-small-p {
|
4105 |
+
width: 100%;
|
4106 |
+
}
|
4107 |
+
#cff-builder-app #sb-footer-banner h3 {
|
4108 |
+
margin-bottom: 10px;
|
4109 |
+
}
|
4110 |
+
.cff-fb-srcslist-ctn {
|
4111 |
+
grid-template-columns: 100%
|
4112 |
+
}
|
4113 |
+
.cff-fb-mr-fd-img {
|
4114 |
+
width: 100%;
|
4115 |
+
margin-right: 0;
|
4116 |
+
}
|
4117 |
+
.cff-fb-mr-fd-img svg {
|
4118 |
+
max-width: 100%;
|
4119 |
+
}
|
4120 |
+
.cff-fd-lst-tbody tr td:nth-child(2) {
|
4121 |
+
width: 50%;
|
4122 |
+
}
|
4123 |
+
|
4124 |
+
.cff-fb-wlcm-inf-1,
|
4125 |
+
.cff-fb-wlcm-inf-2,
|
4126 |
+
.cff-fb-wlcm-inf-3 {
|
4127 |
+
padding-left: 0;
|
4128 |
+
}
|
4129 |
+
|
4130 |
+
.cff-fb-wlcm-inf-3 .cff-fb-inf-img,
|
4131 |
+
.cff-fb-wlcm-inf-2 .cff-fb-inf-img,
|
4132 |
+
.cff-fb-wlcm-inf-1 .cff-fb-inf-svg {
|
4133 |
+
display: none;
|
4134 |
+
}
|
4135 |
+
.cff-fb-wlcm-inf-3 .cff-fb-inf-cnt {
|
4136 |
+
justify-content: flex-start;
|
4137 |
+
}
|
4138 |
+
.cff-fb-wlcm-inf-1 .cff-fb-inf-cnt {
|
4139 |
+
width: calc(100% - 53px);
|
4140 |
+
}
|
4141 |
+
.cff-fb-wlcm-inf-2 .cff-fb-inf-cnt,
|
4142 |
+
.cff-fb-wlcm-inf-3 .cff-fb-inf-cnt {
|
4143 |
+
width: 100%;
|
4144 |
+
}
|
4145 |
+
|
4146 |
+
.cff-fb-wlcm-inf-1 .cff-fb-inf-cnt .cff-fb-inf-txt{
|
4147 |
+
width: 80%;
|
4148 |
+
}
|
4149 |
+
|
4150 |
+
.cff-fb-wlcm-inf-2 .cff-fb-inf-cnt {
|
4151 |
+
margin-bottom: 24px;
|
4152 |
+
}
|
4153 |
+
|
4154 |
+
}
|
4155 |
+
|
4156 |
+
@media (min-width: 768px) and (max-width: 1023px) {
|
4157 |
+
.cff-fb-wlcm-inf-3 {
|
4158 |
+
padding-left: 7px;
|
4159 |
+
}
|
4160 |
+
.cff-fb-wlcm-inf-2 {
|
4161 |
+
padding-left: 52px;
|
4162 |
+
}
|
4163 |
+
.cff-fb-wlcm-inf-1 {
|
4164 |
+
padding-left: 85px;
|
4165 |
+
}
|
4166 |
+
.cff-fb-wlcm-inf-1 .cff-fb-inf-svg {
|
4167 |
+
display: none;
|
4168 |
+
}
|
4169 |
+
}
|
4170 |
+
|
4171 |
+
/*
|
4172 |
+
FREE
|
4173 |
+
*/
|
4174 |
+
|
4175 |
+
.cff-fb-types-list-free{
|
4176 |
+
display: block;
|
4177 |
+
grid-template-columns: unset;
|
4178 |
+
grid-column-gap: unset;
|
4179 |
+
margin-bottom: 31px;
|
4180 |
+
margin-top: 25px;
|
4181 |
+
}
|
4182 |
+
.cff-fb-types-list-free .cff-fb-type-el > div{
|
4183 |
+
height: 100%;
|
4184 |
+
}
|
4185 |
+
.cff-fb-types-list-free .cff-fb-type-el{
|
4186 |
+
width: 420px;
|
4187 |
+
max-width: 100%;
|
4188 |
+
height: 165px;
|
4189 |
+
flex-direction: row;
|
4190 |
+
align-items: center;
|
4191 |
+
}
|
4192 |
+
.cff-fb-types-list-free .cff-fb-type-el .cff-fb-type-el-info{
|
4193 |
+
text-align: left;
|
4194 |
+
align-items: flex-start;
|
4195 |
+
justify-content: center;
|
4196 |
+
}
|
4197 |
+
|
4198 |
+
.cff-fb-types-list-free .cff-fb-type-el .cff-fb-type-el-info > *{
|
4199 |
+
padding: 0 20px;
|
4200 |
+
}
|
4201 |
+
|
4202 |
+
.cff-fb-types-list-pro{
|
4203 |
+
display: grid;
|
4204 |
+
grid-template-columns: 24.5% 24.5% 24.5% 24.5%;
|
4205 |
+
grid-column-gap: 0.5%;
|
4206 |
+
margin-top: 10px;
|
4207 |
+
}
|
4208 |
+
.cff-fb-type-el-pro{
|
4209 |
+
display: flex;
|
4210 |
+
flex-direction: row;
|
4211 |
+
align-items: center;
|
4212 |
+
padding: 12px 20px 12px 12px;
|
4213 |
+
background: #F9F9FA;
|
4214 |
+
border: 1px solid #D0D1D7;
|
4215 |
+
box-sizing: border-box;
|
4216 |
+
border-radius: 2px;
|
4217 |
+
color: #141B38;
|
4218 |
+
font-weight: 600;
|
4219 |
+
font-size: 14px;
|
4220 |
+
margin-bottom: 10px;
|
4221 |
+
cursor: pointer;
|
4222 |
+
}
|
4223 |
+
.cff-fb-type-el-pro:hover{
|
4224 |
+
background: #E2F5FF;
|
4225 |
+
border: 1px solid #E2F5FF;
|
4226 |
+
}
|
4227 |
+
.cff-fb-type-el-pro-img svg{
|
4228 |
+
float: left;
|
4229 |
+
}
|
4230 |
+
.cff-fb-type-el-pro-img{
|
4231 |
+
margin-right: 20px;
|
4232 |
+
}
|
4233 |
+
|
4234 |
+
/*Lite Top Banner Dismiss*/
|
4235 |
+
.cff-builder-app-lite-dismiss .cff-header-notice{
|
4236 |
+
position: fixed!important;
|
4237 |
+
top: 32px;
|
4238 |
+
width: 100%;
|
4239 |
+
z-index: 2;
|
4240 |
+
left: 0;
|
4241 |
+
}
|
4242 |
+
.cff-builder-app-lite-dismiss .cff-fb-header{
|
4243 |
+
top: 64px;
|
4244 |
+
}
|
4245 |
+
.cff-builder-app-lite-dismiss .sb-customizer-sidebar{
|
4246 |
+
top: 128px;
|
4247 |
+
}
|
4248 |
+
.cff-builder-app-lite-dismiss .sb-customizer-preview{
|
4249 |
+
margin-top: 100px;
|
4250 |
+
}
|
admin/builder/assets/css/global.css
ADDED
@@ -0,0 +1,2990 @@
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
1 |
+
/*
|
2 |
+
Global CSS styles
|
3 |
+
Theses styles can be used for different screens
|
4 |
+
& In different SmashBalloon Plugins
|
5 |
+
|
6 |
+
* Transitions
|
7 |
+
* Default, Hover & Focus Colors & Backgrounds
|
8 |
+
* Social Colors
|
9 |
+
* Buttons
|
10 |
+
* Full Screen Boss
|
11 |
+
* Add Source Popup
|
12 |
+
* Confirm Dialog
|
13 |
+
* Full Screen Loader
|
14 |
+
* Tooltip
|
15 |
+
|
16 |
+
*/
|
17 |
+
#cff-settings{
|
18 |
+
visibility: hidden;
|
19 |
+
opacity: 0;
|
20 |
+
}
|
21 |
+
#cff-settings[data-app-loaded="true"]{
|
22 |
+
visibility: visible;
|
23 |
+
opacity: 1;
|
24 |
+
}
|
25 |
+
|
26 |
+
|
27 |
+
#cff-builder-app {
|
28 |
+
-webkit-font-smoothing: antialiased;
|
29 |
+
}
|
30 |
+
|
31 |
+
/*
|
32 |
+
Transitions
|
33 |
+
*/
|
34 |
+
.sb-tr-1{
|
35 |
+
-webkit-transition: all .1s ease-in-out;
|
36 |
+
transition: all .1s ease-in-out;
|
37 |
+
}
|
38 |
+
.sb-tr-2{
|
39 |
+
-webkit-transition: all .2s ease-in-out;
|
40 |
+
transition: all .2s ease-in-out;
|
41 |
+
}
|
42 |
+
.sb-tr-3{
|
43 |
+
-webkit-transition: all .3s ease-in-out;
|
44 |
+
transition: all .3s ease-in-out;
|
45 |
+
}
|
46 |
+
.sb-tr-4{
|
47 |
+
-webkit-transition: all .4s ease-in-out;
|
48 |
+
transition: all .4s ease-in-out;
|
49 |
+
}
|
50 |
+
.sb-tr-5{
|
51 |
+
-webkit-transition: all .5s ease-in-out;
|
52 |
+
transition: all .5s ease-in-out;
|
53 |
+
}
|
54 |
+
.sb-tr-6{
|
55 |
+
-webkit-transition: all .6s ease-in-out;
|
56 |
+
transition: all .6s ease-in-out;
|
57 |
+
}
|
58 |
+
.sb-tr-7{
|
59 |
+
-webkit-transition: all .7s ease-in-out;
|
60 |
+
transition: all .7s ease-in-out;
|
61 |
+
}
|
62 |
+
.sb-tr-8{
|
63 |
+
-webkit-transition: all .8s ease-in-out;
|
64 |
+
transition: all .8s ease-in-out;
|
65 |
+
}
|
66 |
+
.sb-tr-9{
|
67 |
+
-webkit-transition: all .9s ease-in-out;
|
68 |
+
transition: all .9s ease-in-out;
|
69 |
+
}
|
70 |
+
.sb-tr-10{
|
71 |
+
-webkit-transition: all 1s ease-in-out;
|
72 |
+
transition: all 1s ease-in-out;
|
73 |
+
}
|
74 |
+
|
75 |
+
/*
|
76 |
+
* Default, Hover & Focus Colors & Backgrounds
|
77 |
+
*/
|
78 |
+
.sb-small-p,
|
79 |
+
.sb-standard-p{
|
80 |
+
font-style: normal;
|
81 |
+
font-weight: normal;
|
82 |
+
font-size: 14px;
|
83 |
+
line-height: 160%;
|
84 |
+
color: #8C8F9A;
|
85 |
+
margin: 0;
|
86 |
+
}
|
87 |
+
.sb-standard-p{
|
88 |
+
font-size: 16px;
|
89 |
+
color: #141B38;
|
90 |
+
}
|
91 |
+
#cff-settings h3 {
|
92 |
+
font-style: normal;
|
93 |
+
font-weight: 600;
|
94 |
+
font-size: 24px;
|
95 |
+
line-height: 120%;
|
96 |
+
margin: 0 0 4px 0;
|
97 |
+
letter-spacing: 0;
|
98 |
+
}
|
99 |
+
.sb-caption {
|
100 |
+
font-style: normal;
|
101 |
+
font-weight: normal;
|
102 |
+
font-size: 13px;
|
103 |
+
line-height: 150%;
|
104 |
+
color: #141B38;
|
105 |
+
}
|
106 |
+
.sb-caption.sb-caption-lighter {
|
107 |
+
color: #5F6368;
|
108 |
+
}
|
109 |
+
.sb-small-text {
|
110 |
+
font-size: 12px;
|
111 |
+
}
|
112 |
+
.sb-bold {
|
113 |
+
font-weight: 600;
|
114 |
+
}
|
115 |
+
.sb-dark-text {
|
116 |
+
color: #141B38;
|
117 |
+
}
|
118 |
+
.sb-small {
|
119 |
+
font-style: normal;
|
120 |
+
font-weight: bold;
|
121 |
+
font-size: 10px;
|
122 |
+
line-height: 160%;
|
123 |
+
letter-spacing: 0.08em;
|
124 |
+
text-transform: uppercase;
|
125 |
+
color: #141B38;
|
126 |
+
}
|
127 |
+
.sb-button-no-border {
|
128 |
+
border-radius: 0 !important;
|
129 |
+
border: none !important;
|
130 |
+
}
|
131 |
+
.sb-icon-small svg {
|
132 |
+
height: 10px;
|
133 |
+
}
|
134 |
+
.sb-dark-hover:hover svg, .sb-dark-hover:hover path {
|
135 |
+
fill: #141B38;
|
136 |
+
}
|
137 |
+
/*orange*/
|
138 |
+
.sb-btn-orange{
|
139 |
+
background: #E34F0E!important;
|
140 |
+
color: #fff!important;
|
141 |
+
}
|
142 |
+
.sb-btn-orange:hover{
|
143 |
+
background: #F37036!important;
|
144 |
+
border-color: #F37036!important;
|
145 |
+
color: #fff!important;
|
146 |
+
}
|
147 |
+
.sb-btn-orange:focus,
|
148 |
+
.sb-btn-orange:active{
|
149 |
+
background: #B8400B!important;
|
150 |
+
border-color: #B8400B!important;
|
151 |
+
color: #fff!important;
|
152 |
+
}
|
153 |
+
|
154 |
+
/*red*/
|
155 |
+
.sb-btn-red{
|
156 |
+
background: #D72C2C!important;
|
157 |
+
color: #fff!important;
|
158 |
+
}
|
159 |
+
.sb-btn-red:hover{
|
160 |
+
background: #DF5757!important;
|
161 |
+
color: #fff!important;
|
162 |
+
}
|
163 |
+
.sb-btn-red:focus,
|
164 |
+
.sb-btn-red:active{
|
165 |
+
background: #841919!important;
|
166 |
+
color: #fff!important;
|
167 |
+
}
|
168 |
+
|
169 |
+
/*red*/
|
170 |
+
.sb-btn-blue{
|
171 |
+
background: #0068A0!important;
|
172 |
+
color: #fff!important;
|
173 |
+
}
|
174 |
+
.sb-btn-blue:hover{
|
175 |
+
background: #0096CC!important;
|
176 |
+
border-color: #0096CC!important;
|
177 |
+
color: #fff!important;
|
178 |
+
}
|
179 |
+
.sb-btn-blue:focus,
|
180 |
+
.sb-btn-blue:active{
|
181 |
+
background: #004D77!important;
|
182 |
+
border-color: #004D77!important;
|
183 |
+
color: #fff!important;
|
184 |
+
}
|
185 |
+
|
186 |
+
/*grey*/
|
187 |
+
.sb-btn-grey{
|
188 |
+
background: #F3F4F5!important;
|
189 |
+
color: #141B38!important;
|
190 |
+
border: 1px solid #D0D1D7!important;
|
191 |
+
}
|
192 |
+
.sb-btn-grey:hover{
|
193 |
+
background: #fff!important;
|
194 |
+
color: #141B38!important;
|
195 |
+
border: 1px solid #DCDDE1!important;
|
196 |
+
}
|
197 |
+
.sb-btn-grey:focus,
|
198 |
+
.sb-btn-grey:active{
|
199 |
+
background: #E8E8EB!important;
|
200 |
+
color: #141B38!important;
|
201 |
+
border: 1px solid #D0D1D7!important;
|
202 |
+
}
|
203 |
+
|
204 |
+
/*dark*/
|
205 |
+
.sb-btn-dark{
|
206 |
+
background: #2C324C!important;
|
207 |
+
color: #fff!important;
|
208 |
+
}
|
209 |
+
.sb-btn-dark:hover{
|
210 |
+
background: #434960!important;
|
211 |
+
color: #fff!important;
|
212 |
+
}
|
213 |
+
.sb-btn-dark:focus,
|
214 |
+
.sb-btn-dark:active{
|
215 |
+
background: #141B38!important;
|
216 |
+
color: #fff!important;
|
217 |
+
}
|
218 |
+
|
219 |
+
/*orange*/
|
220 |
+
.cff-btn-orange{
|
221 |
+
background: #E34F0E!important;
|
222 |
+
color: #fff!important;
|
223 |
+
}
|
224 |
+
.cff-btn-orange:hover{
|
225 |
+
background: #F37036!important;
|
226 |
+
color: #fff!important;
|
227 |
+
}
|
228 |
+
.cff-btn-orange:focus,
|
229 |
+
.cff-btn-orange:active{
|
230 |
+
background: #B8400B!important;
|
231 |
+
color: #fff!important;
|
232 |
+
}
|
233 |
+
|
234 |
+
/*red*/
|
235 |
+
.cff-btn-red{
|
236 |
+
background: #D72C2C!important;
|
237 |
+
color: #fff!important;
|
238 |
+
}
|
239 |
+
.cff-btn-red:hover{
|
240 |
+
background: #DF5757!important;
|
241 |
+
color: #fff!important;
|
242 |
+
}
|
243 |
+
.cff-btn-red:focus,
|
244 |
+
.cff-btn-red:active{
|
245 |
+
background: #841919!important;
|
246 |
+
color: #fff!important;
|
247 |
+
}
|
248 |
+
|
249 |
+
/*red*/
|
250 |
+
.cff-btn-blue{
|
251 |
+
background: #0068A0!important;
|
252 |
+
color: #fff!important;
|
253 |
+
}
|
254 |
+
.cff-btn-blue:hover{
|
255 |
+
background: #0096CC!important;
|
256 |
+
color: #fff!important;
|
257 |
+
}
|
258 |
+
.cff-btn-blue:focus,
|
259 |
+
.cff-btn-blue:active{
|
260 |
+
background: #004D77!important;
|
261 |
+
color: #fff!important;
|
262 |
+
}
|
263 |
+
|
264 |
+
/*grey*/
|
265 |
+
.cff-btn-grey{
|
266 |
+
background: #F3F4F5!important;
|
267 |
+
color: #141B38!important;
|
268 |
+
border: 1px solid #D0D1D7!important;
|
269 |
+
}
|
270 |
+
.cff-btn-grey:hover{
|
271 |
+
background: #fff!important;
|
272 |
+
color: #141B38!important;
|
273 |
+
border: 1px solid #DCDDE1!important;
|
274 |
+
}
|
275 |
+
.cff-btn-grey:focus,
|
276 |
+
.cff-btn-grey:active{
|
277 |
+
background: #E8E8EB!important;
|
278 |
+
color: #141B38!important;
|
279 |
+
border: 1px solid #D0D1D7!important;
|
280 |
+
}
|
281 |
+
|
282 |
+
/*dark*/
|
283 |
+
.cff-btn-dark{
|
284 |
+
background: #2C324C!important;
|
285 |
+
color: #fff!important;
|
286 |
+
}
|
287 |
+
.cff-btn-dark:hover{
|
288 |
+
background: #434960!important;
|
289 |
+
color: #fff!important;
|
290 |
+
}
|
291 |
+
.cff-btn-dark:focus,
|
292 |
+
.cff-btn-dark:active{
|
293 |
+
background: #141B38!important;
|
294 |
+
color: #fff!important;
|
295 |
+
}
|
296 |
+
|
297 |
+
/*disabled*/
|
298 |
+
.sb-btn-orange[data-active="false"],
|
299 |
+
.sb-btn-blue[data-active="false"],
|
300 |
+
.sb-btn-red[data-active="false"],
|
301 |
+
.sb-btn-grey[data-active="false"],
|
302 |
+
.sb-btn-dark[data-active="false"]{
|
303 |
+
background: #E8E8EB !important;
|
304 |
+
color: #8C8F9A !important;
|
305 |
+
}
|
306 |
+
|
307 |
+
|
308 |
+
/*
|
309 |
+
* Social Colors
|
310 |
+
*/
|
311 |
+
|
312 |
+
/*Facebook*/
|
313 |
+
.sb-cl-facebook,
|
314 |
+
.sb-clhv-facebook:hover{
|
315 |
+
color: #006BFA!important;
|
316 |
+
}
|
317 |
+
.cff-bg-facebook,
|
318 |
+
.cff-bghv-facebook:hover{
|
319 |
+
background: #006BFA!important;
|
320 |
+
}
|
321 |
+
|
322 |
+
/*Instagram*/
|
323 |
+
.sb-cl-instagram,
|
324 |
+
.sb-clhv-instagram:hover{
|
325 |
+
color: #BA03A7!important;
|
326 |
+
}
|
327 |
+
.cff-bg-instagram,
|
328 |
+
.cff-bghv-instagram:hover{
|
329 |
+
background: #BA03A7!important;
|
330 |
+
}
|
331 |
+
|
332 |
+
/*Twitter*/
|
333 |
+
.sb-cl-twitter,
|
334 |
+
.sb-clhv-twitter:hover{
|
335 |
+
color: #1B90EF!important;
|
336 |
+
}
|
337 |
+
.cff-bg-twitter,
|
338 |
+
.cff-bghv-twitter:hover{
|
339 |
+
background: #1B90EF!important;
|
340 |
+
}
|
341 |
+
|
342 |
+
/*YouTube*/
|
343 |
+
.sb-cl-youtube,
|
344 |
+
.sb-clhv-youtube:hover{
|
345 |
+
color: #EB2121!important;
|
346 |
+
}
|
347 |
+
.cff-bg-youtube,
|
348 |
+
.cff-bghv-youtube:hover{
|
349 |
+
background: #EB2121!important;
|
350 |
+
}
|
351 |
+
|
352 |
+
/*Linkedin*/
|
353 |
+
.sb-cl-linkedin,
|
354 |
+
.sb-clhv-linkedin:hover{
|
355 |
+
color: #007bb6!important;
|
356 |
+
}
|
357 |
+
.cff-bg-linkedin,
|
358 |
+
.cff-bghv-linkedin:hover{
|
359 |
+
background: #007bb6!important;
|
360 |
+
}
|
361 |
+
|
362 |
+
/*Mail*/
|
363 |
+
.sb-cl-mail,
|
364 |
+
.sb-clhv-mail:hover{
|
365 |
+
color: #666!important;
|
366 |
+
}
|
367 |
+
.cff-bg-mail,
|
368 |
+
.cff-bghv-mail:hover{
|
369 |
+
background: #666!important;
|
370 |
+
}
|
371 |
+
|
372 |
+
.sb-cursor-pointer{
|
373 |
+
cursor: pointer;
|
374 |
+
}
|
375 |
+
|
376 |
+
/*Buttons*/
|
377 |
+
.sb-btn{
|
378 |
+
display: flex;
|
379 |
+
flex-direction: row;
|
380 |
+
justify-content: center;
|
381 |
+
align-items: center;
|
382 |
+
padding: 9px 38px;
|
383 |
+
font-style: normal;
|
384 |
+
font-weight: 500;
|
385 |
+
font-size: 14px;
|
386 |
+
line-height: 17px;
|
387 |
+
border-radius: 2px;
|
388 |
+
cursor: pointer;
|
389 |
+
color: #fff;
|
390 |
+
outline: none;
|
391 |
+
box-shadow: none;
|
392 |
+
border: none;;
|
393 |
+
}
|
394 |
+
.sb-btn:focus{
|
395 |
+
box-shadow: none;
|
396 |
+
}
|
397 |
+
|
398 |
+
.cff-small-chevron svg{
|
399 |
+
width: 6px;
|
400 |
+
height: 8px;
|
401 |
+
top: 14px;
|
402 |
+
left: 18px;
|
403 |
+
}
|
404 |
+
|
405 |
+
/*Add Source*/
|
406 |
+
/*
|
407 |
+
Add new Source Popup
|
408 |
+
*/
|
409 |
+
.cff-fb-popup-cls{
|
410 |
+
height: 14px;
|
411 |
+
width: 14px;
|
412 |
+
position: absolute;
|
413 |
+
cursor: pointer;
|
414 |
+
right: 17px;
|
415 |
+
top: 17px;
|
416 |
+
z-index: 3;
|
417 |
+
}
|
418 |
+
.cff-fb-center-boss{
|
419 |
+
display: flex;
|
420 |
+
justify-content: center;
|
421 |
+
align-items: center;
|
422 |
+
}
|
423 |
+
.cff-fb-popup-inside{
|
424 |
+
left: 80px;
|
425 |
+
width: 880px;
|
426 |
+
max-width: calc(100% - 200px);
|
427 |
+
background: #fff;
|
428 |
+
color: #141B38;
|
429 |
+
position: relative;
|
430 |
+
box-shadow: 0px 26.7377px 77.2886px rgba(0, 0, 0, 0.107828), 0px 14.2952px 41.3222px rgba(0, 0, 0, 0.0894161), 0px 8.01379px 23.1649px rgba(0, 0, 0, 0.075), 0px 4.25607px 12.3027px rgba(0, 0, 0, 0.0605839), 0px 1.77104px 5.11942px rgba(0, 0, 0, 0.0421718);
|
431 |
+
border-radius: 2px;
|
432 |
+
overflow-y: auto;
|
433 |
+
max-height: 80vh;
|
434 |
+
}
|
435 |
+
.cff-fb-popup-inside.sb-onboarding-tooltip {
|
436 |
+
overflow-y: visible !important;
|
437 |
+
}
|
438 |
+
@media all and (max-width: 960px) {
|
439 |
+
.cff-fb-popup-inside {
|
440 |
+
left: 20px;
|
441 |
+
width: 100%;
|
442 |
+
max-width: calc(100% - 100px);
|
443 |
+
}
|
444 |
+
}
|
445 |
+
.cff-fb-feedtypes-popup{
|
446 |
+
width: 1200px;
|
447 |
+
max-width: calc(100% - 200px);
|
448 |
+
}
|
449 |
+
.cff-fb-embed-popup{
|
450 |
+
width: 575px;
|
451 |
+
}
|
452 |
+
|
453 |
+
.cff-fb-source-pp-customizer h5,.cff-fb-embed-popup h5{
|
454 |
+
font-size: 24px;
|
455 |
+
padding: 0 20px;
|
456 |
+
margin-top: 25px;
|
457 |
+
margin-bottom: 15px;
|
458 |
+
}
|
459 |
+
.cff-fb-feedtypes-popup h5{
|
460 |
+
font-size: 26px;
|
461 |
+
padding: 0 20px;
|
462 |
+
margin-top: 25px;
|
463 |
+
margin-bottom: 30px;
|
464 |
+
}
|
465 |
+
|
466 |
+
.cff-fb-feedtypes-pp-ctn .cff-fb-adv-types .cff-fb-types-list{
|
467 |
+
margin-bottom: 30px !important
|
468 |
+
}
|
469 |
+
.cff-fb-srcs-update{
|
470 |
+
background: var(--cl-orange);
|
471 |
+
font-weight: 600;
|
472 |
+
font-size: 14px;
|
473 |
+
line-height: 160%;
|
474 |
+
height: 38px;
|
475 |
+
}
|
476 |
+
.cff-fb-srcs-update-footer{
|
477 |
+
display: flex;
|
478 |
+
align-items: center;
|
479 |
+
border-top: 1px solid #DCDDE1;
|
480 |
+
background: #F9F9FA;
|
481 |
+
}
|
482 |
+
.cff-fb-srcs-update-footer-txt{
|
483 |
+
font-size: 18px;
|
484 |
+
line-height: 1.7em;
|
485 |
+
}
|
486 |
+
|
487 |
+
.cff-fb-srcs-update-footer-image svg{
|
488 |
+
width: 100%;
|
489 |
+
height: auto;
|
490 |
+
float: left;
|
491 |
+
}
|
492 |
+
.cff-fb-srcs-update-footer-txt{
|
493 |
+
box-sizing: border-box;
|
494 |
+
display: flex;
|
495 |
+
justify-content: center;
|
496 |
+
}
|
497 |
+
.cff-fb-stp1-elm{
|
498 |
+
margin-bottom: 30px;
|
499 |
+
float: left;
|
500 |
+
display: flex;
|
501 |
+
}
|
502 |
+
.cff-fb-source-top .cff-fb-stp1-elm:first-of-type{
|
503 |
+
justify-content: center;
|
504 |
+
align-items: center;
|
505 |
+
padding-bottom: 30px;
|
506 |
+
border-bottom: 1px solid #D0D1D7;
|
507 |
+
}
|
508 |
+
.cff-fb-stp1-event{
|
509 |
+
padding-bottom: 0px!important;
|
510 |
+
border-bottom: none!important;
|
511 |
+
padding-right: 20%;
|
512 |
+
align-items: flex-start!important;
|
513 |
+
}
|
514 |
+
.cff-fb-stp1-elm-desc > a{
|
515 |
+
font-weight: 600;
|
516 |
+
text-decoration: underline;
|
517 |
+
color: #2A65DB;
|
518 |
+
}
|
519 |
+
|
520 |
+
.cff-fb-stp-src-ctn{
|
521 |
+
display: flex;
|
522 |
+
justify-content: center;
|
523 |
+
align-content: center;
|
524 |
+
}
|
525 |
+
.cff-fb-stp-src-type{
|
526 |
+
display: flex;
|
527 |
+
justify-content: center;
|
528 |
+
align-content: center;
|
529 |
+
font-size: 13px;
|
530 |
+
font-weight:400;
|
531 |
+
cursor: pointer;
|
532 |
+
margin-left: 20px;
|
533 |
+
color: #434960;
|
534 |
+
}
|
535 |
+
.cff-fb-stp-src-type[data-active="true"]{
|
536 |
+
font-weight:600;
|
537 |
+
color: #141B38;
|
538 |
+
}
|
539 |
+
.cff-fb-stp1-elm-ic{
|
540 |
+
width: 28px;
|
541 |
+
height: 28px;
|
542 |
+
border-radius: 35px;
|
543 |
+
background: #F3F4F5;
|
544 |
+
display: flex;
|
545 |
+
justify-content: center;
|
546 |
+
align-items: center;
|
547 |
+
font-weight: 500;
|
548 |
+
flex: none;
|
549 |
+
}
|
550 |
+
.cff-fb-stp1-elm-head{
|
551 |
+
font-size: 16px;
|
552 |
+
font-weight: 600;
|
553 |
+
}
|
554 |
+
.cff-fb-stp1-elm-desc{
|
555 |
+
font-size: 15px;
|
556 |
+
margin-top: 4px;
|
557 |
+
line-height: 1.3em;
|
558 |
+
color: #5F6368;
|
559 |
+
}
|
560 |
+
|
561 |
+
.cff-fb-source-btm-hd{
|
562 |
+
font-size: 15px;
|
563 |
+
font-weight: 500;
|
564 |
+
}
|
565 |
+
.cff-fb-src-back-top i{
|
566 |
+
font-size: 12px;
|
567 |
+
margin-right: 10px;
|
568 |
+
}
|
569 |
+
.cff-fb-source-account-info{
|
570 |
+
background: #F3F4F5;
|
571 |
+
color: #8C8F9A;
|
572 |
+
display: flex;
|
573 |
+
align-items: center;
|
574 |
+
padding: 6px 6px 6px 12px;
|
575 |
+
font-size: 15px;
|
576 |
+
}
|
577 |
+
.cff-fb-source-list {
|
578 |
+
display: grid;
|
579 |
+
grid-template-columns: 49.5% 49.5%;
|
580 |
+
grid-column-gap: 1%;
|
581 |
+
margin-top: 10px;
|
582 |
+
max-height: calc(80vh - 360px);
|
583 |
+
overflow-y: auto;
|
584 |
+
min-height: 80px;
|
585 |
+
}
|
586 |
+
|
587 |
+
.cff-fb-source-account-info strong{
|
588 |
+
color: #141B38;
|
589 |
+
}
|
590 |
+
.cff-fb-source-btn{
|
591 |
+
margin-top: 60px;
|
592 |
+
color: #fff;
|
593 |
+
display: flex;
|
594 |
+
justify-content: center;
|
595 |
+
align-items: center;
|
596 |
+
background: #0068A0;
|
597 |
+
cursor: pointer;
|
598 |
+
padding: 10px 20px;
|
599 |
+
border-radius: 3px;
|
600 |
+
font-size: 15px;
|
601 |
+
font-weight: 500;
|
602 |
+
border: none;
|
603 |
+
}
|
604 |
+
.cff-fb-icon-success{
|
605 |
+
position: relative;
|
606 |
+
width: 30px;
|
607 |
+
height: 20px;
|
608 |
+
margin-right: 10px;
|
609 |
+
}
|
610 |
+
.cff-fb-icon-success:before{
|
611 |
+
content: '';
|
612 |
+
position: absolute;
|
613 |
+
width: 13px;
|
614 |
+
height: 5px;
|
615 |
+
top: 4px;
|
616 |
+
border-left: 3px solid currentColor;
|
617 |
+
border-bottom: 3px solid currentColor;
|
618 |
+
-webkit-transform: rotate(-45deg);
|
619 |
+
transform: rotate(-45deg);
|
620 |
+
}
|
621 |
+
|
622 |
+
.cff-fb-source-inp-label,.cff-fb-wh-label{
|
623 |
+
font-size: 14px;
|
624 |
+
color: #434960;
|
625 |
+
}
|
626 |
+
.cff-fb-source-mnl-type .cff-fb-stp-src-ctn{
|
627 |
+
justify-content: flex-start;
|
628 |
+
margin-bottom: 20px;
|
629 |
+
margin-top: 10px;
|
630 |
+
}
|
631 |
+
.cff-fb-source-mnl-type .cff-fb-stp-src-ctn .cff-fb-stp-src-type{
|
632 |
+
margin-left: 0px;
|
633 |
+
margin-right: 20px
|
634 |
+
}
|
635 |
+
.cff-fb-source-inp,.cff-fb-wh-inp{
|
636 |
+
border-radius: 0px !important;
|
637 |
+
outline: none ;
|
638 |
+
margin-top: 5px;
|
639 |
+
border: 1px solid #D0D1D7 !important;
|
640 |
+
margin-bottom: 20px;
|
641 |
+
height: 35px;
|
642 |
+
line-height: 35px;
|
643 |
+
}
|
644 |
+
.cff-fb-sec-heading span{
|
645 |
+
font-size:14px;
|
646 |
+
color: #434960;
|
647 |
+
line-height: 1.7em;
|
648 |
+
margin-top: 10px;
|
649 |
+
display: block;
|
650 |
+
}
|
651 |
+
.cff-fb-sec-heading {
|
652 |
+
margin-bottom: 10px;
|
653 |
+
}
|
654 |
+
.cff-fb-slctsrc-content,.cff-fb-section-wh-insd{
|
655 |
+
padding: 40px;
|
656 |
+
}
|
657 |
+
|
658 |
+
.cff-fb-slctsrc-ctn h4,.cff-fb-section-wh-insd h4{
|
659 |
+
font-size: 20px;
|
660 |
+
padding: 0px;
|
661 |
+
margin: 0px;
|
662 |
+
}
|
663 |
+
.cff-fb-srcs-item{
|
664 |
+
width: 100%;
|
665 |
+
cursor: pointer;
|
666 |
+
height: 62px;
|
667 |
+
margin-top: 10px;
|
668 |
+
border-radius: 3px;
|
669 |
+
border: 1px solid #E7E7E9;
|
670 |
+
display: flex;
|
671 |
+
position: relative;
|
672 |
+
}
|
673 |
+
.cff-fb-srcs-item[data-disabled="true"]{
|
674 |
+
background: #F3F4F5;
|
675 |
+
}
|
676 |
+
.cff-fb-stp-src-type[data-disabled="true"],
|
677 |
+
.cff-fb-stp-src-type[data-disabled="true"] .cff-fb-chbx-round{
|
678 |
+
color: #8C8F9A !important;
|
679 |
+
cursor: default;
|
680 |
+
}
|
681 |
+
.cff-fb-stp-src-type[data-disabled="true"] {
|
682 |
+
position: relative;
|
683 |
+
}
|
684 |
+
|
685 |
+
.cff-fb-srcs-item[data-disabled="true"] .cff-fb-srcs-item-inf{
|
686 |
+
opacity: .55;
|
687 |
+
}
|
688 |
+
|
689 |
+
.cff-fb-srcs-item:hover{
|
690 |
+
border-color: #86D0F9;
|
691 |
+
}
|
692 |
+
.cff-fb-srcs-item[data-active="true"]{
|
693 |
+
border-color: #0096cc;
|
694 |
+
}
|
695 |
+
|
696 |
+
.cff-fb-source-top .cff-fb-srcs-item{
|
697 |
+
margin-bottom: 0px;
|
698 |
+
}
|
699 |
+
.cff-fb-srcs-new{
|
700 |
+
display: flex;
|
701 |
+
justify-content: center;
|
702 |
+
align-items: center;
|
703 |
+
font-size: 16px;
|
704 |
+
color: #0096CC;
|
705 |
+
background: #EBF5FF;
|
706 |
+
font-weight: 600;
|
707 |
+
border: 1px solid #EBF5FF;
|
708 |
+
}
|
709 |
+
.cff-fb-srcs-new i{
|
710 |
+
font-size: 14px;
|
711 |
+
padding: 0 10px;
|
712 |
+
margin-left: -10px;
|
713 |
+
}
|
714 |
+
.cff-fb-srcs-item-chkbx{
|
715 |
+
width: 40px;
|
716 |
+
height: inherit;
|
717 |
+
display: flex;
|
718 |
+
justify-content: center;
|
719 |
+
align-items: center;
|
720 |
+
margin: 0px 7px;
|
721 |
+
}
|
722 |
+
|
723 |
+
.cff-fb-srcs-item-chkbx-ic,.cff-fb-chbx-round{
|
724 |
+
width: 16px;
|
725 |
+
height: 16px;
|
726 |
+
box-sizing: border-box;
|
727 |
+
position: relative;
|
728 |
+
border-radius: 50px;
|
729 |
+
border: 2px solid #8c8f9a;
|
730 |
+
}
|
731 |
+
[data-multifeed="active"] .cff-fb-srcs-item-chkbx-ic{
|
732 |
+
border-radius: 2px;
|
733 |
+
}
|
734 |
+
|
735 |
+
[data-active="true"] .cff-fb-srcs-item-chkbx-ic, [data-active="true"] > .cff-fb-chbx-round, .cff-fb-source-popup [data-active="true"] > .cff-fb-chbx-round{
|
736 |
+
border-color: #0096cc;
|
737 |
+
background: #0096cc;
|
738 |
+
}
|
739 |
+
[data-multifeed="active"] [data-active="true"] .cff-fb-srcs-item-chkbx-ic:before{
|
740 |
+
content: '';
|
741 |
+
position: absolute;
|
742 |
+
width: 8px;
|
743 |
+
height: 3px;
|
744 |
+
border-left: 2px solid #fff;
|
745 |
+
border-bottom: 2px solid #fff;
|
746 |
+
top: 2px;
|
747 |
+
right: 1px;
|
748 |
+
-webkit-transform: rotate(-45deg);
|
749 |
+
transform: rotate(-45deg);
|
750 |
+
}
|
751 |
+
|
752 |
+
[data-multifeed="inactive"] [data-active="true"] .cff-fb-srcs-item-chkbx-ic:before, [data-active="true"] > .cff-fb-chbx-round:before,
|
753 |
+
.cff-fb-source-popup .cff-fb-source-list [data-active="true"] .cff-fb-srcs-item-chkbx-ic:before{
|
754 |
+
content: '';
|
755 |
+
position: absolute;
|
756 |
+
height: 6px;
|
757 |
+
width: 6px;
|
758 |
+
background: #fff;
|
759 |
+
border-radius: 25px;
|
760 |
+
left: 3px;
|
761 |
+
top: 3px;
|
762 |
+
}
|
763 |
+
|
764 |
+
.cff-fb-srcs-item-avatar{
|
765 |
+
display: flex;
|
766 |
+
width: 42px;
|
767 |
+
height: inherit;
|
768 |
+
justify-content: center;
|
769 |
+
align-items: center;
|
770 |
+
}
|
771 |
+
.cff-fb-srcs-item-avatar img{
|
772 |
+
width: 42px;
|
773 |
+
height: 42px;
|
774 |
+
border-radius: 50%;
|
775 |
+
background: #eee;
|
776 |
+
}
|
777 |
+
.cff-fb-srcs-item-inf{
|
778 |
+
width: 100%;
|
779 |
+
height: inherit;
|
780 |
+
display: flex;
|
781 |
+
justify-content: center;
|
782 |
+
flex-direction: column;
|
783 |
+
padding-left: 10px;
|
784 |
+
}
|
785 |
+
.cff-fb-srcs-item-name{
|
786 |
+
color: #141B38;
|
787 |
+
font-weight: 600;
|
788 |
+
}
|
789 |
+
.cff-fb-srcs-item-name-event{
|
790 |
+
font-size: 10px;
|
791 |
+
font-weight: 500;
|
792 |
+
color: #777;
|
793 |
+
}
|
794 |
+
|
795 |
+
.cff-fb-srcs-item-type{
|
796 |
+
color: #434960;
|
797 |
+
font-weight: 600;
|
798 |
+
text-transform: uppercase;
|
799 |
+
display: flex;
|
800 |
+
align-items: center;
|
801 |
+
}
|
802 |
+
.cff-fb-srcs-item-type svg{
|
803 |
+
fill: currentColor;
|
804 |
+
}
|
805 |
+
[data-type="page"] .cff-fb-srcs-item-type svg{
|
806 |
+
width: 11px;
|
807 |
+
}
|
808 |
+
.cff-fb-srcs-back{
|
809 |
+
margin-right: auto;
|
810 |
+
}
|
811 |
+
|
812 |
+
.sb-source-error-wrap {
|
813 |
+
display: flex;
|
814 |
+
justify-content: left;
|
815 |
+
align-items: center;
|
816 |
+
margin-left: 9px;
|
817 |
+
}
|
818 |
+
|
819 |
+
.sb-source-error-wrap span {
|
820 |
+
font-weight: 600;
|
821 |
+
font-size: 12px;
|
822 |
+
line-height: 160%;
|
823 |
+
|
824 |
+
color: #D72C2C;
|
825 |
+
margin-left: 5px;
|
826 |
+
}
|
827 |
+
.cff-fb-source-popup .sb-source-error-wrap {
|
828 |
+
margin-left: 0;
|
829 |
+
}
|
830 |
+
.sb-source-error-wrap a {
|
831 |
+
margin-left: 8px;
|
832 |
+
font-weight: 600;
|
833 |
+
font-size: 12px;
|
834 |
+
line-height: 160%;
|
835 |
+
text-decoration-line: underline;
|
836 |
+
|
837 |
+
color: #0068A0;
|
838 |
+
}
|
839 |
+
|
840 |
+
|
841 |
+
/*Full Screen Window*/
|
842 |
+
.sb-fs-boss{
|
843 |
+
position: fixed;
|
844 |
+
height: 100vh;
|
845 |
+
width: 100%;
|
846 |
+
left: 0;
|
847 |
+
top: 0;
|
848 |
+
bottom: 0;
|
849 |
+
right: 0;
|
850 |
+
background: rgba(0,0,0,.4);
|
851 |
+
z-index: 9989;
|
852 |
+
}
|
853 |
+
|
854 |
+
.sb-dialog-popup{
|
855 |
+
width: 575px!important;
|
856 |
+
}
|
857 |
+
.sb-dialog-popup{
|
858 |
+
min-height: 250px;
|
859 |
+
}
|
860 |
+
.sb-dialog-remove-source{
|
861 |
+
background: #F3F4F5;
|
862 |
+
padding: 40px 20px;
|
863 |
+
display: flex;
|
864 |
+
justify-content: center;
|
865 |
+
align-items: center;
|
866 |
+
}
|
867 |
+
.sb-dialog-remove-source .cff-fb-srcs-item{
|
868 |
+
background: #fff;
|
869 |
+
width: 280px;
|
870 |
+
padding-left: 20px;
|
871 |
+
box-sizing: border-box;
|
872 |
+
margin-top: 0px;
|
873 |
+
}
|
874 |
+
.sb-dialog-popup-content{
|
875 |
+
display: flex;
|
876 |
+
justify-content: center;
|
877 |
+
align-items: center;
|
878 |
+
text-align: center;
|
879 |
+
flex-direction: column;
|
880 |
+
padding: 38px 12%;
|
881 |
+
}
|
882 |
+
.sb-dialog-popup-content strong{
|
883 |
+
font-size: 22px;
|
884 |
+
color: #141B38;
|
885 |
+
display: block;
|
886 |
+
margin-bottom: 15px;
|
887 |
+
line-height: 160%;
|
888 |
+
}
|
889 |
+
.sb-dialog-popup-content span{
|
890 |
+
font-size: 16px;
|
891 |
+
line-height: 1.5em;
|
892 |
+
color: #434960;
|
893 |
+
}
|
894 |
+
.sb-dialog-popup-actions{
|
895 |
+
display: flex;
|
896 |
+
justify-content: center;
|
897 |
+
align-items: center;
|
898 |
+
margin-top: 25px;
|
899 |
+
}
|
900 |
+
.sb-dialog-popup-actions button{
|
901 |
+
width: 100%;
|
902 |
+
margin: 4px 4px;
|
903 |
+
cursor: pointer;
|
904 |
+
height: 42px;
|
905 |
+
}
|
906 |
+
|
907 |
+
|
908 |
+
.sb-full-screen-loader{
|
909 |
+
position: absolute;
|
910 |
+
width: 100%;
|
911 |
+
height: calc(100vh - 32px);
|
912 |
+
background: #f0f0f1;
|
913 |
+
z-index: 999999;
|
914 |
+
overflow: hidden;
|
915 |
+
display: none;
|
916 |
+
opacity: 0;
|
917 |
+
visibility: hidden;
|
918 |
+
justify-content: center;
|
919 |
+
align-items: center;
|
920 |
+
flex-direction: column;
|
921 |
+
top: 0px;
|
922 |
+
}
|
923 |
+
.sb-full-screen-loader[data-show="shown"]{
|
924 |
+
display: flex;
|
925 |
+
opacity: 1;
|
926 |
+
visibility: visible;
|
927 |
+
}
|
928 |
+
.sb-full-screen-loader-logo{
|
929 |
+
width: 190px;
|
930 |
+
height: 190px;
|
931 |
+
position: relative;
|
932 |
+
margin-bottom: 40px;
|
933 |
+
margin-top: -55px;
|
934 |
+
}
|
935 |
+
.sb-full-screen-loader-border{
|
936 |
+
width: inherit;
|
937 |
+
height: inherit;
|
938 |
+
box-sizing: border-box;
|
939 |
+
border: 6px solid green;
|
940 |
+
left: 0;
|
941 |
+
top: 0;
|
942 |
+
position: absolute;
|
943 |
+
border-radius: 50%;
|
944 |
+
}
|
945 |
+
.sb-full-screen-loader-img{
|
946 |
+
width: inherit;
|
947 |
+
height: inherit;
|
948 |
+
display: flex;
|
949 |
+
justify-content: center;
|
950 |
+
align-items: center;
|
951 |
+
position: absolute;
|
952 |
+
top: 0px;
|
953 |
+
left: 0px;
|
954 |
+
z-index: 2;
|
955 |
+
}
|
956 |
+
.sb-full-screen-loader-img svg{
|
957 |
+
float: left;
|
958 |
+
width: 60px;
|
959 |
+
fill: #E34F0E;
|
960 |
+
}
|
961 |
+
.sb-full-screen-loader-txt{
|
962 |
+
color: #434960;
|
963 |
+
font-size: 24px;
|
964 |
+
font-weight: 600;
|
965 |
+
}
|
966 |
+
|
967 |
+
.sb-full-screen-loader-spinner,
|
968 |
+
.sb-full-screen-loader-spinner:before,
|
969 |
+
.sb-full-screen-loader-spinner:after {
|
970 |
+
border-radius: 50%;
|
971 |
+
}
|
972 |
+
.sb-full-screen-loader-spinner {
|
973 |
+
color: #E34F0E;
|
974 |
+
position: relative;
|
975 |
+
width: 190px;
|
976 |
+
height: 190px;
|
977 |
+
box-shadow: inset 0 0 0 6px;
|
978 |
+
-webkit-transform: translateZ(0);
|
979 |
+
transform: translateZ(0);
|
980 |
+
}
|
981 |
+
.sb-full-screen-loader-spinner:before,
|
982 |
+
.sb-full-screen-loader-spinner:after {
|
983 |
+
position: absolute;
|
984 |
+
content: '';
|
985 |
+
}
|
986 |
+
.sb-full-screen-loader-spinner:before {
|
987 |
+
width: 100px;
|
988 |
+
height: 200px;
|
989 |
+
background: #f0f0f1;
|
990 |
+
border-radius: 190px 0 0 190px;
|
991 |
+
top: -1px;
|
992 |
+
left: -8px;
|
993 |
+
-webkit-transform-origin: 5.1em 5.1em;
|
994 |
+
transform-origin: 100px 100px;
|
995 |
+
-webkit-animation: cff-loader-spinner 2s infinite ease 1.5s;
|
996 |
+
animation: cff-loader-spinner 2s infinite ease 1.5s;
|
997 |
+
}
|
998 |
+
.sb-full-screen-loader-spinner:after {
|
999 |
+
width: 97px;
|
1000 |
+
height: 192px;
|
1001 |
+
background: #f0f0f1;
|
1002 |
+
border-radius: 0 190px 190px 0;
|
1003 |
+
top: -1px;
|
1004 |
+
left: 94px;
|
1005 |
+
-webkit-transform-origin: 1px 95px;
|
1006 |
+
transform-origin: 1px 95px;
|
1007 |
+
-webkit-animation: cff-loader-spinner 2s infinite ease;
|
1008 |
+
animation: cff-loader-spinner 2s infinite ease;
|
1009 |
+
}
|
1010 |
+
@-webkit-keyframes cff-loader-spinner {
|
1011 |
+
0% {
|
1012 |
+
-webkit-transform: rotate(0deg);
|
1013 |
+
transform: rotate(0deg);
|
1014 |
+
}
|
1015 |
+
100% {
|
1016 |
+
-webkit-transform: rotate(360deg);
|
1017 |
+
transform: rotate(360deg);
|
1018 |
+
}
|
1019 |
+
}
|
1020 |
+
@keyframes cff-loader-spinner {
|
1021 |
+
0% {
|
1022 |
+
-webkit-transform: rotate(0deg);
|
1023 |
+
transform: rotate(0deg);
|
1024 |
+
}
|
1025 |
+
100% {
|
1026 |
+
-webkit-transform: rotate(360deg);
|
1027 |
+
transform: rotate(360deg);
|
1028 |
+
}
|
1029 |
+
}
|
1030 |
+
|
1031 |
+
|
1032 |
+
/* Social Wall Popup */
|
1033 |
+
|
1034 |
+
.cff-fb-extpp-social-wall-graphic {
|
1035 |
+
display: flex;
|
1036 |
+
flex-direction: column;
|
1037 |
+
align-items: center;
|
1038 |
+
padding-bottom: 78px
|
1039 |
+
}
|
1040 |
+
.cff-graphic-row,
|
1041 |
+
.cff-fb-social-wall-between {
|
1042 |
+
position: relative;
|
1043 |
+
}
|
1044 |
+
.cff-graphic-row-main {
|
1045 |
+
display: flex;
|
1046 |
+
justify-content: center;
|
1047 |
+
flex-direction: row;
|
1048 |
+
align-items: center;
|
1049 |
+
}
|
1050 |
+
.cff-fb-social-wall-group {
|
1051 |
+
display: flex;
|
1052 |
+
flex-direction: column;
|
1053 |
+
align-items: center;
|
1054 |
+
width: 13%;
|
1055 |
+
margin: 1.5%;
|
1056 |
+
}
|
1057 |
+
.cff-fb-social-wall-group p {
|
1058 |
+
margin: 0;
|
1059 |
+
text-align:center;
|
1060 |
+
}
|
1061 |
+
.cff-fb-social-wall-between.cff-fb-social-wall-between-instagram svg {
|
1062 |
+
margin-top:120%;
|
1063 |
+
}
|
1064 |
+
.cff-fb-social-wall-between.cff-fb-social-wall-between-facebook svg {
|
1065 |
+
margin-top:40%;
|
1066 |
+
}
|
1067 |
+
.cff-fb-social-wall-between.cff-fb-social-wall-between-twitter svg {
|
1068 |
+
margin-top:60%;
|
1069 |
+
}
|
1070 |
+
.cff-fb-social-wall-end {
|
1071 |
+
position: absolute;
|
1072 |
+
right: -1%;
|
1073 |
+
top: 40%;
|
1074 |
+
}
|
1075 |
+
.cff-graphic-bottom {
|
1076 |
+
width: 100%;
|
1077 |
+
display: flex;
|
1078 |
+
justify-content: center;
|
1079 |
+
flex-direction: row;
|
1080 |
+
align-items: center;
|
1081 |
+
margin-top:3%;
|
1082 |
+
}
|
1083 |
+
.cff-all-in-same {
|
1084 |
+
display: flex;
|
1085 |
+
justify-content: center;
|
1086 |
+
flex-direction: row;
|
1087 |
+
align-items: center;
|
1088 |
+
height: 38px;
|
1089 |
+
width: 72.5%;
|
1090 |
+
/*background: #FFFFFF;*/
|
1091 |
+
/*box-shadow: 0px 6px 7px rgba(0, 26, 119, 0.07), 0px 3px 4px rgba(0, 26, 119, 0.06), 0px 1.80196px 2.25245px rgba(0, 26, 119, 0.05), 0px 0.749837px 0.937296px rgba(0, 26, 119, 0.1137);*/
|
1092 |
+
/*border-radius: 3px;*/
|
1093 |
+
border-top: 1px solid #ddd;
|
1094 |
+
border-bottom: 1px solid #ddd;
|
1095 |
+
}
|
1096 |
+
.cff-fb-extpp-social-wall .cff-fb-extpp-bottom {
|
1097 |
+
background: #F3F4F5;
|
1098 |
+
}
|
1099 |
+
.cff-fb-social-wall-end-arrow {
|
1100 |
+
position: relative;
|
1101 |
+
}
|
1102 |
+
.cff-arrow-head {
|
1103 |
+
position: absolute;
|
1104 |
+
bottom: 1%;
|
1105 |
+
left: 39%;
|
1106 |
+
}
|
1107 |
+
|
1108 |
+
/* To Builder */
|
1109 |
+
.cff-fb-type-el[data-active="true"]:before {
|
1110 |
+
content: '';
|
1111 |
+
position: absolute;
|
1112 |
+
width: 24px;
|
1113 |
+
height: 24px;
|
1114 |
+
right: 0px;
|
1115 |
+
top: 0px;
|
1116 |
+
z-index: 2;
|
1117 |
+
border-radius: 0 0 0 2px;
|
1118 |
+
background: var(--cl-orange);
|
1119 |
+
}
|
1120 |
+
|
1121 |
+
.cff-fb-type-el {
|
1122 |
+
display: flex;
|
1123 |
+
flex-direction: column;
|
1124 |
+
align-items: flex-start;
|
1125 |
+
padding: 0;
|
1126 |
+
position: relative;
|
1127 |
+
background: #fff;
|
1128 |
+
border: 1px solid #D8D8D8;
|
1129 |
+
border-radius: 3px;
|
1130 |
+
cursor: pointer;
|
1131 |
+
box-sizing: border-box;
|
1132 |
+
}
|
1133 |
+
|
1134 |
+
.cff-fb-slctf-back span {
|
1135 |
+
font-weight: 600;
|
1136 |
+
}
|
1137 |
+
|
1138 |
+
.cff-fb-slctfd-action {
|
1139 |
+
padding: 16px 54px;
|
1140 |
+
position: fixed;
|
1141 |
+
bottom: 0;
|
1142 |
+
background: #f0f0f1;
|
1143 |
+
width: calc(100% - 160px);
|
1144 |
+
}
|
1145 |
+
|
1146 |
+
.cff-fb-wrapper {
|
1147 |
+
max-width: 100%;
|
1148 |
+
position: relative;
|
1149 |
+
margin: auto;
|
1150 |
+
color: #141B38;
|
1151 |
+
}
|
1152 |
+
|
1153 |
+
.cff-fb-create-ctn {
|
1154 |
+
float: left;
|
1155 |
+
margin-top: 104px;
|
1156 |
+
padding: 0 54px 65px;
|
1157 |
+
}
|
1158 |
+
|
1159 |
+
.cff-fb-extpp-btns a {
|
1160 |
+
height: 42px;
|
1161 |
+
cursor: pointer;
|
1162 |
+
position: relative;
|
1163 |
+
border-radius: 3px;
|
1164 |
+
font-style: normal;
|
1165 |
+
font-weight: 600;
|
1166 |
+
font-size: 16px;
|
1167 |
+
line-height: 180%;
|
1168 |
+
display: flex;
|
1169 |
+
justify-content: center;
|
1170 |
+
align-items: center;
|
1171 |
+
box-sizing: border-box;
|
1172 |
+
}
|
1173 |
+
|
1174 |
+
.cff-fb-extpp-lite-btn {
|
1175 |
+
display: flex;
|
1176 |
+
font-size: 14px;
|
1177 |
+
font-weight: 600;
|
1178 |
+
padding: 6px 11px;
|
1179 |
+
color: #0068A0;
|
1180 |
+
background: #fff;
|
1181 |
+
border: 1px solid #DCDDE1;
|
1182 |
+
margin-bottom: 14px;
|
1183 |
+
}
|
1184 |
+
|
1185 |
+
.cff-fb-extpp-lite-btn svg {
|
1186 |
+
fill: currentColor;
|
1187 |
+
width: 16px;
|
1188 |
+
float: left;
|
1189 |
+
margin-right: 10px;
|
1190 |
+
}
|
1191 |
+
|
1192 |
+
.cff-fb-stp-src-type .cff-fb-chbx-round {
|
1193 |
+
margin-right: 8px;
|
1194 |
+
margin-top: 2px;
|
1195 |
+
}
|
1196 |
+
|
1197 |
+
#cff-builder-app .cff-fb-stp-src-type {
|
1198 |
+
display: flex;
|
1199 |
+
justify-content: center;
|
1200 |
+
align-content: center;
|
1201 |
+
font-size: 14px;
|
1202 |
+
font-weight: 400;
|
1203 |
+
cursor: pointer;
|
1204 |
+
margin-left: 20px;
|
1205 |
+
color: #434960;
|
1206 |
+
}
|
1207 |
+
|
1208 |
+
.cff-csz-name-ed-btn {
|
1209 |
+
width: 28px;
|
1210 |
+
height: 28px;
|
1211 |
+
cursor: pointer;
|
1212 |
+
margin: 0 10px;
|
1213 |
+
background: #E8E8EB;
|
1214 |
+
border: 1px solid #E8E8EB;
|
1215 |
+
outline: none;
|
1216 |
+
border-radius: 2px;
|
1217 |
+
}
|
1218 |
+
.cff-csz-name-ed-btn svg {
|
1219 |
+
width: 16px;
|
1220 |
+
height: 14px;
|
1221 |
+
|
1222 |
+
fill: #141B38;
|
1223 |
+
float: left;
|
1224 |
+
margin-left: -1px;
|
1225 |
+
}
|
1226 |
+
|
1227 |
+
.cff-csz-name-ed-btn:focus, .cff-csz-name-ed-btn:hover {
|
1228 |
+
outline: none;
|
1229 |
+
background-color: #d9d9dc;
|
1230 |
+
border-color: #d9d9dc;
|
1231 |
+
}
|
1232 |
+
|
1233 |
+
.sb-preview-chooser-btn, .sb-preview-chooser-btn:focus {
|
1234 |
+
width: 38px;
|
1235 |
+
height: 32px;
|
1236 |
+
display: flex;
|
1237 |
+
justify-content: center;
|
1238 |
+
align-items: center;
|
1239 |
+
cursor: pointer;
|
1240 |
+
float: left;
|
1241 |
+
border: 0;
|
1242 |
+
background: unset;
|
1243 |
+
margin: 0 1px;
|
1244 |
+
outline: none;
|
1245 |
+
}
|
1246 |
+
|
1247 |
+
.sb-customizer-sidebar {
|
1248 |
+
position: fixed;
|
1249 |
+
z-index: 100;
|
1250 |
+
width: 375px;
|
1251 |
+
box-shadow: 4px 0px 14px rgb(0 0 0 / 5%), 1px 0px 4px rgb(0 0 0 / 10%);
|
1252 |
+
background: #fff;
|
1253 |
+
left: 160px;
|
1254 |
+
top: 98px;
|
1255 |
+
overflow: auto;
|
1256 |
+
bottom: 0px;
|
1257 |
+
padding-bottom: 50px;
|
1258 |
+
}
|
1259 |
+
|
1260 |
+
.sb-customizer-sidebar-breadcrumb a, .sb-customizer-sidebar-breadcrumb span {
|
1261 |
+
display: inline-block;
|
1262 |
+
position: relative;
|
1263 |
+
cursor: pointer;
|
1264 |
+
color: #434960;
|
1265 |
+
text-transform: uppercase;
|
1266 |
+
font-size: 10px;
|
1267 |
+
line-height: 160%;
|
1268 |
+
letter-spacing: 0.08em;
|
1269 |
+
padding: 0 5px 0 4px;
|
1270 |
+
height: 20px;
|
1271 |
+
font-weight: 700;
|
1272 |
+
}
|
1273 |
+
.sb-customizer-sidebar-breadcrumb a:hover,
|
1274 |
+
.sb-customizer-sidebar-breadcrumb a:focus{
|
1275 |
+
color: #000;
|
1276 |
+
}
|
1277 |
+
.sb-customizer-sidebar-breadcrumb a:hover path,
|
1278 |
+
.sb-customizer-sidebar-breadcrumb a:focus path{
|
1279 |
+
fill: #000;
|
1280 |
+
}
|
1281 |
+
.sb-control-elem-ctn {
|
1282 |
+
display: flex;
|
1283 |
+
color: #434960;
|
1284 |
+
padding: 20px 20px;
|
1285 |
+
}
|
1286 |
+
.sb-control-toggle-icon svg {
|
1287 |
+
width: 13px;
|
1288 |
+
float: left;
|
1289 |
+
fill: #434960;
|
1290 |
+
}
|
1291 |
+
.sb-control-elem-ctn .sb-control-toggle-elm[data-active="true"] {
|
1292 |
+
display: flex;
|
1293 |
+
color: #141B38;
|
1294 |
+
padding: 0 15px;
|
1295 |
+
}
|
1296 |
+
.sb-control-elem-ctn .sb-control-toggle-elm[data-active="true"] svg {
|
1297 |
+
fill: #141B38;
|
1298 |
+
}
|
1299 |
+
.sb-control-elem-ctn .sb-control-toggle-elm[data-disabled="true"] {
|
1300 |
+
color: #8C8F9A;
|
1301 |
+
}
|
1302 |
+
.sb-control-elem-ctn .sb-control-toggle-elm[data-disabled="true"] svg {
|
1303 |
+
fill: #8C8F9A;
|
1304 |
+
}
|
1305 |
+
|
1306 |
+
.sb-control-elem-ctn[data-layout="block"] input[type="number"] {
|
1307 |
+
height: 36px;
|
1308 |
+
background: #FFFFFF;
|
1309 |
+
border-radius: 2px 0 0 2px !important;
|
1310 |
+
}
|
1311 |
+
|
1312 |
+
.sb-control-input-info {
|
1313 |
+
display: flex;
|
1314 |
+
justify-content: center;
|
1315 |
+
align-items: center;
|
1316 |
+
background: #F3F4F5;
|
1317 |
+
padding: 0 8px;
|
1318 |
+
font-weight: normal;
|
1319 |
+
font-size: 14px;
|
1320 |
+
line-height: 160%;
|
1321 |
+
color: #434960;
|
1322 |
+
border: 1px solid #D0D1D7;
|
1323 |
+
border-left: none;
|
1324 |
+
border-radius: 0 2px 2px 0 !important;
|
1325 |
+
}
|
1326 |
+
.sb-control-elem-output input[type="text"],
|
1327 |
+
.sb-control-elem-output input[type="number"]{
|
1328 |
+
border-radius: 1px !important;
|
1329 |
+
}
|
1330 |
+
|
1331 |
+
.sb-control-colorpicker-ctn .minicolors-theme-default.minicolors-position-right .minicolors-swatch {
|
1332 |
+
left: auto;
|
1333 |
+
right: 1px;
|
1334 |
+
top: 1px;
|
1335 |
+
width: 35px;
|
1336 |
+
height: 35px;
|
1337 |
+
background: #F9F9FA;
|
1338 |
+
border: 0px;
|
1339 |
+
border-radius: 2px;
|
1340 |
+
}
|
1341 |
+
.sb-control-colorpicker-ctn[data-picker-style="reset"] .minicolors-input {
|
1342 |
+
background: #F3F4F5!important;
|
1343 |
+
border: 1px solid #DCDDE1!important;
|
1344 |
+
height: 38px;
|
1345 |
+
}
|
1346 |
+
|
1347 |
+
.sb-customizer-sidebar-breadcrumb svg {
|
1348 |
+
position: relative;
|
1349 |
+
left: auto;
|
1350 |
+
top: auto;
|
1351 |
+
margin-right: 9px;
|
1352 |
+
}
|
1353 |
+
|
1354 |
+
.sb-customizer-sidebar-breadcrumb {
|
1355 |
+
display: flex;
|
1356 |
+
justify-content: flex-start;
|
1357 |
+
align-items: center;
|
1358 |
+
margin-bottom: 15px;
|
1359 |
+
}
|
1360 |
+
|
1361 |
+
.cff-fb-srcs-info-item span {
|
1362 |
+
font-size: 13px;
|
1363 |
+
line-height: 1.5em;
|
1364 |
+
color: #434960;
|
1365 |
+
font-weight: 400;
|
1366 |
+
display: inline-block;
|
1367 |
+
word-break: break-all;
|
1368 |
+
width: calc(100% - 80px);
|
1369 |
+
padding: 0 15px;
|
1370 |
+
box-sizing: border-box;
|
1371 |
+
}
|
1372 |
+
|
1373 |
+
/* Onboarding */
|
1374 |
+
#cff-builder-app .sb-onboarding-tooltip {
|
1375 |
+
display: none;
|
1376 |
+
position: absolute;
|
1377 |
+
min-height: auto;
|
1378 |
+
width: 460px;
|
1379 |
+
max-width: 100%;
|
1380 |
+
padding: 0;
|
1381 |
+
border-radius: 2px;
|
1382 |
+
}
|
1383 |
+
#sb-onboarding-tooltip-multiple-2,
|
1384 |
+
#sb-onboarding-tooltip-multiple-3{
|
1385 |
+
width: 528px;
|
1386 |
+
}
|
1387 |
+
#sb-onboarding-tooltip-single-2 {
|
1388 |
+
width: 402px;
|
1389 |
+
}
|
1390 |
+
.sb-onboarding-active .sb-onboarding-highlight .cff-fb-btn.cff-fb-btn-new,
|
1391 |
+
.sb-onboarding-active .sb-positioning-wrap.sb-onboarding-highlight,
|
1392 |
+
.sb-onboarding-active .cff-fd-lst-bigctn .cff-table-wrap.sb-onboarding-highlight,
|
1393 |
+
.sb-onboarding-active .cff-fb-lgc-ctn.sb-onboarding-highlight,
|
1394 |
+
.sb-onboarding-active .cff-fb-lgc-ctn .cff-legacy-table-wrap.sb-onboarding-highlight,
|
1395 |
+
.sb-onboarding-active .sb-customizer-sidebar-tab.sb-onboarding-highlight,
|
1396 |
+
.sb-onboarding-active .cff-fb-header.sb-onboarding-highlight{
|
1397 |
+
position: relative;
|
1398 |
+
z-index: 100000;
|
1399 |
+
}
|
1400 |
+
.sb-onboarding-active .cff-fd-legacy-feed-toggle {
|
1401 |
+
display: none;
|
1402 |
+
}
|
1403 |
+
.cff-legacy-table-wrap.sb-onboarding-highlight {
|
1404 |
+
clear: both;
|
1405 |
+
}
|
1406 |
+
#cff-builder-app .sb-onboarding-tooltip-1 {
|
1407 |
+
top: 50px;
|
1408 |
+
left: 8px;
|
1409 |
+
}
|
1410 |
+
#sb-onboarding-tooltip-single-2 {
|
1411 |
+
bottom: -179px;
|
1412 |
+
top: auto;
|
1413 |
+
left: 68%;
|
1414 |
+
margin-left: -201px;
|
1415 |
+
}
|
1416 |
+
#sb-onboarding-tooltip-multiple-2,
|
1417 |
+
#sb-onboarding-tooltip-multiple-3{
|
1418 |
+
top: -200px;
|
1419 |
+
left: 20%;
|
1420 |
+
}
|
1421 |
+
#sb-onboarding-tooltip-multiple-3 {
|
1422 |
+
top: -210px;
|
1423 |
+
}
|
1424 |
+
#cff-builder-app .sb-onboarding-tooltip .cff-fb-wrapper {
|
1425 |
+
display: flex;
|
1426 |
+
justify-content: flex-end;
|
1427 |
+
}
|
1428 |
+
#cff-builder-app .sb-positioning-wrap {
|
1429 |
+
width: 432px;
|
1430 |
+
}
|
1431 |
+
#cff-builder-app .sb-onboarding-tooltip .cff-fb-popup-cls {
|
1432 |
+
position:absolute;
|
1433 |
+
width: 12px;
|
1434 |
+
height: 12px;
|
1435 |
+
top: 12px;
|
1436 |
+
right: 12px;
|
1437 |
+
}
|
1438 |
+
#cff-builder-app .sb-onboarding-tooltip .cff-fb-popup-cls svg {
|
1439 |
+
width: 12px;
|
1440 |
+
height: 12px;
|
1441 |
+
}
|
1442 |
+
#cff-builder-app .sb-onboarding-tooltip h3 {
|
1443 |
+
font-size: 16px;
|
1444 |
+
color: #141B38;
|
1445 |
+
line-height: 160%;
|
1446 |
+
font-weight: 600;
|
1447 |
+
margin: 0;
|
1448 |
+
}
|
1449 |
+
#cff-builder-app .sb-onboarding-step {
|
1450 |
+
font-style: normal;
|
1451 |
+
font-weight: normal;
|
1452 |
+
font-size: 13px;
|
1453 |
+
line-height: 160%;
|
1454 |
+
color: #434960;
|
1455 |
+
margin: 2px 0 20px;
|
1456 |
+
display: block;
|
1457 |
+
}
|
1458 |
+
.cff-onboarding-next,
|
1459 |
+
.cff-onboarding-previous{
|
1460 |
+
color: #353A41;
|
1461 |
+
background: #F3F4F5;
|
1462 |
+
border: 1px solid #DCDDE1;
|
1463 |
+
margin-left: 10px;
|
1464 |
+
}
|
1465 |
+
.cff-onboarding-previous[data-active=false]{
|
1466 |
+
pointer-events: none;
|
1467 |
+
}
|
1468 |
+
#cff-builder-app .sb-onboarding-tooltip .cff-fb-hd-btn {
|
1469 |
+
margin-right: 0;
|
1470 |
+
}
|
1471 |
+
#cff-builder-app .sb-onboarding-tooltip .cff-fb-hd-btn i {
|
1472 |
+
margin: 0;
|
1473 |
+
}
|
1474 |
+
.cff-onboarding-finish{
|
1475 |
+
margin-left: 10px;
|
1476 |
+
padding: 0 32px;
|
1477 |
+
}
|
1478 |
+
#cff-builder-app .sb-onboarding-tooltip .cff-fb-hd-btn[data-active="false"] {
|
1479 |
+
background-color: #e8e8eb;
|
1480 |
+
color: #8c8f99;
|
1481 |
+
}
|
1482 |
+
#cff-builder-app .sb-onboarding-tooltip .cff-fb-hd-btn[data-active="false"]:hover {
|
1483 |
+
cursor: default;
|
1484 |
+
}
|
1485 |
+
.sb-step-counter-wrap span {
|
1486 |
+
font-style: normal;
|
1487 |
+
font-weight: bold;
|
1488 |
+
font-size: 12px;
|
1489 |
+
line-height: 160%;
|
1490 |
+
letter-spacing: 0.05em;
|
1491 |
+
text-transform: uppercase;
|
1492 |
+
color: #141B38;
|
1493 |
+
}
|
1494 |
+
#cff-builder-app .sb-onboarding-tooltip .sb-pointer {
|
1495 |
+
position: absolute;
|
1496 |
+
left: 50px;
|
1497 |
+
top: -13px;
|
1498 |
+
}
|
1499 |
+
#cff-builder-app .sb-pointer.sb-bottom-pointer {
|
1500 |
+
top: auto;
|
1501 |
+
bottom: -14px;
|
1502 |
+
}
|
1503 |
+
#sb-onboarding-tooltip-single-2 .sb-pointer {
|
1504 |
+
left: 193px;
|
1505 |
+
}
|
1506 |
+
#sb-onboarding-tooltip-multiple-2:before,
|
1507 |
+
#sb-onboarding-tooltip-multiple-3:before{
|
1508 |
+
bottom: -8px;
|
1509 |
+
}
|
1510 |
+
#cff-builder-app .sb-onboarding-top-row {
|
1511 |
+
padding: 20px 44px 0 24px;
|
1512 |
+
}
|
1513 |
+
#cff-builder-app .sb-onboarding-bottom-row {
|
1514 |
+
display: flex;
|
1515 |
+
flex-direction: row;
|
1516 |
+
justify-content: space-between;
|
1517 |
+
align-items: center;
|
1518 |
+
padding: 8px 16px 12px 24px;
|
1519 |
+
}
|
1520 |
+
|
1521 |
+
|
1522 |
+
#cff-builder-app #sb-onboarding-tooltip-customizer-1 {
|
1523 |
+
position:absolute;
|
1524 |
+
right: 210px;
|
1525 |
+
left: auto;
|
1526 |
+
top: 84px;
|
1527 |
+
}
|
1528 |
+
|
1529 |
+
#cff-builder-app #sb-onboarding-tooltip-customizer-1 .sb-pointer {
|
1530 |
+
right: 110px;
|
1531 |
+
left: auto;
|
1532 |
+
}
|
1533 |
+
|
1534 |
+
.sb-customizer-sidebar.sb-onboarding-highlight {
|
1535 |
+
z-index: 9999;
|
1536 |
+
overflow: visible;
|
1537 |
+
|
1538 |
+
}
|
1539 |
+
#sb-onboarding-tooltip-customizer-2,
|
1540 |
+
#sb-onboarding-tooltip-customizer-3 {
|
1541 |
+
z-index: 100000;
|
1542 |
+
top: 80px;
|
1543 |
+
}
|
1544 |
+
#sb-onboarding-tooltip-customizer-3 {
|
1545 |
+
left: 171px;
|
1546 |
+
}
|
1547 |
+
#cff-builder-app #sb-onboarding-tooltip-customizer-3 .sb-pointer{
|
1548 |
+
left: 100px;
|
1549 |
+
}
|
1550 |
+
|
1551 |
+
.sb-onboarding-active .sb-customizer-sidebar-tab-ctn,
|
1552 |
+
.sb-onboarding-active .sb-customizer-sidebar-sec-ctn,
|
1553 |
+
.sb-onboarding-active .cff-csz-header .cff-csz-header-insider{
|
1554 |
+
/*pointer-events: none !important;*/
|
1555 |
+
}
|
1556 |
+
|
1557 |
+
/* Misc Tooltip */
|
1558 |
+
.cff-no-groups-tooltip {
|
1559 |
+
left: -360px;
|
1560 |
+
top: -110px;
|
1561 |
+
}
|
1562 |
+
.cff-no-groups-tooltip .sb-pointer {
|
1563 |
+
bottom: -17px !important;
|
1564 |
+
left: 390px;
|
1565 |
+
}
|
1566 |
+
.cff-no-groups-tooltip {
|
1567 |
+
display: none;
|
1568 |
+
}
|
1569 |
+
.cff-fb-stp-src-type[data-disabled="true"]:hover .cff-no-groups-tooltip {
|
1570 |
+
display: block;
|
1571 |
+
padding: 12px 16px 16px;
|
1572 |
+
width: 400px;
|
1573 |
+
}
|
1574 |
+
|
1575 |
+
/*
|
1576 |
+
Add new Source Popup
|
1577 |
+
*/
|
1578 |
+
.cff-fb-popup-cls{
|
1579 |
+
height: 14px;
|
1580 |
+
width: 14px;
|
1581 |
+
position: absolute;
|
1582 |
+
cursor: pointer;
|
1583 |
+
right: 17px;
|
1584 |
+
top: 17px;
|
1585 |
+
z-index: 3;
|
1586 |
+
}
|
1587 |
+
.cff-fb-center-boss{
|
1588 |
+
display: flex;
|
1589 |
+
justify-content: center;
|
1590 |
+
align-items: center;
|
1591 |
+
}
|
1592 |
+
.cff-fb-left-boss{
|
1593 |
+
display: flex;
|
1594 |
+
justify-content: left;
|
1595 |
+
align-items: center;
|
1596 |
+
}
|
1597 |
+
|
1598 |
+
|
1599 |
+
.cff-fb-embed-popup,.cff-fb-dialog-popup{
|
1600 |
+
width: 575px;
|
1601 |
+
}
|
1602 |
+
.cff-fb-dialog-popup{
|
1603 |
+
min-height: 250px;
|
1604 |
+
}
|
1605 |
+
|
1606 |
+
.cff-fb-source-pp-customizer .cff-fb-srcslist-ctn{
|
1607 |
+
grid-template-columns: 32.7% 32.7% 32.7%;
|
1608 |
+
grid-column-gap: 1%;
|
1609 |
+
}
|
1610 |
+
.cff-fb-srcs-desc{
|
1611 |
+
width: 55%;
|
1612 |
+
font-style: normal;
|
1613 |
+
font-weight: normal;
|
1614 |
+
font-size: 14px;
|
1615 |
+
line-height: 160%;
|
1616 |
+
color: #434960;
|
1617 |
+
box-sizing: border-box;
|
1618 |
+
margin-bottom: 29px;
|
1619 |
+
}
|
1620 |
+
#cff-builder-app .cff-fb-source-pp-customizer h3{
|
1621 |
+
margin-bottom: 6px;
|
1622 |
+
}
|
1623 |
+
#cff-builder-app .cff-fb-embed-popup h3 {
|
1624 |
+
padding: 23px 25px 0;
|
1625 |
+
margin-bottom: 0;
|
1626 |
+
}
|
1627 |
+
#cff-builder-app .cff-fb-embed-popup .cff-fb-embed-step-2 h3 {
|
1628 |
+
padding: 0 0 0 29px;
|
1629 |
+
}
|
1630 |
+
.cff-fb-feedtypes-popup h5{
|
1631 |
+
font-size: 26px;
|
1632 |
+
padding: 0 20px;
|
1633 |
+
margin-top: 25px;
|
1634 |
+
margin-bottom: 30px;
|
1635 |
+
}
|
1636 |
+
|
1637 |
+
.cff-fb-feedtypes-pp-ctn .cff-fb-adv-types .cff-fb-types-list{
|
1638 |
+
margin-bottom: 30px !important
|
1639 |
+
}
|
1640 |
+
.cff-fb-feedtypes-popup .cff-fb-types, .cff-fb-feedtypes-popup .cff-fb-adv-types {
|
1641 |
+
padding: 0;
|
1642 |
+
}
|
1643 |
+
.cff-fb-source-top{
|
1644 |
+
padding: 22px 19px 28px;
|
1645 |
+
}
|
1646 |
+
#cff-builder-app .cff-fb-source-step1 .cff-fb-source-top h3{
|
1647 |
+
margin-bottom: 40px;
|
1648 |
+
}
|
1649 |
+
#cff-builder-app .cff-fb-source-step3 .cff-fb-source-top h3 {
|
1650 |
+
margin-bottom: 30px;
|
1651 |
+
}
|
1652 |
+
#cff-settings .cff-fb-source-step4 .cff-fb-stp1-elm-desc {
|
1653 |
+
max-width: 470px;
|
1654 |
+
margin-bottom: 26px;
|
1655 |
+
}
|
1656 |
+
#cff-settings .sb-step-text {
|
1657 |
+
color: #434960;
|
1658 |
+
}
|
1659 |
+
.cff-fb-srcs-update{
|
1660 |
+
background: var(--cl-orange);
|
1661 |
+
font-weight: 600;
|
1662 |
+
font-size: 14px;
|
1663 |
+
line-height: 160%;
|
1664 |
+
height: 38px;
|
1665 |
+
}
|
1666 |
+
.cff-fb-srcs-update svg{
|
1667 |
+
margin-right: 10px;
|
1668 |
+
}
|
1669 |
+
.cff-fb-srcs-update-footer{
|
1670 |
+
display: flex;
|
1671 |
+
align-items: center;
|
1672 |
+
border-top: 1px solid #DCDDE1;
|
1673 |
+
background: #F9F9FA;
|
1674 |
+
}
|
1675 |
+
.cff-fb-srcs-update-footer-txt{
|
1676 |
+
font-size: 18px;
|
1677 |
+
line-height: 1.7em;
|
1678 |
+
}
|
1679 |
+
.cff-fb-srcs-update-footer-btn{
|
1680 |
+
|
1681 |
+
}
|
1682 |
+
#cff-builder-app .cff-fb-srcs-update-footer-btn a{
|
1683 |
+
height: 48px;
|
1684 |
+
padding: 0 20px 0 24px;
|
1685 |
+
}
|
1686 |
+
.cff-fb-srcs-update-footer-image{
|
1687 |
+
width: 26%;
|
1688 |
+
margin-right: 7%;
|
1689 |
+
}
|
1690 |
+
#cff-builder-app .cff-fb-srcs-update-footer-btn a svg {
|
1691 |
+
position: relative;
|
1692 |
+
top: auto;
|
1693 |
+
right: auto;
|
1694 |
+
width: auto;
|
1695 |
+
height: auto;
|
1696 |
+
margin-left: 15px;
|
1697 |
+
}
|
1698 |
+
.cff-fb-srcs-update-footer-image svg{
|
1699 |
+
width: 100%;
|
1700 |
+
height: auto;
|
1701 |
+
float: left;
|
1702 |
+
}
|
1703 |
+
.cff-fb-srcs-update-footer-txt{
|
1704 |
+
box-sizing: border-box;
|
1705 |
+
display: flex;
|
1706 |
+
justify-content: center;
|
1707 |
+
width: 38%;
|
1708 |
+
margin-right: 7%;
|
1709 |
+
}
|
1710 |
+
.cff-fb-stp1-elm{
|
1711 |
+
margin-bottom: 20px;
|
1712 |
+
float: left;
|
1713 |
+
display: flex;
|
1714 |
+
}
|
1715 |
+
.cff-fb-source-top .cff-fb-stp1-elm:first-of-type{
|
1716 |
+
justify-content: center;
|
1717 |
+
align-items: center;
|
1718 |
+
padding-bottom: 24px;
|
1719 |
+
border-bottom: 1px solid #D0D1D7;
|
1720 |
+
}
|
1721 |
+
.cff-fb-stp1-event{
|
1722 |
+
padding-bottom: 0px!important;
|
1723 |
+
border-bottom: none!important;
|
1724 |
+
padding-right: 11%;
|
1725 |
+
align-items: flex-start!important;
|
1726 |
+
}
|
1727 |
+
.cff-fb-stp1-elm-desc > a{
|
1728 |
+
font-weight: 600;
|
1729 |
+
text-decoration: underline;
|
1730 |
+
color: #2A65DB;
|
1731 |
+
}
|
1732 |
+
|
1733 |
+
.cff-fb-stp-src-ctn{
|
1734 |
+
display: flex;
|
1735 |
+
justify-content: center;
|
1736 |
+
align-content: center;
|
1737 |
+
}
|
1738 |
+
#cff-builder-app .cff-fb-stp-src-type{
|
1739 |
+
display: flex;
|
1740 |
+
justify-content: center;
|
1741 |
+
align-content: center;
|
1742 |
+
font-size: 13px;
|
1743 |
+
font-weight:400;
|
1744 |
+
cursor: pointer;
|
1745 |
+
margin-left: 20px;
|
1746 |
+
color: #434960;
|
1747 |
+
}
|
1748 |
+
.cff-fb-stp-src-type .cff-fb-chbx-round{
|
1749 |
+
margin-right: 12px;
|
1750 |
+
margin-top: 2px;
|
1751 |
+
}
|
1752 |
+
.cff-fb-stp-src-type[data-active="true"]{
|
1753 |
+
font-weight:600;
|
1754 |
+
color: #141B38;
|
1755 |
+
}
|
1756 |
+
.cff-fb-stp1-elm-ic{
|
1757 |
+
width: 28px;
|
1758 |
+
height: 28px;
|
1759 |
+
border-radius: 35px;
|
1760 |
+
background: #F3F4F5;
|
1761 |
+
display: flex;
|
1762 |
+
justify-content: center;
|
1763 |
+
align-items: center;
|
1764 |
+
font-weight: 500;
|
1765 |
+
flex: none;
|
1766 |
+
transform: translate(0, -2px);
|
1767 |
+
}
|
1768 |
+
.cff-fb-stp1-elm-txt{
|
1769 |
+
margin-left: 16px;
|
1770 |
+
margin-right: 21%;
|
1771 |
+
width: 100%;
|
1772 |
+
}
|
1773 |
+
.cff-fb-stp1-elm-head{
|
1774 |
+
font-size: 14px;
|
1775 |
+
font-weight: 600;
|
1776 |
+
color: #141B38;
|
1777 |
+
}
|
1778 |
+
.cff-fb-stp1-elm-desc{
|
1779 |
+
font-size: 13px;
|
1780 |
+
margin-top: 4px;
|
1781 |
+
line-height: 150%;
|
1782 |
+
color: #888a8e;
|
1783 |
+
}
|
1784 |
+
.cff-fb-stp1-event .cff-fb-stp1-elm-desc {
|
1785 |
+
margin-top: 4px;
|
1786 |
+
}
|
1787 |
+
.cff-fb-stp1-elm-act .sb-btn.cff-fb-stp1-connect{
|
1788 |
+
padding: 8px 20px 8px 40px;
|
1789 |
+
background: #0068A0;
|
1790 |
+
position: relative;
|
1791 |
+
font-style: normal;
|
1792 |
+
font-weight: 600;
|
1793 |
+
font-size: 14px;
|
1794 |
+
line-height: 160%;
|
1795 |
+
}
|
1796 |
+
.cff-fb-stp1-connect svg{
|
1797 |
+
position: absolute;
|
1798 |
+
top: 10px;
|
1799 |
+
right: 0;
|
1800 |
+
bottom: 0;
|
1801 |
+
left: 13px;
|
1802 |
+
width: 17px;
|
1803 |
+
fill: currentColor;
|
1804 |
+
}
|
1805 |
+
|
1806 |
+
.cff-fb-source-bottom{
|
1807 |
+
padding: 18px 20px;
|
1808 |
+
background: #F3F4F5;
|
1809 |
+
display: flex;
|
1810 |
+
align-items: center;
|
1811 |
+
margin-top: 60px;
|
1812 |
+
border-radius: 0 0 2px 2px;
|
1813 |
+
}
|
1814 |
+
.cff-manual-question {
|
1815 |
+
display: flex;
|
1816 |
+
align-items: center;
|
1817 |
+
}
|
1818 |
+
.cff-manual-question svg{
|
1819 |
+
margin-right: 23px;
|
1820 |
+
float: left;
|
1821 |
+
}
|
1822 |
+
.cff-fb-source-btm-hd{
|
1823 |
+
font-size: 14px;
|
1824 |
+
font-weight: 500;
|
1825 |
+
}
|
1826 |
+
.cff-fb-src-add-manual{
|
1827 |
+
margin-left: auto;
|
1828 |
+
padding: 8px 20px 8px 40px;
|
1829 |
+
}
|
1830 |
+
.cff-fb-src-add-manual svg{
|
1831 |
+
position: absolute;
|
1832 |
+
top: 11px;
|
1833 |
+
right: 0;
|
1834 |
+
bottom: 0;
|
1835 |
+
left: 13px;
|
1836 |
+
fill: currentColor;
|
1837 |
+
}
|
1838 |
+
#cff-builder-app .cff-fb-source-step2 .cff-fb-source-top h3 {
|
1839 |
+
margin-bottom: 35px;
|
1840 |
+
}
|
1841 |
+
#cff-builder-app .cff-fb-source-step4 .cff-fb-source-top h3,
|
1842 |
+
#cff-builder-app .cff-fb-source-step4 .cff-fb-source-top h4{
|
1843 |
+
margin-bottom: 8px;
|
1844 |
+
}
|
1845 |
+
#cff-builder-app .cff-fb-source-step4 .cff-fb-stp1-elm-desc {
|
1846 |
+
max-width: 470px;
|
1847 |
+
margin-bottom: 26px;
|
1848 |
+
}
|
1849 |
+
.cff-fb-src-add-manual i{
|
1850 |
+
font-size: 12px;
|
1851 |
+
margin-right: 10px;
|
1852 |
+
}
|
1853 |
+
.cff-fb-src-back-top{
|
1854 |
+
float: left;
|
1855 |
+
font-style: normal;
|
1856 |
+
font-weight: 600;
|
1857 |
+
font-size: 12px;
|
1858 |
+
line-height: 160%;
|
1859 |
+
letter-spacing: 0.05em;
|
1860 |
+
text-transform: uppercase;
|
1861 |
+
cursor: pointer;
|
1862 |
+
color: #141B38;
|
1863 |
+
margin-bottom: 10px;
|
1864 |
+
display: flex;
|
1865 |
+
justify-content: center;
|
1866 |
+
align-items: center;
|
1867 |
+
}
|
1868 |
+
.cff-fb-src-back-top svg{
|
1869 |
+
margin-left: 6px;
|
1870 |
+
margin-right: 10px;
|
1871 |
+
}
|
1872 |
+
|
1873 |
+
.cff-fb-source-account-info{
|
1874 |
+
background: #F3F4F5;
|
1875 |
+
padding: 6px 6px 6px 12px;
|
1876 |
+
|
1877 |
+
display: flex;
|
1878 |
+
align-items: center;
|
1879 |
+
}
|
1880 |
+
.cff-fb-source-list{
|
1881 |
+
display: grid;
|
1882 |
+
grid-template-columns: 49.4% 49.4%;
|
1883 |
+
grid-column-gap: 1.2%;
|
1884 |
+
margin-top: 8px;
|
1885 |
+
}
|
1886 |
+
.cff-fb-source-popup.cff-fb-popup-inside .cff-fb-srcs-item {
|
1887 |
+
box-sizing: border-box;
|
1888 |
+
margin: 1.2% 0;
|
1889 |
+
}
|
1890 |
+
|
1891 |
+
.cff-fb-source-account-info img{
|
1892 |
+
width: 23px;
|
1893 |
+
height: 23px;
|
1894 |
+
border-radius: 23px;
|
1895 |
+
background: #fafafa;
|
1896 |
+
margin-left: 10px;
|
1897 |
+
margin-right: 10px;
|
1898 |
+
}
|
1899 |
+
.cff-fb-source-account-info strong{
|
1900 |
+
color: #141B38;
|
1901 |
+
}
|
1902 |
+
.cff-fb-src-change{
|
1903 |
+
padding: 7px 20px 7px 40px;
|
1904 |
+
margin-left: auto;
|
1905 |
+
}
|
1906 |
+
.cff-fb-src-change svg{
|
1907 |
+
position: absolute;
|
1908 |
+
top: 11px;
|
1909 |
+
right: 0;
|
1910 |
+
bottom: 0;
|
1911 |
+
left: 13px;
|
1912 |
+
fill: currentColor;
|
1913 |
+
}
|
1914 |
+
.cff-fb-source-btn{
|
1915 |
+
margin-top: 60px;
|
1916 |
+
color: #fff;
|
1917 |
+
display: flex;
|
1918 |
+
justify-content: center;
|
1919 |
+
align-items: center;
|
1920 |
+
background: #0068A0;
|
1921 |
+
cursor: pointer;
|
1922 |
+
padding: 8px 20px;
|
1923 |
+
line-height: 160%;
|
1924 |
+
border-radius: 2px;
|
1925 |
+
font-size: 14px;
|
1926 |
+
font-weight: 500;
|
1927 |
+
border: none;
|
1928 |
+
text-decoration: none;
|
1929 |
+
}
|
1930 |
+
#cff-builder-app .cff-fb-source-step3 .cff-fb-source-btn {
|
1931 |
+
margin-top: 45px;
|
1932 |
+
}
|
1933 |
+
#cff-builder-app .cff-fb-source-step3 .cff-fb-src-back-top {
|
1934 |
+
margin-bottom: 4px;
|
1935 |
+
}
|
1936 |
+
.cff-fb-icon-success{
|
1937 |
+
position: relative;
|
1938 |
+
width: 30px;
|
1939 |
+
height: 20px;
|
1940 |
+
margin-right: 10px;
|
1941 |
+
}
|
1942 |
+
.cff-fb-icon-success:before{
|
1943 |
+
content: '';
|
1944 |
+
position: absolute;
|
1945 |
+
width: 13px;
|
1946 |
+
height: 5px;
|
1947 |
+
top: 4px;
|
1948 |
+
border-left: 3px solid currentColor;
|
1949 |
+
border-bottom: 3px solid currentColor;
|
1950 |
+
-webkit-transform: rotate(-45deg);
|
1951 |
+
transform: rotate(-45deg);
|
1952 |
+
}
|
1953 |
+
|
1954 |
+
.cff-fb-source-inp-label,.cff-fb-wh-label{
|
1955 |
+
font-size: 14px;
|
1956 |
+
color: #434960;
|
1957 |
+
}
|
1958 |
+
.cff-fb-source-mnl-type .cff-fb-stp-src-ctn{
|
1959 |
+
justify-content: flex-start;
|
1960 |
+
margin-bottom: 22px;
|
1961 |
+
margin-top: 8px;
|
1962 |
+
}
|
1963 |
+
#cff-builder-app .cff-fb-source-mnl-type .cff-fb-stp-src-ctn .cff-fb-stp-src-type{
|
1964 |
+
margin-left: 0;
|
1965 |
+
margin-right: 32px
|
1966 |
+
}
|
1967 |
+
.cff-fb-source-inp,.cff-fb-wh-inp{
|
1968 |
+
border-radius: 0px !important;
|
1969 |
+
outline: none ;
|
1970 |
+
margin-top: 2px;
|
1971 |
+
border: 1px solid #D0D1D7 !important;
|
1972 |
+
margin-bottom: 20px;
|
1973 |
+
height: 38px;
|
1974 |
+
line-height: 38px;
|
1975 |
+
}
|
1976 |
+
|
1977 |
+
|
1978 |
+
.cff-fb-source-popup h1 {
|
1979 |
+
font-style: normal;
|
1980 |
+
font-weight: 600;
|
1981 |
+
font-size: 36px;
|
1982 |
+
line-height: 125%;
|
1983 |
+
color: #141B38;
|
1984 |
+
margin: 0;
|
1985 |
+
}
|
1986 |
+
.cff-fb-source-popup h2 {
|
1987 |
+
font-style: normal;
|
1988 |
+
font-weight: 600;
|
1989 |
+
font-size: 32px;
|
1990 |
+
line-height: 125%;
|
1991 |
+
margin: 0;
|
1992 |
+
}
|
1993 |
+
.cff-fb-source-popup h3 {
|
1994 |
+
font-style: normal;
|
1995 |
+
font-weight: 600;
|
1996 |
+
font-size: 24px;
|
1997 |
+
line-height: 120%;
|
1998 |
+
margin: 0 0 40px 0;
|
1999 |
+
letter-spacing: 0;
|
2000 |
+
}
|
2001 |
+
|
2002 |
+
.cff-fb-source-popup h4 {
|
2003 |
+
font-style: normal;
|
2004 |
+
font-weight: 600;
|
2005 |
+
font-size: 18px;
|
2006 |
+
line-height: 140%;
|
2007 |
+
margin: 0 0 4px 0;
|
2008 |
+
}
|
2009 |
+
|
2010 |
+
.cff-fb-slctf-back svg,
|
2011 |
+
.cff-fb-slctf-nxt svg,
|
2012 |
+
.cff-fb-source-btn-next svg{
|
2013 |
+
width: 6px;
|
2014 |
+
height: 10px;
|
2015 |
+
}
|
2016 |
+
|
2017 |
+
.cff-fb-source-btn-next span {
|
2018 |
+
display: inline-block;
|
2019 |
+
margin-right: 15px;
|
2020 |
+
line-height: 160%;
|
2021 |
+
}
|
2022 |
+
|
2023 |
+
.sb-single-step {
|
2024 |
+
display: flex;
|
2025 |
+
align-items: center;
|
2026 |
+
margin-bottom: 16px;
|
2027 |
+
}
|
2028 |
+
.sb-step-number {
|
2029 |
+
display: flex;
|
2030 |
+
align-items: center;
|
2031 |
+
justify-content: center;
|
2032 |
+
background: #F3F4F5;
|
2033 |
+
border-radius: 30px;
|
2034 |
+
width: 24px;
|
2035 |
+
height: 24px;
|
2036 |
+
margin-right: 16px;
|
2037 |
+
}
|
2038 |
+
|
2039 |
+
#cff-builder-app .sb-step-text {
|
2040 |
+
color: #434960;
|
2041 |
+
}
|
2042 |
+
|
2043 |
+
.sb-two-buttons-wrap {
|
2044 |
+
box-sizing:border-box;
|
2045 |
+
float: left;
|
2046 |
+
display: flex;
|
2047 |
+
justify-content: center;
|
2048 |
+
align-items: center;
|
2049 |
+
width: 100%;
|
2050 |
+
padding: 0 19px 28px;
|
2051 |
+
}
|
2052 |
+
.sb-two-buttons-wrap .cff-fb-source-btn {
|
2053 |
+
margin-top: 0;
|
2054 |
+
}
|
2055 |
+
.cff-fb-source-step4 .cff-fb-source-top {
|
2056 |
+
padding-bottom: 9px;
|
2057 |
+
}
|
2058 |
+
.sb-two-buttons-wrap > button:first-of-type {
|
2059 |
+
margin-right: 12px;
|
2060 |
+
}
|
2061 |
+
|
2062 |
+
.sb-two-buttons-wrap .sb-question-circle {
|
2063 |
+
margin-right: 9px;
|
2064 |
+
}
|
2065 |
+
|
2066 |
+
#cff-group-app-tooltip{
|
2067 |
+
cursor: pointer;
|
2068 |
+
}
|
2069 |
+
.cff-group-app-screenshot{
|
2070 |
+
display: none;
|
2071 |
+
position: absolute;
|
2072 |
+
bottom: 92px;
|
2073 |
+
left: 50%;
|
2074 |
+
margin-left: -325px;
|
2075 |
+
z-index: 10;
|
2076 |
+
border: 1px solid rgba(0,0,0,0.3);
|
2077 |
+
box-shadow: 0 0 0 5000px rgb(0 0 0 / 20%);
|
2078 |
+
border-radius: 5px;
|
2079 |
+
}
|
2080 |
+
#cff-group-app-tooltip:hover .cff-group-app-screenshot{
|
2081 |
+
display: block !important;
|
2082 |
+
}
|
2083 |
+
.cff-fb-source-btn[data-active = false] {
|
2084 |
+
pointer-events: none !important;
|
2085 |
+
}
|
2086 |
+
.cff-fb-source-btn[data-active = false] svg path{
|
2087 |
+
fill: #8C8F9A !important;
|
2088 |
+
}
|
2089 |
+
|
2090 |
+
.sb-directions-p {
|
2091 |
+
margin-bottom: 40px;
|
2092 |
+
}
|
2093 |
+
|
2094 |
+
.cff-fb-srcs-item-avatar{
|
2095 |
+
display: flex;
|
2096 |
+
width: 42px;
|
2097 |
+
height: inherit;
|
2098 |
+
justify-content: center;
|
2099 |
+
align-items: center;
|
2100 |
+
}
|
2101 |
+
.cff-fb-srcs-item-avatar img{
|
2102 |
+
width: 36px;
|
2103 |
+
height: 36px;
|
2104 |
+
border-radius: 50%;
|
2105 |
+
background: #eee;
|
2106 |
+
}
|
2107 |
+
.cff-fb-srcs-item-inf{
|
2108 |
+
width: 100%;
|
2109 |
+
height: inherit;
|
2110 |
+
display: flex;
|
2111 |
+
justify-content: center;
|
2112 |
+
flex-direction: column;
|
2113 |
+
padding-left: 10px;
|
2114 |
+
}
|
2115 |
+
.cff-fb-srcs-item-name{
|
2116 |
+
font-weight: 600;
|
2117 |
+
}
|
2118 |
+
.cff-fb-srcs-item-name-event{
|
2119 |
+
font-size: 10px;
|
2120 |
+
font-weight: 500;
|
2121 |
+
color: #777;
|
2122 |
+
}
|
2123 |
+
|
2124 |
+
.cff-fb-srcs-item-type{
|
2125 |
+
color: #434960;
|
2126 |
+
font-weight: 600;
|
2127 |
+
text-transform: uppercase;
|
2128 |
+
display: flex;
|
2129 |
+
align-items: center;
|
2130 |
+
}
|
2131 |
+
.sb-is-group .sb-details-wrap {
|
2132 |
+
position: relative;
|
2133 |
+
display: flex;
|
2134 |
+
align-items: center;
|
2135 |
+
padding: 2px 6px 2px 22px;
|
2136 |
+
background: #F3F4F5;
|
2137 |
+
border-radius: 2px;
|
2138 |
+
}
|
2139 |
+
.sb-highlight-admin .sb-details-wrap {
|
2140 |
+
padding: 2px 6px 2px 17px;
|
2141 |
+
|
2142 |
+
background: #E2F5FF;
|
2143 |
+
color: #0068A0;
|
2144 |
+
}
|
2145 |
+
.sb-highlight-admin span {
|
2146 |
+
color: #0068A0;
|
2147 |
+
}
|
2148 |
+
.cff-fb-srcs-item-type i{
|
2149 |
+
margin-right: 5px;
|
2150 |
+
}
|
2151 |
+
.cff-fb-srcs-item-type svg{
|
2152 |
+
float: left;
|
2153 |
+
margin-right: 5px;
|
2154 |
+
fill: currentColor;
|
2155 |
+
height: 8px;
|
2156 |
+
}
|
2157 |
+
.sb-has-details .cff-fb-srcs-item-type svg{
|
2158 |
+
position: absolute;
|
2159 |
+
top: 5px;
|
2160 |
+
right: 0;
|
2161 |
+
bottom: 0;
|
2162 |
+
left: 5px;
|
2163 |
+
height: 9px;
|
2164 |
+
}
|
2165 |
+
.sb-has-details .cff-fb-srcs-item-type.sb-highlight-admin svg {
|
2166 |
+
top: 6px;
|
2167 |
+
}
|
2168 |
+
[data-type="page"] .cff-fb-srcs-item-type svg{
|
2169 |
+
height: 9px;
|
2170 |
+
}
|
2171 |
+
.cff-fb-srcs-back{
|
2172 |
+
margin-right: auto;
|
2173 |
+
}
|
2174 |
+
.cff-groups-connect-actions {
|
2175 |
+
float: left;
|
2176 |
+
width: 100%;
|
2177 |
+
}
|
2178 |
+
.cff-groups-connect-actions .sb-alert,
|
2179 |
+
.cff-error-ctn .sb-alert{
|
2180 |
+
position: relative;
|
2181 |
+
margin: 25px 0;
|
2182 |
+
padding: 12px 12px 12px 44px;
|
2183 |
+
word-break: break-word;
|
2184 |
+
background: #FFEFCC
|
2185 |
+
}
|
2186 |
+
.cff-groups-connect-actions .cff-fb-source-btn {
|
2187 |
+
margin-top: 0;
|
2188 |
+
}
|
2189 |
+
.cff-groups-connect-actions {
|
2190 |
+
float: left;
|
2191 |
+
}
|
2192 |
+
.sb-alerts-wrap .sb-alert {
|
2193 |
+
margin: 0;
|
2194 |
+
}
|
2195 |
+
.cff-groups-connect-actions .sb-alert svg,
|
2196 |
+
.cff-error-ctn .sb-alert svg{
|
2197 |
+
position: absolute;
|
2198 |
+
top: 13px;
|
2199 |
+
left: 13px;
|
2200 |
+
}
|
2201 |
+
#cff-builder-app .cff-groups-connect-actions .sb-alert span,
|
2202 |
+
.cff-error-ctn .sb-alert span{
|
2203 |
+
color: #995C00;
|
2204 |
+
}
|
2205 |
+
#cff-builder-app .cff-groups-connect-actions .sb-alert span a,
|
2206 |
+
.cff-error-ctn .sb-alert span a{
|
2207 |
+
color: #663D00;
|
2208 |
+
font-weight: 600;
|
2209 |
+
text-decoration: underline;
|
2210 |
+
}
|
2211 |
+
|
2212 |
+
.cff-groups-connect-actions .cff-fb-source-btn {
|
2213 |
+
margin-top: 0;
|
2214 |
+
}
|
2215 |
+
/* Install Plugin Modal on Select Source Flow */
|
2216 |
+
.cff-install-plugin-modal {
|
2217 |
+
max-width: 580px;
|
2218 |
+
}
|
2219 |
+
.cff-install-plugin-body .cff-install-plugin-header {
|
2220 |
+
height: 106px;
|
2221 |
+
background: #F3F4F5;
|
2222 |
+
padding: 20px;
|
2223 |
+
display: flex;
|
2224 |
+
box-sizing: border-box;
|
2225 |
+
flex-wrap: wrap;
|
2226 |
+
align-items: center;
|
2227 |
+
}
|
2228 |
+
.cff-install-plugin-body .cff-install-plugin-header .sb-plugin-image {
|
2229 |
+
background-color: #fff;
|
2230 |
+
box-shadow: 0px 1px 2px rgb(0 0 0 / 5%), 0px 4px 5px rgb(0 0 0 / 5%);
|
2231 |
+
border-radius: 2px;
|
2232 |
+
padding: 15px;
|
2233 |
+
max-height: 66px;
|
2234 |
+
box-sizing: border-box;
|
2235 |
+
margin-right: 24px;
|
2236 |
+
}
|
2237 |
+
.cff-install-plugin-body .cff-install-plugin-header h3 {
|
2238 |
+
font-size: 18px !important;
|
2239 |
+
line-height: 25px !important;
|
2240 |
+
display: flex;
|
2241 |
+
align-items: center;
|
2242 |
+
}
|
2243 |
+
.cff-install-plugin-body .cff-install-plugin-header h3 span {
|
2244 |
+
color: #fff;
|
2245 |
+
background: #59AB46;
|
2246 |
+
border-radius: 2px;
|
2247 |
+
font-size: 10px;
|
2248 |
+
line-height: 16px;
|
2249 |
+
letter-spacing: 0.08em;
|
2250 |
+
text-transform: uppercase;
|
2251 |
+
padding: 0px 6px;
|
2252 |
+
margin-left: 10px;
|
2253 |
+
}
|
2254 |
+
.cff-install-plugin-body .cff-install-plugin-header p {
|
2255 |
+
display: flex;
|
2256 |
+
font-size: 12px;
|
2257 |
+
line-height: 18px;
|
2258 |
+
color: #434960;
|
2259 |
+
margin: 5px 0 0 0;
|
2260 |
+
}
|
2261 |
+
.cff-install-plugin-body .cff-install-plugin-header p .sb-author-logo {
|
2262 |
+
margin-right: 8px;
|
2263 |
+
}
|
2264 |
+
|
2265 |
+
.cff-install-plugin-body .cff-install-plugin-content {
|
2266 |
+
padding: 20px 20px 32px 107px;
|
2267 |
+
}
|
2268 |
+
.cff-install-plugin-body .cff-install-plugin-content p {
|
2269 |
+
margin: 0px;
|
2270 |
+
font-size: 14px;
|
2271 |
+
line-height: 22px;
|
2272 |
+
color: #434960;
|
2273 |
+
padding-right: 20px;
|
2274 |
+
}
|
2275 |
+
.cff-install-plugin-body .cff-install-plugin-content .cff-install-plugin-btn {
|
2276 |
+
display: flex;
|
2277 |
+
align-items: center;
|
2278 |
+
justify-content: center;
|
2279 |
+
height: 38px;
|
2280 |
+
padding: 8px 20px;
|
2281 |
+
box-sizing: border-box;
|
2282 |
+
transition: all .15s ease-in-out;
|
2283 |
+
border-radius: 2px;
|
2284 |
+
width: 100%;
|
2285 |
+
margin-top: 28px;
|
2286 |
+
border: none;
|
2287 |
+
font-size: 14px;
|
2288 |
+
font-weight: 600;
|
2289 |
+
line-height: 160%;
|
2290 |
+
cursor: pointer;
|
2291 |
+
}
|
2292 |
+
.cff-install-plugin-body .cff-install-plugin-content .cff-btn-orange:disabled {
|
2293 |
+
color: #8C8F9A !important;
|
2294 |
+
background: #E8E8EB !important;
|
2295 |
+
cursor: not-allowed;
|
2296 |
+
}
|
2297 |
+
.cff-install-plugin-body .cff-install-plugin-content .cff-install-plugin-btn span {
|
2298 |
+
height: 20px;
|
2299 |
+
width: 20px;
|
2300 |
+
margin-right: 5px;
|
2301 |
+
}
|
2302 |
+
.cff-fb-mr-fd-list button {
|
2303 |
+
cursor: pointer;
|
2304 |
+
}
|
2305 |
+
|
2306 |
+
/* Tooltips */
|
2307 |
+
.sb-control-elem-tltp{
|
2308 |
+
margin-left: 10px;
|
2309 |
+
position: relative;
|
2310 |
+
}
|
2311 |
+
.sb-control-elem-tltp-icon{
|
2312 |
+
float: left;
|
2313 |
+
cursor: pointer;
|
2314 |
+
}
|
2315 |
+
.sb-control-elem-tltp-icon svg{
|
2316 |
+
width: 14px;
|
2317 |
+
float: left;
|
2318 |
+
}
|
2319 |
+
@media (min-width: 768px) and (max-width: 1079px) {
|
2320 |
+
.cff-fb-mr-fd-img {
|
2321 |
+
width: 37%;
|
2322 |
+
}
|
2323 |
+
.cff-fb-mr-fd-list button:not(:last-child) {
|
2324 |
+
margin-bottom: 8px;
|
2325 |
+
}
|
2326 |
+
}
|
2327 |
+
@media (min-width: 768px) and (max-width: 1023px) {
|
2328 |
+
.cff-fb-srcslist-ctn,
|
2329 |
+
.cff-fb-source-pp-customizer .cff-fb-srcslist-ctn {
|
2330 |
+
grid-template-columns: 49.2% 49.2%;
|
2331 |
+
gap: 2%;
|
2332 |
+
margin-top: 8px;
|
2333 |
+
}
|
2334 |
+
.cff-fb-slctfd-action {
|
2335 |
+
width: 100%;
|
2336 |
+
}
|
2337 |
+
.cff-fb-srcs-item {
|
2338 |
+
margin-top: 3px;
|
2339 |
+
}
|
2340 |
+
.cff-manual-question {
|
2341 |
+
max-width: 390px;
|
2342 |
+
}
|
2343 |
+
.cff-fb-feedtypes-popup {
|
2344 |
+
left: 0;
|
2345 |
+
max-width: calc(100% - 60px);
|
2346 |
+
}
|
2347 |
+
.cff-fb-feedtypes-pp-ctn.cff-fb-center-boss {
|
2348 |
+
top: 40px;
|
2349 |
+
}
|
2350 |
+
}
|
2351 |
+
|
2352 |
+
@media (max-width: 767px) {
|
2353 |
+
.cff-fb-feedtypes-pp-ctn.cff-fb-center-boss {
|
2354 |
+
align-items: baseline;
|
2355 |
+
}
|
2356 |
+
.cff-fb-feedtypes-popup {
|
2357 |
+
max-width: calc(100% - 40px);
|
2358 |
+
top: 50px;
|
2359 |
+
}
|
2360 |
+
#cff-builder-app .sb-positioning-wrap {
|
2361 |
+
width: 130px;
|
2362 |
+
}
|
2363 |
+
.cff-fb-embed-popup, .cff-fb-dialog-popup {
|
2364 |
+
width: 100%;
|
2365 |
+
max-width: calc(100% - 40px);
|
2366 |
+
}
|
2367 |
+
.cff-fb-popup-inside {
|
2368 |
+
left: 0;
|
2369 |
+
}
|
2370 |
+
.cff-fb-extensions-pp-ctn .cff-fb-popup-inside.cff-fb-extensions-popup,
|
2371 |
+
.cff-fb-source-ctn .cff-fb-popup-inside {
|
2372 |
+
max-width: calc(100% - 40px);
|
2373 |
+
}
|
2374 |
+
.cff-fb-source-ctn.cff-fb-center-boss,
|
2375 |
+
.cff-fb-extensions-pp-ctn.cff-fb-center-boss{
|
2376 |
+
align-items: baseline;
|
2377 |
+
}
|
2378 |
+
.cff-fb-extensions-pp-ctn.cff-fb-center-boss .cff-fb-popup-inside{
|
2379 |
+
top: 50px;
|
2380 |
+
}
|
2381 |
+
.cff-extension-bullet-list {
|
2382 |
+
grid-template-columns: 100%;
|
2383 |
+
}
|
2384 |
+
.cff-fb-extpp-bottom {
|
2385 |
+
padding: 20px;
|
2386 |
+
}
|
2387 |
+
.cff-fb-extpp-info {
|
2388 |
+
width: 100%;
|
2389 |
+
padding-right: 20px;
|
2390 |
+
padding-left: 20px;
|
2391 |
+
}
|
2392 |
+
.cff-fb-extpp-img {
|
2393 |
+
display: none;
|
2394 |
+
}
|
2395 |
+
.cff-fb-extpp-top {
|
2396 |
+
height: 195px;
|
2397 |
+
}
|
2398 |
+
.cff-fb-source-pp-customizer .cff-fb-srcslist-ctn {
|
2399 |
+
grid-template-columns: 99.2%;
|
2400 |
+
gap: 2%;
|
2401 |
+
margin-bottom: 50px;
|
2402 |
+
}
|
2403 |
+
.cff-fb-source-account-info {
|
2404 |
+
flex-wrap: wrap;
|
2405 |
+
}
|
2406 |
+
.cff-fb-source-account-info > span {
|
2407 |
+
width: 100%;
|
2408 |
+
}
|
2409 |
+
.cff-fb-source-account-info img {
|
2410 |
+
margin-left: 0;
|
2411 |
+
}
|
2412 |
+
.cff-fb-source-btn {
|
2413 |
+
margin-top: 25px;
|
2414 |
+
}
|
2415 |
+
.cff-fb-source-bottom {
|
2416 |
+
flex-wrap: wrap;
|
2417 |
+
margin-top: 0;
|
2418 |
+
}
|
2419 |
+
.cff-fb-src-add-manual {
|
2420 |
+
margin-left: 0;
|
2421 |
+
margin-top: 15px;
|
2422 |
+
}
|
2423 |
+
.cff-fb-types-list {
|
2424 |
+
grid-template-columns: 100%;
|
2425 |
+
}
|
2426 |
+
.cff-fb-types-list .cff-fb-type-el {
|
2427 |
+
margin-bottom: 10px;
|
2428 |
+
}
|
2429 |
+
.cff-fb-create-ctn {
|
2430 |
+
margin-top: 90px;
|
2431 |
+
padding: 0 20px 65px;
|
2432 |
+
}
|
2433 |
+
#cff-builder-app h1 {
|
2434 |
+
font-size: 32px;
|
2435 |
+
}
|
2436 |
+
.cff-fb-social-wall-between,
|
2437 |
+
.cff-fb-social-wall-end {
|
2438 |
+
display: none;
|
2439 |
+
}
|
2440 |
+
.cff-graphic-row-main {
|
2441 |
+
justify-content: space-between;
|
2442 |
+
}
|
2443 |
+
.cff-fb-slctfd-action {
|
2444 |
+
width: 100%;
|
2445 |
+
}
|
2446 |
+
.cff-fb-mr-feeds {
|
2447 |
+
flex-wrap: wrap;
|
2448 |
+
margin-bottom: 60px;
|
2449 |
+
}
|
2450 |
+
.cff-fb-mr-feeds .cff-fb-mr-fd-content,
|
2451 |
+
.cff-fb-slctsrc-content, .cff-fb-section-wh-insd,
|
2452 |
+
.cff-fb-types, .cff-fb-adv-types {
|
2453 |
+
padding: 20px;
|
2454 |
+
}
|
2455 |
+
.cff-fb-source-ctn .cff-fb-popup-inside.cff-install-plugin-modal {
|
2456 |
+
top: 0;
|
2457 |
+
}
|
2458 |
+
.cff-fb-mr-fd-list button:not(:last-child) {
|
2459 |
+
margin-bottom: 8px;
|
2460 |
+
}
|
2461 |
+
.cff-fb-srcs-item {
|
2462 |
+
margin-top: 3px;
|
2463 |
+
}
|
2464 |
+
|
2465 |
+
#cff-builder-app h2 {
|
2466 |
+
font-size: 26px;
|
2467 |
+
}
|
2468 |
+
.cff-fb-srcs-desc {
|
2469 |
+
width: 100%;
|
2470 |
+
}
|
2471 |
+
.cff-fb-source-list {
|
2472 |
+
grid-template-columns: 99%;
|
2473 |
+
}
|
2474 |
+
.sb-dialog-ctn.cff-fb-center-boss .cff-fb-popup-inside {
|
2475 |
+
max-width: calc(100% - 40px);
|
2476 |
+
}
|
2477 |
+
}
|
2478 |
+
|
2479 |
+
@media (max-width: 480px) {
|
2480 |
+
.cff-fb-source-ctn .cff-fb-popup-inside {
|
2481 |
+
top: 45px;
|
2482 |
+
margin-bottom: 46px;
|
2483 |
+
}
|
2484 |
+
.cff-csz-header-insider .sb-button-standard {
|
2485 |
+
font-size: 13px;
|
2486 |
+
padding: 8px 15px 8px 34px;
|
2487 |
+
}
|
2488 |
+
.cff-csz-header-insider .sb-button-standard svg {
|
2489 |
+
width: 13px;
|
2490 |
+
height: 13px;
|
2491 |
+
left: 14px;
|
2492 |
+
top: 10px;
|
2493 |
+
}
|
2494 |
+
.cff-fb-header.cff-csz-header {
|
2495 |
+
height: 126px;
|
2496 |
+
}
|
2497 |
+
.cff-csz-hd-name {
|
2498 |
+
height: 30px;
|
2499 |
+
margin-top: 5px;
|
2500 |
+
}
|
2501 |
+
.sb-customizer-ctn .sb-customizer-sidebar {
|
2502 |
+
margin-top: 120px;
|
2503 |
+
}
|
2504 |
+
.sb-fs-boss.cff-fb-center-boss {
|
2505 |
+
overflow: scroll;
|
2506 |
+
}
|
2507 |
+
.cff-fb-stp1-elm {
|
2508 |
+
flex-wrap: wrap;
|
2509 |
+
}
|
2510 |
+
.cff-fb-stp1-elm-txt {
|
2511 |
+
margin-right: 0%;
|
2512 |
+
width: calc(100% - 50px);
|
2513 |
+
}
|
2514 |
+
.cff-fb-stp1-elm .cff-fb-stp-src-ctn.cff-fb-stp1-elm-act {
|
2515 |
+
margin-left: 24px;
|
2516 |
+
}
|
2517 |
+
.cff-fb-stp1-elm .cff-fb-stp1-elm-act {
|
2518 |
+
margin-top: 10px;
|
2519 |
+
margin-left: 42px;
|
2520 |
+
}
|
2521 |
+
|
2522 |
+
}
|
2523 |
+
|
2524 |
+
|
2525 |
+
.sb-control-elem-tltp-content{
|
2526 |
+
position: fixed;
|
2527 |
+
background: #fff;
|
2528 |
+
padding: 8px 11px;
|
2529 |
+
text-align: center;
|
2530 |
+
line-height: 1.5em;
|
2531 |
+
top: 0;
|
2532 |
+
left: 0;
|
2533 |
+
z-index: 999999999;
|
2534 |
+
-webkit-transform: translateX(-50%) translateY(-100%);
|
2535 |
+
transform: translateX(-50%) translateY(-100%);
|
2536 |
+
box-shadow: 0 5px 10px rgba(0,0,0,0.3);
|
2537 |
+
}
|
2538 |
+
|
2539 |
+
|
2540 |
+
.sb-control-elem-tltp-content:before{
|
2541 |
+
content: '';
|
2542 |
+
position: absolute;
|
2543 |
+
left: 50%;
|
2544 |
+
bottom: -10px;
|
2545 |
+
border-top: 12px solid #fff;
|
2546 |
+
border-right: 12px solid transparent;
|
2547 |
+
border-left: 12px solid transparent;
|
2548 |
+
-webkit-transform: translateX(-50%);
|
2549 |
+
transform: translateX(-50%);
|
2550 |
+
z-index: 2;
|
2551 |
+
}
|
2552 |
+
.sb-control-elem-tltp-content:after{
|
2553 |
+
content: '';
|
2554 |
+
position: absolute;
|
2555 |
+
left: 50%;
|
2556 |
+
bottom: -12px;
|
2557 |
+
margin-left: 0px;
|
2558 |
+
border-top: 14px solid #eee;
|
2559 |
+
border-right: 15px solid transparent;
|
2560 |
+
border-left: 15px solid transparent;
|
2561 |
+
-webkit-transform: translateX(-50%);
|
2562 |
+
transform: translateX(-50%);
|
2563 |
+
}
|
2564 |
+
|
2565 |
+
.sb-control-elem-tltp:hover .sb-control-elem-tltp-content{
|
2566 |
+
opacity: 1;
|
2567 |
+
visibility: visible;
|
2568 |
+
top: 24px;
|
2569 |
+
max-width: 300px;
|
2570 |
+
width: auto;
|
2571 |
+
}
|
2572 |
+
.sb-control-elem-tltp-txt{
|
2573 |
+
position: relative;
|
2574 |
+
max-width: 300px;
|
2575 |
+
width: max-content;
|
2576 |
+
}
|
2577 |
+
.sb-control-elem-tltp-txt[data-align="left"]{
|
2578 |
+
text-align: left!important;
|
2579 |
+
}
|
2580 |
+
.sb-tltp-black-link{
|
2581 |
+
text-decoration: underline!important;
|
2582 |
+
color: #000;
|
2583 |
+
}
|
2584 |
+
/* Social Wall Links */
|
2585 |
+
.sb-social-wall-link-wrap {
|
2586 |
+
display: flex;
|
2587 |
+
font-size: 14px;
|
2588 |
+
margin: 10px 0;
|
2589 |
+
}
|
2590 |
+
.sb-social-wall-link {
|
2591 |
+
padding: 0 12px;
|
2592 |
+
border-right: 1px solid #ccc;
|
2593 |
+
color: #0068A0!important;
|
2594 |
+
line-height: 1;
|
2595 |
+
}
|
2596 |
+
.sb-social-wall-link a {
|
2597 |
+
text-decoration: none;
|
2598 |
+
}
|
2599 |
+
.sb-social-wall-link:first-child {
|
2600 |
+
padding-left: 0;
|
2601 |
+
border-right: 1px solid #ccc;
|
2602 |
+
color: #0068A0!important;
|
2603 |
+
line-height: 1;
|
2604 |
+
}
|
2605 |
+
.sb-social-wall-link:last-child {
|
2606 |
+
border-right: none;
|
2607 |
+
}
|
2608 |
+
.sb-social-wall-link a:focus {
|
2609 |
+
outline: none;
|
2610 |
+
box-shadow: none;
|
2611 |
+
}
|
2612 |
+
|
2613 |
+
|
2614 |
+
/*** 7.0 Settings CTA ***/
|
2615 |
+
.cff-settings-cta {
|
2616 |
+
background-color: #fff;
|
2617 |
+
padding: 24px 20px 20px;
|
2618 |
+
box-shadow: 0px 1px 2px rgb(0 0 0 / 5%), 0px 4px 5px rgb(0 0 0 / 5%);
|
2619 |
+
margin-top: 30px;
|
2620 |
+
}
|
2621 |
+
.cff-settings-cta .cff-cta-title,
|
2622 |
+
.cff-settings-cta .cff-cta-head-inner {
|
2623 |
+
display: flex;
|
2624 |
+
}
|
2625 |
+
.cff-settings-cta .cff-cta-head-inner {
|
2626 |
+
justify-content: space-between;
|
2627 |
+
max-width: 820px;
|
2628 |
+
}
|
2629 |
+
.cff-settings-cta .cff-cta-head-inner .cff-cta-btn a {
|
2630 |
+
display: flex;
|
2631 |
+
flex-direction: row;
|
2632 |
+
justify-content: center;
|
2633 |
+
align-items: center;
|
2634 |
+
padding: 7px 12px 8px 20px;
|
2635 |
+
font-weight: 600;
|
2636 |
+
font-size: 14px;
|
2637 |
+
line-height: 160%;
|
2638 |
+
margin-top: 10px;
|
2639 |
+
}
|
2640 |
+
.cff-settings-cta .cff-cta-head-inner .cff-cta-btn a svg {
|
2641 |
+
margin-left: 12px;
|
2642 |
+
width: 10px;
|
2643 |
+
}
|
2644 |
+
.cff-settings-cta .cff-plugin-title-bt {
|
2645 |
+
display: flex;
|
2646 |
+
}
|
2647 |
+
.cff-settings-cta .cff-plugin-title-bt .cff-cta-btn {
|
2648 |
+
width: 177px;
|
2649 |
+
}
|
2650 |
+
.cff-settings-cta .cff-cta-title .cff-plugin-logo {
|
2651 |
+
background: #FFFFFF;
|
2652 |
+
box-shadow: 0px 6.05242px 7.56552px rgba(0, 26, 119, 0.0415), 0px 3.39293px 4.24117px rgba(0, 26, 119, 0.04), 0px 1.80196px 2.25245px rgba(0, 26, 119, 0.0285), 0px 0.749837px 0.937296px rgba(0, 26, 119, 0.0337);
|
2653 |
+
border-radius: 2px;
|
2654 |
+
min-width: 60px;
|
2655 |
+
width: 65px;
|
2656 |
+
height: 65px;
|
2657 |
+
display: flex;
|
2658 |
+
justify-content: center;
|
2659 |
+
align-items: center;
|
2660 |
+
margin-right: 30px;
|
2661 |
+
border: 1px solid #ecebeb;
|
2662 |
+
}
|
2663 |
+
#cff-builder-app .cff-settings-cta .cff-cta-title .cff-plugin-logo{
|
2664 |
+
width: 75px;
|
2665 |
+
height: 75px;
|
2666 |
+
}
|
2667 |
+
.cff-settings-cta .cff-cta-title .cff-cta-discount-label {
|
2668 |
+
background: #E2F5FF;
|
2669 |
+
border-radius: 2px;
|
2670 |
+
padding: 4px 14px 4px 12px;
|
2671 |
+
font-weight: 600;
|
2672 |
+
font-size: 14px;
|
2673 |
+
line-height: 160%;
|
2674 |
+
color: #0068A0;
|
2675 |
+
display: flex;
|
2676 |
+
flex-direction: row;
|
2677 |
+
justify-content: space-between;
|
2678 |
+
align-items: center;
|
2679 |
+
max-width: 235px;
|
2680 |
+
margin-top: 10px;
|
2681 |
+
box-sizing: border-box;
|
2682 |
+
margin-right: 10px;
|
2683 |
+
}
|
2684 |
+
#cff-builder-app .cff-settings-cta .cff-cta-title .cff-cta-discount-label {
|
2685 |
+
max-width: 250px;
|
2686 |
+
}
|
2687 |
+
#cff-builder-app .cff-settings-cta .cff-cta-title .cff-cta-discount-label svg {
|
2688 |
+
margin-right: 6px;
|
2689 |
+
}
|
2690 |
+
#cff-builder-app .cff-settings-cta .cff-cta-title .cff-cta-discount-label {
|
2691 |
+
color: #663D00;
|
2692 |
+
background: #FFEFCC;
|
2693 |
+
}
|
2694 |
+
.cff-settings-cta .cff-cta-boxes {
|
2695 |
+
margin: 36px 0px 0px 7px;
|
2696 |
+
display: flex;
|
2697 |
+
background-color: #fff;
|
2698 |
+
box-shadow: 0px 1px 2px rgb(0 0 0 / 5%), 0px 4px 5px rgb(0 0 0 / 5%);
|
2699 |
+
border: 1px solid #E8E8EB;
|
2700 |
+
border-bottom: 0px solid transparent;
|
2701 |
+
max-width: 1170px;
|
2702 |
+
}
|
2703 |
+
.cff-settings-cta .cff-cta-box:not(:last-child) {
|
2704 |
+
border-right: 1px solid #E8E8EB;
|
2705 |
+
}
|
2706 |
+
.cff-settings-cta .cff-cta-box {
|
2707 |
+
padding: 16px 30px 16px 18px;
|
2708 |
+
display: flex;
|
2709 |
+
}
|
2710 |
+
.cff-settings-cta .cff-cta-box .cff-cta-box-icon {
|
2711 |
+
margin-right: 24px;
|
2712 |
+
max-height: 50px;
|
2713 |
+
}
|
2714 |
+
.cff-settings-cta .cff-cta-box .cff-cta-box-title {
|
2715 |
+
font-weight: 600;
|
2716 |
+
font-size: 14px;
|
2717 |
+
line-height: 160%;
|
2718 |
+
}
|
2719 |
+
.cff-settings-cta .cff-cta-much-more{
|
2720 |
+
display: flex;
|
2721 |
+
padding: 0 14px;
|
2722 |
+
flex-wrap: wrap;
|
2723 |
+
margin-top: 3px;
|
2724 |
+
justify-content: space-between;
|
2725 |
+
max-width: 1170px;
|
2726 |
+
}
|
2727 |
+
.cff-settings-cta .cff-cta-much-more .cff-cta-mm-left {
|
2728 |
+
width: 330px;
|
2729 |
+
}
|
2730 |
+
.cff-settings-cta .cff-cta-much-more .cff-cta-mm-right ul {
|
2731 |
+
display: grid;
|
2732 |
+
grid-template-columns: 33% 33% 33%;
|
2733 |
+
grid-column-gap: 2%;
|
2734 |
+
padding-top: 10px;
|
2735 |
+
}
|
2736 |
+
.cff-settings-cta .cff-cta-much-more .cff-cta-mm-left h4 {
|
2737 |
+
font-weight: 600;
|
2738 |
+
font-size: 18px;
|
2739 |
+
line-height: 140%;
|
2740 |
+
color: #141B38;
|
2741 |
+
margin: 1.33em 0 !important;
|
2742 |
+
}
|
2743 |
+
.cff-settings-cta .cff-cta-much-more .cff-cta-mm-right ul li {
|
2744 |
+
font-size: 14px;
|
2745 |
+
line-height: 160%;
|
2746 |
+
color: #434960;
|
2747 |
+
width: 260px;
|
2748 |
+
position: relative;
|
2749 |
+
}
|
2750 |
+
.cff-settings-cta .cff-cta-much-more .cff-cta-mm-right ul li::before {
|
2751 |
+
background: #0096CC;
|
2752 |
+
width: 4px;
|
2753 |
+
height: 4px;
|
2754 |
+
content: '';
|
2755 |
+
position: absolute;
|
2756 |
+
left: -19px;
|
2757 |
+
top: 10px;
|
2758 |
+
}
|
2759 |
+
.cff-settings-cta .cff-cta-try-demo {
|
2760 |
+
margin-top: 13px;
|
2761 |
+
max-width: 1180px;
|
2762 |
+
}
|
2763 |
+
.cff-settings-cta .cff-cta-try-demo a {
|
2764 |
+
width: 100%;
|
2765 |
+
justify-content: center;
|
2766 |
+
display: flex;
|
2767 |
+
align-items: center;
|
2768 |
+
vertical-align: middle;
|
2769 |
+
background: #F3F4F5;
|
2770 |
+
border: 1px solid #DCDDE1;
|
2771 |
+
box-sizing: border-box;
|
2772 |
+
border-radius: 2px;
|
2773 |
+
padding: 7px 20px;
|
2774 |
+
font-weight: 600;
|
2775 |
+
font-size: 14px;
|
2776 |
+
line-height: 22px;
|
2777 |
+
color: #141B38;
|
2778 |
+
box-sizing: border-box;
|
2779 |
+
letter-spacing: 0.2px;
|
2780 |
+
cursor: pointer;
|
2781 |
+
transition: all 0.15s ease-in-out;
|
2782 |
+
text-decoration: none;
|
2783 |
+
}
|
2784 |
+
.cff-settings-cta .cff-cta-try-demo a span svg {
|
2785 |
+
transform: translate(5px, 4px);
|
2786 |
+
}
|
2787 |
+
.cff-settings-cta .cff-cta-try-demo .cff-btn span {
|
2788 |
+
margin-left: 9px;
|
2789 |
+
transform: translateY(1px);
|
2790 |
+
}
|
2791 |
+
|
2792 |
+
.cff-cta-toggle-features {
|
2793 |
+
background: #F3F4F5;
|
2794 |
+
width: 100%;
|
2795 |
+
display: flex;
|
2796 |
+
justify-content: left;
|
2797 |
+
padding: 5px 0 4px 15px;
|
2798 |
+
box-shadow: 0px 1px 2px rgb(0 0 0 / 5%), 0px 4px 5px rgb(0 0 0 / 5%);
|
2799 |
+
box-sizing: border-box;
|
2800 |
+
}
|
2801 |
+
.cff-cta-toggle-features .cff-cta-toggle-btn {
|
2802 |
+
font-weight: 600;
|
2803 |
+
font-size: 14px;
|
2804 |
+
line-height: 160%;
|
2805 |
+
border: none;
|
2806 |
+
background: none;
|
2807 |
+
display: flex;
|
2808 |
+
cursor: pointer;
|
2809 |
+
}
|
2810 |
+
.cff-cta-toggle-features .cff-cta-toggle-btn svg {
|
2811 |
+
transform: translateY(0px);
|
2812 |
+
margin-left: 4px;
|
2813 |
+
}
|
2814 |
+
|
2815 |
+
@media (min-width: 1170px) and (max-width: 1540px) {
|
2816 |
+
.cff-settings-cta .cff-cta-much-more .cff-cta-mm-right ul li {
|
2817 |
+
width: 240px;
|
2818 |
+
}
|
2819 |
+
.cff-settings-cta .cff-cta-much-more .cff-cta-mm-left {
|
2820 |
+
width: 220px;
|
2821 |
+
}
|
2822 |
+
}
|
2823 |
+
@media (min-width: 1170px) and (max-width: 1340px) {
|
2824 |
+
.cff-settings-cta .cff-cta-box .cff-cta-box-icon {
|
2825 |
+
margin-right: 15px;
|
2826 |
+
}
|
2827 |
+
.cff-settings-cta .cff-cta-box {
|
2828 |
+
padding: 16px 15px 16px 15px;
|
2829 |
+
}
|
2830 |
+
}
|
2831 |
+
@media (max-width: 1300px) {
|
2832 |
+
.cff-settings-cta .cff-cta-much-more .cff-cta-mm-right ul {
|
2833 |
+
grid-template-columns: 48% 48%;
|
2834 |
+
}
|
2835 |
+
}
|
2836 |
+
@media (max-width: 1170px) {
|
2837 |
+
.cff-settings-cta .cff-cta-boxes {
|
2838 |
+
flex-wrap: wrap;
|
2839 |
+
}
|
2840 |
+
.cff-settings-cta .cff-cta-boxes .cff-cta-box {
|
2841 |
+
width: 50%;
|
2842 |
+
box-sizing: border-box;
|
2843 |
+
}
|
2844 |
+
.cff-settings-cta .cff-cta-box:not(:last-child) {
|
2845 |
+
border-right: none;
|
2846 |
+
}
|
2847 |
+
.cff-settings-cta .cff-cta-box:first-child,
|
2848 |
+
.cff-settings-cta .cff-cta-box:nth-child(2) {
|
2849 |
+
border-bottom: 1px solid #E8E8EB;
|
2850 |
+
}
|
2851 |
+
.cff-settings-cta .cff-cta-box:first-child,
|
2852 |
+
.cff-settings-cta .cff-cta-box:nth-child(3) {
|
2853 |
+
border-right: 1px solid #E8E8EB;
|
2854 |
+
}
|
2855 |
+
.cff-settings-cta .cff-cta-much-more .cff-cta-mm-right {
|
2856 |
+
padding-left: 20px;
|
2857 |
+
}
|
2858 |
+
.cff-settings-cta .cff-cta-much-more .cff-cta-mm-right ul {
|
2859 |
+
margin: 0;
|
2860 |
+
padding: 0;
|
2861 |
+
}
|
2862 |
+
}
|
2863 |
+
@media (max-width: 770px) {
|
2864 |
+
.cff-settings-cta .cff-cta-boxes .cff-cta-box {
|
2865 |
+
width: 100%;
|
2866 |
+
align-items: center;
|
2867 |
+
}
|
2868 |
+
.cff-settings-cta .cff-cta-box {
|
2869 |
+
border: none;
|
2870 |
+
}
|
2871 |
+
.cff-settings-cta .cff-cta-box:not(:last-child) {
|
2872 |
+
border-bottom: 1px solid #E8E8EB;
|
2873 |
+
}
|
2874 |
+
.cff-settings-cta .cff-cta-much-more .cff-cta-mm-right ul {
|
2875 |
+
grid-template-columns: 100%;
|
2876 |
+
margin-top: 0px;
|
2877 |
+
}
|
2878 |
+
.cff-settings-cta .cff-cta-much-more .cff-cta-mm-left h4 {
|
2879 |
+
margin-bottom: 10px !important;
|
2880 |
+
}
|
2881 |
+
.sb-tab-content .sb-tab-box .cff-caching-pro-cta {
|
2882 |
+
padding: 8px 25px;
|
2883 |
+
}
|
2884 |
+
|
2885 |
+
.cff-settings-cta .cff-cta-head-inner {
|
2886 |
+
flex-wrap: wrap;
|
2887 |
+
}
|
2888 |
+
|
2889 |
+
.cff-settings-cta .cff-cta-title {
|
2890 |
+
margin-bottom: 20px;
|
2891 |
+
}
|
2892 |
+
.cff-settings-cta .cff-cta-btn {
|
2893 |
+
width: 100%;
|
2894 |
+
}
|
2895 |
+
.cff-settings-cta .cff-plugin-title-bt {
|
2896 |
+
flex-direction: column;
|
2897 |
+
}
|
2898 |
+
|
2899 |
+
.cff-plugin-title {
|
2900 |
+
width: 67%;
|
2901 |
+
}
|
2902 |
+
}
|
2903 |
+
|
2904 |
+
@media (max-width: 580px) {
|
2905 |
+
.cff-settings-cta .cff-cta-title .cff-plugin-logo {
|
2906 |
+
margin-right: 20px;
|
2907 |
+
}
|
2908 |
+
}
|
2909 |
+
|
2910 |
+
/*
|
2911 |
+
Add Source Loading
|
2912 |
+
*/
|
2913 |
+
.cff-fb-source-redirect-ld{
|
2914 |
+
text-align: center;
|
2915 |
+
}
|
2916 |
+
.cff-fb-source-redirect-ld div{
|
2917 |
+
display: inline-block;
|
2918 |
+
width: 32px;
|
2919 |
+
height: 32px;
|
2920 |
+
border-radius: 50px;
|
2921 |
+
margin: 0 10px;
|
2922 |
+
position: relative;
|
2923 |
+
background-color: #0096CC;
|
2924 |
+
color: #0096CC;
|
2925 |
+
-webkit-animation: sb-source-redirect 1s infinite linear alternate;
|
2926 |
+
animation: sb-source-redirect 1s infinite linear alternate;
|
2927 |
+
-webkit-animation-delay: .5s;
|
2928 |
+
animation-delay: .5s;
|
2929 |
+
}
|
2930 |
+
|
2931 |
+
.cff-fb-source-redirect-ld div:before,
|
2932 |
+
.cff-fb-source-redirect-ld div:after{
|
2933 |
+
content: '';
|
2934 |
+
display: inline-block;
|
2935 |
+
position: absolute;
|
2936 |
+
top: 0;
|
2937 |
+
}
|
2938 |
+
|
2939 |
+
.cff-fb-source-redirect-ld div:before{
|
2940 |
+
left: -45px;
|
2941 |
+
width: 32px;
|
2942 |
+
height: 32px;
|
2943 |
+
border-radius: 50px;
|
2944 |
+
background-color: #0096CC;
|
2945 |
+
color: #0096CC;
|
2946 |
+
-webkit-animation: sb-source-redirect 1s infinite alternate;
|
2947 |
+
animation: sb-source-redirect 1s infinite alternate;
|
2948 |
+
-webkit-animation-delay: 0s;
|
2949 |
+
animation-delay: 0s;
|
2950 |
+
}
|
2951 |
+
|
2952 |
+
.cff-fb-source-redirect-ld div:after{
|
2953 |
+
left: 45px;
|
2954 |
+
width: 32px;
|
2955 |
+
height: 32px;
|
2956 |
+
border-radius: 50px;
|
2957 |
+
background-color: #0096CC;
|
2958 |
+
color: #0096CC;
|
2959 |
+
-webkit-animation: sb-source-redirect 1s infinite alternate;
|
2960 |
+
animation: sb-source-redirect 1s infinite alternate;
|
2961 |
+
-webkit-animation-delay: 1s;
|
2962 |
+
animation-delay: 1s;
|
2963 |
+
}
|
2964 |
+
|
2965 |
+
|
2966 |
+
|
2967 |
+
@-webkit-keyframes sb-source-redirect {
|
2968 |
+
0% {background-color: #0096CC;}
|
2969 |
+
50%,100% {background-color: #B5E5FF;}
|
2970 |
+
}
|
2971 |
+
@keyframes sb-source-redirect {
|
2972 |
+
0% {background-color: #0096CC;}
|
2973 |
+
50%,100% {background-color: #B5E5FF;}
|
2974 |
+
}
|
2975 |
+
|
2976 |
+
|
2977 |
+
.cff-fb-source-redirect-info{
|
2978 |
+
text-align: center;
|
2979 |
+
margin-top: 50px;
|
2980 |
+
}
|
2981 |
+
|
2982 |
+
.cff-fb-source-redirect-info strong{
|
2983 |
+
font-size: 18px;
|
2984 |
+
}
|
2985 |
+
.cff-fb-source-redirect-info p{
|
2986 |
+
color: #8C8F9A;
|
2987 |
+
padding: 0 24%;
|
2988 |
+
font-size: 16px;
|
2989 |
+
margin-bottom: 0px;
|
2990 |
+
}
|
admin/builder/assets/css/preview.css
ADDED
@@ -0,0 +1,1452 @@
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
1 |
+
body{
|
2 |
+
overflow-x:hidden;
|
3 |
+
}
|
4 |
+
.cff-preview-ctn .no-overflow{
|
5 |
+
overflow: hidden!important;
|
6 |
+
}
|
7 |
+
.cff-preview-ctn .cff-fb-fs{
|
8 |
+
width: 100%;
|
9 |
+
position: relative;
|
10 |
+
float: left;
|
11 |
+
box-sizing: border-box;
|
12 |
+
}
|
13 |
+
.cff-fullsize-link{
|
14 |
+
position: absolute;
|
15 |
+
width: 100%;
|
16 |
+
height: 100%;
|
17 |
+
left: 0;
|
18 |
+
top: 0;
|
19 |
+
z-index: 9;
|
20 |
+
cursor: pointer;
|
21 |
+
}
|
22 |
+
.cff-feed-height{
|
23 |
+
overflow-x: hidden!important;
|
24 |
+
}
|
25 |
+
.cff-preview-likebox-ctn{
|
26 |
+
margin-top: 20px;
|
27 |
+
}
|
28 |
+
.cff-preview-ctn h1,
|
29 |
+
.cff-preview-ctn h2,
|
30 |
+
.cff-preview-ctn h3,
|
31 |
+
.cff-preview-ctn h4,
|
32 |
+
.cff-preview-ctn h5,
|
33 |
+
.cff-preview-ctn h6{
|
34 |
+
padding: 0px;
|
35 |
+
margin: 0px;
|
36 |
+
line-height: 1em;
|
37 |
+
}
|
38 |
+
.cff-preview-ctn h3, .cff-preview-ctn h4, .cff-preview-ctn h5, .cff-preview-ctn h6, .cff-preview-ctn p {
|
39 |
+
float: left;
|
40 |
+
width: 100%;
|
41 |
+
clear: both;
|
42 |
+
padding: 0;
|
43 |
+
margin: 5px 0;
|
44 |
+
line-height: 1.4;
|
45 |
+
word-wrap: break-word;
|
46 |
+
}
|
47 |
+
|
48 |
+
/*Preview Sections Highlights*/
|
49 |
+
.cff-preview-section{
|
50 |
+
opacity: 1;
|
51 |
+
}
|
52 |
+
.cff-preview-section[data-dimmed="true"]{
|
53 |
+
opacity: 0.4;
|
54 |
+
}
|
55 |
+
|
56 |
+
|
57 |
+
.cff-preview-ctn .cff-preview-header-visual{
|
58 |
+
margin-bottom: 25px;
|
59 |
+
}
|
60 |
+
.cff-preview-ctn .cff-preview-header-cover{
|
61 |
+
overflow: hidden;
|
62 |
+
height: 300px;
|
63 |
+
}
|
64 |
+
.cff-preview-ctn .cff-preview-header-cover img{
|
65 |
+
position: absolute;
|
66 |
+
width: 100%;
|
67 |
+
height: auto;
|
68 |
+
left: 0px;
|
69 |
+
top: 50%;
|
70 |
+
-webkit-transform: translateY(-50%);
|
71 |
+
transform: translateY(-50%);
|
72 |
+
}
|
73 |
+
.cff-preview-ctn .cff-preview-header-likebox{
|
74 |
+
position: absolute;
|
75 |
+
right: 10px;
|
76 |
+
bottom: 10px;
|
77 |
+
display: flex;
|
78 |
+
align-items: center;
|
79 |
+
justify-content: center;
|
80 |
+
background: #eee;
|
81 |
+
border-radius: 2px;
|
82 |
+
padding: 3px 5px;
|
83 |
+
color: #445790;
|
84 |
+
}
|
85 |
+
.cff-preview-ctn .cff-preview-header-likebox svg{
|
86 |
+
fill: currentColor;
|
87 |
+
width: 18px;
|
88 |
+
margin-right: 5px;
|
89 |
+
float: left;
|
90 |
+
}
|
91 |
+
.cff-preview-ctn .cff-preview-header-likebox span{
|
92 |
+
font-size: 15px;
|
93 |
+
line-height: 20px;
|
94 |
+
}
|
95 |
+
.cff-preview-ctn .cff-preview-header-info-ctn{
|
96 |
+
padding: 0 20px;
|
97 |
+
}
|
98 |
+
.cff-preview-ctn .cff-preview-header-avatar{
|
99 |
+
width: 100px;
|
100 |
+
border-color: 3px;
|
101 |
+
border: 2px solid #fff;
|
102 |
+
margin-top: -25px;
|
103 |
+
border-radius: 3px;
|
104 |
+
position: absolute;
|
105 |
+
left: 20px;
|
106 |
+
}
|
107 |
+
.cff-preview-ctn .cff-preview-header-avatar img{
|
108 |
+
width: 100%;
|
109 |
+
border-radius: 3px;
|
110 |
+
float: left;
|
111 |
+
}
|
112 |
+
.cff-preview-ctn .cff-preview-header-info{
|
113 |
+
padding-top: 10px;
|
114 |
+
margin-left: 125px;
|
115 |
+
}
|
116 |
+
|
117 |
+
.cff-preview-header-visual[data-header-avatar="hidden"] .cff-preview-header-info{
|
118 |
+
margin-left: 0px;
|
119 |
+
}
|
120 |
+
|
121 |
+
.cff-preview-ctn .cff-preview-header-text-h{
|
122 |
+
display: flex;
|
123 |
+
align-items: center;
|
124 |
+
line-height: 1em
|
125 |
+
}
|
126 |
+
.cff-preview-ctn .cff-header-text{
|
127 |
+
line-height: 1em!important;
|
128 |
+
}
|
129 |
+
.cff-preview-ctn .cff-preview-header-text-icon{
|
130 |
+
margin-right: 10px;
|
131 |
+
}
|
132 |
+
.cff-preview-ctn .cff-preview-header-text-icon svg{
|
133 |
+
float: left;
|
134 |
+
}
|
135 |
+
.cff-preview-ctn .cff-preview-header-name {
|
136 |
+
display: inline-block;
|
137 |
+
margin: 0 8px 0 0;
|
138 |
+
padding: 0;
|
139 |
+
font-size: 1.2em;
|
140 |
+
line-height: 1.2em;
|
141 |
+
}
|
142 |
+
.cff-preview-ctn .cff-preview-header-bio{
|
143 |
+
margin: 3px 0 0 0;
|
144 |
+
padding: 0;
|
145 |
+
line-height: 1.2em;
|
146 |
+
}
|
147 |
+
|
148 |
+
/*Load More Button*/
|
149 |
+
.cff-preview-ctn .cff-preview-loadmore-ctn{
|
150 |
+
margin-bottom: 20px;
|
151 |
+
}
|
152 |
+
.cff-preview-ctn .cff-preview-loadmore-btn{
|
153 |
+
display: flex;
|
154 |
+
justify-content: center;
|
155 |
+
align-items: center;
|
156 |
+
cursor: pointer;
|
157 |
+
min-height: 45px;
|
158 |
+
padding: 5px 0;
|
159 |
+
margin: 10px 0 0 0;
|
160 |
+
line-height: 1em;
|
161 |
+
font-size: 15px;
|
162 |
+
|
163 |
+
border: none;
|
164 |
+
background: #eee;
|
165 |
+
background: rgba(0,0,0,0.05);
|
166 |
+
width: 100%;
|
167 |
+
position: relative;
|
168 |
+
text-align: center;
|
169 |
+
box-sizing: border-box;
|
170 |
+
outline: none;
|
171 |
+
text-decoration: none;
|
172 |
+
-moz-border-radius: 5px;
|
173 |
+
-webkit-border-radius: 5px;
|
174 |
+
border-radius: 5px;
|
175 |
+
-moz-transition: background 0.1s ease-in-out;
|
176 |
+
-webkit-transition: background 0.1s ease-in-out;
|
177 |
+
-o-transition: background 0.1s ease-in-out;
|
178 |
+
transition: background 0.1s ease-in-out;
|
179 |
+
}
|
180 |
+
.cff-preview-ctn .cff-preview-loadmore-btn:hover {
|
181 |
+
background: #ddd;
|
182 |
+
background: rgba(0,0,0,0.1);
|
183 |
+
text-decoration: none;
|
184 |
+
-moz-transition: background 0.1s ease-in-out;
|
185 |
+
-webkit-transition: background 0.1s ease-in-out;
|
186 |
+
-o-transition: background 0.1s ease-in-out;
|
187 |
+
transition: background 0.1s ease-in-out;
|
188 |
+
}
|
189 |
+
|
190 |
+
/*Post List Layout*/
|
191 |
+
/* Masonry Layout */
|
192 |
+
/*
|
193 |
+
[data-feed-layout="masonry"] .cff-post-item-ctn{
|
194 |
+
margin: 0px!important;
|
195 |
+
}
|
196 |
+
[data-feed-layout="masonry"]{
|
197 |
+
display: grid;
|
198 |
+
grid-gap: 20px;
|
199 |
+
grid-auto-rows: 0;
|
200 |
+
}
|
201 |
+
|
202 |
+
[data-feed-layout="masonry"][data-feed-columns="1"]{
|
203 |
+
grid-template-columns: repeat(1, minmax(100px,1fr));
|
204 |
+
}
|
205 |
+
[data-feed-layout="masonry"][data-feed-columns="2"]{
|
206 |
+
grid-template-columns: repeat(2, minmax(100px,1fr));
|
207 |
+
}
|
208 |
+
[data-feed-layout="masonry"][data-feed-columns="3"]{
|
209 |
+
grid-template-columns: repeat(3, minmax(100px,1fr));
|
210 |
+
}
|
211 |
+
[data-feed-layout="masonry"][data-feed-columns="4"]{
|
212 |
+
grid-template-columns: repeat(4, minmax(100px,1fr));
|
213 |
+
}
|
214 |
+
[data-feed-layout="masonry"][data-feed-columns="5"]{
|
215 |
+
grid-template-columns: repeat(5, minmax(100px,1fr));
|
216 |
+
}
|
217 |
+
[data-feed-layout="masonry"][data-feed-columns="6"]{
|
218 |
+
grid-template-columns: repeat(6, minmax(100px,1fr));
|
219 |
+
}
|
220 |
+
*/
|
221 |
+
[data-feed-layout="masonry"] .cff-post-item-ctn{
|
222 |
+
height: auto!important;
|
223 |
+
}
|
224 |
+
[data-feed-layout="masonry"][data-feed-columns="1"] .cff-post-item-ctn{
|
225 |
+
width: 100%;
|
226 |
+
}
|
227 |
+
[data-feed-layout="masonry"][data-feed-columns="2"] .cff-post-item-ctn{
|
228 |
+
width: 47%;
|
229 |
+
margin: 8px 1.5%;
|
230 |
+
}
|
231 |
+
[data-feed-layout="masonry"][data-feed-columns="3"] .cff-post-item-ctn{
|
232 |
+
width: 30.33%;
|
233 |
+
margin: 8px 1.5%;
|
234 |
+
}
|
235 |
+
[data-feed-layout="masonry"][data-feed-columns="4"] .cff-post-item-ctn{
|
236 |
+
width: 22%;
|
237 |
+
margin: 8px 1.5%;
|
238 |
+
}
|
239 |
+
[data-feed-layout="masonry"][data-feed-columns="5"] .cff-post-item-ctn{
|
240 |
+
width: 17%;
|
241 |
+
margin: 8px 1.5%;
|
242 |
+
}
|
243 |
+
[data-feed-layout="masonry"][data-feed-columns="6"] .cff-post-item-ctn{
|
244 |
+
width: 13.516%;
|
245 |
+
margin: 8px 1.5%;
|
246 |
+
}
|
247 |
+
|
248 |
+
[data-feed-layout="masonry"] .cff-media-item-ctn .cff-media-item-image-real{
|
249 |
+
height: 100%;
|
250 |
+
position: absolute;
|
251 |
+
width: 100%;
|
252 |
+
left: 0;
|
253 |
+
top: 0;
|
254 |
+
bottom: 0;
|
255 |
+
right: 0;
|
256 |
+
}
|
257 |
+
[data-feed-layout="masonry"] .cff-media-item-ctn .cff-media-item-image-poster{
|
258 |
+
opacity: 0;
|
259 |
+
}
|
260 |
+
|
261 |
+
/* Grid Layout */
|
262 |
+
[data-feed-layout="grid"]{
|
263 |
+
display: grid;
|
264 |
+
grid-gap: 20px;
|
265 |
+
}
|
266 |
+
[data-feed-layout="grid"][data-feed-columns="1"]{
|
267 |
+
grid-template-columns: repeat(1, minmax(100px,1fr));
|
268 |
+
}
|
269 |
+
[data-feed-layout="grid"][data-feed-columns="2"]{
|
270 |
+
grid-template-columns: 1fr 1fr;
|
271 |
+
}
|
272 |
+
|
273 |
+
[data-feed-layout="grid"][data-feed-columns="3"]{
|
274 |
+
grid-template-columns: repeat(3, minmax(100px,1fr));
|
275 |
+
}
|
276 |
+
|
277 |
+
[data-feed-layout="grid"][data-feed-columns="4"]{
|
278 |
+
grid-template-columns: repeat(4, minmax(100px,1fr));
|
279 |
+
}
|
280 |
+
[data-feed-layout="grid"][data-feed-columns="5"]{
|
281 |
+
grid-template-columns: repeat(5, minmax(100px,1fr));
|
282 |
+
}
|
283 |
+
[data-feed-layout="grid"][data-feed-columns="6"]{
|
284 |
+
grid-template-columns: repeat(6, minmax(100px,1fr));
|
285 |
+
}
|
286 |
+
|
287 |
+
[data-feed-layout="grid"] .cff-post-item-ctn{
|
288 |
+
overflow: hidden;
|
289 |
+
margin: 0px!important
|
290 |
+
}
|
291 |
+
[data-feed-layout="grid"] .cff-post-item-ctn .cff-post-grid-image{
|
292 |
+
position: absolute;
|
293 |
+
width: 100%;
|
294 |
+
height: 100%;
|
295 |
+
left: 0px;
|
296 |
+
top: 0px;
|
297 |
+
bottom: 0px;
|
298 |
+
right: 0px;
|
299 |
+
background-size: cover !important;
|
300 |
+
background-position: center center !important;
|
301 |
+
}
|
302 |
+
[data-feed-layout="grid"] .cff-photos-item-ctn img{
|
303 |
+
opacity: 0
|
304 |
+
}
|
305 |
+
[data-feed-layout="grid"] .cff-singlemedia-item.cff-albums-item-ctn .cff-albums-item-cover{
|
306 |
+
height: calc(100% - 70px);
|
307 |
+
left: 0;
|
308 |
+
top: 0;
|
309 |
+
right: 0;
|
310 |
+
}
|
311 |
+
[data-feed-layout="grid"] .cff-albums-item-ctn .cff-post-item-content{
|
312 |
+
height: inherit;
|
313 |
+
}
|
314 |
+
|
315 |
+
|
316 |
+
.cff-preview-ctn .cff-media-item-ctn{
|
317 |
+
background: none!important;
|
318 |
+
}
|
319 |
+
.cff-preview-ctn .cff-singlemedia-item{
|
320 |
+
background: none!important;
|
321 |
+
padding: 0px!important
|
322 |
+
}
|
323 |
+
|
324 |
+
|
325 |
+
[data-feed-layout="list"] .cff-post-item-ctn{
|
326 |
+
height: auto!important;
|
327 |
+
}
|
328 |
+
|
329 |
+
/*Post Single Item*/
|
330 |
+
.cff-post-item-info-ctn{
|
331 |
+
display: flex;
|
332 |
+
align-items: center;
|
333 |
+
margin-bottom: 15px;
|
334 |
+
padding: 0;
|
335 |
+
line-height: 1.2;
|
336 |
+
width: 100%;
|
337 |
+
}
|
338 |
+
.cff-post-item-info{
|
339 |
+
float: left;
|
340 |
+
padding: 3px 0 0 0;
|
341 |
+
font-size: 14px;
|
342 |
+
font-weight: bold;
|
343 |
+
line-height: 1.2;
|
344 |
+
}
|
345 |
+
.cff-post-item-date{
|
346 |
+
color: #9197a3;
|
347 |
+
font-weight: normal;
|
348 |
+
font-size: 11px;
|
349 |
+
margin-top: 1px !important;
|
350 |
+
margin-bottom: 0px !important;
|
351 |
+
}
|
352 |
+
|
353 |
+
.cff-post-item-avatar,
|
354 |
+
.cff-post-item-avatar img{
|
355 |
+
width: 45px;
|
356 |
+
height: 45px;
|
357 |
+
border-radius: 50px;
|
358 |
+
}
|
359 |
+
.cff-post-item-avatar{
|
360 |
+
margin-right: 10px;
|
361 |
+
}
|
362 |
+
.cff-post-item-author-name{
|
363 |
+
font-weight: bold;
|
364 |
+
}
|
365 |
+
.cff-post-item-story{
|
366 |
+
font-weight: normal;
|
367 |
+
font-size: 14px;
|
368 |
+
padding: 3px 0 0 0;
|
369 |
+
line-height: 1.2;
|
370 |
+
}
|
371 |
+
.cff-preview-ctn .cff-post-item-ctn{
|
372 |
+
width: 100%;
|
373 |
+
float: left;
|
374 |
+
position: relative;
|
375 |
+
box-sizing: border-box;
|
376 |
+
padding: 15px;
|
377 |
+
margin: 8px 0;
|
378 |
+
}
|
379 |
+
.cff-preview-ctn .cff-preview-posts-list-ctn[data-boxshadow="true"][data-feed-layout="list"] .cff-post-item-ctn,
|
380 |
+
.cff-preview-ctn .cff-preview-posts-list-ctn[data-boxshadow="true"][data-feed-columns="1"][data-feed-layout="masonry"] .cff-post-item-ctn{
|
381 |
+
width: calc(100% - 14px);
|
382 |
+
margin-left: 7px;
|
383 |
+
}
|
384 |
+
|
385 |
+
.cff-preview-ctn .cff-post-item-ctn[data-post-layout="half"] .cff-post-item-sides,
|
386 |
+
.cff-preview-ctn .cff-post-item-ctn[data-post-layout="half"][data-post-type="links"] .cff-post-item-link-ctn{
|
387 |
+
display: grid!important;
|
388 |
+
grid-template-columns: calc(50% - 15px) calc(50% - 15px);
|
389 |
+
grid-column-gap: 30px;
|
390 |
+
}
|
391 |
+
|
392 |
+
.cff-preview-ctn .cff-post-item-ctn[data-post-layout="half"][data-post-type="links"] .cff-post-item-sides{
|
393 |
+
display: flex;
|
394 |
+
flex-direction: column-reverse;
|
395 |
+
}
|
396 |
+
|
397 |
+
.cff-preview-ctn .cff-post-item-ctn[data-post-layout="thumb"] .cff-post-item-sides,
|
398 |
+
.cff-preview-ctn .cff-post-item-ctn[data-post-layout="thumb"][data-post-type="links"] .cff-post-item-link-ctn{
|
399 |
+
display: grid;
|
400 |
+
grid-template-columns: calc(20% - 15px) calc(80% - 15px);
|
401 |
+
grid-column-gap: 30px;
|
402 |
+
}
|
403 |
+
|
404 |
+
.cff-preview-ctn .cff-post-item-ctn[data-post-layout="thumb"][data-post-type="links"] .cff-post-item-sides{
|
405 |
+
display: flex;
|
406 |
+
flex-direction: column-reverse;
|
407 |
+
}
|
408 |
+
|
409 |
+
[data-feed-type="reviews"] [data-post-layout="half"] .cff-post-item-sides,
|
410 |
+
[data-feed-type="reviews"] [data-post-layout="thumb"] .cff-post-item-sides{
|
411 |
+
grid-template-columns: 100%!important;
|
412 |
+
}
|
413 |
+
|
414 |
+
.cff-preview-ctn .cff-post-item-ctn[data-post-layout="half"][data-post-type="statuses"] .cff-post-item-sides,
|
415 |
+
.cff-preview-ctn .cff-post-item-ctn[data-post-layout="thumb"][data-post-type="statuses"] .cff-post-item-sides{
|
416 |
+
display: block!important;
|
417 |
+
width: 100%!important;
|
418 |
+
}
|
419 |
+
|
420 |
+
.cff-preview-ctn .cff-preview-posts-list-ctn[data-boxshadow="true"] .cff-post-item-ctn{
|
421 |
+
box-shadow: 0 0 10px 0 rgba(0,0,0, 0.15);
|
422 |
+
}
|
423 |
+
|
424 |
+
.cff-preview-ctn .cff-preview-posts-list-ctn[data-poststyle="regular"] .cff-post-item-ctn{
|
425 |
+
padding: 15px 0px;
|
426 |
+
}
|
427 |
+
.cff-preview-ctn [data-feed-layout="carousel"][data-feed-type="singlealbum"] .cff-post-item-ctn{
|
428 |
+
height: 100%;
|
429 |
+
background-position: center!important;
|
430 |
+
background-size: cover!important;
|
431 |
+
}
|
432 |
+
/*Narrow Rules for Preview*/
|
433 |
+
[data-preview-device="mobile"] [data-narrow="active"] [data-post-layout="half"] .cff-post-item-sides,
|
434 |
+
[data-preview-device="mobile"] [data-narrow="active"] [data-post-layout="thumb"] .cff-post-item-sides,
|
435 |
+
[data-narrow="active"][data-feed-columns="3"] [data-post-layout="half"] .cff-post-item-sides,
|
436 |
+
[data-narrow="active"][data-feed-columns="3"] [data-post-layout="thumb"] .cff-post-item-sides,
|
437 |
+
[data-narrow="active"][data-feed-columns="4"] [data-post-layout="half"] .cff-post-item-sides,
|
438 |
+
[data-narrow="active"][data-feed-columns="4"] [data-post-layout="thumb"] .cff-post-item-sides,
|
439 |
+
[data-narrow="active"][data-feed-columns="5"] [data-post-layout="half"] .cff-post-item-sides,
|
440 |
+
[data-narrow="active"][data-feed-columns="5"] [data-post-layout="thumb"] .cff-post-item-sides,
|
441 |
+
[data-narrow="active"][data-feed-columns="6"] [data-post-layout="half"] .cff-post-item-sides,
|
442 |
+
[data-narrow="active"][data-feed-columns="6"] [data-post-layout="thumb"] .cff-post-item-sides,
|
443 |
+
[data-preview-device="mobile"] [data-narrow="active"] [data-post-layout="half"][data-post-type="links"] .cff-post-item-link-ctn,
|
444 |
+
[data-preview-device="mobile"] [data-narrow="active"] [data-post-layout="thumb"][data-post-type="links"] .cff-post-item-link-ctn{
|
445 |
+
display: flex !important;
|
446 |
+
flex-direction: column-reverse;
|
447 |
+
}
|
448 |
+
[data-narrow="active"][data-feed-columns="3"] [data-post-layout="half"][data-post-type="links"] .cff-post-item-link-ctn,
|
449 |
+
[data-narrow="active"][data-feed-columns="3"] [data-post-layout="thumb"][data-post-type="links"] .cff-post-item-link-ctn,
|
450 |
+
[data-narrow="active"][data-feed-columns="4"] [data-post-layout="half"][data-post-type="links"] .cff-post-item-link-ctn,
|
451 |
+
[data-narrow="active"][data-feed-columns="4"] [data-post-layout="thumb"][data-post-type="links"] .cff-post-item-link-ctn,
|
452 |
+
[data-narrow="active"][data-feed-columns="5"] [data-post-layout="half"][data-post-type="links"] .cff-post-item-link-ctn,
|
453 |
+
[data-narrow="active"][data-feed-columns="5"] [data-post-layout="thumb"][data-post-type="links"] .cff-post-item-link-ctn,
|
454 |
+
[data-narrow="active"][data-feed-columns="6"] [data-post-layout="half"][data-post-type="links"] .cff-post-item-link-ctn,
|
455 |
+
[data-narrow="active"][data-feed-columns="6"] [data-post-layout="thumb"][data-post-type="links"] .cff-post-item-link-ctn{
|
456 |
+
display: flex !important;
|
457 |
+
flex-direction: column;
|
458 |
+
|
459 |
+
}
|
460 |
+
|
461 |
+
|
462 |
+
.cff-preview-ctn .cff-post-item-text{
|
463 |
+
padding: 0;
|
464 |
+
margin: 5px 0;
|
465 |
+
line-height: 1.4;
|
466 |
+
word-wrap: break-word;
|
467 |
+
}
|
468 |
+
.cff-preview-ctn .cff-post-item-text a:hover{
|
469 |
+
text-decoration: underline;
|
470 |
+
}
|
471 |
+
|
472 |
+
.cff-post-item-text-expand a{
|
473 |
+
font-size: 11px;
|
474 |
+
font-weight: normal;
|
475 |
+
cursor: pointer;
|
476 |
+
}
|
477 |
+
.cff-preview-ctn .cff-post-item-text-expand a:hover{
|
478 |
+
text-decoration: underline;
|
479 |
+
}
|
480 |
+
|
481 |
+
.cff-preview-ctn .cff-post-item-meta-top{
|
482 |
+
display: flex;
|
483 |
+
align-items: center;
|
484 |
+
}
|
485 |
+
.cff-preview-ctn[data-plugin="free"] .cff-post-item-action-link{
|
486 |
+
margin-left: auto;
|
487 |
+
}
|
488 |
+
.cff-preview-ctn .cff-post-item-action-link{
|
489 |
+
margin-left: unset!important;
|
490 |
+
}
|
491 |
+
.cff-preview-ctn .cff-post-item-action-txt{
|
492 |
+
font-size: 11px;
|
493 |
+
cursor: pointer;
|
494 |
+
font-weight: normal;
|
495 |
+
}
|
496 |
+
.cff-preview-ctn .cff-post-item-action-link a:hover{
|
497 |
+
text-decoration: underline;
|
498 |
+
}
|
499 |
+
.cff-preview-ctn .cff-post-item-dot{
|
500 |
+
padding: 0 5px;
|
501 |
+
}
|
502 |
+
|
503 |
+
.cff-preview-ctn .cff-post-item-share-link{
|
504 |
+
position: relative;
|
505 |
+
}
|
506 |
+
.cff-preview-ctn .cff-post-item-share-tooltip{
|
507 |
+
position: absolute;
|
508 |
+
bottom: 22px;
|
509 |
+
right: -5px;
|
510 |
+
width: 100px;
|
511 |
+
padding: 3px 5px;
|
512 |
+
margin: 0;
|
513 |
+
background: #333;
|
514 |
+
color: #fff;
|
515 |
+
font-size: 12px;
|
516 |
+
line-height: 1.4;
|
517 |
+
display: flex;
|
518 |
+
align-items: center;
|
519 |
+
justify-content: center;
|
520 |
+
z-index: 9999;
|
521 |
+
-moz-border-radius: 4px;
|
522 |
+
-webkit-border-radius: 4px;
|
523 |
+
border-radius: 4px;
|
524 |
+
}
|
525 |
+
.cff-preview-ctn .cff-post-item-share-tooltip:before{
|
526 |
+
content: '';
|
527 |
+
position: absolute;
|
528 |
+
right: 11px;
|
529 |
+
bottom: -4px;
|
530 |
+
border-top: 7px solid #333;
|
531 |
+
border-left: 7px solid transparent;
|
532 |
+
border-right: 7px solid transparent;
|
533 |
+
}
|
534 |
+
|
535 |
+
.cff-preview-ctn .cff-post-item-share-tooltip a{
|
536 |
+
display: flex;
|
537 |
+
width: 26px;
|
538 |
+
height: 26px;
|
539 |
+
justify-content: center;
|
540 |
+
align-items: center;
|
541 |
+
color: #fff !important;
|
542 |
+
-moz-border-radius: 4px;
|
543 |
+
-webkit-border-radius: 4px;
|
544 |
+
border-radius: 4px;
|
545 |
+
}
|
546 |
+
.cff-preview-ctn .cff-post-item-share-tooltip svg{
|
547 |
+
width: 16px;
|
548 |
+
}
|
549 |
+
|
550 |
+
.cff-preview-ctn .cff-post-item-meta{
|
551 |
+
height: 37px;
|
552 |
+
margin: 5px 12px 5px 0;
|
553 |
+
display: flex;
|
554 |
+
padding: 0 5px 0 10px;
|
555 |
+
justify-content: center;
|
556 |
+
align-items: center;
|
557 |
+
cursor: pointer;
|
558 |
+
border-radius: 4px;
|
559 |
+
background: rgba(0,0,0,0.05);
|
560 |
+
box-shadow: 0 0 0 1px rgba(0,0,0,0.07);
|
561 |
+
-webkit-transition: all .2s ease-in-out;
|
562 |
+
transition: all .2s ease-in-out;
|
563 |
+
}
|
564 |
+
.cff-preview-ctn .cff-post-item-meta:hover{
|
565 |
+
box-shadow: 0 0 0 1px rgb(0 0 0 / 9%);
|
566 |
+
background: rgba(0,0,0,0.07);
|
567 |
+
}
|
568 |
+
|
569 |
+
.cff-preview-ctn .cff-post-item-view-comment,.cff-post-meta-item{
|
570 |
+
display: flex;
|
571 |
+
justify-content: center;
|
572 |
+
align-items: center;
|
573 |
+
}
|
574 |
+
.cff-preview-ctn .cff-post-meta-item{
|
575 |
+
float: left;
|
576 |
+
width: auto;
|
577 |
+
display: block;
|
578 |
+
list-style-type: none !important;
|
579 |
+
margin: 0 10px 0 0 !important;
|
580 |
+
padding: 0 !important;
|
581 |
+
font-size: 11px;
|
582 |
+
line-height: 16px !important;
|
583 |
+
background: none !important;
|
584 |
+
}
|
585 |
+
.cff-preview-ctn .cff-post-meta-item-icon, .cff-post-meta-item-icon svg{
|
586 |
+
width: 16px;
|
587 |
+
position: relative;
|
588 |
+
float: left;
|
589 |
+
z-index: 2;
|
590 |
+
}
|
591 |
+
.cff-preview-ctn .cff-post-meta-item-icon{
|
592 |
+
margin-right: 5px;
|
593 |
+
}
|
594 |
+
.cff-preview-ctn .cff-post-meta-item-icon svg:nth-of-type(2){
|
595 |
+
position: absolute;
|
596 |
+
left: 0px;
|
597 |
+
top: 0px;
|
598 |
+
z-index: -1;
|
599 |
+
}
|
600 |
+
.cff-preview-ctn .cff-post-item-full-img{
|
601 |
+
position: relative;
|
602 |
+
float: left;
|
603 |
+
width: 100%;
|
604 |
+
height: auto;
|
605 |
+
}
|
606 |
+
|
607 |
+
/*Responsive Meta & Actions Links*/
|
608 |
+
.cff-preview-ctn [data-feed-columns="3"] .cff-post-item-meta-top,
|
609 |
+
.cff-preview-ctn [data-feed-columns="4"] .cff-post-item-meta-top,
|
610 |
+
.cff-preview-ctn [data-feed-columns="5"] .cff-post-item-meta-top,
|
611 |
+
.cff-preview-ctn [data-feed-columns="6"] .cff-post-item-meta-top{
|
612 |
+
flex-direction: column-reverse;
|
613 |
+
align-items: flex-start;
|
614 |
+
}
|
615 |
+
|
616 |
+
.cff-preview-ctn [data-feed-columns="3"] .cff-post-item-action-link,
|
617 |
+
.cff-preview-ctn [data-feed-columns="4"] .cff-post-item-action-link,
|
618 |
+
.cff-preview-ctn [data-feed-columns="5"] .cff-post-item-action-link,
|
619 |
+
.cff-preview-ctn [data-feed-columns="6"] .cff-post-item-action-link{
|
620 |
+
margin-left: unset;
|
621 |
+
}
|
622 |
+
|
623 |
+
/*Light & Auto Icon Theme*/
|
624 |
+
.cff-post-meta-item-icon-comment svg path,
|
625 |
+
.cff-post-meta-item-icon-share svg path,
|
626 |
+
.cff-post-meta-item-icon-like svg path{
|
627 |
+
fill: rgba(0,0,0,0.4);
|
628 |
+
-webkit-transition: all 0.2s ease;
|
629 |
+
transition: all 0.2s ease;
|
630 |
+
}
|
631 |
+
.cff-post-meta-item-icon-comment svg.cff-svg-bg path,
|
632 |
+
.cff-post-meta-item-icon-share svg.cff-svg-bg path{
|
633 |
+
fill: rgba(255,255,255,0.7);
|
634 |
+
}
|
635 |
+
.cff-post-meta-item-icon-like svg.cff-svg-bg path{
|
636 |
+
fill: url(#likeGrad);
|
637 |
+
}
|
638 |
+
|
639 |
+
.cff-preview-ctn .cff-post-item-meta:hover svg path{
|
640 |
+
fill: rgba(0,0,0,0.5);
|
641 |
+
}
|
642 |
+
|
643 |
+
.cff-preview-ctn .cff-post-item-meta:hover .cff-post-meta-item-icon-share svg.cff-svg-bg path{
|
644 |
+
fill: #fdf3d0;
|
645 |
+
}
|
646 |
+
.cff-preview-ctn .cff-post-item-meta:hover .cff-post-meta-item-icon-comment svg.cff-svg-bg path{
|
647 |
+
fill: #fff;
|
648 |
+
}
|
649 |
+
|
650 |
+
.cff-preview-ctn .cff-post-item-meta:hover .cff-post-meta-item-icon-like svg.cff-svg-bg path{
|
651 |
+
fill: url(#likeGradHover);
|
652 |
+
}
|
653 |
+
|
654 |
+
/*Dark Icon Theme*/
|
655 |
+
.cff-post-item-meta[data-icon-theme="dark"] .cff-post-meta-item-icon-comment svg path,
|
656 |
+
.cff-post-item-meta[data-icon-theme="dark"] .cff-post-meta-item-icon-share svg path,
|
657 |
+
.cff-post-item-meta[data-icon-theme="dark"] .cff-post-meta-item-icon-like svg path{
|
658 |
+
fill: rgba(255,255,255,0.05);
|
659 |
+
-webkit-transition: all 0.2s ease;
|
660 |
+
transition: all 0.2s ease;
|
661 |
+
}
|
662 |
+
.cff-post-item-meta[data-icon-theme="dark"] .cff-post-meta-item-icon-comment svg.cff-svg-bg path,
|
663 |
+
.cff-post-item-meta[data-icon-theme="dark"] .cff-post-meta-item-icon-share svg.cff-svg-bg path{
|
664 |
+
fill: rgba(255,255,255,0.9);
|
665 |
+
}
|
666 |
+
.cff-post-item-meta[data-icon-theme="dark"] .cff-post-meta-item-icon-like svg.cff-svg-bg path{
|
667 |
+
fill: url(#likeGradDark);
|
668 |
+
}
|
669 |
+
|
670 |
+
.cff-preview-ctn .cff-post-item-meta[data-icon-theme="dark"]:hover svg path{
|
671 |
+
fill: #fff;
|
672 |
+
}
|
673 |
+
|
674 |
+
.cff-preview-ctn .cff-post-item-meta[data-icon-theme="dark"]:hover .cff-post-meta-item-icon-share svg.cff-svg-bg path{
|
675 |
+
fill: #fdf3d0;
|
676 |
+
}
|
677 |
+
.cff-preview-ctn .cff-post-item-meta[data-icon-theme="dark"]:hover .cff-post-meta-item-icon-comment svg.cff-svg-bg path{
|
678 |
+
fill: #fff;
|
679 |
+
}
|
680 |
+
|
681 |
+
.cff-preview-ctn .cff-post-item-meta[data-icon-theme="dark"]:hover .cff-post-meta-item-icon-like svg.cff-svg-bg path{
|
682 |
+
fill: url(#likeGradHover);
|
683 |
+
}
|
684 |
+
.cff-preview-ctn .cff-post-item-meta[data-icon-theme="dark"]:hover svg.cff-svg-bg{
|
685 |
+
z-index: 3!important;
|
686 |
+
}
|
687 |
+
|
688 |
+
/*Post Meta comments*/
|
689 |
+
.cff-post-item-meta-comments p,
|
690 |
+
.cff-post-item-meta-comments .cff-post-comment-item,
|
691 |
+
.cff-post-item-meta-comments .cff-comment-reply,
|
692 |
+
.cff-post-item-meta-comments .cff-post-comment-item p {
|
693 |
+
width: 100%;
|
694 |
+
min-width: 100%;
|
695 |
+
font-size: 12px;
|
696 |
+
margin: 0 0 1px 0;
|
697 |
+
line-height: 17px;
|
698 |
+
-webkit-box-sizing: border-box;
|
699 |
+
-moz-box-sizing: border-box;
|
700 |
+
box-sizing: border-box;
|
701 |
+
}
|
702 |
+
|
703 |
+
|
704 |
+
.cff-post-item-comments-top{
|
705 |
+
font-size: 12px;
|
706 |
+
margin-bottom: 1px;
|
707 |
+
padding: 10px 10px;
|
708 |
+
background: rgba(0,0,0,0.05);
|
709 |
+
border-radius: 4px;
|
710 |
+
border-bottom-left-radius: 0px;
|
711 |
+
border-bottom-right-radius: 0px;
|
712 |
+
}
|
713 |
+
.cff-post-item-comments-top a:hover{
|
714 |
+
text-decoration: underline;
|
715 |
+
}
|
716 |
+
.cff-post-item-comments-icon{
|
717 |
+
width: 16px;
|
718 |
+
height: 16px;
|
719 |
+
float: left;
|
720 |
+
margin-right: 8px;
|
721 |
+
display: flex;
|
722 |
+
justify-content: center;
|
723 |
+
align-items: center;
|
724 |
+
}
|
725 |
+
.cff-post-item-comments-icon svg{
|
726 |
+
width: 14px;
|
727 |
+
margin-top: 4px;
|
728 |
+
}
|
729 |
+
.cff-post-item-comments-list{
|
730 |
+
background: rgba(0,0,0,0.05);
|
731 |
+
border-radius: 4px;
|
732 |
+
border-top-left-radius: 0px;
|
733 |
+
border-top-right-radius: 0px;
|
734 |
+
}
|
735 |
+
.cff-post-comment-item{
|
736 |
+
padding: 7px 10px;
|
737 |
+
font-size: 12px;
|
738 |
+
display: flex;
|
739 |
+
align-items: flex-start;
|
740 |
+
}
|
741 |
+
.cff-post-comment-item-avatar{
|
742 |
+
width: 32px;
|
743 |
+
height: 32px;
|
744 |
+
float: left;
|
745 |
+
margin-right: 10px;
|
746 |
+
margin-top: 3px;
|
747 |
+
}
|
748 |
+
.cff-post-comment-item-avatar img{
|
749 |
+
width: 32px;
|
750 |
+
height: 32px;
|
751 |
+
float: left;
|
752 |
+
border-radius: 50px;
|
753 |
+
}
|
754 |
+
.cff-post-comment-item-author{
|
755 |
+
font-weight: bold;
|
756 |
+
margin-right: 6px;
|
757 |
+
float: left;
|
758 |
+
}
|
759 |
+
.cff-post-comment-item-author:hover{
|
760 |
+
text-decoration: underline;
|
761 |
+
}
|
762 |
+
.cff-post-comment-item-txt{
|
763 |
+
font-size: 12px;
|
764 |
+
line-height: 1.4;
|
765 |
+
margin: 0px;
|
766 |
+
}
|
767 |
+
.cff-post-comment-item-date{
|
768 |
+
font-size: 11px;
|
769 |
+
margin: 3px 0 0 0;
|
770 |
+
display: block;
|
771 |
+
font-style: italic;
|
772 |
+
line-height: 1em;
|
773 |
+
clear: both;
|
774 |
+
float: left;
|
775 |
+
}
|
776 |
+
|
777 |
+
|
778 |
+
.cff-post-item-media-album, .cff-post-item-media-album a,.cff-post-item-album-poster{
|
779 |
+
float: left;
|
780 |
+
width: 100%;
|
781 |
+
position: relative;
|
782 |
+
display: block;
|
783 |
+
}
|
784 |
+
.cff-post-item-album-thumb{
|
785 |
+
position: relative;
|
786 |
+
display: inline-block;
|
787 |
+
background-size: cover;
|
788 |
+
background-position: center center;
|
789 |
+
background-repeat: no-repeat;
|
790 |
+
}
|
791 |
+
.cff-post-item-album-thumb-overlay{
|
792 |
+
position: absolute;
|
793 |
+
width: 100%;
|
794 |
+
height: 100%;
|
795 |
+
left: 0;
|
796 |
+
top: 0;
|
797 |
+
z-index: 3;
|
798 |
+
background: rgba(0,0,0,0.4);
|
799 |
+
display: flex;
|
800 |
+
justify-content: center;
|
801 |
+
align-items: center;
|
802 |
+
color: #fff;
|
803 |
+
font-size: 30px;
|
804 |
+
}
|
805 |
+
|
806 |
+
.cff-post-item-album-thumbs{
|
807 |
+
width: 100%;
|
808 |
+
display: grid;
|
809 |
+
margin-top: 5px;
|
810 |
+
float: left;
|
811 |
+
}
|
812 |
+
.cff-post-item-album-thumbs[data-length='1']{
|
813 |
+
grid-template-columns: 100%;
|
814 |
+
}
|
815 |
+
.cff-post-item-album-thumbs[data-length='2']{
|
816 |
+
grid-template-columns: calc(50% - 3px) calc(50% - 3px);
|
817 |
+
grid-column-gap: 5px;
|
818 |
+
}
|
819 |
+
|
820 |
+
.cff-post-item-album-thumbs[data-length='3']{
|
821 |
+
grid-template-columns: calc(33.33% - 3px) calc(33.33% - 3px) calc(33.33% - 3px);
|
822 |
+
grid-column-gap: 5px;
|
823 |
+
}
|
824 |
+
|
825 |
+
.cff-post-item-album-thumbs .cff-post-item-album-thumb:first-of-type{
|
826 |
+
grid-row: 1 / 1;
|
827 |
+
grid-column: 1 / 1;
|
828 |
+
padding-bottom: 100%;
|
829 |
+
}
|
830 |
+
.cff-post-item-media-album{
|
831 |
+
margin-bottom: 10px;
|
832 |
+
}
|
833 |
+
|
834 |
+
.cff-preview-ctn .cff-post-item-iframe-ctn[data-source="spotify"] iframe{
|
835 |
+
width: 100%;
|
836 |
+
height: 80px;
|
837 |
+
}
|
838 |
+
|
839 |
+
.cff-preview-ctn .cff-post-item-iframe-ctn[data-source="soundcloud"] iframe{
|
840 |
+
width: 100%;
|
841 |
+
height: 100px;
|
842 |
+
}
|
843 |
+
|
844 |
+
.cff-preview-ctn .cff-post-item-media-ctn{
|
845 |
+
margin: 5px 0px;
|
846 |
+
}
|
847 |
+
.cff-preview-ctn .cff-post-item-video-ctn{
|
848 |
+
position: relative;
|
849 |
+
}
|
850 |
+
.cff-preview-ctn .cff-post-item-iframe-ctn[data-source="video"] .cff-post-item-iframe,
|
851 |
+
/*.cff-preview-ctn .cff-post-item-video-ctn,*/
|
852 |
+
.cff-preview-ctn .cff-videos-item-ctn .cff-videos-item-source{
|
853 |
+
width: 100%;
|
854 |
+
float: left;
|
855 |
+
clear: both;
|
856 |
+
/*margin: 5px 0;*/
|
857 |
+
position: relative;
|
858 |
+
/*padding-bottom: 62%;*/
|
859 |
+
padding-bottom: 56.25%;
|
860 |
+
}
|
861 |
+
|
862 |
+
.cff-play-video-icon{
|
863 |
+
position: absolute;
|
864 |
+
width: 56px;
|
865 |
+
height: 56px;
|
866 |
+
background: rgba(0,0,0,0.7);
|
867 |
+
color: #fff;
|
868 |
+
left: 50%;
|
869 |
+
top: 50%;
|
870 |
+
border-radius: 8px;
|
871 |
+
cursor: pointer;
|
872 |
+
z-index: 1;
|
873 |
+
-webkit-transform: translate(-50%, -50%);
|
874 |
+
transform: translate(-50%, -50%);
|
875 |
+
}
|
876 |
+
.cff-play-video-icon:before{
|
877 |
+
content: '';
|
878 |
+
position: absolute;
|
879 |
+
border-left: 22px solid currentColor;
|
880 |
+
border-top: 17px solid transparent;
|
881 |
+
border-bottom: 17px solid transparent;
|
882 |
+
left: 19px;
|
883 |
+
top: 11px;
|
884 |
+
border-radius: 4px;
|
885 |
+
}
|
886 |
+
|
887 |
+
.cff-preview-ctn .cff-post-item-iframe-ctn[data-source="video"] .cff-post-item-iframe iframe,
|
888 |
+
.cff-preview-ctn .cff-post-item-video-ctn[data-lightbox="false"] iframe,
|
889 |
+
.cff-preview-ctn .cff-videos-item-ctn[data-lightbox="false"] .cff-videos-item-source iframe,
|
890 |
+
.cff-lightbox-video iframe,
|
891 |
+
.cff-preview-ctn .cff-videos-item-source iframe{
|
892 |
+
position: absolute;
|
893 |
+
width: 100%;
|
894 |
+
height: 100%;
|
895 |
+
z-index: 1;
|
896 |
+
top: 0;
|
897 |
+
left: 0;
|
898 |
+
margin: 0;
|
899 |
+
padding: 0;
|
900 |
+
border: 0;
|
901 |
+
}
|
902 |
+
.cff-lightbox-video {
|
903 |
+
width: 950px;
|
904 |
+
background: #212121;
|
905 |
+
float: left;
|
906 |
+
clear: both;
|
907 |
+
padding-bottom: 56.25%;
|
908 |
+
position: relative;
|
909 |
+
}
|
910 |
+
.cff-preview-ctn .cff-post-item-video-ctn iframe{
|
911 |
+
width: 100%;
|
912 |
+
float: left;
|
913 |
+
}
|
914 |
+
|
915 |
+
.cff-preview-ctn .cff-post-item-link-ctn{
|
916 |
+
width: 100%;
|
917 |
+
float: left;
|
918 |
+
clear: both;
|
919 |
+
padding: 8px;
|
920 |
+
margin: 10px 0 5px 0;
|
921 |
+
background: rgba(0,0,0,0.02);
|
922 |
+
border: 1px solid rgba(0,0,0,0.07);
|
923 |
+
box-sizing: border-box;
|
924 |
+
}
|
925 |
+
.cff-preview-ctn .cff-post-item-link-ctn[data-linkbox="on"]{
|
926 |
+
border: 0px !important;
|
927 |
+
background: none !important;
|
928 |
+
padding: 0px !important;
|
929 |
+
}
|
930 |
+
|
931 |
+
.cff-preview-ctn .cff-post-item-link-a:hover{
|
932 |
+
text-decoration: underline;
|
933 |
+
}
|
934 |
+
.cff-preview-ctn .cff-post-item-link-ctn img{
|
935 |
+
width: 100%;
|
936 |
+
max-width: 100%;
|
937 |
+
height: auto;
|
938 |
+
float: none;
|
939 |
+
}
|
940 |
+
.cff-preview-ctn .cff-post-item-link-ctn > a{
|
941 |
+
width: 100%;
|
942 |
+
max-width: 100%;
|
943 |
+
margin-right: 0%;
|
944 |
+
margin-bottom: 5px;
|
945 |
+
text-align: center;
|
946 |
+
float: left;
|
947 |
+
}
|
948 |
+
.cff-preview-ctn .cff-post-item-link-info{
|
949 |
+
line-height: 1.4;
|
950 |
+
}
|
951 |
+
|
952 |
+
.cff-preview-ctn .cff-photos-item-ctn{
|
953 |
+
margin: 0 0 20px 0;
|
954 |
+
padding: 0;
|
955 |
+
text-align: center;
|
956 |
+
border: 1px solid rgba(0, 0, 0, .1);
|
957 |
+
}
|
958 |
+
[data-feed-layout="grid"] .cff-photos-item-ctn,
|
959 |
+
[data-feed-layout="grid"] .cff-albums-item-ctn{
|
960 |
+
border-radius: unset!important;
|
961 |
+
}
|
962 |
+
.cff-preview-ctn .cff-singlemedia-item-info{
|
963 |
+
display: flex;
|
964 |
+
flex-direction: column;
|
965 |
+
align-items: center;
|
966 |
+
}
|
967 |
+
.cff-preview-ctn .cff-singlemedia-item-info a:hover{
|
968 |
+
text-decoration: underline;
|
969 |
+
}
|
970 |
+
.cff-preview-ctn .cff-singlemedia-item-info{
|
971 |
+
width: 100%;
|
972 |
+
height: 70px;
|
973 |
+
float: left;
|
974 |
+
clear: both;
|
975 |
+
overflow: hidden;
|
976 |
+
}
|
977 |
+
.cff-preview-ctn .cff-singlemedia-item-info > h4{
|
978 |
+
font-size: 14px!important;
|
979 |
+
line-height: 1.2!important;
|
980 |
+
margin: 10px 0 0 0!important;
|
981 |
+
padding: 0!important;
|
982 |
+
}
|
983 |
+
.cff-preview-ctn .cff-singlemedia-item-info > p{
|
984 |
+
font-size: 12px;
|
985 |
+
color: gray;
|
986 |
+
margin: 5px 0 0 0;
|
987 |
+
}
|
988 |
+
.cff-preview-ctn .cff-singlemedia-item{
|
989 |
+
margin: 0 0 20px 0;
|
990 |
+
text-align: center;
|
991 |
+
}
|
992 |
+
|
993 |
+
.cff-preview-ctn .cff-preview-likebox-ctn iframe{
|
994 |
+
width: 100% !important;
|
995 |
+
margin: 0 !important;
|
996 |
+
border: 0 !important;
|
997 |
+
padding: 0;
|
998 |
+
position: relative;
|
999 |
+
top: 0;
|
1000 |
+
left: 0;
|
1001 |
+
}
|
1002 |
+
|
1003 |
+
/*Event Details*/
|
1004 |
+
.cff-preview-ctn .cff-post-event-street{
|
1005 |
+
display: block
|
1006 |
+
}
|
1007 |
+
|
1008 |
+
|
1009 |
+
/*
|
1010 |
+
Featured & Single Album Holder
|
1011 |
+
*/
|
1012 |
+
.cff-preview-ctn .cff-single-holder-ctn{
|
1013 |
+
height: 600px;
|
1014 |
+
background: #fff;
|
1015 |
+
box-shadow: 0 0px 6px rgba(0,0,0,0.05);
|
1016 |
+
display: flex;
|
1017 |
+
justify-content: center;
|
1018 |
+
align-items: center;
|
1019 |
+
flex-direction: column;
|
1020 |
+
}
|
1021 |
+
|
1022 |
+
.cff-preview-ctn .cff-single-holder-img{
|
1023 |
+
width: 130px;
|
1024 |
+
height: 130px;
|
1025 |
+
background: #F3F4F5;
|
1026 |
+
border: 1px dashed #D0D1D7;
|
1027 |
+
display: flex;
|
1028 |
+
justify-content: center;
|
1029 |
+
align-items: center;
|
1030 |
+
margin-bottom: 50px;
|
1031 |
+
}
|
1032 |
+
.cff-preview-ctn .cff-single-holder-content{
|
1033 |
+
text-align: center;
|
1034 |
+
}
|
1035 |
+
.cff-preview-ctn .cff-single-holder-content strong{
|
1036 |
+
font-size: 24px;
|
1037 |
+
margin-bottom: 10px;
|
1038 |
+
}
|
1039 |
+
.cff-preview-ctn .cff-single-holder-content p{
|
1040 |
+
font-size: 16px;
|
1041 |
+
line-height: 1.7em;
|
1042 |
+
color: #8C8F9A;
|
1043 |
+
margin: 0px;
|
1044 |
+
margin-top: 8px;
|
1045 |
+
}
|
1046 |
+
|
1047 |
+
|
1048 |
+
/*Post Element Overlay */
|
1049 |
+
.cff-preview-ctn .cff-post-overlay{
|
1050 |
+
position: absolute;
|
1051 |
+
width: 100%;
|
1052 |
+
height: 100%;
|
1053 |
+
cursor: pointer;
|
1054 |
+
left: 0;
|
1055 |
+
top: 0;
|
1056 |
+
background: rgba(0,0,0,0.4);
|
1057 |
+
z-index: 9;
|
1058 |
+
opacity: 0;
|
1059 |
+
visibility: hidden;
|
1060 |
+
-webkit-transition: all .2s ease-in-out;
|
1061 |
+
transition: all .2s ease-in-out;
|
1062 |
+
}
|
1063 |
+
.cff-preview-ctn .cff-post-item-media-wrap:hover .cff-post-overlay,
|
1064 |
+
.cff-preview-ctn .cff-post-item-iframe-ctn:hover .cff-post-overlay,
|
1065 |
+
.cff-preview-ctn .cff-post-item-video-ctn:hover .cff-post-overlay,
|
1066 |
+
.cff-preview-ctn .cff-post-overlay-parent:hover .cff-post-overlay,
|
1067 |
+
.cff-preview-ctn .cff-videos-item-source:hover .cff-post-overlay{
|
1068 |
+
opacity: 1;
|
1069 |
+
visibility: visible;
|
1070 |
+
}
|
1071 |
+
|
1072 |
+
/*Lightbox */
|
1073 |
+
.cff-lightbox-ctn{
|
1074 |
+
width: 100%;
|
1075 |
+
height: 100%;
|
1076 |
+
position: absolute;
|
1077 |
+
left: 0;
|
1078 |
+
top: 2px;
|
1079 |
+
background: rgba(0,0,0,0.9);
|
1080 |
+
z-index: 9;
|
1081 |
+
display: none;
|
1082 |
+
justify-content: center;
|
1083 |
+
align-items: flex-start;
|
1084 |
+
padding-top: 100px;
|
1085 |
+
}
|
1086 |
+
.cff-lightbox-ctn[data-visibility="shown"]{
|
1087 |
+
display: flex;
|
1088 |
+
}
|
1089 |
+
.cff-lightbox-closer{
|
1090 |
+
position: absolute;
|
1091 |
+
left: 0;
|
1092 |
+
top: 0;
|
1093 |
+
z-index: 1;
|
1094 |
+
height: 100%;
|
1095 |
+
width: 100%;
|
1096 |
+
}
|
1097 |
+
.cff-lightbox-image img{
|
1098 |
+
float: left;
|
1099 |
+
max-width:780px;
|
1100 |
+
}
|
1101 |
+
.cff-lightbox-content{
|
1102 |
+
max-width: 100%;
|
1103 |
+
position: relative;
|
1104 |
+
z-index: 2;
|
1105 |
+
}
|
1106 |
+
.cff-lightbox-content-insider{
|
1107 |
+
position: relative;
|
1108 |
+
padding-right: 300px;
|
1109 |
+
display: flex;
|
1110 |
+
}
|
1111 |
+
[data-comments="false"] .cff-lightbox-content-insider{
|
1112 |
+
padding-right: 0px;
|
1113 |
+
}
|
1114 |
+
[data-comments="false"] .cff-lightbox-content{
|
1115 |
+
max-width: 100%;
|
1116 |
+
position: relative;
|
1117 |
+
z-index: 2;
|
1118 |
+
}
|
1119 |
+
|
1120 |
+
.cff-lightbox-sidebar{
|
1121 |
+
width: 300px;
|
1122 |
+
box-sizing: border-box;
|
1123 |
+
position: absolute;
|
1124 |
+
right: 0px;
|
1125 |
+
top: 0px;
|
1126 |
+
background: #fff;
|
1127 |
+
height: 100%;
|
1128 |
+
padding: 15px;
|
1129 |
+
overflow: auto;
|
1130 |
+
}
|
1131 |
+
.cff-lightbox-caption{
|
1132 |
+
float: left;
|
1133 |
+
box-sizing: border-box;
|
1134 |
+
padding: 10px;
|
1135 |
+
background: #fff;
|
1136 |
+
position: relative;
|
1137 |
+
position: absolute;
|
1138 |
+
}
|
1139 |
+
.cff-lightbox-caption .cff-lightbox-cls{
|
1140 |
+
top:3px;
|
1141 |
+
}
|
1142 |
+
|
1143 |
+
.cff-lightbox-sidebar .cff-post-item-meta-top{
|
1144 |
+
display: none!important;
|
1145 |
+
}
|
1146 |
+
.cff-lightbox-sidebar .cff-post-item-meta-comments{
|
1147 |
+
display: block!important;
|
1148 |
+
}
|
1149 |
+
.cff-lightbox-sidebar .cff-post-item-meta-wrap{
|
1150 |
+
margin-top: 12px;
|
1151 |
+
}
|
1152 |
+
|
1153 |
+
.cff-lightbox-cls{
|
1154 |
+
position: absolute;
|
1155 |
+
width: 15px;
|
1156 |
+
height: 15px;
|
1157 |
+
top: 8px;
|
1158 |
+
right: 6px;
|
1159 |
+
cursor: pointer;
|
1160 |
+
z-index: 8;
|
1161 |
+
}
|
1162 |
+
.cff-lightbox-cls:before,
|
1163 |
+
.cff-lightbox-cls:after{
|
1164 |
+
content: '';
|
1165 |
+
position: absolute;
|
1166 |
+
height: 3px;
|
1167 |
+
width: 13px;
|
1168 |
+
left: 1px;
|
1169 |
+
top: 6px;
|
1170 |
+
background: currentColor;
|
1171 |
+
-webkit-transform: rotate(45deg);
|
1172 |
+
transform: rotate(45deg);
|
1173 |
+
}
|
1174 |
+
.cff-lightbox-cls:after{
|
1175 |
+
-webkit-transform: rotate(-45deg);
|
1176 |
+
transform: rotate(-45deg);
|
1177 |
+
}
|
1178 |
+
|
1179 |
+
.cff-lightbox-nav{
|
1180 |
+
position: absolute;
|
1181 |
+
width: 40px;
|
1182 |
+
height: 100%;
|
1183 |
+
display: flex;
|
1184 |
+
justify-content: center;
|
1185 |
+
align-items: center;
|
1186 |
+
left: -60px;
|
1187 |
+
cursor: pointer;
|
1188 |
+
}
|
1189 |
+
.cff-lightbox-next{
|
1190 |
+
left: unset;
|
1191 |
+
right:-60px;
|
1192 |
+
}
|
1193 |
+
.cff-lightbox-nav-icon{
|
1194 |
+
width: 24px;
|
1195 |
+
height: 24px;
|
1196 |
+
border-bottom: 4px solid #fff;
|
1197 |
+
border-right: 4px solid #fff;
|
1198 |
+
-webkit-transform: rotate(135deg);
|
1199 |
+
transform: rotate(135deg);
|
1200 |
+
opacity: .7;
|
1201 |
+
-webkit-transition: all .2s ease-in-out;
|
1202 |
+
transition: all .2s ease-in-out;
|
1203 |
+
}
|
1204 |
+
.cff-lightbox-next .cff-lightbox-nav-icon{
|
1205 |
+
-webkit-transform: rotate(-45deg);
|
1206 |
+
transform: rotate(-45deg);
|
1207 |
+
}
|
1208 |
+
.cff-lightbox-nav:hover .cff-lightbox-nav-icon{
|
1209 |
+
opacity: 1;
|
1210 |
+
}
|
1211 |
+
.cff-lightbox-thumbs{
|
1212 |
+
background: #222;
|
1213 |
+
}
|
1214 |
+
.cff-lightbox-thumb-item{
|
1215 |
+
float: left;
|
1216 |
+
width: 60px;
|
1217 |
+
height: 60px;
|
1218 |
+
cursor: pointer;
|
1219 |
+
box-sizing: border-box;
|
1220 |
+
-webkit-transition: all .2s ease-in-out;
|
1221 |
+
transition: all .2s ease-in-out;
|
1222 |
+
background-size: cover;
|
1223 |
+
background-position: center center;
|
1224 |
+
margin: 4px;
|
1225 |
+
}
|
1226 |
+
.cff-lightbox-thumb-item:hover, .cff-lightbox-thumb-item[data-active="true"]{
|
1227 |
+
box-shadow: inset 0 0 0 4px rgb(255 255 255 / 70%);
|
1228 |
+
border: 1px solid #bbb;
|
1229 |
+
}
|
1230 |
+
|
1231 |
+
.cff-lightbox-sidebar .cff-post-item-text{
|
1232 |
+
line-height: 1.3em
|
1233 |
+
}
|
1234 |
+
/*
|
1235 |
+
COLOR SCHEMES
|
1236 |
+
*/
|
1237 |
+
/*LIGHT*/
|
1238 |
+
[data-preview-colorscheme="light"] .cff-post-item-content{
|
1239 |
+
color: rgba(0,0,0,.8);
|
1240 |
+
}
|
1241 |
+
|
1242 |
+
[data-preview-colorscheme="light"] .cff-singlemedia-item-info p{
|
1243 |
+
color: rgba(0,0,0,.7);
|
1244 |
+
}
|
1245 |
+
|
1246 |
+
[data-preview-colorscheme="light"] .cff-post-item-text a{
|
1247 |
+
color: #141B38;
|
1248 |
+
text-decoration: underline;
|
1249 |
+
}
|
1250 |
+
[data-preview-colorscheme="light"] .cff-post-item-text-expand,
|
1251 |
+
[data-preview-colorscheme="light"] .cff-post-item-action-link{
|
1252 |
+
color: #141B38;
|
1253 |
+
}
|
1254 |
+
|
1255 |
+
[data-preview-colorscheme="light"] .cff-post-item-date{
|
1256 |
+
color: rgba(0,0,0,0.5)
|
1257 |
+
}
|
1258 |
+
|
1259 |
+
/*DARK*/
|
1260 |
+
[data-preview-colorscheme="dark"] .cff-post-item-content{
|
1261 |
+
color: rgba(255,255,255,.75);
|
1262 |
+
background-color: rgba(0,0,0,.85)
|
1263 |
+
}
|
1264 |
+
[data-preview-colorscheme="dark"] [data-poststyle="boxed"] .cff-post-item-content{
|
1265 |
+
background-color: unset;
|
1266 |
+
}
|
1267 |
+
[data-preview-colorscheme="dark"] [data-poststyle="boxed"] .cff-post-item-ctn{
|
1268 |
+
background-color: rgba(0,0,0,.85)
|
1269 |
+
}
|
1270 |
+
|
1271 |
+
[data-preview-colorscheme="dark"] .cff-singlemedia-item-info p{
|
1272 |
+
color: rgba(255,255,255,.75);
|
1273 |
+
}
|
1274 |
+
[data-preview-colorscheme="dark"] .cff-post-item-text a{
|
1275 |
+
color: #fff;
|
1276 |
+
text-decoration: underline;
|
1277 |
+
}
|
1278 |
+
[data-preview-colorscheme="dark"] .cff-post-item-text-expand,
|
1279 |
+
[data-preview-colorscheme="dark"] .cff-post-item-action-link{
|
1280 |
+
color: #fff;
|
1281 |
+
}
|
1282 |
+
|
1283 |
+
[data-preview-colorscheme="dark"] .cff-post-item-date{
|
1284 |
+
color: rgba(255,255,255,.5);
|
1285 |
+
}
|
1286 |
+
|
1287 |
+
.cff-videos-item-ctn,.cff-albums-item-ctn,.cff-photos-item-ctn{
|
1288 |
+
border-bottom: 0px!important;
|
1289 |
+
}
|
1290 |
+
|
1291 |
+
.cff-preview-posts-grid .cff-videos-item-ctn .cff-post-item-content,
|
1292 |
+
.cff-preview-posts-grid .cff-videos-item-ctn .cff-post-overlay-parent,
|
1293 |
+
.cff-preview-posts-grid .cff-videos-item-ctn .cff-post-overlay-parent > .cff-fb-fs{
|
1294 |
+
position: absolute;
|
1295 |
+
width: 100%;
|
1296 |
+
height: 100%;
|
1297 |
+
}
|
1298 |
+
.cff-preview-posts-grid .cff-videos-item-ctn .cff-post-overlay-parent{
|
1299 |
+
background-size: cover!important;
|
1300 |
+
background-position: center center!important;
|
1301 |
+
}
|
1302 |
+
.cff-preview-posts-grid .cff-videos-item-ctn .cff-post-overlay-parent{
|
1303 |
+
height: calc(100% - 70px)
|
1304 |
+
}
|
1305 |
+
.cff-preview-posts-grid .cff-singlemedia-item-info{
|
1306 |
+
position: absolute;
|
1307 |
+
bottom: 0px;
|
1308 |
+
}
|
1309 |
+
/*
|
1310 |
+
Carousel
|
1311 |
+
*/
|
1312 |
+
.owl-stage{
|
1313 |
+
position: relative;
|
1314 |
+
}
|
1315 |
+
.owl-stage-outer{
|
1316 |
+
overflow: hidden;
|
1317 |
+
}
|
1318 |
+
.owl-item{
|
1319 |
+
float: left;
|
1320 |
+
}
|
1321 |
+
.owl-dots{
|
1322 |
+
width: 100%;
|
1323 |
+
height: 35px;
|
1324 |
+
text-align: center;
|
1325 |
+
margin-top: 10px;
|
1326 |
+
margin-bottom: 30px;
|
1327 |
+
display: flex;
|
1328 |
+
justify-content: center;
|
1329 |
+
align-items: center;
|
1330 |
+
}
|
1331 |
+
.owl-dot{
|
1332 |
+
display: inline-block;
|
1333 |
+
width: 12px;
|
1334 |
+
height: 12px;
|
1335 |
+
margin: 5px 7px;
|
1336 |
+
filter: Alpha(Opacity=25);
|
1337 |
+
opacity: 0.25;
|
1338 |
+
padding:0px !important;
|
1339 |
+
border-radius: 20px;
|
1340 |
+
background: #000;
|
1341 |
+
box-shadow: 0 0 1px 0 rgb(255 255 255 / 80%);
|
1342 |
+
outline: none;
|
1343 |
+
border: 0px;
|
1344 |
+
cursor: pointer;
|
1345 |
+
}
|
1346 |
+
.owl-dot.active,.owl-dot:hover{
|
1347 |
+
opacity: .5;
|
1348 |
+
}
|
1349 |
+
|
1350 |
+
.owl-prev,
|
1351 |
+
.owl-next{
|
1352 |
+
width: 40px;
|
1353 |
+
height: 40px;
|
1354 |
+
border-radius: 50px;
|
1355 |
+
padding: 0px;
|
1356 |
+
outline: none;
|
1357 |
+
border: 0px;
|
1358 |
+
cursor: pointer;
|
1359 |
+
font-size: 22px;
|
1360 |
+
display: flex;
|
1361 |
+
justify-content: center;
|
1362 |
+
align-items: center;
|
1363 |
+
background: #000;
|
1364 |
+
color: #fff;
|
1365 |
+
}
|
1366 |
+
.owl-dots .owl-prev,
|
1367 |
+
.owl-dots .owl-next{
|
1368 |
+
display: inline-block;
|
1369 |
+
}
|
1370 |
+
|
1371 |
+
.owl-prev span,
|
1372 |
+
.owl-next span{
|
1373 |
+
margin-top: -3px;
|
1374 |
+
}
|
1375 |
+
.cff-carousel[data-navigation="none"] .owl-nav{
|
1376 |
+
display: none;
|
1377 |
+
}
|
1378 |
+
|
1379 |
+
.cff-carousel[data-navigation="onhover"] .owl-prev,
|
1380 |
+
.cff-carousel[data-navigation="onhover"] .owl-next{
|
1381 |
+
opacity: 0;
|
1382 |
+
position: absolute;
|
1383 |
+
top: 50%;
|
1384 |
+
margin-top: -20px;
|
1385 |
+
left: 0px;
|
1386 |
+
transition: all .2s ease-in-out;
|
1387 |
+
-webkit-transition: all .2s ease-in-out;
|
1388 |
+
transition: all .2s ease-in-out;
|
1389 |
+
}
|
1390 |
+
.cff-carousel[data-navigation="onhover"] .owl-next{
|
1391 |
+
left: unset;
|
1392 |
+
right: 0px;
|
1393 |
+
}
|
1394 |
+
.cff-carousel[data-navigation="below"] .owl-prev,
|
1395 |
+
.cff-carousel[data-navigation="below"] .owl-next,
|
1396 |
+
.cff-carousel:hover .owl-prev,
|
1397 |
+
.cff-carousel:hover .owl-next{
|
1398 |
+
opacity: .5;
|
1399 |
+
}
|
1400 |
+
|
1401 |
+
.cff-carousel .owl-prev:hover,
|
1402 |
+
.cff-carousel .owl-next:hover{
|
1403 |
+
opacity: 1;
|
1404 |
+
}
|
1405 |
+
|
1406 |
+
/*Reviews Ratings*/
|
1407 |
+
.cff-rating {
|
1408 |
+
float: none;
|
1409 |
+
display: inline-block;
|
1410 |
+
margin: 0 0 5px 0 !important;
|
1411 |
+
padding: 3px 6px;
|
1412 |
+
height: auto;
|
1413 |
+
background: #5890FF;
|
1414 |
+
color: #fff;
|
1415 |
+
white-space: nowrap;
|
1416 |
+
border-radius: 100px;
|
1417 |
+
line-height: 1em;
|
1418 |
+
}
|
1419 |
+
span.cff-rating-num, span.cff-star {
|
1420 |
+
margin: 0 2px 0 0 !important;
|
1421 |
+
padding: 0;
|
1422 |
+
height: auto;
|
1423 |
+
display: inline-block;
|
1424 |
+
vertical-align: top;
|
1425 |
+
line-height: 1;
|
1426 |
+
color: #fff;
|
1427 |
+
font-weight: normal;
|
1428 |
+
font-size: 12px!important;
|
1429 |
+
}
|
1430 |
+
span.cff-rating-num{
|
1431 |
+
margin: 0 2px 0 4px !important;
|
1432 |
+
}
|
1433 |
+
/*FREE PLUGIN*/
|
1434 |
+
.cff-post-item-icon-ctn{
|
1435 |
+
margin-bottom: 5px;
|
1436 |
+
}
|
1437 |
+
.cff-post-item-icon-ctn span{
|
1438 |
+
display: inline-block;
|
1439 |
+
width: auto;
|
1440 |
+
padding: 5px 7px 5px 6px;
|
1441 |
+
margin-right: 6px;
|
1442 |
+
border: 1px solid #eee;
|
1443 |
+
border: 1px solid rgba(0,0,0,0.1);
|
1444 |
+
border-radius: 3px;
|
1445 |
+
background: rgba(0,0,0,0.02);
|
1446 |
+
}
|
1447 |
+
.cff-post-item-icon-ctn:hover{
|
1448 |
+
text-decoration: underline;
|
1449 |
+
}
|
1450 |
+
[data-plugin="free"] .cff-post-item-media-ctn{
|
1451 |
+
|
1452 |
+
}
|
admin/builder/assets/css/tooltipster.css
ADDED
@@ -0,0 +1,489 @@
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
1 |
+
/* This is the core CSS of Tooltipster */
|
2 |
+
|
3 |
+
/* GENERAL STRUCTURE RULES (do not edit this section) */
|
4 |
+
|
5 |
+
.tooltipster-base {
|
6 |
+
/* this ensures that a constrained height set by functionPosition,
|
7 |
+
if greater that the natural height of the tooltip, will be enforced
|
8 |
+
in browsers that support display:flex */
|
9 |
+
display: flex;
|
10 |
+
pointer-events: none;
|
11 |
+
/* this may be overriden in JS for fixed position origins */
|
12 |
+
position: absolute;
|
13 |
+
}
|
14 |
+
|
15 |
+
.tooltipster-box {
|
16 |
+
/* see .tooltipster-base. flex-shrink 1 is only necessary for IE10-
|
17 |
+
and flex-basis auto for IE11- (at least) */
|
18 |
+
flex: 1 1 auto;
|
19 |
+
}
|
20 |
+
|
21 |
+
.tooltipster-content {
|
22 |
+
/* prevents an overflow if the user adds padding to the div */
|
23 |
+
box-sizing: border-box;
|
24 |
+
/* these make sure we'll be able to detect any overflow */
|
25 |
+
max-height: 100%;
|
26 |
+
max-width: 100%;
|
27 |
+
overflow: auto;
|
28 |
+
}
|
29 |
+
|
30 |
+
.tooltipster-ruler {
|
31 |
+
/* these let us test the size of the tooltip without overflowing the window */
|
32 |
+
bottom: 0;
|
33 |
+
left: 0;
|
34 |
+
overflow: hidden;
|
35 |
+
position: fixed;
|
36 |
+
right: 0;
|
37 |
+
top: 0;
|
38 |
+
visibility: hidden;
|
39 |
+
}
|
40 |
+
|
41 |
+
/* ANIMATIONS */
|
42 |
+
|
43 |
+
/* Open/close animations */
|
44 |
+
|
45 |
+
/* fade */
|
46 |
+
|
47 |
+
.tooltipster-fade {
|
48 |
+
opacity: 0;
|
49 |
+
-webkit-transition-property: opacity;
|
50 |
+
-moz-transition-property: opacity;
|
51 |
+
-o-transition-property: opacity;
|
52 |
+
-ms-transition-property: opacity;
|
53 |
+
transition-property: opacity;
|
54 |
+
}
|
55 |
+
.tooltipster-fade.tooltipster-show {
|
56 |
+
opacity: 1;
|
57 |
+
}
|
58 |
+
|
59 |
+
/* grow */
|
60 |
+
|
61 |
+
.tooltipster-grow {
|
62 |
+
-webkit-transform: scale(0,0);
|
63 |
+
-moz-transform: scale(0,0);
|
64 |
+
-o-transform: scale(0,0);
|
65 |
+
-ms-transform: scale(0,0);
|
66 |
+
transform: scale(0,0);
|
67 |
+
-webkit-transition-property: -webkit-transform;
|
68 |
+
-moz-transition-property: -moz-transform;
|
69 |
+
-o-transition-property: -o-transform;
|
70 |
+
-ms-transition-property: -ms-transform;
|
71 |
+
transition-property: transform;
|
72 |
+
-webkit-backface-visibility: hidden;
|
73 |
+
}
|
74 |
+
.tooltipster-grow.tooltipster-show {
|
75 |
+
-webkit-transform: scale(1,1);
|
76 |
+
-moz-transform: scale(1,1);
|
77 |
+
-o-transform: scale(1,1);
|
78 |
+
-ms-transform: scale(1,1);
|
79 |
+
transform: scale(1,1);
|
80 |
+
-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
|
81 |
+
-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
|
82 |
+
-moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
|
83 |
+
-ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
|
84 |
+
-o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
|
85 |
+
transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
|
86 |
+
}
|
87 |
+
|
88 |
+
/* swing */
|
89 |
+
|
90 |
+
.tooltipster-swing {
|
91 |
+
opacity: 0;
|
92 |
+
-webkit-transform: rotateZ(4deg);
|
93 |
+
-moz-transform: rotateZ(4deg);
|
94 |
+
-o-transform: rotateZ(4deg);
|
95 |
+
-ms-transform: rotateZ(4deg);
|
96 |
+
transform: rotateZ(4deg);
|
97 |
+
-webkit-transition-property: -webkit-transform, opacity;
|
98 |
+
-moz-transition-property: -moz-transform;
|
99 |
+
-o-transition-property: -o-transform;
|
100 |
+
-ms-transition-property: -ms-transform;
|
101 |
+
transition-property: transform;
|
102 |
+
}
|
103 |
+
.tooltipster-swing.tooltipster-show {
|
104 |
+
opacity: 1;
|
105 |
+
-webkit-transform: rotateZ(0deg);
|
106 |
+
-moz-transform: rotateZ(0deg);
|
107 |
+
-o-transform: rotateZ(0deg);
|
108 |
+
-ms-transform: rotateZ(0deg);
|
109 |
+
transform: rotateZ(0deg);
|
110 |
+
-webkit-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 1);
|
111 |
+
-webkit-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
|
112 |
+
-moz-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
|
113 |
+
-ms-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
|
114 |
+
-o-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
|
115 |
+
transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
|
116 |
+
}
|
117 |
+
|
118 |
+
/* fall */
|
119 |
+
|
120 |
+
.tooltipster-fall {
|
121 |
+
-webkit-transition-property: top;
|
122 |
+
-moz-transition-property: top;
|
123 |
+
-o-transition-property: top;
|
124 |
+
-ms-transition-property: top;
|
125 |
+
transition-property: top;
|
126 |
+
-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
|
127 |
+
-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
|
128 |
+
-moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
|
129 |
+
-ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
|
130 |
+
-o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
|
131 |
+
transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
|
132 |
+
}
|
133 |
+
.tooltipster-fall.tooltipster-initial {
|
134 |
+
top: 0 !important;
|
135 |
+
}
|
136 |
+
.tooltipster-fall.tooltipster-show {
|
137 |
+
}
|
138 |
+
.tooltipster-fall.tooltipster-dying {
|
139 |
+
-webkit-transition-property: all;
|
140 |
+
-moz-transition-property: all;
|
141 |
+
-o-transition-property: all;
|
142 |
+
-ms-transition-property: all;
|
143 |
+
transition-property: all;
|
144 |
+
top: 0 !important;
|
145 |
+
opacity: 0;
|
146 |
+
}
|
147 |
+
|
148 |
+
/* slide */
|
149 |
+
|
150 |
+
.tooltipster-slide {
|
151 |
+
-webkit-transition-property: left;
|
152 |
+
-moz-transition-property: left;
|
153 |
+
-o-transition-property: left;
|
154 |
+
-ms-transition-property: left;
|
155 |
+
transition-property: left;
|
156 |
+
-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
|
157 |
+
-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
|
158 |
+
-moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
|
159 |
+
-ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
|
160 |
+
-o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
|
161 |
+
transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
|
162 |
+
}
|
163 |
+
.tooltipster-slide.tooltipster-initial {
|
164 |
+
left: -40px !important;
|
165 |
+
}
|
166 |
+
.tooltipster-slide.tooltipster-show {
|
167 |
+
}
|
168 |
+
.tooltipster-slide.tooltipster-dying {
|
169 |
+
-webkit-transition-property: all;
|
170 |
+
-moz-transition-property: all;
|
171 |
+
-o-transition-property: all;
|
172 |
+
-ms-transition-property: all;
|
173 |
+
transition-property: all;
|
174 |
+
left: 0 !important;
|
175 |
+
opacity: 0;
|
176 |
+
}
|
177 |
+
|
178 |
+
/* Update animations */
|
179 |
+
|
180 |
+
/* We use animations rather than transitions here because
|
181 |
+
transition durations may be specified in the style tag due to
|
182 |
+
animationDuration, and we try to avoid collisions and the use
|
183 |
+
of !important */
|
184 |
+
|
185 |
+
/* fade */
|
186 |
+
|
187 |
+
@keyframes tooltipster-fading {
|
188 |
+
0% {
|
189 |
+
opacity: 0;
|
190 |
+
}
|
191 |
+
100% {
|
192 |
+
opacity: 1;
|
193 |
+
}
|
194 |
+
}
|
195 |
+
|
196 |
+
.tooltipster-update-fade {
|
197 |
+
animation: tooltipster-fading 400ms;
|
198 |
+
}
|
199 |
+
|
200 |
+
/* rotate */
|
201 |
+
|
202 |
+
@keyframes tooltipster-rotating {
|
203 |
+
25% {
|
204 |
+
transform: rotate(-2deg);
|
205 |
+
}
|
206 |
+
75% {
|
207 |
+
transform: rotate(2deg);
|
208 |
+
}
|
209 |
+
100% {
|
210 |
+
transform: rotate(0);
|
211 |
+
}
|
212 |
+
}
|
213 |
+
|
214 |
+
.tooltipster-update-rotate {
|
215 |
+
animation: tooltipster-rotating 600ms;
|
216 |
+
}
|
217 |
+
|
218 |
+
/* scale */
|
219 |
+
|
220 |
+
@keyframes tooltipster-scaling {
|
221 |
+
50% {
|
222 |
+
transform: scale(1.1);
|
223 |
+
}
|
224 |
+
100% {
|
225 |
+
transform: scale(1);
|
226 |
+
}
|
227 |
+
}
|
228 |
+
|
229 |
+
.tooltipster-update-scale {
|
230 |
+
animation: tooltipster-scaling 600ms;
|
231 |
+
}
|
232 |
+
|
233 |
+
/**
|
234 |
+
* DEFAULT STYLE OF THE SIDETIP PLUGIN
|
235 |
+
*
|
236 |
+
* All styles are "namespaced" with .tooltipster-sidetip to prevent
|
237 |
+
* conflicts between plugins.
|
238 |
+
*/
|
239 |
+
|
240 |
+
/* .tooltipster-box */
|
241 |
+
|
242 |
+
.tooltipster-sidetip .tooltipster-box {
|
243 |
+
background: #565656;
|
244 |
+
border: 2px solid black;
|
245 |
+
border-radius: 4px;
|
246 |
+
}
|
247 |
+
|
248 |
+
.tooltipster-sidetip.tooltipster-left .tooltipster-box {
|
249 |
+
margin-right: 8px;
|
250 |
+
}
|
251 |
+
|
252 |
+
.tooltipster-sidetip.tooltipster-right .tooltipster-box {
|
253 |
+
margin-left: 8px;
|
254 |
+
}
|
255 |
+
|
256 |
+
.tooltipster-sidetip.tooltipster-top .tooltipster-box {
|
257 |
+
margin-bottom: 8px;
|
258 |
+
}
|
259 |
+
|
260 |
+
/* .tooltipster-content */
|
261 |
+
|
262 |
+
.tooltipster-sidetip .tooltipster-content {
|
263 |
+
color: white;
|
264 |
+
line-height: 18px;
|
265 |
+
padding: 6px 14px;
|
266 |
+
}
|
267 |
+
|
268 |
+
/* .tooltipster-arrow : will keep only the zone of .tooltipster-arrow-uncropped that
|
269 |
+
corresponds to the arrow we want to display */
|
270 |
+
|
271 |
+
.tooltipster-sidetip .tooltipster-arrow {
|
272 |
+
overflow: hidden;
|
273 |
+
position: absolute;
|
274 |
+
}
|
275 |
+
|
276 |
+
.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow {
|
277 |
+
height: 10px;
|
278 |
+
/* half the width, for centering */
|
279 |
+
margin-left: -10px;
|
280 |
+
top: 0;
|
281 |
+
width: 20px;
|
282 |
+
}
|
283 |
+
|
284 |
+
.tooltipster-sidetip.tooltipster-left .tooltipster-arrow {
|
285 |
+
height: 20px;
|
286 |
+
margin-top: -10px;
|
287 |
+
right: 0;
|
288 |
+
/* top 0 to keep the arrow from overflowing .tooltipster-base when it has not
|
289 |
+
been positioned yet */
|
290 |
+
top: 0;
|
291 |
+
width: 10px;
|
292 |
+
}
|
293 |
+
|
294 |
+
.tooltipster-sidetip.tooltipster-right .tooltipster-arrow {
|
295 |
+
height: 20px;
|
296 |
+
margin-top: -10px;
|
297 |
+
left: 0;
|
298 |
+
/* same as .tooltipster-left .tooltipster-arrow */
|
299 |
+
top: 0;
|
300 |
+
width: 10px;
|
301 |
+
}
|
302 |
+
|
303 |
+
.tooltipster-sidetip.tooltipster-top .tooltipster-arrow {
|
304 |
+
bottom: 0;
|
305 |
+
height: 10px;
|
306 |
+
margin-left: -10px;
|
307 |
+
width: 20px;
|
308 |
+
}
|
309 |
+
|
310 |
+
/* common rules between .tooltipster-arrow-background and .tooltipster-arrow-border */
|
311 |
+
|
312 |
+
.tooltipster-sidetip .tooltipster-arrow-background, .tooltipster-sidetip .tooltipster-arrow-border {
|
313 |
+
height: 0;
|
314 |
+
position: absolute;
|
315 |
+
width: 0;
|
316 |
+
}
|
317 |
+
|
318 |
+
/* .tooltipster-arrow-background */
|
319 |
+
|
320 |
+
.tooltipster-sidetip .tooltipster-arrow-background {
|
321 |
+
border: 10px solid transparent;
|
322 |
+
}
|
323 |
+
|
324 |
+
.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-background {
|
325 |
+
border-bottom-color: #565656;
|
326 |
+
left: 0;
|
327 |
+
top: 3px;
|
328 |
+
}
|
329 |
+
|
330 |
+
.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-background {
|
331 |
+
border-left-color: #565656;
|
332 |
+
left: -3px;
|
333 |
+
top: 0;
|
334 |
+
}
|
335 |
+
|
336 |
+
.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-background {
|
337 |
+
border-right-color: #565656;
|
338 |
+
left: 3px;
|
339 |
+
top: 0;
|
340 |
+
}
|
341 |
+
|
342 |
+
.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-background {
|
343 |
+
border-top-color: #565656;
|
344 |
+
left: 0;
|
345 |
+
top: -3px;
|
346 |
+
}
|
347 |
+
|
348 |
+
/* .tooltipster-arrow-border */
|
349 |
+
|
350 |
+
.tooltipster-sidetip .tooltipster-arrow-border {
|
351 |
+
border: 10px solid transparent;
|
352 |
+
left: 0;
|
353 |
+
top: 0;
|
354 |
+
}
|
355 |
+
|
356 |
+
.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-border {
|
357 |
+
border-bottom-color: black;
|
358 |
+
}
|
359 |
+
|
360 |
+
.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-border {
|
361 |
+
border-left-color: black;
|
362 |
+
}
|
363 |
+
|
364 |
+
.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-border {
|
365 |
+
border-right-color: black;
|
366 |
+
}
|
367 |
+
|
368 |
+
.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-border {
|
369 |
+
border-top-color: black;
|
370 |
+
}
|
371 |
+
|
372 |
+
/* tooltipster-arrow-uncropped */
|
373 |
+
|
374 |
+
.tooltipster-sidetip .tooltipster-arrow-uncropped {
|
375 |
+
position: relative;
|
376 |
+
}
|
377 |
+
|
378 |
+
.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-uncropped {
|
379 |
+
top: -10px;
|
380 |
+
}
|
381 |
+
|
382 |
+
.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-uncropped {
|
383 |
+
left: -10px;
|
384 |
+
}
|
385 |
+
|
386 |
+
.wp-editor .cff-tooltip-wizard{
|
387 |
+
-webkit-transform: translateY(63px) translateX(17px);
|
388 |
+
transform: translateY(63px) translateX(17px);
|
389 |
+
}
|
390 |
+
.cff-tooltip-wizard.tooltipster-sidetip .tooltipster-box{
|
391 |
+
background: #fff!important;
|
392 |
+
border: 1px solid #eee!important;
|
393 |
+
border-radius: 2px!important;
|
394 |
+
box-shadow: 0px 1px 18px rgba(0,0,0,0.2)!important;
|
395 |
+
}
|
396 |
+
.cff-tooltip-wizard.tooltipster-sidetip .tooltipster-content{
|
397 |
+
color: #434960!important;
|
398 |
+
line-height: 18px;
|
399 |
+
padding: 6px 20px!important;
|
400 |
+
position: relative;
|
401 |
+
}
|
402 |
+
.cff-tooltip-wizard .cff-tooltip-wizard-head {
|
403 |
+
color: #141B38;
|
404 |
+
font-size: 15px;
|
405 |
+
margin-bottom: 8px;
|
406 |
+
width: 100%;
|
407 |
+
float: left;
|
408 |
+
display: block
|
409 |
+
}
|
410 |
+
.cff-tooltip-wizard .cff-tooltip-wizard-txt{
|
411 |
+
margin-bottom: 15px;
|
412 |
+
}
|
413 |
+
|
414 |
+
.cff-tooltip-wizard .cff-tooltip-wizard-actions button{
|
415 |
+
background: #F3F4F5!important;
|
416 |
+
cursor: pointer!important;
|
417 |
+
border: 1px solid #DCDDE1!important;
|
418 |
+
padding: 5px 20px!important;
|
419 |
+
}
|
420 |
+
.cff-tooltip-wizard .cff-tooltip-wizard-actions{
|
421 |
+
margin-bottom: 10px;
|
422 |
+
}
|
423 |
+
|
424 |
+
.cff-tooltip-wizard.tooltipster-sidetip .tooltipster-box:before, .cff-tooltip-wizard.tooltipster-sidetip .tooltipster-box:after {
|
425 |
+
content: '';
|
426 |
+
position: absolute;
|
427 |
+
width: 20px;
|
428 |
+
height: 20px;
|
429 |
+
left: 20%;
|
430 |
+
top: -8px;
|
431 |
+
background: #fff;
|
432 |
+
box-shadow: 0px 1px 18px rgba(0,0,0,0.2);
|
433 |
+
z-index: 3;
|
434 |
+
-webkit-transform: rotate(45deg);
|
435 |
+
transform: rotate(45deg);
|
436 |
+
}
|
437 |
+
|
438 |
+
.cff-tooltip-wizard.tooltipster-sidetip .tooltipster-box:after {
|
439 |
+
background: #fff;
|
440 |
+
z-index: 999;
|
441 |
+
top: 2px;
|
442 |
+
margin-left: -10px;
|
443 |
+
width: 40px;
|
444 |
+
box-shadow: unset;
|
445 |
+
-webkit-transform: rotate(0deg);
|
446 |
+
transform: rotate(0deg);
|
447 |
+
}
|
448 |
+
.cff-tooltip-wizard.tooltipster-sidetip .tooltipster-arrow{
|
449 |
+
display: none;
|
450 |
+
}
|
451 |
+
#cff-gutenberg-tooltip-content{
|
452 |
+
display: none;
|
453 |
+
}
|
454 |
+
.cff-tlp-wizard-cls{
|
455 |
+
position: absolute;
|
456 |
+
width: 20px;
|
457 |
+
height: 20px;
|
458 |
+
right: 14px;
|
459 |
+
top: 14px;
|
460 |
+
cursor: pointer;
|
461 |
+
}
|
462 |
+
.cff-tlp-wizard-cls:before, .cff-tlp-wizard-cls:after{
|
463 |
+
content: '';
|
464 |
+
position: absolute;
|
465 |
+
width: 16px;
|
466 |
+
height: 2px;
|
467 |
+
background: #141B38;
|
468 |
+
left: 3px;
|
469 |
+
top: 7px;
|
470 |
+
-webkit-transform: rotate(45deg);
|
471 |
+
transform: rotate(45deg);
|
472 |
+
}
|
473 |
+
.cff-tlp-wizard-cls:after{
|
474 |
+
-webkit-transform: rotate(-45deg);
|
475 |
+
transform: rotate(-45deg);
|
476 |
+
}
|
477 |
+
.cff-tooltip-wizard.tooltipster-sidetip #cff-gutenberg-tooltip-content{
|
478 |
+
display: block;
|
479 |
+
}
|
480 |
+
|
481 |
+
.cff-tooltip-wizard.tooltipster-sidetip {
|
482 |
+
margin-top: 56px;
|
483 |
+
margin-left: 124px;
|
484 |
+
}
|
485 |
+
|
486 |
+
.is-fullscreen-mode .cff-tooltip-wizard.tooltipster-sidetip {
|
487 |
+
margin-top: 26px;
|
488 |
+
margin-left: 24px;
|
489 |
+
}
|
admin/builder/assets/img/albums.png
ADDED
Binary file
|
admin/builder/assets/img/combine-source.svg
ADDED
@@ -0,0 +1,65 @@
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
1 |
+
<svg width="248" height="118" viewBox="0 0 248 118" fill="none" xmlns="http://www.w3.org/2000/svg">
|
2 |
+
<g filter="url(#filter0_dd)">
|
3 |
+
<rect x="16.3555" y="21.3516" width="82" height="82" rx="2" transform="rotate(-7 16.3555 21.3516)" fill="white"/>
|
4 |
+
<path d="M59.9242 39.7491C50.371 40.9221 43.5123 49.6808 44.6917 59.2861C45.758 67.9709 53.0004 74.3987 61.463 74.682L59.9701 62.5233L55.5582 63.065L54.9397 58.0278L59.3516 57.4861L58.8802 53.6475C58.3449 49.2877 60.6387 46.5729 64.6163 46.0845C66.5096 45.8521 68.5302 45.939 68.5302 45.939L69.057 50.2292L66.8685 50.498C64.7146 50.7624 64.2014 52.183 64.3699 53.5552L64.7709 56.8207L69.5996 56.2278L69.4365 61.361L65.3894 61.8579L66.8823 74.0166C70.8959 72.8676 74.3666 70.3216 76.6677 66.8381C78.9689 63.3547 79.9489 59.1633 79.4308 55.0207C78.2514 45.4153 69.4775 38.5761 59.9242 39.7491Z" fill="#006BFA"/>
|
5 |
+
</g>
|
6 |
+
<g filter="url(#filter1_dd)">
|
7 |
+
<rect x="93" y="7" width="82" height="82" rx="2" fill="white"/>
|
8 |
+
<path d="M134.002 38.5664C128.752 38.5664 124.568 42.832 124.568 48C124.568 53.25 128.752 57.4336 134.002 57.4336C139.17 57.4336 143.436 53.25 143.436 48C143.436 42.832 139.17 38.5664 134.002 38.5664ZM134.002 54.1523C130.639 54.1523 127.85 51.4453 127.85 48C127.85 44.6367 130.557 41.9297 134.002 41.9297C137.365 41.9297 140.072 44.6367 140.072 48C140.072 51.4453 137.365 54.1523 134.002 54.1523ZM145.979 38.2383C145.979 37.0078 144.994 36.0234 143.764 36.0234C142.533 36.0234 141.549 37.0078 141.549 38.2383C141.549 39.4688 142.533 40.4531 143.764 40.4531C144.994 40.4531 145.979 39.4688 145.979 38.2383ZM152.213 40.4531C152.049 37.5 151.393 34.875 149.26 32.7422C147.127 30.6094 144.502 29.9531 141.549 29.7891C138.514 29.625 129.408 29.625 126.373 29.7891C123.42 29.9531 120.877 30.6094 118.662 32.7422C116.529 34.875 115.873 37.5 115.709 40.4531C115.545 43.4883 115.545 52.5938 115.709 55.6289C115.873 58.582 116.529 61.125 118.662 63.3398C120.877 65.4727 123.42 66.1289 126.373 66.293C129.408 66.457 138.514 66.457 141.549 66.293C144.502 66.1289 147.127 65.4727 149.26 63.3398C151.393 61.125 152.049 58.582 152.213 55.6289C152.377 52.5938 152.377 43.4883 152.213 40.4531ZM148.275 58.8281C147.701 60.4688 146.389 61.6992 144.83 62.3555C142.369 63.3398 136.627 63.0938 134.002 63.0938C131.295 63.0938 125.553 63.3398 123.174 62.3555C121.533 61.6992 120.303 60.4688 119.646 58.8281C118.662 56.4492 118.908 50.707 118.908 48C118.908 45.375 118.662 39.6328 119.646 37.1719C120.303 35.6133 121.533 34.3828 123.174 33.7266C125.553 32.7422 131.295 32.9883 134.002 32.9883C136.627 32.9883 142.369 32.7422 144.83 33.7266C146.389 34.3008 147.619 35.6133 148.275 37.1719C149.26 39.6328 149.014 45.375 149.014 48C149.014 50.707 149.26 56.4492 148.275 58.8281Z" fill="url(#paint0_linear)"/>
|
9 |
+
</g>
|
10 |
+
<g filter="url(#filter2_dd)">
|
11 |
+
<rect x="160.559" y="11.9888" width="82" height="82" rx="2" transform="rotate(6 160.559 11.9888)" fill="white"/>
|
12 |
+
<path d="M193.02 61.9051L202.601 57.6333L194.117 51.4626L193.02 61.9051ZM214.571 50.3923C214.712 51.2341 214.753 52.347 214.711 53.7503C214.687 55.1554 214.613 56.3618 214.503 57.4061L214.454 58.879C214.053 62.6905 213.48 65.4633 212.804 67.2047C212.205 68.7253 211.089 69.6287 209.477 69.8992C208.635 70.0394 207.122 70.0388 204.814 69.9017C202.538 69.7857 200.462 69.6203 198.547 69.4191L195.769 69.2326C188.477 68.4662 183.963 67.7103 182.222 67.0345C180.701 66.4348 179.798 65.3193 179.528 63.7072C179.387 62.8654 179.346 61.7525 179.388 60.3492C179.412 58.944 179.486 57.7377 179.596 56.6934L179.645 55.2205C180.046 51.409 180.619 48.6362 181.295 46.8948C181.894 45.3741 183.01 44.4708 184.622 44.2003C185.464 44.06 186.977 44.0607 189.285 44.1978C191.561 44.3137 193.637 44.4792 195.552 44.6804L198.33 44.8668C205.622 45.6333 210.135 46.3892 211.877 47.0649C213.398 47.6647 214.301 48.7802 214.571 50.3923Z" fill="#EB2121"/>
|
13 |
+
</g>
|
14 |
+
<defs>
|
15 |
+
<filter id="filter0_dd" x="0.355469" y="4.3584" width="113.382" height="113.382" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
|
16 |
+
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
|
17 |
+
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/>
|
18 |
+
<feOffset dy="1"/>
|
19 |
+
<feGaussianBlur stdDeviation="1"/>
|
20 |
+
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>
|
21 |
+
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"/>
|
22 |
+
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/>
|
23 |
+
<feOffset dx="-5" dy="4"/>
|
24 |
+
<feGaussianBlur stdDeviation="5.5"/>
|
25 |
+
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0"/>
|
26 |
+
<feBlend mode="normal" in2="effect1_dropShadow" result="effect2_dropShadow"/>
|
27 |
+
<feBlend mode="normal" in="SourceGraphic" in2="effect2_dropShadow" result="shape"/>
|
28 |
+
</filter>
|
29 |
+
<filter id="filter1_dd" x="77" y="0" width="104" height="104" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
|
30 |
+
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
|
31 |
+
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/>
|
32 |
+
<feOffset dy="1"/>
|
33 |
+
<feGaussianBlur stdDeviation="1"/>
|
34 |
+
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>
|
35 |
+
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"/>
|
36 |
+
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/>
|
37 |
+
<feOffset dx="-5" dy="4"/>
|
38 |
+
<feGaussianBlur stdDeviation="5.5"/>
|
39 |
+
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0"/>
|
40 |
+
<feBlend mode="normal" in2="effect1_dropShadow" result="effect2_dropShadow"/>
|
41 |
+
<feBlend mode="normal" in="SourceGraphic" in2="effect2_dropShadow" result="shape"/>
|
42 |
+
</filter>
|
43 |
+
<filter id="filter2_dd" x="135.988" y="4.98877" width="112.122" height="112.122" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
|
44 |
+
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
|
45 |
+
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/>
|
46 |
+
<feOffset dy="1"/>
|
47 |
+
<feGaussianBlur stdDeviation="1"/>
|
48 |
+
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>
|
49 |
+
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"/>
|
50 |
+
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/>
|
51 |
+
<feOffset dx="-5" dy="4"/>
|
52 |
+
<feGaussianBlur stdDeviation="5.5"/>
|
53 |
+
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0"/>
|
54 |
+
<feBlend mode="normal" in2="effect1_dropShadow" result="effect2_dropShadow"/>
|
55 |
+
<feBlend mode="normal" in="SourceGraphic" in2="effect2_dropShadow" result="shape"/>
|
56 |
+
</filter>
|
57 |
+
<linearGradient id="paint0_linear" x1="128.678" y1="99.9504" x2="206.083" y2="20.9379" gradientUnits="userSpaceOnUse">
|
58 |
+
<stop stop-color="white"/>
|
59 |
+
<stop offset="0.147864" stop-color="#F6640E"/>
|
60 |
+
<stop offset="0.443974" stop-color="#BA03A7"/>
|
61 |
+
<stop offset="0.733337" stop-color="#6A01B9"/>
|
62 |
+
<stop offset="1" stop-color="#6B01B9"/>
|
63 |
+
</linearGradient>
|
64 |
+
</defs>
|
65 |
+
</svg>
|
admin/builder/assets/img/dummy-author.png
ADDED
Binary file
|
admin/builder/assets/img/dummy-lightbox.jpeg
ADDED
Binary file
|
admin/builder/assets/img/events.png
ADDED
Binary file
|
admin/builder/assets/img/ext-featuredpost.png
ADDED
Binary file
|
admin/builder/assets/img/ext-reviews.png
ADDED
Binary file
|
admin/builder/assets/img/ext-singlealbum.png
ADDED
Binary file
|
admin/builder/assets/img/ext-socialwall.png
ADDED
Binary file
|
admin/builder/assets/img/featuredpost.png
ADDED
Binary file
|
admin/builder/assets/img/footer-social.png
ADDED
Binary file
|
admin/builder/assets/img/logo.png
ADDED
Binary file
|
admin/builder/assets/img/more-feeds.png
ADDED
Binary file
|
admin/builder/assets/img/photos.png
ADDED
Binary file
|
admin/builder/assets/img/process-error-fetch.png
ADDED
Binary file
|
admin/builder/assets/img/process-featured-post.png
ADDED
Binary file
|
admin/builder/assets/img/process-single-album.png
ADDED
Binary file
|
admin/builder/assets/img/reviews.png
ADDED
Binary file
|
admin/builder/assets/img/singlealbum.png
ADDED
Binary file
|
admin/builder/assets/img/socialwall.png
ADDED
Binary file
|
admin/builder/assets/img/timeline.png
ADDED
Binary file
|
admin/builder/assets/img/videos.png
ADDED
Binary file
|
admin/builder/assets/img/welcome-1.png
ADDED
Binary file
|
admin/builder/assets/img/welcome-2.png
ADDED
Binary file
|
admin/builder/assets/js/add-source.js
ADDED
@@ -0,0 +1,289 @@
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
1 |
+
var cffStorage = window.localStorage;
|
2 |
+
/**
|
3 |
+
* Add Source Popup
|
4 |
+
*
|
5 |
+
* @since 4.0
|
6 |
+
*/
|
7 |
+
Vue.component('sb-add-source-component', {
|
8 |
+
name: 'sb-add-source-component',
|
9 |
+
template: '#sb-add-source-component',
|
10 |
+
props: [
|
11 |
+
'genericText',
|
12 |
+
'links',
|
13 |
+
'svgIcons',
|
14 |
+
'viewsActive',
|
15 |
+
'selectSourceScreen',
|
16 |
+
'selectedFeed',
|
17 |
+
'parent'
|
18 |
+
],
|
19 |
+
data: function() {
|
20 |
+
return{
|
21 |
+
sourcesList : cff_source.sources,
|
22 |
+
//Add New Source
|
23 |
+
newSourceData : cff_source.newSourceData ? cff_source.newSourceData : null,
|
24 |
+
sourceConnectionURLs : cff_source.sourceConnectionURLs,
|
25 |
+
returnedApiSourcesList : [],
|
26 |
+
addNewSource : {
|
27 |
+
typeSelected : 'page',
|
28 |
+
manualSourceID : null,
|
29 |
+
manualSourceToken : null
|
30 |
+
},
|
31 |
+
selectedSourcesToConnect : [],
|
32 |
+
loadingAjax : false
|
33 |
+
}
|
34 |
+
},
|
35 |
+
computed : {
|
36 |
+
|
37 |
+
},
|
38 |
+
mounted : function(){
|
39 |
+
var self = this;
|
40 |
+
if(self.newSourceData != null){
|
41 |
+
self.initAddSourceData();
|
42 |
+
}
|
43 |
+
self.processFBConnectSuccess();
|
44 |
+
},
|
45 |
+
methods : {
|
46 |
+
/**
|
47 |
+
* Return Page/Group Avatar
|
48 |
+
*
|
49 |
+
* @since 4.0
|
50 |
+
*
|
51 |
+
* @return string
|
52 |
+
*/
|
53 |
+
returnGroupPageAvatar : function(source){
|
54 |
+
var info = this.$parent.jsonParse(source.info);
|
55 |
+
return (source.account_type == 'page') ? 'https://graph.facebook.com/'+source.account_id+'/picture' : (info.picture.data.url ? info.picture.data.url : '');
|
56 |
+
},
|
57 |
+
|
58 |
+
|
59 |
+
/**
|
60 |
+
* Add Feed Source Manually
|
61 |
+
*
|
62 |
+
* @since 4.0
|
63 |
+
*/
|
64 |
+
addSourceManually: function(isEventSource = false){
|
65 |
+
var self = this,
|
66 |
+
manualSourceData = {
|
67 |
+
'action' : 'cff_source_builder_update',
|
68 |
+
'type' : self.addNewSource.typeSelected,
|
69 |
+
'id' : self.addNewSource.manualSourceID,
|
70 |
+
'access_token' : self.addNewSource.manualSourceToken
|
71 |
+
};
|
72 |
+
if(isEventSource){
|
73 |
+
manualSourceData.privilege = 'events';
|
74 |
+
}
|
75 |
+
var alerts = document.querySelectorAll(".sb-alerts-wrap");
|
76 |
+
if (alerts.length) {
|
77 |
+
alerts[0].parentNode.removeChild(alerts[0]);
|
78 |
+
}
|
79 |
+
|
80 |
+
if(self.$parent.checkNotEmpty(self.addNewSource.manualSourceID) && self.$parent.checkNotEmpty(self.addNewSource.manualSourceToken) ){
|
81 |
+
self.loadingAjax = true;
|
82 |
+
self.$parent.ajaxPost(manualSourceData, function(_ref){
|
83 |
+
var data = _ref.data;
|
84 |
+
if (typeof data.success !== 'undefined' && data.success === false) {
|
85 |
+
//cff-fb-source-inputs cff-fb-fs
|
86 |
+
var inputs = document.querySelectorAll(".cff-fb-source-inputs")[0];
|
87 |
+
|
88 |
+
var div = document.createElement('div');
|
89 |
+
div.innerHTML = data.message;
|
90 |
+
while (div.children.length > 0) {
|
91 |
+
inputs.appendChild(div.children[0]);
|
92 |
+
}
|
93 |
+
|
94 |
+
} else {
|
95 |
+
self.addNewSource = {typeSelected : 'page', manualSourceID : null,manualSourceToken : null};
|
96 |
+
self.sourcesList = data;
|
97 |
+
self.$parent.sourcesList = data;
|
98 |
+
self.$parent.viewsActive.sourcePopup = false;
|
99 |
+
if(self.$parent.customizerFeedData){
|
100 |
+
self.$parent.activateView('sourcePopup', 'customizer');
|
101 |
+
}
|
102 |
+
}
|
103 |
+
self.loadingAjax = false;
|
104 |
+
|
105 |
+
});
|
106 |
+
}else{
|
107 |
+
alert("Token or ID Empty")
|
108 |
+
}
|
109 |
+
},
|
110 |
+
|
111 |
+
/**
|
112 |
+
* Make sure something entered for manual connections
|
113 |
+
*
|
114 |
+
* @since 4.0
|
115 |
+
*/
|
116 |
+
checkManualEmpty : function() {
|
117 |
+
var self = this;
|
118 |
+
return self.$parent.checkNotEmpty(self.addNewSource.manualSourceID) && self.$parent.checkNotEmpty(self.addNewSource.manualSourceToken);
|
119 |
+
},
|
120 |
+
|
121 |
+
/**
|
122 |
+
* Init Add Source Action
|
123 |
+
* Triggered when the connect button is returned
|
124 |
+
*
|
125 |
+
* @since 4.0
|
126 |
+
*/
|
127 |
+
initAddSourceData : function(){
|
128 |
+
var self = this;
|
129 |
+
self.$parent.viewsActive.sourcePopup = true;
|
130 |
+
self.$parent.viewsActive.sourcePopupScreen = 'step_2';
|
131 |
+
if(self.newSourceData && !self.newSourceData.error){
|
132 |
+
if(self.newSourceData.admin || self.newSourceData.member){
|
133 |
+
self.addNewSource.typeSelected = 'group';
|
134 |
+
self.newSourceData.admin.forEach(function(singleSource){
|
135 |
+
singleSource.admin = true;
|
136 |
+
self.returnedApiSourcesList.push(self.createSourceObject('group',singleSource));
|
137 |
+
});
|
138 |
+
self.newSourceData.member.forEach(function(singleSource){
|
139 |
+
//if(!self.checkObjectArrayElement(self.returnedApiSourcesList, self.newSourceData.admin, 'id')){
|
140 |
+
singleSource.admin = false;
|
141 |
+
self.returnedApiSourcesList.push(self.createSourceObject('group',singleSource));
|
142 |
+
//}
|
143 |
+
});
|
144 |
+
}else{
|
145 |
+
self.newSourceData.pages.forEach(function(singleSource){
|
146 |
+
self.returnedApiSourcesList.push(self.createSourceObject('page',singleSource));
|
147 |
+
});
|
148 |
+
}
|
149 |
+
}
|
150 |
+
},
|
151 |
+
|
152 |
+
/**
|
153 |
+
* Create Single Source Object
|
154 |
+
*
|
155 |
+
* @since 4.0
|
156 |
+
*
|
157 |
+
* @return Object
|
158 |
+
*/
|
159 |
+
createSourceObject : function(type,object){
|
160 |
+
return {
|
161 |
+
account_id : object.id,
|
162 |
+
access_token : object.access_token,
|
163 |
+
account_type : type,
|
164 |
+
info : (type == 'group' ? JSON.stringify(object) : '{}'),
|
165 |
+
admin : (type == 'group' ? object.admin : ''),
|
166 |
+
username : object.name
|
167 |
+
}
|
168 |
+
},
|
169 |
+
|
170 |
+
/**
|
171 |
+
* Select Page/Group to Connect
|
172 |
+
*
|
173 |
+
* @since 4.0
|
174 |
+
*/
|
175 |
+
selectSourcesToConnect : function(source){
|
176 |
+
var self = this;
|
177 |
+
|
178 |
+
if (typeof window.cffSelected === 'undefined') {
|
179 |
+
window.cffSelected = [];
|
180 |
+
}
|
181 |
+
if(self.selectedSourcesToConnect.includes(source.account_id)){
|
182 |
+
self.selectedSourcesToConnect.splice(self.selectedSourcesToConnect.indexOf(source.account_id), 1);
|
183 |
+
window.cffSelected.splice(self.selectedSourcesToConnect.indexOf(source.admin), 1);
|
184 |
+
}else{
|
185 |
+
self.selectedSourcesToConnect.push(source.account_id);
|
186 |
+
window.cffSelected.push(source.admin);
|
187 |
+
}
|
188 |
+
},
|
189 |
+
|
190 |
+
/**
|
191 |
+
* Select Page/Group to Connect
|
192 |
+
*
|
193 |
+
* @since 4.0
|
194 |
+
*/
|
195 |
+
addSourcesOnConnect : function(){
|
196 |
+
var self = this;
|
197 |
+
if(self.selectedSourcesToConnect.length > 0){
|
198 |
+
var sourcesListToAdd = [];
|
199 |
+
self.selectedSourcesToConnect.forEach(function(accountID, index){
|
200 |
+
self.returnedApiSourcesList.forEach(function(source){
|
201 |
+
if(source.account_id === accountID)
|
202 |
+
sourcesListToAdd.push(source);
|
203 |
+
});
|
204 |
+
});
|
205 |
+
var connectSourceData = {
|
206 |
+
'action' : 'cff_source_builder_update_multiple',
|
207 |
+
'type' : self.addNewSource.typeSelected,
|
208 |
+
'sourcesList' : sourcesListToAdd
|
209 |
+
};
|
210 |
+
self.$parent.ajaxPost(connectSourceData, function(_ref){
|
211 |
+
var data = _ref.data;
|
212 |
+
self.sourcesList = data;
|
213 |
+
self.$parent.sourcesList = data;
|
214 |
+
self.$parent.viewsActive.sourcePopup = false;
|
215 |
+
if(self.$parent.customizerFeedData){
|
216 |
+
self.$parent.activateView('sourcePopup', 'customizer');
|
217 |
+
}
|
218 |
+
});
|
219 |
+
}
|
220 |
+
},
|
221 |
+
|
222 |
+
/**
|
223 |
+
* Process Connect FB Button
|
224 |
+
*
|
225 |
+
* @since 4.0
|
226 |
+
*/
|
227 |
+
processFBConnect : function(){
|
228 |
+
var self = this,
|
229 |
+
fbConnectURL = self.addNewSource.typeSelected == 'page' ? self.sourceConnectionURLs.page : self.sourceConnectionURLs.group,
|
230 |
+
screenType = (self.$parent.customizerFeedData != undefined) ? 'customizer' : 'creationProcess',
|
231 |
+
appendURL = ( screenType == 'customizer' ) ? self.sourceConnectionURLs.stateURL + ',feed_id='+ self.$parent.customizerFeedData.feed_info.id : self.sourceConnectionURLs.stateURL;
|
232 |
+
if(screenType != 'customizer'){
|
233 |
+
self.createLocalStorage(screenType);
|
234 |
+
}
|
235 |
+
var finalUrl = fbConnectURL + "{'{url=" + appendURL + "}'}";
|
236 |
+
window.location = finalUrl;
|
237 |
+
|
238 |
+
},
|
239 |
+
|
240 |
+
/**
|
241 |
+
* Browser Local Storage for FB Connect
|
242 |
+
*
|
243 |
+
* @since 4.0
|
244 |
+
*/
|
245 |
+
createLocalStorage : function(screenType){
|
246 |
+
var self = this;
|
247 |
+
switch (screenType) {
|
248 |
+
case 'creationProcess':
|
249 |
+
cffStorage.setItem('selectedFeed', self.$parent.selectedFeed);
|
250 |
+
break;
|
251 |
+
case 'customizer':
|
252 |
+
cffStorage.setItem( 'feed_id', self.$parent.customizerFeedData.feed_info.id );
|
253 |
+
break;
|
254 |
+
}
|
255 |
+
cffStorage.setItem( 'FBConnect', 'true' );
|
256 |
+
cffStorage.setItem( 'screenType', screenType );
|
257 |
+
},
|
258 |
+
|
259 |
+
|
260 |
+
/**
|
261 |
+
* Process FB Connect Success
|
262 |
+
*
|
263 |
+
* @since 4.0
|
264 |
+
*/
|
265 |
+
processFBConnectSuccess : function(){
|
266 |
+
var self = this;
|
267 |
+
if( cffStorage.FBConnect === 'true' && cffStorage.screenType ){
|
268 |
+
if( cffStorage.screenType == 'creationProcess' && cffStorage.selectedFeed ){
|
269 |
+
self.$parent.selectedFeed = cffStorage.selectedFeed;
|
270 |
+
self.$parent.viewsActive.pageScreen = 'selectFeed';
|
271 |
+
self.$parent.viewsActive.selectedFeedSection = 'selectSource';
|
272 |
+
}
|
273 |
+
if( cffStorage.screenType == 'customizer' && cffStorage.feed_id){
|
274 |
+
var urlParams = new URLSearchParams(window.location.search);
|
275 |
+
urlParams.set('feed_id', cffStorage.feed_id);
|
276 |
+
window.location.search = urlParams;
|
277 |
+
}
|
278 |
+
}
|
279 |
+
localStorage.removeItem("FBConnect");
|
280 |
+
localStorage.removeItem("screenType");
|
281 |
+
localStorage.removeItem("selectedFeed");
|
282 |
+
localStorage.removeItem("feed_id");
|
283 |
+
},
|
284 |
+
|
285 |
+
groupNext : function() {
|
286 |
+
console.log('next');
|
287 |
+
}
|
288 |
+
}
|
289 |
+
});
|
admin/builder/assets/js/builder.js
ADDED
@@ -0,0 +1,3037 @@
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
1 |
+
var cffBuilder,
|
2 |
+
cffStorage = window.localStorage,
|
3 |
+
sketch = VueColor.Sketch;
|
4 |
+
|
5 |
+
/**
|
6 |
+
* VueJS Iframe, Link, Video Component
|
7 |
+
*
|
8 |
+
* @since 4.0
|
9 |
+
*/
|
10 |
+
Vue.component('cff-iframe-media-component', {
|
11 |
+
name: 'cff-iframe-media-component',
|
12 |
+
template: '#cff-iframe-media-component',
|
13 |
+
props: ['postmedia','customizerFeedData','singlePost','pluginType'],
|
14 |
+
methods : {
|
15 |
+
/**
|
16 |
+
* Check Whether to display the Iframe (video + sound)
|
17 |
+
* Depending on the feed settings
|
18 |
+
*
|
19 |
+
* @since 4.0
|
20 |
+
*
|
21 |
+
* @return bool
|
22 |
+
*/
|
23 |
+
checkIframePostDisplay : function( postMedia ){
|
24 |
+
var self = this;
|
25 |
+
return postMedia.type == 'embed' &&
|
26 |
+
(
|
27 |
+
( self.customizerFeedData.settings.include.includes('media') && postMedia.site == 'video' )
|
28 |
+
||
|
29 |
+
( self.customizerFeedData.settings.include.includes('sharedlinks') && postMedia.site != 'video' )
|
30 |
+
);
|
31 |
+
},
|
32 |
+
}
|
33 |
+
});
|
34 |
+
/**
|
35 |
+
* VueJS Iframe, Link, Video Component
|
36 |
+
*
|
37 |
+
* @since 4.0
|
38 |
+
*/
|
39 |
+
Vue.component('cff-free-linkbox-component', {
|
40 |
+
name: 'cff-free-linkbox-component',
|
41 |
+
template: '#cff-free-linkbox-component',
|
42 |
+
props: ['postmedia','customizerFeedData','singlePost','pluginType'],
|
43 |
+
methods : {
|
44 |
+
/**
|
45 |
+
* Check Whether to display the Iframe (video + sound)
|
46 |
+
* Depending on the feed settings
|
47 |
+
*
|
48 |
+
* @since 4.0
|
49 |
+
*
|
50 |
+
* @return bool
|
51 |
+
*/
|
52 |
+
checkIframePostDisplay : function( postMedia ){
|
53 |
+
var self = this;
|
54 |
+
return postMedia.type == 'embed' &&
|
55 |
+
(
|
56 |
+
( self.customizerFeedData.settings.include.includes('media') && postMedia.site == 'video' )
|
57 |
+
||
|
58 |
+
( self.customizerFeedData.settings.include.includes('sharedlinks') && postMedia.site != 'video' )
|
59 |
+
);
|
60 |
+
},
|
61 |
+
}
|
62 |
+
});
|
63 |
+
|
64 |
+
/**
|
65 |
+
* VueJS Post Preview Components
|
66 |
+
*
|
67 |
+
* @since 4.0
|
68 |
+
*/
|
69 |
+
var postPreviewComponents = [
|
70 |
+
'author',
|
71 |
+
'text',
|
72 |
+
'event-detail',
|
73 |
+
'media',
|
74 |
+
'meta',
|
75 |
+
'overlay',
|
76 |
+
'lightbox',
|
77 |
+
'full-layout',
|
78 |
+
'half-layout',
|
79 |
+
'thumb-layout',
|
80 |
+
'videosposts',
|
81 |
+
'reviewsposts',
|
82 |
+
'dummy-lightbox',
|
83 |
+
'free-icon'
|
84 |
+
];
|
85 |
+
|
86 |
+
postPreviewComponents.forEach( function( component ) {
|
87 |
+
var nameComponent = 'cff-post-'+component+'-component';
|
88 |
+
Vue.component( nameComponent , {
|
89 |
+
template: '#' + nameComponent,
|
90 |
+
props: ['singlePost','customizerFeedData','translatedText','parent','lightBox','dummyLightBoxData','pluginType']
|
91 |
+
});
|
92 |
+
});
|
93 |
+
|
94 |
+
|
95 |
+
|
96 |
+
/**
|
97 |
+
* VueJS Global App Builder
|
98 |
+
*
|
99 |
+
* @since 4.0
|
100 |
+
*/
|
101 |
+
cffBuilder = new Vue({
|
102 |
+
el: '#cff-builder-app',
|
103 |
+
http: {
|
104 |
+
emulateJSON: true,
|
105 |
+
emulateHTTP: true
|
106 |
+
},
|
107 |
+
components: {
|
108 |
+
'sketch-picker': sketch
|
109 |
+
},
|
110 |
+
mixins: [VueClickaway.mixin],
|
111 |
+
data: {
|
112 |
+
plugins: cff_builder.installPluginsPopup,
|
113 |
+
dismissLite : cff_builder.facebook_feed_dismiss_lite,
|
114 |
+
supportPageUrl: cff_builder.supportPageUrl,
|
115 |
+
builderUrl : cff_builder.builderUrl,
|
116 |
+
pluginType : cff_builder.pluginType,
|
117 |
+
genericText : cff_builder.genericText,
|
118 |
+
ajaxHandler : cff_builder.ajax_handler,
|
119 |
+
adminPostURL : cff_builder.adminPostURL,
|
120 |
+
widgetsPageURL : cff_builder.widgetsPageURL,
|
121 |
+
translatedText : cff_builder.translatedText,
|
122 |
+
socialShareLink : cff_builder.socialShareLink,
|
123 |
+
licenseType: cff_builder.licenseType,
|
124 |
+
freeCtaShowFeatures: false,
|
125 |
+
upgradeUrl: cff_builder.upgradeUrl,
|
126 |
+
|
127 |
+
welcomeScreen : cff_builder.welcomeScreen,
|
128 |
+
allFeedsScreen : cff_builder.allFeedsScreen,
|
129 |
+
extensionsPopup : cff_builder.extensionsPopup,
|
130 |
+
mainFooterScreen : cff_builder.mainFooterScreen,
|
131 |
+
embedPopupScreen : cff_builder.embedPopupScreen,
|
132 |
+
|
133 |
+
newManualSourcePopup : cff_builder.newManualSourcePopup,
|
134 |
+
|
135 |
+
selectSourceScreen : cff_builder.selectSourceScreen,
|
136 |
+
customizeScreensText : cff_builder.customizeScreens,
|
137 |
+
dialogBoxPopupScreen : cff_builder.dialogBoxPopupScreen,
|
138 |
+
selectFeedTypeScreen : cff_builder.selectFeedTypeScreen,
|
139 |
+
addFeaturedPostScreen : cff_builder.addFeaturedPostScreen,
|
140 |
+
addFeaturedAlbumScreen : cff_builder.addFeaturedAlbumScreen,
|
141 |
+
addVideosPostScreen : cff_builder.addVideosPostScreen,
|
142 |
+
dummyLightBoxData : cff_builder.dummyLightBoxData,
|
143 |
+
|
144 |
+
svgIcons : cff_builder.svgIcons,
|
145 |
+
feedsList : cff_builder.feeds,
|
146 |
+
feedTypes : cff_builder.feedTypes,
|
147 |
+
socialInfo : cff_builder.socialInfo,
|
148 |
+
sourcesList : cff_builder.sources,
|
149 |
+
links : cff_builder.links,
|
150 |
+
legacyFeedsList : cff_builder.legacyFeeds,
|
151 |
+
activeExtensions : cff_builder.activeExtensions,
|
152 |
+
advancedFeedTypes : cff_builder.advancedFeedTypes,
|
153 |
+
|
154 |
+
//Selected Feed type => TimeLine / Photos ... or Advanced ones!
|
155 |
+
selectedFeed : 'timeline',
|
156 |
+
|
157 |
+
// Will be changed depending on the feed type Selected ()
|
158 |
+
type : [
|
159 |
+
'links',
|
160 |
+
'events',
|
161 |
+
'videos',
|
162 |
+
'photos',
|
163 |
+
'albums',
|
164 |
+
'statuses'
|
165 |
+
],
|
166 |
+
|
167 |
+
selectedSources : [],
|
168 |
+
viewsActive : {
|
169 |
+
//Screens where the footer widget is disabled
|
170 |
+
footerDiabledScreens : [
|
171 |
+
'welcome',
|
172 |
+
'selectFeed'
|
173 |
+
],
|
174 |
+
footerWidget : false,
|
175 |
+
|
176 |
+
// welcome, selectFeed
|
177 |
+
pageScreen : 'welcome',
|
178 |
+
|
179 |
+
// feedsType, selectSource, feedsTypeGetProcess
|
180 |
+
selectedFeedSection : 'feedsType',
|
181 |
+
|
182 |
+
sourcePopup : false,
|
183 |
+
feedtypesPopup : false,
|
184 |
+
// step_1 [Add New Source] , step_2 [Connect to a user pages/groups], step_3 [Add Manually]
|
185 |
+
sourcePopupScreen : 'redirect_1',
|
186 |
+
|
187 |
+
// creation or customizer
|
188 |
+
sourcePopupType : 'creation',
|
189 |
+
extensionsPopupElement : false,
|
190 |
+
feedTypeElement : null,
|
191 |
+
instanceFeedActive : null,
|
192 |
+
clipboardCopiedNotif : false,
|
193 |
+
legacyFeedsShown : false,
|
194 |
+
editName : false,
|
195 |
+
embedPopup : false,
|
196 |
+
embedPopupScreen : 'step_1',
|
197 |
+
embedPopupSelectedPage : null,
|
198 |
+
|
199 |
+
// onboarding
|
200 |
+
onboardingPopup : cff_builder.allFeedsScreen.onboarding.active,
|
201 |
+
onboardingStep : 1,
|
202 |
+
|
203 |
+
// customizer onboarding
|
204 |
+
onboardingCustomizerPopup : cff_builder.customizeScreens.onboarding.active,
|
205 |
+
|
206 |
+
// plugin install popup
|
207 |
+
installPluginPopup : false,
|
208 |
+
installPluginModal: 'instagram'
|
209 |
+
},
|
210 |
+
|
211 |
+
//Feeds Pagination
|
212 |
+
feedPagination : {
|
213 |
+
feedsCount : cff_builder.feedsCount != undefined ? cff_builder.feedsCount : null,
|
214 |
+
pagesNumber : 1,
|
215 |
+
currentPage : 1,
|
216 |
+
itemsPerPage : cff_builder.itemsPerPage != undefined ? cff_builder.itemsPerPage : null,
|
217 |
+
},
|
218 |
+
|
219 |
+
//Add New Source
|
220 |
+
newSourceData : cff_builder.newSourceData ? cff_builder.newSourceData : null,
|
221 |
+
sourceConnectionURLs : cff_builder.sourceConnectionURLs,
|
222 |
+
returnedApiSourcesList : [],
|
223 |
+
addNewSource : {
|
224 |
+
typeSelected : 'page',
|
225 |
+
manualSourceID : null,
|
226 |
+
manualSourceToken : null
|
227 |
+
},
|
228 |
+
selectedSourcesToConnect : [],
|
229 |
+
|
230 |
+
//Feeds Types Get Info
|
231 |
+
extraProcessFeedsTypes : [
|
232 |
+
//'events',
|
233 |
+
'singlealbum',
|
234 |
+
'featuredpost',
|
235 |
+
'videos'
|
236 |
+
],
|
237 |
+
isCreateProcessGood : false,
|
238 |
+
feedCreationInfoUrl : null,
|
239 |
+
feedsSelected : [],
|
240 |
+
selectedBulkAction : false,
|
241 |
+
singleAlbumFeedInfo : {
|
242 |
+
url : '',
|
243 |
+
info : {},
|
244 |
+
success: false,
|
245 |
+
isError : false
|
246 |
+
},
|
247 |
+
featuredPostFeedInfo : {
|
248 |
+
url : '',
|
249 |
+
info : {},
|
250 |
+
success: false,
|
251 |
+
isError : false
|
252 |
+
},
|
253 |
+
videosTypeInfo : {
|
254 |
+
type : 'all',
|
255 |
+
info : {},
|
256 |
+
playListUrl : null,
|
257 |
+
success: false,
|
258 |
+
playListUrlError : false
|
259 |
+
},
|
260 |
+
|
261 |
+
customizerFeedDataInitial : null,
|
262 |
+
customizerFeedData : cff_builder.customizerFeedData,
|
263 |
+
wordpressPageLists : cff_builder.wordpressPageLists,
|
264 |
+
iscustomizerScreen : (cff_builder.customizerFeedData != undefined && cff_builder.customizerFeedData != false),
|
265 |
+
|
266 |
+
customizerSidebarBuilder : cff_builder.customizerSidebarBuilder,
|
267 |
+
customizerScreens : {
|
268 |
+
activeTab : 'customize',
|
269 |
+
printedType : {},
|
270 |
+
activeSection : null,
|
271 |
+
previewScreen : 'desktop',
|
272 |
+
sourceExpanded : null,
|
273 |
+
sourcesChoosed : [],
|
274 |
+
inputNameWidth : '0px',
|
275 |
+
activeSectionData : null,
|
276 |
+
parentActiveSection : null, //For nested Setions
|
277 |
+
parentActiveSectionData : null, //For nested Setions
|
278 |
+
activeColorPicker : null,
|
279 |
+
popupBackButton : ['photos','videos','albums','events','reviews','featuredpost','singlealbum','socialwall']
|
280 |
+
},
|
281 |
+
previewScreens: [
|
282 |
+
'desktop',
|
283 |
+
'tablet',
|
284 |
+
'mobile'
|
285 |
+
],
|
286 |
+
|
287 |
+
nestedStylingSection : [
|
288 |
+
'post_styling_author',
|
289 |
+
'post_styling_text',
|
290 |
+
'post_styling_date',
|
291 |
+
'post_styling_media',
|
292 |
+
'post_styling_social',
|
293 |
+
'post_styling_eventtitle',
|
294 |
+
'post_styling_eventdetails',
|
295 |
+
'post_styling_link',
|
296 |
+
'post_styling_desc',
|
297 |
+
'post_styling_sharedlinks'
|
298 |
+
],
|
299 |
+
|
300 |
+
sourceToDelete : {},
|
301 |
+
feedToDelete : {},
|
302 |
+
dialogBox : {
|
303 |
+
active : false,
|
304 |
+
type : null, //deleteSourceCustomizer
|
305 |
+
heading : null,
|
306 |
+
description : null
|
307 |
+
},
|
308 |
+
|
309 |
+
feedStyle : '',
|
310 |
+
expandedPostText : [],
|
311 |
+
showedSocialShareTooltip : null,
|
312 |
+
showedCommentSection : [],
|
313 |
+
|
314 |
+
//LightBox Object
|
315 |
+
lightBox : {
|
316 |
+
visibility : 'hidden',
|
317 |
+
type : null,
|
318 |
+
post : null,
|
319 |
+
activeImage : null,
|
320 |
+
albumIndex : 0,
|
321 |
+
videoSource : null
|
322 |
+
},
|
323 |
+
highLightedSection : 'all',
|
324 |
+
|
325 |
+
tooltip : {
|
326 |
+
text : '',
|
327 |
+
hover : false,
|
328 |
+
hoverType : 'outside'
|
329 |
+
},
|
330 |
+
//Loading Bar
|
331 |
+
fullScreenLoader : false,
|
332 |
+
appLoaded : false,
|
333 |
+
previewLoaded : false,
|
334 |
+
loadingBar : true,
|
335 |
+
notificationElement : {
|
336 |
+
type : 'success', // success, error, warning, message
|
337 |
+
text : '',
|
338 |
+
shown : null
|
339 |
+
},
|
340 |
+
},
|
341 |
+
computed : {
|
342 |
+
feedStyleOutput : function(){
|
343 |
+
return this.customizerStyleMaker();
|
344 |
+
},
|
345 |
+
singleHolderData : function(){
|
346 |
+
return this.singleHolderParams();
|
347 |
+
}
|
348 |
+
|
349 |
+
},
|
350 |
+
created: function(){
|
351 |
+
var self = this;
|
352 |
+
//console.log(self.feedPagination)
|
353 |
+
//console.log(self.customizerSidebarBuilder)
|
354 |
+
//console.log(self.customizerFeedData)
|
355 |
+
//console.log(self.wordpressPageLists);
|
356 |
+
//console.log(self.feedTypes)
|
357 |
+
//console.log(self.advancedFeedTypes)
|
358 |
+
//console.log(self.activeExtensions)
|
359 |
+
//console.log(self.dummyLightBoxData.post)
|
360 |
+
//console.log(self.sourcesList)
|
361 |
+
if( self.customizerFeedData ){
|
362 |
+
setTimeout(function(){
|
363 |
+
self.generateMasonryGridHeight('update');
|
364 |
+
self.generateCarouselSettings();
|
365 |
+
}, 2000);
|
366 |
+
self.customizerFeedDataInitial = JSON.parse(JSON.stringify(self.customizerFeedData))
|
367 |
+
if(self.customizerFeedData.feed_info.id == 'legacy'){
|
368 |
+
self.customizerFeedData.settings.layout = 'full';
|
369 |
+
}
|
370 |
+
}
|
371 |
+
|
372 |
+
|
373 |
+
if(self.customizerFeedData == undefined){
|
374 |
+
if(self.sourcesList.length == 1){
|
375 |
+
self.selectedSources.push(self.sourcesList[0].account_id);
|
376 |
+
}
|
377 |
+
self.feedPagination.pagesNumber = self.feedPagination.feedsCount != null ? Math.ceil(self.feedPagination.feedsCount / self.feedPagination.itemsPerPage) : 1
|
378 |
+
}
|
379 |
+
|
380 |
+
if(self.newManualSourcePopup != undefined && self.newManualSourcePopup == true){
|
381 |
+
self.viewsActive.sourcePopupScreen = 'step_3';
|
382 |
+
self.activateView('sourcePopup', 'creation');
|
383 |
+
}
|
384 |
+
|
385 |
+
self.loadingBar = false;
|
386 |
+
/* Onboarding - move elements so the position is in context */
|
387 |
+
self.positionOnboarding();
|
388 |
+
setTimeout(function(){
|
389 |
+
self.positionOnboarding();
|
390 |
+
}, 500);
|
391 |
+
|
392 |
+
self.appLoaded = true;
|
393 |
+
},
|
394 |
+
methods: {
|
395 |
+
updateColorValue : function(id){
|
396 |
+
var self = this;
|
397 |
+
self.customizerFeedData.settings[id] = (self.customizerFeedData.settings[id].a == 1) ? self.customizerFeedData.settings[id].hex : self.customizerFeedData.settings[id].hex8;
|
398 |
+
},
|
399 |
+
/**
|
400 |
+
* Show & Hide View
|
401 |
+
*
|
402 |
+
* @since 4.0
|
403 |
+
*/
|
404 |
+
activateView : function(viewName, sourcePopupType = 'creation', ajaxAction = false){
|
405 |
+
var self = this;
|
406 |
+
self.viewsActive[viewName] = (self.viewsActive[viewName] == false ) ? true : false;
|
407 |
+
if(viewName === 'sourcePopup'){
|
408 |
+
self.viewsActive.sourcePopupType = sourcePopupType;
|
409 |
+
if(self.customizerFeedData != undefined && sourcePopupType != 'updateCustomizer'){
|
410 |
+
Object.assign(self.customizerScreens.sourcesChoosed,self.customizerFeedData.settings.sources);
|
411 |
+
}
|
412 |
+
if(self.customizerFeedData != undefined && sourcePopupType == 'updateCustomizer'){
|
413 |
+
self.viewsActive.sourcePopupType = 'customizer';
|
414 |
+
self.viewsActive.sourcePopup = true;
|
415 |
+
self.customizerFeedData.settings.sources = self.customizerScreens.sourcesChoosed;
|
416 |
+
}
|
417 |
+
|
418 |
+
if( ajaxAction !== false ){
|
419 |
+
self.customizerControlAjaxAction( ajaxAction );
|
420 |
+
}
|
421 |
+
}
|
422 |
+
if(viewName === 'feedtypesPopup'){
|
423 |
+
self.viewsActive.feedTypeElement = null;
|
424 |
+
if(self.viewsActive['feedtypesPopup'] == true){
|
425 |
+
self.viewsActive.extensionsPopupElement = null;
|
426 |
+
}
|
427 |
+
}
|
428 |
+
if(viewName === 'extensionsPopupElement' && self.customizerFeedData !== undefined){
|
429 |
+
//self.activateView('feedtypesPopup');
|
430 |
+
}
|
431 |
+
if(viewName == 'editName'){
|
432 |
+
document.getElementById("cff-csz-hd-input").focus();
|
433 |
+
}
|
434 |
+
if(viewName == 'embedPopup' && ajaxAction == true){
|
435 |
+
self.saveFeedSettings();
|
436 |
+
}
|
437 |
+
if((viewName == 'sourcePopup' || viewName == 'sourcePopupType') && sourcePopupType == 'creationRedirect'){
|
438 |
+
setTimeout(function(){
|
439 |
+
self.$refs.addSourceRef.processFBConnect()
|
440 |
+
},3500);
|
441 |
+
}
|
442 |
+
|
443 |
+
|
444 |
+
self.$forceUpdate();
|
445 |
+
self.movePopUp();
|
446 |
+
},
|
447 |
+
|
448 |
+
/**
|
449 |
+
* Show/Hide View or Redirect to plugin dashboard page
|
450 |
+
*
|
451 |
+
* @since 4.0
|
452 |
+
*/
|
453 |
+
activateViewOrRedirect: function(viewName, pluginName, plugin) {
|
454 |
+
var self = this;
|
455 |
+
|
456 |
+
if ( plugin.installed && plugin.activated ) {
|
457 |
+
window.location = plugin.dashboard_permalink;
|
458 |
+
return;
|
459 |
+
}
|
460 |
+
|
461 |
+
self.viewsActive[viewName] = (self.viewsActive[viewName] == false ) ? true : false;
|
462 |
+
|
463 |
+
if(viewName == 'installPluginPopup'){
|
464 |
+
self.viewsActive.installPluginModal = pluginName;
|
465 |
+
}
|
466 |
+
|
467 |
+
self.movePopUp();
|
468 |
+
cffBuilder.$forceUpdate();
|
469 |
+
},
|
470 |
+
|
471 |
+
movePopUp : function(){
|
472 |
+
var overlay = document.querySelectorAll("sb-fs-boss");
|
473 |
+
if (overlay.length > 0) {
|
474 |
+
document.getElementById("wpbody-content").prepend(overlay[0]);
|
475 |
+
}
|
476 |
+
},
|
477 |
+
|
478 |
+
/**
|
479 |
+
* Check if View is Active
|
480 |
+
*
|
481 |
+
* @since 4.0
|
482 |
+
*
|
483 |
+
* @return boolean
|
484 |
+
*/
|
485 |
+
checkActiveView : function(viewName){
|
486 |
+
return this.viewsActive[viewName];
|
487 |
+
},
|
488 |
+
|
489 |
+
/**
|
490 |
+
* Switch & Change Feed Screens
|
491 |
+
*
|
492 |
+
* @since 4.0
|
493 |
+
*/
|
494 |
+
switchScreen: function(screenType, screenName){
|
495 |
+
this.viewsActive[screenType] = screenName;
|
496 |
+
cffBuilder.$forceUpdate();
|
497 |
+
},
|
498 |
+
|
499 |
+
/**
|
500 |
+
* Check if Value is Empty
|
501 |
+
*
|
502 |
+
* @since 4.0
|
503 |
+
*
|
504 |
+
* @return boolean
|
505 |
+
*/
|
506 |
+
checkNotEmpty : function(value){
|
507 |
+
return value != null && value.replace(/ /gi,'') != '';
|
508 |
+
},
|
509 |
+
|
510 |
+
/**
|
511 |
+
* Check if Value exists in Array Object
|
512 |
+
*
|
513 |
+
* @since 4.0
|
514 |
+
*
|
515 |
+
* @return boolean
|
516 |
+
*/
|
517 |
+
checkObjectArrayElement : function(objectArray, object, byWhat){
|
518 |
+
var objectResult = objectArray.filter(function(elem){
|
519 |
+
return elem[byWhat] == object[byWhat];
|
520 |
+
});
|
521 |
+
return (objectResult.length > 0) ? true : false;
|
522 |
+
},
|
523 |
+
|
524 |
+
/**
|
525 |
+
* Check if Data Setting is Enabled
|
526 |
+
*
|
527 |
+
* @since 4.0
|
528 |
+
*
|
529 |
+
* @return boolean
|
530 |
+
*/
|
531 |
+
valueIsEnabled : function(value){
|
532 |
+
return value == 1 || value == true || value == 'true' || value == 'on';
|
533 |
+
},
|
534 |
+
|
535 |
+
|
536 |
+
/**
|
537 |
+
* Parse JSON
|
538 |
+
*
|
539 |
+
* @since 4.0
|
540 |
+
*
|
541 |
+
* @return jsonObject / Boolean
|
542 |
+
*/
|
543 |
+
jsonParse : function(jsonString){
|
544 |
+
try {
|
545 |
+
return JSON.parse(jsonString);
|
546 |
+
} catch(e) {
|
547 |
+
return false;
|
548 |
+
}
|
549 |
+
},
|
550 |
+
|
551 |
+
|
552 |
+
/**
|
553 |
+
* Ajax Post Action
|
554 |
+
*
|
555 |
+
* @since 4.0
|
556 |
+
*/
|
557 |
+
ajaxPost : function(data, callback){
|
558 |
+
var self = this;
|
559 |
+
self.$http.post(self.ajaxHandler,data).then(callback);
|
560 |
+
},
|
561 |
+
|
562 |
+
/**
|
563 |
+
* Check if Object has Nested Property
|
564 |
+
*
|
565 |
+
* @since 4.0
|
566 |
+
*
|
567 |
+
* @return boolean
|
568 |
+
*/
|
569 |
+
hasOwnNestedProperty : function(obj,propertyPath) {
|
570 |
+
if (!propertyPath){return false;}var properties = propertyPath.split('.');
|
571 |
+
for (var i = 0; i < properties.length; i++) {
|
572 |
+
var prop = properties[i];
|
573 |
+
if (!obj || !obj.hasOwnProperty(prop)) {
|
574 |
+
return false;
|
575 |
+
} else {
|
576 |
+
obj = obj[prop];
|
577 |
+
}
|
578 |
+
}
|
579 |
+
return true;
|
580 |
+
},
|
581 |
+
|
582 |
+
|
583 |
+
/**
|
584 |
+
* Feed List Pagination
|
585 |
+
*
|
586 |
+
* @since 4.0
|
587 |
+
*/
|
588 |
+
feedListPagination : function(type){
|
589 |
+
var self = this,
|
590 |
+
currentPage = self.feedPagination.currentPage,
|
591 |
+
pagesNumber = self.feedPagination.pagesNumber;
|
592 |
+
self.loadingBar = true;
|
593 |
+
if((currentPage != 1 && type == 'prev') || (currentPage < pagesNumber && type == 'next')){
|
594 |
+
self.feedPagination.currentPage = (type == 'next') ?
|
595 |
+
(currentPage < pagesNumber ? (parseInt(currentPage) + 1) : pagesNumber) :
|
596 |
+
(currentPage > 1 ? (parseInt(currentPage) - 1) : 1);
|
597 |
+
|
598 |
+
|
599 |
+
var postData = {
|
600 |
+
action : 'cff_feed_saver_manager_get_feed_list_page',
|
601 |
+
page : self.feedPagination.currentPage
|
602 |
+
};
|
603 |
+
self.ajaxPost(postData, function(_ref){
|
604 |
+
var data = _ref.data;
|
605 |
+
if(data){
|
606 |
+
self.feedsList = data;
|
607 |
+
}
|
608 |
+
self.loadingBar = false;
|
609 |
+
});
|
610 |
+
cffBuilder.$forceUpdate();
|
611 |
+
}
|
612 |
+
},
|
613 |
+
|
614 |
+
/**
|
615 |
+
* Choose Feed Type
|
616 |
+
*
|
617 |
+
* @since 4.0
|
618 |
+
*/
|
619 |
+
chooseFeedType : function(feedTypeGroup, feedElement, iscustomizerPopup = false){
|
620 |
+
var self = this;
|
621 |
+
if(feedTypeGroup == 'advanced' && feedElement.extensionActive !== true){
|
622 |
+
self.viewsActive.extensionsPopupElement = feedElement.type;
|
623 |
+
if(self.customizerFeedData !== undefined){
|
624 |
+
self.activateView('feedtypesPopup');
|
625 |
+
}
|
626 |
+
self.selectedFeed = 'timeline';
|
627 |
+
} else {
|
628 |
+
self.selectedFeed = feedElement.type;
|
629 |
+
}
|
630 |
+
if(iscustomizerPopup){
|
631 |
+
self.viewsActive.feedTypeElement = self.selectedFeed;
|
632 |
+
}else{
|
633 |
+
self.setType( self.selectedFeed );
|
634 |
+
}
|
635 |
+
|
636 |
+
if (self.selectedFeed === null) {
|
637 |
+
self.selectedFeed = 'timeline';
|
638 |
+
}
|
639 |
+
cffBuilder.$forceUpdate();
|
640 |
+
},
|
641 |
+
|
642 |
+
/**
|
643 |
+
* Set Feed Type
|
644 |
+
*
|
645 |
+
* @since 4.0
|
646 |
+
*/
|
647 |
+
setType : function(feedType){
|
648 |
+
var typesArray = [], self = this;
|
649 |
+
switch (feedType) {
|
650 |
+
case 'photos':
|
651 |
+
typesArray = ['photos'];
|
652 |
+
break;
|
653 |
+
case 'videos':
|
654 |
+
typesArray = ['videos'];
|
655 |
+
break;
|
656 |
+
case 'events':
|
657 |
+
typesArray = ['events'];
|
658 |
+
break;
|
659 |
+
case 'albums':
|
660 |
+
typesArray = ['albums'];
|
661 |
+
break;
|
662 |
+
default:
|
663 |
+
typesArray = ['links','events','videos','photos','albums','statuses'];
|
664 |
+
break;
|
665 |
+
}
|
666 |
+
self.type = typesArray;
|
667 |
+
if(self.customizerFeedData !== undefined){
|
668 |
+
self.customizerFeedData.settings.type = typesArray;
|
669 |
+
self.customizerFeedData.settings.feedtype = (typesArray.length == 1) ? typesArray[0] : 'timeline';
|
670 |
+
self.processFeedTypesSources( typesArray );
|
671 |
+
}
|
672 |
+
},
|
673 |
+
|
674 |
+
/**
|
675 |
+
* Feed Types Sources
|
676 |
+
*
|
677 |
+
* @since 4.0
|
678 |
+
*/
|
679 |
+
processFeedTypesSources : function( typesArray ){
|
680 |
+
var self = this;
|
681 |
+
if( self.customizerFeedData.settings.feedtype == 'timeline'){
|
682 |
+
if( typesArray.includes('photos') ){
|
683 |
+
self.customizerFeedData.settings.photosource = 'timeline';
|
684 |
+
}
|
685 |
+
if( typesArray.includes('videos') ){
|
686 |
+
self.customizerFeedData.settings.videosource = 'timeline';
|
687 |
+
}
|
688 |
+
if( typesArray.includes('albums') ){
|
689 |
+
self.customizerFeedData.settings.albumsource = 'timeline';
|
690 |
+
}
|
691 |
+
if( typesArray.includes('events') ){
|
692 |
+
self.customizerFeedData.settings.eventsource = 'timeline';
|
693 |
+
}
|
694 |
+
}
|
695 |
+
|
696 |
+
if( self.customizerFeedData.settings.feedtype == 'photos' ){
|
697 |
+
self.customizerFeedData.settings.photosource = 'photospage';
|
698 |
+
}
|
699 |
+
if( self.customizerFeedData.settings.feedtype == 'videos' ){
|
700 |
+
self.customizerFeedData.settings.videosource = 'videospage';
|
701 |
+
}
|
702 |
+
if( self.customizerFeedData.settings.feedtype == 'albums' ){
|
703 |
+
self.customizerFeedData.settings.albumsource = 'photospage';
|
704 |
+
}
|
705 |
+
if( self.customizerFeedData.settings.feedtype == 'events' ){
|
706 |
+
self.customizerFeedData.settings.eventsource = 'eventspage';
|
707 |
+
}
|
708 |
+
},
|
709 |
+
|
710 |
+
/*
|
711 |
+
Feed Creation Process
|
712 |
+
*/
|
713 |
+
creationProcessCheckAction : function(){
|
714 |
+
var self = this, checkBtnNext = false;
|
715 |
+
switch (self.viewsActive.selectedFeedSection) {
|
716 |
+
case 'feedsType':
|
717 |
+
checkBtnNext = self.selectedFeed != null ? true : false;
|
718 |
+
window.cffSelectedFeed = self.selectedFeed;
|
719 |
+
break;
|
720 |
+
case 'selectSource':
|
721 |
+
checkBtnNext = self.selectedSources.length > 0 ? true : false;
|
722 |
+
break;
|
723 |
+
case 'feedsTypeGetProcess':
|
724 |
+
if(self.selectedFeed == 'singlealbum' && self.checkNotEmpty(self.singleAlbumFeedInfo.url)){
|
725 |
+
checkBtnNext = true;
|
726 |
+
if(self.singleAlbumFeedInfo.url === self.feedCreationInfoUrl && self.singleAlbumFeedInfo.isError)
|
727 |
+
checkBtnNext = false;
|
728 |
+
else
|
729 |
+
self.singleAlbumFeedInfo.isError = false;
|
730 |
+
|
731 |
+
}
|
732 |
+
if(self.selectedFeed == 'featuredpost' && self.checkNotEmpty(self.featuredPostFeedInfo.url)){
|
733 |
+
checkBtnNext = true;
|
734 |
+
if(self.featuredPostFeedInfo.url === self.feedCreationInfoUrl && self.featuredPostFeedInfo.isError)
|
735 |
+
checkBtnNext = false;
|
736 |
+
else
|
737 |
+
self.featuredPostFeedInfo.isError = false;
|
738 |
+
}
|
739 |
+
|
740 |
+
if(self.selectedFeed == 'videos' && ( self.videosTypeInfo.type == 'all' || ( self.videosTypeInfo.type == 'playlist' && self.checkNotEmpty(self.videosTypeInfo.playListUrl) ) ) ) {
|
741 |
+
checkBtnNext = true;
|
742 |
+
if(self.videosTypeInfo.playListUrl === self.feedCreationInfoUrl && self.videosTypeInfo.playListUrlError)
|
743 |
+
checkBtnNext = false;
|
744 |
+
else
|
745 |
+
self.videosTypeInfo.playListUrlError = false;
|
746 |
+
}
|
747 |
+
break;
|
748 |
+
}
|
749 |
+
return checkBtnNext;
|
750 |
+
},
|
751 |
+
//Next Click in the Creation Process
|
752 |
+
creationProcessNext : function(){
|
753 |
+
var self = this;
|
754 |
+
switch (self.viewsActive.selectedFeedSection) {
|
755 |
+
case 'feedsType':
|
756 |
+
if(self.selectedFeed !== null){
|
757 |
+
if (self.selectedFeed === 'socialwall') {
|
758 |
+
window.location.href = cff_builder.pluginsInfo.social_wall.settingsPage;
|
759 |
+
return;
|
760 |
+
}
|
761 |
+
self.switchScreen('selectedFeedSection', 'selectSource');
|
762 |
+
}
|
763 |
+
break;
|
764 |
+
case 'selectSource':
|
765 |
+
if(self.selectedSources.length == 0){
|
766 |
+
self.processNotification("selectSourceError");
|
767 |
+
}
|
768 |
+
if(self.selectedSources.length > 0){
|
769 |
+
self.switchScreen('selectedFeedSection', 'feedsTypeGetProcess');
|
770 |
+
if(!self.extraProcessFeedsTypes.includes(self.selectedFeed))
|
771 |
+
self.isCreateProcessGood = true;
|
772 |
+
}
|
773 |
+
break;
|
774 |
+
case 'feedsTypeGetProcess':
|
775 |
+
//Getting Single Album Info
|
776 |
+
if(self.selectedFeed == 'singlealbum' && self.checkNotEmpty(self.singleAlbumFeedInfo.url)){
|
777 |
+
self.feedCreationInfoUrl = self.singleAlbumFeedInfo.url;
|
778 |
+
self.getSingleAlbumCreationProcessInfo();
|
779 |
+
}
|
780 |
+
//Getting Featured Post info
|
781 |
+
if(self.selectedFeed == 'featuredpost' && self.checkNotEmpty(self.featuredPostFeedInfo.url)){
|
782 |
+
self.feedCreationInfoUrl = self.featuredPostFeedInfo.url;
|
783 |
+
self.getFeaturedPostCreationProcessInfo();
|
784 |
+
}
|
785 |
+
//Getting PlayList Info
|
786 |
+
if(self.selectedFeed == 'videos' && ( self.videosTypeInfo.type == 'all' || ( self.videosTypeInfo.type == 'playlist' && self.checkNotEmpty(self.videosTypeInfo.playListUrl) ) ) ){
|
787 |
+
self.feedCreationInfoUrl = self.videosTypeInfo.playListUrl;
|
788 |
+
if(self.videosTypeInfo.type == 'all'){
|
789 |
+
self.submitNewFeed();
|
790 |
+
}else{
|
791 |
+
self.getVideosPlaylistCreationProcessInfo();
|
792 |
+
}
|
793 |
+
}
|
794 |
+
break;
|
795 |
+
}
|
796 |
+
if(self.isCreateProcessGood)
|
797 |
+
self.submitNewFeed();
|
798 |
+
|
799 |
+
cffBuilder.$forceUpdate();
|
800 |
+
},
|
801 |
+
changeVideoSource : function( videoSource ){
|
802 |
+
this.videosTypeInfo.type = videoSource;
|
803 |
+
cffBuilder.$forceUpdate();
|
804 |
+
},
|
805 |
+
|
806 |
+
//Next Click in the Onboarding Process
|
807 |
+
onboardingNext : function(){
|
808 |
+
this.viewsActive.onboardingStep ++;
|
809 |
+
this.onboardingHideShow();
|
810 |
+
cffBuilder.$forceUpdate();
|
811 |
+
},
|
812 |
+
//Previous Click in the Onboarding Process
|
813 |
+
onboardingPrev : function(){
|
814 |
+
this.viewsActive.onboardingStep --;
|
815 |
+
this.onboardingHideShow();
|
816 |
+
cffBuilder.$forceUpdate();
|
817 |
+
},
|
818 |
+
onboardingHideShow : function() {
|
819 |
+
var tooltips = document.querySelectorAll(".sb-onboarding-tooltip");
|
820 |
+
for (var i = 0; i < tooltips.length; i++){
|
821 |
+
tooltips[i].style.display = "none";
|
822 |
+
}
|
823 |
+
document.querySelectorAll(".sb-onboarding-tooltip-"+this.viewsActive.onboardingStep)[0].style.display = "block";
|
824 |
+
|
825 |
+
if (this.viewsActive.onboardingCustomizerPopup) {
|
826 |
+
if (this.viewsActive.onboardingStep === 2) {
|
827 |
+
this.switchCustomizerTab('customize');
|
828 |
+
} else if (this.viewsActive.onboardingStep === 3) {
|
829 |
+
this.switchCustomizerTab('settings');
|
830 |
+
}
|
831 |
+
}
|
832 |
+
|
833 |
+
},
|
834 |
+
//Close Click in the Onboarding Process
|
835 |
+
onboardingClose : function(){
|
836 |
+
var self = this,
|
837 |
+
wasActive = self.viewsActive.onboardingPopup ? 'newuser' : 'customizer';
|
838 |
+
|
839 |
+
document.getElementById("cff-builder-app").classList.remove('sb-onboarding-active');
|
840 |
+
|
841 |
+
self.viewsActive.onboardingPopup = false;
|
842 |
+
self.viewsActive.onboardingCustomizerPopup = false;
|
843 |
+
|
844 |
+
self.viewsActive.onboardingStep = 0;
|
845 |
+
var postData = {
|
846 |
+
action : 'cff_dismiss_onboarding',
|
847 |
+
was_active : wasActive
|
848 |
+
};
|
849 |
+
self.ajaxPost(postData, function(_ref){
|
850 |
+
var data = _ref.data;
|
851 |
+
});
|
852 |
+
cffBuilder.$forceUpdate();
|
853 |
+
},
|
854 |
+
positionOnboarding : function(){
|
855 |
+
var self = this,
|
856 |
+
onboardingElem = document.querySelectorAll(".sb-onboarding-overlay")[0],
|
857 |
+
wrapElem = document.getElementById("cff-builder-app");
|
858 |
+
|
859 |
+
if (onboardingElem === null || typeof onboardingElem === 'undefined') {
|
860 |
+
return;
|
861 |
+
}
|
862 |
+
|
863 |
+
if (self.viewsActive.onboardingCustomizerPopup && self.iscustomizerScreen) {
|
864 |
+
if (document.getElementById("sb-onboarding-tooltip-customizer-1") !== null) {
|
865 |
+
wrapElem.classList.add('sb-onboarding-active');
|
866 |
+
|
867 |
+
var step1El = document.querySelectorAll(".cff-csz-header")[0];
|
868 |
+
step1El.appendChild(document.getElementById("sb-onboarding-tooltip-customizer-1"));
|
869 |
+
|
870 |
+
var step2El = document.querySelectorAll(".sb-customizer-sidebar-sec1")[0];
|
871 |
+
step2El.appendChild(document.getElementById("sb-onboarding-tooltip-customizer-2"));
|
872 |
+
|
873 |
+
var step3El = document.querySelectorAll(".sb-customizer-sidebar-sec1")[0];
|
874 |
+
step3El.appendChild(document.getElementById("sb-onboarding-tooltip-customizer-3"));
|
875 |
+
|
876 |
+
self.onboardingHideShow();
|
877 |
+
}
|
878 |
+
} else if (self.viewsActive.onboardingPopup && !self.iscustomizerScreen) {
|
879 |
+
if (cff_builder.allFeedsScreen.onboarding.type === 'single') {
|
880 |
+
if (document.getElementById("sb-onboarding-tooltip-single-1") !== null) {
|
881 |
+
wrapElem.classList.add('sb-onboarding-active');
|
882 |
+
|
883 |
+
var step1El = document.querySelectorAll(".cff-fb-wlcm-header .sb-positioning-wrap")[0];
|
884 |
+
step1El.appendChild(document.getElementById("sb-onboarding-tooltip-single-1"));
|
885 |
+
|
886 |
+
var step2El = document.querySelectorAll(".cff-table-wrap")[0];
|
887 |
+
if(step2El != undefined){
|
888 |
+
step2El.appendChild(document.getElementById("sb-onboarding-tooltip-single-2"));
|
889 |
+
}
|
890 |
+
self.onboardingHideShow();
|
891 |
+
}
|
892 |
+
} else {
|
893 |
+
if (document.getElementById("sb-onboarding-tooltip-multiple-1") !== null) {
|
894 |
+
wrapElem.classList.add('sb-onboarding-active');
|
895 |
+
|
896 |
+
var step1El = document.querySelectorAll(".cff-fb-wlcm-header .sb-positioning-wrap")[0];
|
897 |
+
step1El.appendChild(document.getElementById("sb-onboarding-tooltip-multiple-1"));
|
898 |
+
|
899 |
+
var step2El = document.querySelectorAll(".cff-fb-lgc-ctn")[0];
|
900 |
+
step2El.appendChild(document.getElementById("sb-onboarding-tooltip-multiple-2"));
|
901 |
+
|
902 |
+
var step3El = document.querySelectorAll(".cff-legacy-table-wrap")[0];
|
903 |
+
step3El.appendChild(document.getElementById("sb-onboarding-tooltip-multiple-3"));
|
904 |
+
|
905 |
+
self.activateView('legacyFeedsShown');
|
906 |
+
self.onboardingHideShow();
|
907 |
+
}
|
908 |
+
}
|
909 |
+
|
910 |
+
}
|
911 |
+
},
|
912 |
+
//Back Click in the Creation Process
|
913 |
+
creationProcessBack : function(){
|
914 |
+
var self = this;
|
915 |
+
switch (self.viewsActive.selectedFeedSection) {
|
916 |
+
case 'feedsType':
|
917 |
+
self.switchScreen('pageScreen', 'welcome');
|
918 |
+
break;
|
919 |
+
case 'selectSource':
|
920 |
+
self.switchScreen('selectedFeedSection', 'feedsType');
|
921 |
+
break;
|
922 |
+
case 'feedsTypeGetProcess':
|
923 |
+
self.switchScreen('selectedFeedSection', 'selectSource');
|
924 |
+
break;
|
925 |
+
}
|
926 |
+
cffBuilder.$forceUpdate();
|
927 |
+
},
|
928 |
+
checkCreationFeedTypeChosen : function(feedTypeChosen){
|
929 |
+
var self = this, isShown = false;
|
930 |
+
switch (feedTypeChosen) {
|
931 |
+
case "singlealbum":
|
932 |
+
isShown = self.activeExtensions.album && (self.viewsActive.selectedFeedSection == 'feedsTypeGetProcess' && self.selectedFeed == 'singlealbum');
|
933 |
+
break;
|
934 |
+
case "featuredpost":
|
935 |
+
isShown = self.activeExtensions.featured_post && (self.viewsActive.selectedFeedSection == 'feedsTypeGetProcess' && self.selectedFeed == 'featuredpost');
|
936 |
+
break;
|
937 |
+
case "videos":
|
938 |
+
isShown = (self.viewsActive.selectedFeedSection == 'feedsTypeGetProcess' && self.selectedFeed == 'videos');
|
939 |
+
break;
|
940 |
+
}
|
941 |
+
return isShown;
|
942 |
+
},
|
943 |
+
//Get Single Album info in the creation Process
|
944 |
+
getSingleAlbumCreationProcessInfo : function(){
|
945 |
+
var self = this;
|
946 |
+
var singleAlbumData = {
|
947 |
+
action : 'cff_source_get_featured_post_preview',
|
948 |
+
url_or_id : self.singleAlbumFeedInfo.url,
|
949 |
+
source_id : self.selectedSources[0]
|
950 |
+
};
|
951 |
+
self.ajaxPost(singleAlbumData, function(_ref){
|
952 |
+
var data = _ref.data;
|
953 |
+
if(self.hasOwnNestedProperty(data,'error')){
|
954 |
+
self.singleAlbumFeedInfo.isError = true, self.singleAlbumFeedInfo.success = false, self.singleAlbumFeedInfo.info = {};
|
955 |
+
}else {
|
956 |
+
self.singleAlbumFeedInfo.isError = false,self.singleAlbumFeedInfo.success = true;
|
957 |
+
var albumID = data.id.split("_");
|
958 |
+
albumID = albumID[1] != undefined ? albumID[1] : data.id;
|
959 |
+
|
960 |
+
self.singleAlbumFeedInfo.info = {
|
961 |
+
title : data.attachments.data[0].title ? data.attachments.data[0].title : '',
|
962 |
+
description : data.story ? data.story : '',
|
963 |
+
thumbnail : self.hasOwnNestedProperty(data,'full_picture') ? data.full_picture : '',
|
964 |
+
album : albumID
|
965 |
+
};
|
966 |
+
self.isCreateProcessGood = true;
|
967 |
+
}
|
968 |
+
});
|
969 |
+
},
|
970 |
+
|
971 |
+
//Get Videos Play List Info
|
972 |
+
getVideosPlaylistCreationProcessInfo : function(){
|
973 |
+
var self = this,
|
974 |
+
videosPlaylistData = {
|
975 |
+
action : 'cff_source_get_playlist_post_preview',
|
976 |
+
url_or_id : self.videosTypeInfo.playListUrl,
|
977 |
+
source_id : self.selectedSources[0]
|
978 |
+
};
|
979 |
+
self.ajaxPost(videosPlaylistData, function(_ref){
|
980 |
+
var data = _ref.data;
|
981 |
+
if(self.hasOwnNestedProperty(data,'error')){
|
982 |
+
self.videosTypeInfo.playListUrlError = true, self.videosTypeInfo.success = false;
|
983 |
+
}else {
|
984 |
+
self.videosTypeInfo.info = {
|
985 |
+
playlistID : data.playlistID
|
986 |
+
}
|
987 |
+
self.videosTypeInfo.playListUrlError = false, self.videosTypeInfo.success = true;
|
988 |
+
self.isCreateProcessGood = true;
|
989 |
+
self.submitNewFeed();
|
990 |
+
}
|
991 |
+
});
|
992 |
+
|
993 |
+
},
|
994 |
+
|
995 |
+
//Get Featured Post info in the creation Process
|
996 |
+
getFeaturedPostCreationProcessInfo : function(){
|
997 |
+
var self = this;
|
998 |
+
var featuredPostData = {
|
999 |
+
action : 'cff_source_get_featured_post_preview',
|
1000 |
+
url_or_id : self.featuredPostFeedInfo.url,
|
1001 |
+
source_id : self.selectedSources[0]
|
1002 |
+
};
|
1003 |
+
self.ajaxPost(featuredPostData, function(_ref){
|
1004 |
+
var data = _ref.data;
|
1005 |
+
if(self.hasOwnNestedProperty(data,'error')){
|
1006 |
+
self.featuredPostFeedInfo.isError = true, self.featuredPostFeedInfo.success = false, self.featuredPostFeedInfo.info = {};
|
1007 |
+
}else {
|
1008 |
+
self.featuredPostFeedInfo.isError = false,self.featuredPostFeedInfo.success = true;
|
1009 |
+
self.featuredPostFeedInfo.info = {
|
1010 |
+
description : data.message ? data.message.substr(0, 60) + '...' : '',
|
1011 |
+
thumbnail : self.hasOwnNestedProperty(data,'full_picture') ? data.full_picture : '',
|
1012 |
+
featuredpost : data.id
|
1013 |
+
};
|
1014 |
+
self.isCreateProcessGood = true;
|
1015 |
+
}
|
1016 |
+
});
|
1017 |
+
},
|
1018 |
+
getSelectedSourceName : function(sourceID){
|
1019 |
+
var self = this;
|
1020 |
+
var sourceInfo = self.sourcesList.filter(function(source){
|
1021 |
+
return source.account_id == sourceID;
|
1022 |
+
});
|
1023 |
+
return (sourceInfo.length > 0) ? sourceInfo[0].username : '';
|
1024 |
+
},
|
1025 |
+
//Create & Submit New Feed
|
1026 |
+
submitNewFeed : function(){
|
1027 |
+
var self = this,
|
1028 |
+
newFeedData = {
|
1029 |
+
action : 'cff_feed_saver_manager_builder_update',
|
1030 |
+
sources : self.selectedSources,
|
1031 |
+
new_insert : 'true',
|
1032 |
+
sourcename : self.getSelectedSourceName(self.selectedSources[0]),
|
1033 |
+
feedtype : self.selectedFeed,
|
1034 |
+
type : self.type
|
1035 |
+
};
|
1036 |
+
if(self.selectedFeed == 'featuredpost'){
|
1037 |
+
newFeedData.featuredpost = self.featuredPostFeedInfo.info.featuredpost;
|
1038 |
+
}
|
1039 |
+
if(self.selectedFeed == 'singlealbum'){
|
1040 |
+
newFeedData.album = self.singleAlbumFeedInfo.info.album;
|
1041 |
+
}
|
1042 |
+
if(self.selectedFeed == 'videos'){
|
1043 |
+
newFeedData.playlist = (self.videosTypeInfo.info.playlistID != undefined && self.videosTypeInfo.type == 'playlist') ? self.videosTypeInfo.info.playlistID : '';
|
1044 |
+
}
|
1045 |
+
self.fullScreenLoader = true;
|
1046 |
+
self.ajaxPost(newFeedData, function(_ref){
|
1047 |
+
var data = _ref.data;
|
1048 |
+
if(data.feed_id && data.success){
|
1049 |
+
window.location = self.builderUrl + '&feed_id=' + data.feed_id;
|
1050 |
+
}
|
1051 |
+
});
|
1052 |
+
},
|
1053 |
+
|
1054 |
+
//Select & Choose the Feed Source
|
1055 |
+
checkSourceForEvents : function(source){
|
1056 |
+
return this.selectedFeed == 'events' && source.account_type == 'page' && source.privilege != 'events';
|
1057 |
+
},
|
1058 |
+
checkTypeForGroup : function(source){
|
1059 |
+
return source.account_type === 'group' && this.selectedFeed === 'photos';
|
1060 |
+
},
|
1061 |
+
selectSource : function(source){
|
1062 |
+
var self = this;
|
1063 |
+
isMultifeed = (self.activeExtensions['multifeed'] !== undefined && self.activeExtensions['multifeed'] == true);
|
1064 |
+
if(!self.checkSourceForEvents(source) && !self.checkTypeForGroup(source)){
|
1065 |
+
if(isMultifeed){
|
1066 |
+
if(self.selectedSources.includes(source.account_id)){
|
1067 |
+
self.selectedSources.splice(self.selectedSources.indexOf(source.account_id), 1);
|
1068 |
+
}else{
|
1069 |
+
self.selectedSources.push(source.account_id);
|
1070 |
+
}
|
1071 |
+
}else{
|
1072 |
+
self.selectedSources = (self.selectedSources.includes(source.account_id)) ? [] : [source.account_id];
|
1073 |
+
}
|
1074 |
+
}
|
1075 |
+
},
|
1076 |
+
processDomList : function(selector, attributes){
|
1077 |
+
document.querySelectorAll(selector).forEach( function(element) {
|
1078 |
+
attributes.map( function(attrName) {
|
1079 |
+
element.setAttribute(attrName[0], attrName[1]);
|
1080 |
+
});
|
1081 |
+
});
|
1082 |
+
},
|
1083 |
+
openTooltipBig : function(){
|
1084 |
+
var self = this, elem = window.event.currentTarget;
|
1085 |
+
self.processDomList('.cff-fb-onbrd-tltp-elem', [['data-active', 'false']]);
|
1086 |
+
elem.querySelector('.cff-fb-onbrd-tltp-elem').setAttribute('data-active', 'true');
|
1087 |
+
cffBuilder.$forceUpdate();
|
1088 |
+
},
|
1089 |
+
closeTooltipBig : function(){
|
1090 |
+
var self = this;
|
1091 |
+
self.processDomList('.cff-fb-onbrd-tltp-elem', [['data-active', 'false']]);
|
1092 |
+
window.event.stopPropagation();
|
1093 |
+
cffBuilder.$forceUpdate();
|
1094 |
+
},
|
1095 |
+
|
1096 |
+
/*
|
1097 |
+
FEEDS List Actions
|
1098 |
+
*/
|
1099 |
+
|
1100 |
+
/**
|
1101 |
+
* Switch Bulk Action
|
1102 |
+
*
|
1103 |
+
* @since 4.0
|
1104 |
+
*/
|
1105 |
+
bulkActionClick : function(){
|
1106 |
+
var self = this;
|
1107 |
+
switch (self.selectedBulkAction) {
|
1108 |
+
case 'delete':
|
1109 |
+
if(self.feedsSelected.length > 0){
|
1110 |
+
self.openDialogBox('deleteMultipleFeeds')
|
1111 |
+
}
|
1112 |
+
break;
|
1113 |
+
}
|
1114 |
+
cffBuilder.$forceUpdate();
|
1115 |
+
},
|
1116 |
+
|
1117 |
+
/**
|
1118 |
+
* Duplicate Feed
|
1119 |
+
*
|
1120 |
+
* @since 4.0
|
1121 |
+
*/
|
1122 |
+
feedActionDuplicate : function(feed){
|
1123 |
+
var self = this,
|
1124 |
+
feedsDuplicateData = {
|
1125 |
+
action : 'cff_feed_saver_manager_duplicate_feed',
|
1126 |
+
feed_id : feed.id
|
1127 |
+
};
|
1128 |
+
self.ajaxPost(feedsDuplicateData, function(_ref){
|
1129 |
+
var data = _ref.data;
|
1130 |
+
self.feedsList = Object.values(Object.assign({}, data));
|
1131 |
+
//self.feedsList = data;
|
1132 |
+
});
|
1133 |
+
cffBuilder.$forceUpdate();
|
1134 |
+
},
|
1135 |
+
|
1136 |
+
/**
|
1137 |
+
* Delete Feed
|
1138 |
+
*
|
1139 |
+
* @since 4.0
|
1140 |
+
*/
|
1141 |
+
feedActionDelete : function(feeds_ids){
|
1142 |
+
var self = this,
|
1143 |
+
feedsDeleteData = {
|
1144 |
+
action : 'cff_feed_saver_manager_delete_feeds',
|
1145 |
+
feeds_ids : feeds_ids
|
1146 |
+
};
|
1147 |
+
self.ajaxPost(feedsDeleteData, function(_ref){
|
1148 |
+
var data = _ref.data;
|
1149 |
+
self.feedsList = Object.values(Object.assign({}, data));
|
1150 |
+
self.feedsSelected = [];
|
1151 |
+
});
|
1152 |
+
},
|
1153 |
+
|
1154 |
+
/**
|
1155 |
+
* View Feed Instances
|
1156 |
+
*
|
1157 |
+
* @since 4.0
|
1158 |
+
*/
|
1159 |
+
viewFeedInstances : function(feed){
|
1160 |
+
var self = this;
|
1161 |
+
self.viewsActive.instanceFeedActive = feed;
|
1162 |
+
self.movePopUp();
|
1163 |
+
cffBuilder.$forceUpdate();
|
1164 |
+
},
|
1165 |
+
|
1166 |
+
/**
|
1167 |
+
* Select All Feeds in List
|
1168 |
+
*
|
1169 |
+
* @since 4.0
|
1170 |
+
*/
|
1171 |
+
selectAllFeedCheckBox : function(){
|
1172 |
+
var self = this;
|
1173 |
+
if( !self.checkAllFeedsActive() ){
|
1174 |
+
self.feedsSelected = [];
|
1175 |
+
self.feedsList.forEach( function(feed) {
|
1176 |
+
self.feedsSelected.push(feed.id);
|
1177 |
+
});
|
1178 |
+
}else{
|
1179 |
+
self.feedsSelected = [];
|
1180 |
+
}
|
1181 |
+
|
1182 |
+
},
|
1183 |
+
|
1184 |
+
/**
|
1185 |
+
* Select Single Feed in List
|
1186 |
+
*
|
1187 |
+
* @since 4.0
|
1188 |
+
*/
|
1189 |
+
selectFeedCheckBox : function(feedID){
|
1190 |
+
if(this.feedsSelected.includes(feedID)){
|
1191 |
+
this.feedsSelected.splice(this.feedsSelected.indexOf(feedID),1);
|
1192 |
+
}else{
|
1193 |
+
this.feedsSelected.push(feedID);
|
1194 |
+
}
|
1195 |
+
cffBuilder.$forceUpdate();
|
1196 |
+
},
|
1197 |
+
|
1198 |
+
/**
|
1199 |
+
* Check if All Feeds are Selected
|
1200 |
+
*
|
1201 |
+
* @since 4.0
|
1202 |
+
*/
|
1203 |
+
checkAllFeedsActive : function(){
|
1204 |
+
var self = this,
|
1205 |
+
result = true;
|
1206 |
+
self.feedsList.forEach( function(feed) {
|
1207 |
+
if(!self.feedsSelected.includes(feed.id)){
|
1208 |
+
result = false;
|
1209 |
+
}
|
1210 |
+
});
|
1211 |
+
|
1212 |
+
return result;
|
1213 |
+
},
|
1214 |
+
|
1215 |
+
|
1216 |
+
/**
|
1217 |
+
* Copy text to clipboard
|
1218 |
+
*
|
1219 |
+
* @since 4.0
|
1220 |
+
*/
|
1221 |
+
copyToClipBoard : function(value){
|
1222 |
+
var self = this;
|
1223 |
+
const el = document.createElement('textarea');
|
1224 |
+
el.className = 'cff-fb-cp-clpboard';
|
1225 |
+
el.value = value;
|
1226 |
+
document.body.appendChild(el);
|
1227 |
+
el.select();
|
1228 |
+
document.execCommand('copy');
|
1229 |
+
document.body.removeChild(el);
|
1230 |
+
self.notificationElement = {
|
1231 |
+
type : 'success',
|
1232 |
+
text : this.genericText.copiedClipboard,
|
1233 |
+
shown : "shown"
|
1234 |
+
};
|
1235 |
+
setTimeout(function(){
|
1236 |
+
self.notificationElement.shown = "hidden";
|
1237 |
+
}, 3000);
|
1238 |
+
cffBuilder.$forceUpdate();
|
1239 |
+
},
|
1240 |
+
|
1241 |
+
|
1242 |
+
/**
|
1243 |
+
* Check Post Show
|
1244 |
+
*
|
1245 |
+
* @since 4.0
|
1246 |
+
*/
|
1247 |
+
shouldShowPostList : function(layout, singlePost){
|
1248 |
+
var self = this;
|
1249 |
+
return self.customizerFeedData.settings.layout == layout &&
|
1250 |
+
(
|
1251 |
+
(
|
1252 |
+
self.customizerFeedData.settings.feedtype == 'reviews' &&
|
1253 |
+
((self.valueIsEnabled(self.customizerFeedData.settings.hidenegative) && singlePost.recommendation_type == 'positive') || !self.valueIsEnabled(self.customizerFeedData.settings.hidenegative) )
|
1254 |
+
)
|
1255 |
+
|| self.customizerFeedData.settings.feedtype != 'reviews'
|
1256 |
+
)
|
1257 |
+
},
|
1258 |
+
|
1259 |
+
|
1260 |
+
|
1261 |
+
/*-------------------------------------------
|
1262 |
+
CUSTOMIZER FUNCTIONS
|
1263 |
+
-------------------------------------------*/
|
1264 |
+
/**
|
1265 |
+
* HighLight Section
|
1266 |
+
*
|
1267 |
+
* @since 4.0
|
1268 |
+
*/
|
1269 |
+
isSectionHighLighted : function(sectionName){
|
1270 |
+
var self = this;
|
1271 |
+
return (self.highLightedSection === sectionName || self.highLightedSection === 'all')
|
1272 |
+
},
|
1273 |
+
|
1274 |
+
/**
|
1275 |
+
* Enable HightLight Section
|
1276 |
+
*
|
1277 |
+
* @since 4.0
|
1278 |
+
*/
|
1279 |
+
enableHighLightSection : function(sectionId){
|
1280 |
+
var self = this,
|
1281 |
+
listPostSection = ['customize_feedlayout', 'customize_colorscheme', 'customize_posts','post_style','individual_elements'],
|
1282 |
+
headerSection = ['customize_header'],
|
1283 |
+
likeBoxSection = ['customize_likebox'],
|
1284 |
+
loadeMoreSection = ['customize_loadmorebutton'],
|
1285 |
+
lightBoxSection = ['customize_lightbox'],
|
1286 |
+
domBody = document.getElementsByTagName("body")[0];
|
1287 |
+
|
1288 |
+
self.dummyLightBoxData.visibility = 'hidden';
|
1289 |
+
domBody.classList.remove("no-overflow");
|
1290 |
+
|
1291 |
+
if( listPostSection.includes(sectionId) ){
|
1292 |
+
self.highLightedSection = 'postList';
|
1293 |
+
self.scrollToHighLightedSection("cff-post-list-section");
|
1294 |
+
}else if( headerSection.includes(sectionId) ){
|
1295 |
+
self.highLightedSection = 'header';
|
1296 |
+
self.scrollToHighLightedSection("cff-header-section");
|
1297 |
+
}else if( likeBoxSection.includes(sectionId) ){
|
1298 |
+
self.highLightedSection = 'likeBox';
|
1299 |
+
self.scrollToHighLightedSection("cff-like-box-section");
|
1300 |
+
}else if( loadeMoreSection.includes(sectionId) ){
|
1301 |
+
self.highLightedSection = 'loadMore';
|
1302 |
+
self.scrollToHighLightedSection("cff-load-more-section");
|
1303 |
+
}else if( lightBoxSection.includes(sectionId) ){
|
1304 |
+
self.highLightedSection = 'lightBox';
|
1305 |
+
self.dummyLightBoxData.visibility = 'shown';
|
1306 |
+
document.body.scrollTop = 0;
|
1307 |
+
document.documentElement.scrollTop = 0;
|
1308 |
+
domBody.classList.add("no-overflow");
|
1309 |
+
}else{
|
1310 |
+
self.highLightedSection = 'all';
|
1311 |
+
self.dummyLightBoxData.visibility = 'hidden';
|
1312 |
+
domBody.classList.remove("no-overflow");
|
1313 |
+
}
|
1314 |
+
},
|
1315 |
+
|
1316 |
+
|
1317 |
+
/**
|
1318 |
+
* Scroll to Highlighted Section
|
1319 |
+
*
|
1320 |
+
* @since 4.0
|
1321 |
+
*/
|
1322 |
+
scrollToHighLightedSection : function(sectionId){
|
1323 |
+
const element = document.getElementById(sectionId);
|
1324 |
+
if(element != undefined && element != null){
|
1325 |
+
const y = element.getBoundingClientRect().top - 100 + window.pageYOffset - 10;
|
1326 |
+
window.scrollTo({top: y, behavior: 'smooth'});
|
1327 |
+
}
|
1328 |
+
},
|
1329 |
+
|
1330 |
+
/**
|
1331 |
+
* Enable & Show Color Picker
|
1332 |
+
*
|
1333 |
+
* @since 4.0
|
1334 |
+
*/
|
1335 |
+
showColorPickerPospup : function(controlId){
|
1336 |
+
this.customizerScreens.activeColorPicker = controlId;
|
1337 |
+
},
|
1338 |
+
|
1339 |
+
/**
|
1340 |
+
* Hide Color Picker
|
1341 |
+
*
|
1342 |
+
* @since 4.0
|
1343 |
+
*/
|
1344 |
+
hideColorPickerPospup : function(){
|
1345 |
+
this.customizerScreens.activeColorPicker = null;
|
1346 |
+
},
|
1347 |
+
|
1348 |
+
switchCustomizerPreviewDevice : function(previewScreen){
|
1349 |
+
var self = this;
|
1350 |
+
self.customizerScreens.previewScreen = previewScreen;
|
1351 |
+
self.loadingBar = true;
|
1352 |
+
self.reinitCarouselHTML();
|
1353 |
+
setTimeout(function(){
|
1354 |
+
self.generateMasonryGridHeight('update');
|
1355 |
+
self.loadingBar = false;
|
1356 |
+
},200)
|
1357 |
+
cffBuilder.$forceUpdate();
|
1358 |
+
},
|
1359 |
+
switchCustomizerTab : function(tabId){
|
1360 |
+
var self = this,
|
1361 |
+
domBody = document.getElementsByTagName("body")[0];
|
1362 |
+
self.customizerScreens.activeTab = tabId;
|
1363 |
+
self.customizerScreens.activeSection = null;
|
1364 |
+
self.customizerScreens.activeSectionData = null;
|
1365 |
+
self.highLightedSection = 'all';
|
1366 |
+
|
1367 |
+
self.dummyLightBoxData.visibility = 'hidden';
|
1368 |
+
domBody.classList.remove("no-overflow");
|
1369 |
+
cffBuilder.$forceUpdate();
|
1370 |
+
},
|
1371 |
+
switchCustomizerSection : function(sectionId, section, isNested = false, isBackElements){
|
1372 |
+
var self = this;
|
1373 |
+
self.customizerScreens.parentActiveSection = null;
|
1374 |
+
self.customizerScreens.parentActiveSectionData = null;
|
1375 |
+
if(isNested){
|
1376 |
+
self.customizerScreens.parentActiveSection = self.customizerScreens.activeSection;
|
1377 |
+
self.customizerScreens.parentActiveSectionData = self.customizerScreens.activeSectionData;
|
1378 |
+
}
|
1379 |
+
self.customizerScreens.activeSection = sectionId;
|
1380 |
+
self.customizerScreens.activeSectionData = section;
|
1381 |
+
self.enableHighLightSection(sectionId);
|
1382 |
+
cffBuilder.$forceUpdate();
|
1383 |
+
},
|
1384 |
+
switchNestedSection : function(sectionId, section){
|
1385 |
+
var self = this;
|
1386 |
+
if(section !== null){
|
1387 |
+
self.customizerScreens.activeSection = sectionId;
|
1388 |
+
self.customizerScreens.activeSectionData = section;
|
1389 |
+
}else{
|
1390 |
+
var sectionArray = sectionId['sections'];
|
1391 |
+
var elementSectionData = self.customizerSidebarBuilder;
|
1392 |
+
|
1393 |
+
sectionArray.map(function(elm, index){
|
1394 |
+
elementSectionData = (elementSectionData[elm] != undefined && elementSectionData[elm] != null) ? elementSectionData[elm] : null;
|
1395 |
+
});
|
1396 |
+
if(elementSectionData != null){
|
1397 |
+
self.customizerScreens.activeSection = sectionId['id'];
|
1398 |
+
self.customizerScreens.activeSectionData = elementSectionData;
|
1399 |
+
}
|
1400 |
+
}
|
1401 |
+
cffBuilder.$forceUpdate();
|
1402 |
+
},
|
1403 |
+
backToPostElements : function(){
|
1404 |
+
var self = this,
|
1405 |
+
individual_elements = self.customizerSidebarBuilder['customize'].sections.customize_posts.nested_sections.individual_elements;
|
1406 |
+
self.customizerScreens.activeSection = 'customize_posts';
|
1407 |
+
self.customizerScreens.activeSectionData= self.customizerSidebarBuilder['customize'].sections.customize_posts;
|
1408 |
+
self.switchCustomizerSection('individual_elements', individual_elements, true, true);
|
1409 |
+
cffBuilder.$forceUpdate();
|
1410 |
+
},
|
1411 |
+
|
1412 |
+
processDateRange : function(){
|
1413 |
+
var self = this,
|
1414 |
+
settings = self.customizerFeedData.settings;
|
1415 |
+
if(settings['daterangefromtype'] == 'relative'){
|
1416 |
+
self.customizerFeedData.settings['from'] = settings['daterangefromrelative'];
|
1417 |
+
}else{
|
1418 |
+
self.customizerFeedData.settings['from'] = settings['daterangefromspecific'];
|
1419 |
+
}
|
1420 |
+
|
1421 |
+
if(settings['daterangeuntiltype'] == 'relative'){
|
1422 |
+
self.customizerFeedData.settings['until'] = settings['daterangeuntilrelative'];
|
1423 |
+
}else{
|
1424 |
+
self.customizerFeedData.settings['until'] = settings['daterangeuntilspecific'];
|
1425 |
+
}
|
1426 |
+
|
1427 |
+
self.customizerControlAjaxAction('feedFlyPreview');
|
1428 |
+
},
|
1429 |
+
|
1430 |
+
changeSettingValue : function(settingID, value, doProcess = true, ajaxAction = false) {
|
1431 |
+
var self = this,
|
1432 |
+
dateRangeElements = [
|
1433 |
+
'daterangefromtype',
|
1434 |
+
'daterangefromspecific',
|
1435 |
+
'daterangefromrelative',
|
1436 |
+
'daterangeuntiltype',
|
1437 |
+
'daterangeuntilspecific',
|
1438 |
+
'daterangeuntilrelative'
|
1439 |
+
];
|
1440 |
+
if( dateRangeElements.includes(settingID) ){
|
1441 |
+
self.processDateRange();
|
1442 |
+
}
|
1443 |
+
|
1444 |
+
if(settingID == 'feedlayout' && value == 'carousel' && !self.checkExtensionActive('carousel')){
|
1445 |
+
self.viewsActive.extensionsPopupElement = 'carousel';
|
1446 |
+
}else{
|
1447 |
+
if(doProcess){
|
1448 |
+
self.customizerFeedData.settings[settingID] = value;
|
1449 |
+
}
|
1450 |
+
if(settingID === 'showpoststypes' && value === 'all'){
|
1451 |
+
ajaxAction = 'feedFlyPreview';
|
1452 |
+
self.customizerFeedData.settings.type = [
|
1453 |
+
'links',
|
1454 |
+
'events',
|
1455 |
+
'videos',
|
1456 |
+
'photos',
|
1457 |
+
'albums',
|
1458 |
+
'statuses'
|
1459 |
+
];
|
1460 |
+
}
|
1461 |
+
if(ajaxAction !== false){
|
1462 |
+
self.customizerControlAjaxAction(ajaxAction);
|
1463 |
+
}
|
1464 |
+
var whenToGenerateFeed = [
|
1465 |
+
'layout',
|
1466 |
+
'feedlayout',
|
1467 |
+
'cols',
|
1468 |
+
'colstablet',
|
1469 |
+
'colsmobile',
|
1470 |
+
'nummobile'
|
1471 |
+
];
|
1472 |
+
if( whenToGenerateFeed.includes( settingID ) ){
|
1473 |
+
self.loadingBar = true;
|
1474 |
+
self.generateMasonryGridHeight('update');
|
1475 |
+
self.reinitCarouselHTML();
|
1476 |
+
setTimeout(function(){
|
1477 |
+
self.processNotification('previewUpdated');
|
1478 |
+
}, 1000)
|
1479 |
+
}
|
1480 |
+
self.checkReinitCarousel(settingID);
|
1481 |
+
}
|
1482 |
+
|
1483 |
+
},
|
1484 |
+
|
1485 |
+
|
1486 |
+
changeSwitcherSettingValue : function(settingID, onValue, offValue, ajaxAction = false) {
|
1487 |
+
var self = this;
|
1488 |
+
self.customizerFeedData.settings[settingID] = self.customizerFeedData.settings[settingID] == onValue ? offValue : onValue;
|
1489 |
+
if(ajaxAction !== false){
|
1490 |
+
self.customizerControlAjaxAction(ajaxAction);
|
1491 |
+
}
|
1492 |
+
self.checkReinitCarousel(settingID);
|
1493 |
+
},
|
1494 |
+
|
1495 |
+
changeCheckboxSectionValue : function(settingID, value, ajaxAction = false){
|
1496 |
+
var self = this;
|
1497 |
+
var settingValue = self.customizerFeedData.settings[settingID];
|
1498 |
+
if(!Array.isArray(settingValue) && settingID == 'type'){
|
1499 |
+
settingValue = [settingValue];
|
1500 |
+
}
|
1501 |
+
if(settingValue.includes(value)){
|
1502 |
+
settingValue.splice(settingValue.indexOf(value),1);
|
1503 |
+
}else{
|
1504 |
+
settingValue.push(value);
|
1505 |
+
}
|
1506 |
+
if(settingID == 'type'){
|
1507 |
+
self.processFeedTypesSources( settingValue );
|
1508 |
+
}
|
1509 |
+
//settingValue = (settingValue.length == 1 && settingID == 'type') ? settingValue[0] : settingValue;
|
1510 |
+
self.customizerFeedData.settings[settingID] = settingValue;
|
1511 |
+
if(ajaxAction !== false){
|
1512 |
+
self.customizerControlAjaxAction(ajaxAction);
|
1513 |
+
}
|
1514 |
+
if(settingID == 'include'){
|
1515 |
+
setTimeout(function(){
|
1516 |
+
self.generateMasonryGridHeight('update');
|
1517 |
+
},250);
|
1518 |
+
}
|
1519 |
+
event.stopPropagation()
|
1520 |
+
|
1521 |
+
},
|
1522 |
+
checkboxSectionValueExists : function(settingID, value){
|
1523 |
+
var self = this;
|
1524 |
+
var settingValue = self.customizerFeedData.settings[settingID];
|
1525 |
+
return settingValue.includes(value) ? true : false;
|
1526 |
+
},
|
1527 |
+
|
1528 |
+
/**
|
1529 |
+
* Check Control Condition
|
1530 |
+
*
|
1531 |
+
* @since 4.0
|
1532 |
+
*/
|
1533 |
+
checkControlCondition : function(conditionsArray = [], checkExtensionActive = false, checkExtensionActiveDimmed = false){
|
1534 |
+
var self = this,
|
1535 |
+
isConditionTrue = 0;
|
1536 |
+
Object.keys(conditionsArray).map(function(condition, index){
|
1537 |
+
if(conditionsArray[condition].indexOf(self.customizerFeedData.settings[condition]) !== -1)
|
1538 |
+
isConditionTrue += 1
|
1539 |
+
});
|
1540 |
+
var extensionCondition = checkExtensionActive != undefined && checkExtensionActive != false ? self.checkExtensionActive(checkExtensionActive) : true,
|
1541 |
+
extensionCondition = checkExtensionActiveDimmed != undefined && checkExtensionActiveDimmed != false && !self.checkExtensionActive(checkExtensionActiveDimmed) ? false : extensionCondition;
|
1542 |
+
|
1543 |
+
return (isConditionTrue == Object.keys(conditionsArray).length) ? ( extensionCondition ) : false;
|
1544 |
+
},
|
1545 |
+
|
1546 |
+
/**
|
1547 |
+
* Check Color Override Condition
|
1548 |
+
*
|
1549 |
+
* @since 4.0
|
1550 |
+
*/
|
1551 |
+
checkControlOverrideColor : function(overrideConditionsArray = []){
|
1552 |
+
var self = this,
|
1553 |
+
isConditionTrue = 0;
|
1554 |
+
overrideConditionsArray.map(function(condition, index){
|
1555 |
+
if(self.checkNotEmpty(self.customizerFeedData.settings[condition]) && self.customizerFeedData.settings[condition].replace(/ /gi,'') != '#'){
|
1556 |
+
isConditionTrue += 1
|
1557 |
+
}
|
1558 |
+
});
|
1559 |
+
return (isConditionTrue >= 1) ? true : false;
|
1560 |
+
},
|
1561 |
+
|
1562 |
+
/**
|
1563 |
+
* Show Control
|
1564 |
+
*
|
1565 |
+
* @since 4.0
|
1566 |
+
*/
|
1567 |
+
isControlShown : function( control ){
|
1568 |
+
var self = this;
|
1569 |
+
if(control.checkExtension != undefined && control.checkExtension != false && !self.checkExtensionActive(control.checkExtension)){
|
1570 |
+
return self.checkExtensionActive(control.checkExtension);
|
1571 |
+
}
|
1572 |
+
|
1573 |
+
if(control.conditionDimmed != undefined && self.checkControlCondition(control.conditionDimmed) )
|
1574 |
+
return self.checkControlCondition(control.conditionDimmed);
|
1575 |
+
if(control.overrideColorCondition != undefined){
|
1576 |
+
return self.checkControlOverrideColor( control.overrideColorCondition );
|
1577 |
+
}
|
1578 |
+
|
1579 |
+
return ( control.conditionHide != undefined && control.condition != undefined || control.checkExtension != undefined )
|
1580 |
+
? self.checkControlCondition(control.condition, control.checkExtension)
|
1581 |
+
: true;
|
1582 |
+
},
|
1583 |
+
|
1584 |
+
checkExtensionActive : function(extension){
|
1585 |
+
var self = this;
|
1586 |
+
return self.activeExtensions[extension];
|
1587 |
+
},
|
1588 |
+
|
1589 |
+
expandSourceInfo : function(sourceId){
|
1590 |
+
var self = this;
|
1591 |
+
self.customizerScreens.sourceExpanded = (self.customizerScreens.sourceExpanded === sourceId) ? null : sourceId;
|
1592 |
+
window.event.stopPropagation()
|
1593 |
+
},
|
1594 |
+
|
1595 |
+
resetColor: function(controlId){
|
1596 |
+
this.customizerFeedData.settings[controlId] = '';
|
1597 |
+
},
|
1598 |
+
|
1599 |
+
//Source Active Customizer
|
1600 |
+
isSourceActiveCustomizer : function(source){
|
1601 |
+
var self = this;
|
1602 |
+
return (
|
1603 |
+
Array.isArray(self.customizerFeedData.settings.sources.map) ||
|
1604 |
+
self.customizerFeedData.settings.sources instanceof Object
|
1605 |
+
) &&
|
1606 |
+
self.customizerScreens.sourcesChoosed.map(s => s.account_id).includes(source.account_id);
|
1607 |
+
//self.customizerFeedData.settings.sources.map(s => s.account_id).includes(source.account_id);
|
1608 |
+
},
|
1609 |
+
//Choose Source From Customizer
|
1610 |
+
selectSourceCustomizer : function(source, isRemove = false){
|
1611 |
+
var self = this,
|
1612 |
+
isMultifeed = (self.activeExtensions['multifeed'] !== undefined && self.activeExtensions['multifeed'] == true),
|
1613 |
+
sourcesListMap = Array.isArray(self.customizerFeedData.settings.sources) || self.customizerFeedData.settings.sources instanceof Object ? self.customizerFeedData.settings.sources.map(s => s.account_id) : [];
|
1614 |
+
if(isMultifeed){
|
1615 |
+
if(sourcesListMap.includes(source.account_id)){
|
1616 |
+
var indexToRemove = self.customizerFeedData.settings.sources.findIndex(src => src.account_id === source.account_id);
|
1617 |
+
self.customizerScreens.sourcesChoosed.splice(indexToRemove, 1);
|
1618 |
+
if(isRemove){
|
1619 |
+
self.customizerFeedData.settings.sources.splice(indexToRemove, 1);
|
1620 |
+
}
|
1621 |
+
}else{
|
1622 |
+
self.customizerScreens.sourcesChoosed.push(source);
|
1623 |
+
}
|
1624 |
+
}else{
|
1625 |
+
self.customizerScreens.sourcesChoosed = (sourcesListMap.includes(source)) ? [] : [source];
|
1626 |
+
}
|
1627 |
+
cffBuilder.$forceUpdate();
|
1628 |
+
},
|
1629 |
+
closeSourceCustomizer : function(){
|
1630 |
+
var self = this;
|
1631 |
+
self.viewsActive['sourcePopup'] = false;
|
1632 |
+
//self.customizerFeedData.settings.sources = self.customizerScreens.sourcesChoosed;
|
1633 |
+
cffBuilder.$forceUpdate();
|
1634 |
+
},
|
1635 |
+
customizerFeedTypePrint : function(){
|
1636 |
+
var self = this,
|
1637 |
+
combinedTypes = self.feedTypes.concat(self.advancedFeedTypes);
|
1638 |
+
result = combinedTypes.filter(function(tp){
|
1639 |
+
return tp.type === self.customizerFeedData.settings.feedtype
|
1640 |
+
});
|
1641 |
+
self.customizerScreens.printedType = result.length > 0 ? result[0] : [];
|
1642 |
+
return result.length > 0 ? true : false;
|
1643 |
+
},
|
1644 |
+
choosedFeedTypeCustomizer : function(feedType){
|
1645 |
+
var self = this, result = false;
|
1646 |
+
if(
|
1647 |
+
(self.viewsActive.feedTypeElement === null && self.customizerFeedData.settings.feedtype === feedType) ||
|
1648 |
+
(self.viewsActive.feedTypeElement !== null && self.viewsActive.feedTypeElement == feedType)
|
1649 |
+
){
|
1650 |
+
result = true;
|
1651 |
+
}
|
1652 |
+
return result;
|
1653 |
+
},
|
1654 |
+
updateFeedTypeCustomizer : function(){
|
1655 |
+
var self = this;
|
1656 |
+
if (self.viewsActive.feedTypeElement === 'socialwall') {
|
1657 |
+
window.location.href = cff_builder.pluginsInfo.social_wall.settingsPage;
|
1658 |
+
return;
|
1659 |
+
}
|
1660 |
+
self.setType( self.viewsActive.feedTypeElement );
|
1661 |
+
|
1662 |
+
self.customizerFeedData.settings.feedtype = self.viewsActive.feedTypeElement;
|
1663 |
+
self.viewsActive.feedTypeElement = null;
|
1664 |
+
self.viewsActive.feedtypesPopup = false;
|
1665 |
+
self.customizerControlAjaxAction('feedFlyPreview');
|
1666 |
+
cffBuilder.$forceUpdate();
|
1667 |
+
},
|
1668 |
+
updateInputWidth : function(){
|
1669 |
+
this.customizerScreens.inputNameWidth = ((document.getElementById("cff-csz-hd-input").value.length + 6) * 8) + 'px';
|
1670 |
+
},
|
1671 |
+
customizerStyleMaker : function(){
|
1672 |
+
var self = this;
|
1673 |
+
if(self.customizerSidebarBuilder){
|
1674 |
+
self.feedStyle = '';
|
1675 |
+
Object.values(self.customizerSidebarBuilder).map( function(tab) {
|
1676 |
+
self.customizerSectionStyle(tab.sections);
|
1677 |
+
});
|
1678 |
+
return '<style type="text/css">' + self.feedStyle + '</style>';
|
1679 |
+
}
|
1680 |
+
return false;
|
1681 |
+
},
|
1682 |
+
|
1683 |
+
/**
|
1684 |
+
* Get Feed Preview Global CSS Class
|
1685 |
+
*
|
1686 |
+
* @since 4.0
|
1687 |
+
* @return String
|
1688 |
+
*/
|
1689 |
+
feedPreviewCssClasses : function(){
|
1690 |
+
var self = this,
|
1691 |
+
colorScheme = self.customizerFeedData.settings.colorpalette;
|
1692 |
+
|
1693 |
+
},
|
1694 |
+
|
1695 |
+
customizerSectionStyle : function(sections){
|
1696 |
+
var self = this;
|
1697 |
+
Object.values(sections).map(function(section){
|
1698 |
+
if(section.controls){
|
1699 |
+
Object.values(section.controls).map(function(control){
|
1700 |
+
self.returnControlStyle(control);
|
1701 |
+
});
|
1702 |
+
}
|
1703 |
+
if(section.nested_sections){
|
1704 |
+
self.customizerSectionStyle(section.nested_sections);
|
1705 |
+
Object.values(section.nested_sections).map(function(nestedSections){
|
1706 |
+
Object.values(nestedSections.controls).map(function(nestedControl){
|
1707 |
+
if(nestedControl.section){
|
1708 |
+
self.customizerSectionStyle(nestedControl);
|
1709 |
+
}
|
1710 |
+
});
|
1711 |
+
});
|
1712 |
+
}
|
1713 |
+
});
|
1714 |
+
},
|
1715 |
+
returnControlStyle : function( control ){
|
1716 |
+
var self = this;
|
1717 |
+
if(control.style){
|
1718 |
+
Object.entries(control.style).map( function(css) {
|
1719 |
+
var condition = control.condition != undefined || control.checkExtension != undefined ? self.checkControlCondition(control.condition, control.checkExtension) : true;
|
1720 |
+
if( condition ){
|
1721 |
+
self.feedStyle +=
|
1722 |
+
css[0] + '{' +
|
1723 |
+
css[1].replace("{{value}}", self.customizerFeedData.settings[control.id]) +
|
1724 |
+
'}';
|
1725 |
+
}
|
1726 |
+
});
|
1727 |
+
}
|
1728 |
+
},
|
1729 |
+
|
1730 |
+
/**
|
1731 |
+
* Check Reinit Carousel
|
1732 |
+
*
|
1733 |
+
* @since 4.0
|
1734 |
+
*/
|
1735 |
+
checkReinitCarousel : function(settingID){
|
1736 |
+
var self = this,
|
1737 |
+
whenToReiniCarousel = [
|
1738 |
+
'carouselheight',
|
1739 |
+
'carouseldesktop_cols',
|
1740 |
+
'carouselmobile_cols',
|
1741 |
+
'carouselnavigation',
|
1742 |
+
'carouselpagination',
|
1743 |
+
'carouselautoplay',
|
1744 |
+
'carouselinterval',
|
1745 |
+
'reviewshidenotext',
|
1746 |
+
'hidenegative',
|
1747 |
+
'reviewsrated'
|
1748 |
+
];
|
1749 |
+
if( whenToReiniCarousel.includes( settingID ) ){
|
1750 |
+
self.reinitCarouselHTML();
|
1751 |
+
}
|
1752 |
+
},
|
1753 |
+
|
1754 |
+
|
1755 |
+
/**
|
1756 |
+
* Customizer Control Ajax
|
1757 |
+
* Some of the customizer controls need to perform Ajax
|
1758 |
+
* Calls in order to update the preview
|
1759 |
+
*
|
1760 |
+
* @since 4.0
|
1761 |
+
*/
|
1762 |
+
customizerControlAjaxAction : function( actionType ){
|
1763 |
+
var self = this;
|
1764 |
+
switch (actionType) {
|
1765 |
+
case 'feedFlyPreview':
|
1766 |
+
self.loadingBar = true;
|
1767 |
+
var previewFeedData = {
|
1768 |
+
action : 'cff_feed_saver_manager_fly_preview',
|
1769 |
+
feedID : self.customizerFeedData.feed_info.id,
|
1770 |
+
previewSettings : self.customizerFeedData.settings,
|
1771 |
+
};
|
1772 |
+
self.ajaxPost(previewFeedData, function(_ref){
|
1773 |
+
var data = _ref.data;
|
1774 |
+
if( data !== false ){
|
1775 |
+
self.disableJQueryNodes();
|
1776 |
+
self.customizerFeedData.posts = data.posts;
|
1777 |
+
self.customizerFeedData.header = data.header;
|
1778 |
+
self.processNotification("previewUpdated");
|
1779 |
+
}else{
|
1780 |
+
self.processNotification("unkownError");
|
1781 |
+
}
|
1782 |
+
setTimeout(function(){
|
1783 |
+
self.reinitCarouselHTML();
|
1784 |
+
self.generateMasonryGridHeight('update');
|
1785 |
+
}, 150);
|
1786 |
+
});
|
1787 |
+
break;
|
1788 |
+
case 'feedPreviewRender':
|
1789 |
+
setTimeout(function(){
|
1790 |
+
self.generateMasonryGridHeight('update');
|
1791 |
+
}, 150);
|
1792 |
+
break;
|
1793 |
+
}
|
1794 |
+
},
|
1795 |
+
|
1796 |
+
/**
|
1797 |
+
* Process & Re-Order Post Array for Masonry layouts
|
1798 |
+
*
|
1799 |
+
* @since 4.0
|
1800 |
+
*
|
1801 |
+
* @return Array
|
1802 |
+
*/
|
1803 |
+
processPostArrayDisplay : function(postsArray){
|
1804 |
+
var self = this,
|
1805 |
+
feedlayout = self.customizerFeedData.settings.feedlayout,
|
1806 |
+
feedtype = self.customizerFeedData.settings.feedtype,
|
1807 |
+
currentDevice = self.customizerScreens.previewScreen;
|
1808 |
+
if(feedlayout === 'masonry'){
|
1809 |
+
var colsNumber = 1;
|
1810 |
+
switch (currentDevice) {
|
1811 |
+
case 'desktop':
|
1812 |
+
colsNumber = self.customizerFeedData.settings.cols;
|
1813 |
+
break;
|
1814 |
+
case 'tablet':
|
1815 |
+
colsNumber = self.customizerFeedData.settings.colstablet;
|
1816 |
+
break;
|
1817 |
+
case 'mobile':
|
1818 |
+
colsNumber = self.customizerFeedData.settings.colsmobile;
|
1819 |
+
break;
|
1820 |
+
}
|
1821 |
+
colsNumber = parseInt(colsNumber);
|
1822 |
+
if(colsNumber > 1){
|
1823 |
+
var reorderedPostsArray = [],
|
1824 |
+
counter = 0;
|
1825 |
+
while(counter < colsNumber) {
|
1826 |
+
for(var i = 0; i < postsArray.length; i += colsNumber) {
|
1827 |
+
var elementIndex = parseInt(i) + parseInt(counter);
|
1828 |
+
var _val = postsArray[elementIndex];
|
1829 |
+
if (_val !== undefined)
|
1830 |
+
reorderedPostsArray.push(_val);
|
1831 |
+
}
|
1832 |
+
counter++;
|
1833 |
+
}
|
1834 |
+
postsArray = reorderedPostsArray;
|
1835 |
+
}
|
1836 |
+
}
|
1837 |
+
return postsArray;
|
1838 |
+
},
|
1839 |
+
|
1840 |
+
/**
|
1841 |
+
* Generate the Feed Posts Height For Masonry & Grid Layouts
|
1842 |
+
*
|
1843 |
+
* @since 4.0
|
1844 |
+
*/
|
1845 |
+
generateCarouselSettings : function(){
|
1846 |
+
var self = this,
|
1847 |
+
carouselElement = jQuery('.cff-preview-posts-list-ctn'),
|
1848 |
+
customizerSettings = self.customizerFeedData.settings,
|
1849 |
+
currentDevice = self.customizerScreens.previewScreen;
|
1850 |
+
if(customizerSettings.feedlayout === 'carousel' && self.activeExtensions['carousel'] == true){
|
1851 |
+
carouselElement.addClass('cff-carousel');
|
1852 |
+
var carouselHeightInput = customizerSettings.carouselheight,
|
1853 |
+
carouselMobileCols = parseInt(customizerSettings.carouselmobile_cols),
|
1854 |
+
carouselCols = (currentDevice == 'desktop') ? parseInt(customizerSettings.carouseldesktop_cols) : carouselMobileCols,
|
1855 |
+
carouselArrowsInput = parseInt(customizerSettings.carouselnavigation),
|
1856 |
+
carouselArrows = true,
|
1857 |
+
carouselPag = self.valueIsEnabled(customizerSettings.carouselpagination) ? true : false,
|
1858 |
+
carouselautoplay = self.valueIsEnabled(customizerSettings.carouselautoplay) ? true : false,
|
1859 |
+
carouselTime = customizerSettings.carouselinterval,
|
1860 |
+
afterUpdate = true;
|
1861 |
+
//afterInit = cffShowCarousel,
|
1862 |
+
singleItem = false,
|
1863 |
+
autoHeight = false;
|
1864 |
+
if(customizerSettings.carouselheight == 'autoexpand'){
|
1865 |
+
singleItem = true;
|
1866 |
+
autoHeight = true;
|
1867 |
+
carouselCols = 1;
|
1868 |
+
carouselMobileCols = 1;
|
1869 |
+
}
|
1870 |
+
|
1871 |
+
|
1872 |
+
var carouselSettings = {
|
1873 |
+
items: carouselCols,
|
1874 |
+
itemsDesktop: [1199, carouselCols],
|
1875 |
+
itemsDesktopSmall: false,
|
1876 |
+
itemsTablet: false,
|
1877 |
+
itemsTabletSmall: false,
|
1878 |
+
itemsMobile: [479, carouselMobileCols],
|
1879 |
+
navigation: carouselArrows,
|
1880 |
+
navigationText: ['<i class="fa fa-chevron-left"></i>','<i class="fa fa-chevron-right"></i>'],
|
1881 |
+
dots: carouselPag,
|
1882 |
+
autoplay:carouselautoplay,
|
1883 |
+
autoplayTimeout:carouselTime,
|
1884 |
+
stopOnHover: true,
|
1885 |
+
singleItem : singleItem,
|
1886 |
+
autoHeight : autoHeight,
|
1887 |
+
margin: 20,
|
1888 |
+
|
1889 |
+
// afterUpdate: afterUpdate,
|
1890 |
+
// afterInit: afterInit
|
1891 |
+
};
|
1892 |
+
carouselElement.owlCarousel(carouselSettings);
|
1893 |
+
carouselElement.on('changed.owl.carousel',function(){
|
1894 |
+
self.generateNavigationCarousel(customizerSettings, carouselElement);
|
1895 |
+
})
|
1896 |
+
self.generateCarouselHTMLAttributes(carouselElement);
|
1897 |
+
|
1898 |
+
}
|
1899 |
+
},
|
1900 |
+
|
1901 |
+
/**
|
1902 |
+
* Generate Carousel HTML Attributes
|
1903 |
+
*
|
1904 |
+
* @since 4.0
|
1905 |
+
*/
|
1906 |
+
generateCarouselHTMLAttributes : function(carouselElement){
|
1907 |
+
var self = this,
|
1908 |
+
customizerSettings = self.customizerFeedData.settings;
|
1909 |
+
carouselElement.attr({
|
1910 |
+
'data-navigation' : customizerSettings.carouselnavigation
|
1911 |
+
});
|
1912 |
+
self.generateNavigationCarousel(customizerSettings, carouselElement);
|
1913 |
+
},
|
1914 |
+
|
1915 |
+
/**
|
1916 |
+
* Generate Carousel Navigation
|
1917 |
+
*
|
1918 |
+
* @since 4.0
|
1919 |
+
*/
|
1920 |
+
generateNavigationCarousel : function(customizerSettings, carouselElement){
|
1921 |
+
if(customizerSettings.carouselnavigation == 'below'){
|
1922 |
+
var $navigation = carouselElement.find('.owl-dots');
|
1923 |
+
carouselElement.find('.owl-nav').remove();
|
1924 |
+
if($navigation.children('.owl-prev').length <= 0){
|
1925 |
+
$navigation.prepend('<button type="button" role="presentation" class="owl-prev"><span aria-label="Previous">‹</span></button>');
|
1926 |
+
}
|
1927 |
+
if($navigation.children('.owl-next').length <= 0){
|
1928 |
+
$navigation.append('<button type="button" role="presentation" class="owl-next"><span aria-label="Next">›</span></button>');
|
1929 |
+
}
|
1930 |
+
|
1931 |
+
}
|
1932 |
+
},
|
1933 |
+
|
1934 |
+
/**
|
1935 |
+
* Disable JQuery Plugin Nodes
|
1936 |
+
*
|
1937 |
+
* @since 4.0
|
1938 |
+
*/
|
1939 |
+
disableJQueryNodes : function(){
|
1940 |
+
var self = this,
|
1941 |
+
customizerSettings = self.customizerFeedData.settings,
|
1942 |
+
carouselElement = jQuery('.cff-preview-posts-list-ctn');
|
1943 |
+
if(self.activeExtensions['carousel'] == true){
|
1944 |
+
carouselElement.owlCarousel('destroy');
|
1945 |
+
carouselElement.removeClass('cff-carousel');
|
1946 |
+
carouselElement.removeAttr('data-navigation');
|
1947 |
+
}
|
1948 |
+
},
|
1949 |
+
|
1950 |
+
/**
|
1951 |
+
* Reinit Carousel Element
|
1952 |
+
*
|
1953 |
+
* @since 4.0
|
1954 |
+
*/
|
1955 |
+
reinitCarouselHTML : function(){
|
1956 |
+
var self = this,
|
1957 |
+
customizerSettings = self.customizerFeedData.settings,
|
1958 |
+
carouselElement = jQuery('.cff-preview-posts-list-ctn');
|
1959 |
+
if(self.activeExtensions['carousel'] == true){
|
1960 |
+
carouselElement.owlCarousel('destroy');
|
1961 |
+
carouselElement.removeClass('cff-carousel');
|
1962 |
+
carouselElement.removeAttr('data-navigation');
|
1963 |
+
if(customizerSettings.feedlayout === 'carousel'){
|
1964 |
+
self.loadingBar = true;
|
1965 |
+
setTimeout(function(){
|
1966 |
+
self.generateCarouselSettings();
|
1967 |
+
self.processNotification('carouselLayoutUpdated');
|
1968 |
+
}, 150)
|
1969 |
+
}
|
1970 |
+
}
|
1971 |
+
|
1972 |
+
},
|
1973 |
+
|
1974 |
+
/**
|
1975 |
+
* Generate the Feed Posts Height For Masonry & Grid Layouts
|
1976 |
+
*
|
1977 |
+
* @since 4.0
|
1978 |
+
*/
|
1979 |
+
generateMasonryGridHeight : function(typeAppend){
|
1980 |
+
var self = this,
|
1981 |
+
feedlayout = self.customizerFeedData.settings.feedlayout,
|
1982 |
+
feedtype = self.customizerFeedData.settings.feedtype,
|
1983 |
+
currentDevice = self.customizerScreens.previewScreen;
|
1984 |
+
//Masonry Layout
|
1985 |
+
if(feedlayout === 'masonry'){
|
1986 |
+
var $masonryParent = jQuery('.cff-preview-posts-masonry').isotope({
|
1987 |
+
itemSelector: '.cff-post-item-ctn',
|
1988 |
+
percentPosition: true,
|
1989 |
+
masonry: {
|
1990 |
+
columnWidth: '.cff-post-item-ctn'
|
1991 |
+
}
|
1992 |
+
});
|
1993 |
+
// layout Isotope after each image loads
|
1994 |
+
$masonryParent.imagesLoaded().progress( function() {
|
1995 |
+
if(typeAppend == 'update'){
|
1996 |
+
$masonryParent.isotope('reloadItems').isotope();
|
1997 |
+
}else{
|
1998 |
+
$masonryParent.isotope('layout');
|
1999 |
+
}
|
2000 |
+
});
|
2001 |
+
|
2002 |
+
}else{
|
2003 |
+
if(jQuery('.cff-preview-posts-list-ctn').data('isotope')){
|
2004 |
+
jQuery('.cff-preview-posts-list-ctn').isotope('destroy')
|
2005 |
+
}
|
2006 |
+
}
|
2007 |
+
|
2008 |
+
//Grid Layout
|
2009 |
+
if(feedlayout === 'grid'){
|
2010 |
+
var grid = document.getElementsByClassName('cff-preview-posts-grid')[0];
|
2011 |
+
if( grid ) {
|
2012 |
+
var allItems = document.querySelectorAll('.cff-post-item-ctn');
|
2013 |
+
if( allItems ) {
|
2014 |
+
var plusHeight = (feedtype == 'videos' || feedtype == 'albums') ? 70 : 0;
|
2015 |
+
allItems.forEach( function(item, index) {
|
2016 |
+
item.style.height = parseFloat(item.getBoundingClientRect().width + plusHeight) + 'px';
|
2017 |
+
item.style.gridRowEnd = 'unset';
|
2018 |
+
});
|
2019 |
+
}
|
2020 |
+
}
|
2021 |
+
}
|
2022 |
+
|
2023 |
+
if(feedlayout == 'carousel' && feedtype == 'singlealbum'){
|
2024 |
+
var allItems = document.querySelectorAll('.owl-item');
|
2025 |
+
if( allItems ) {
|
2026 |
+
allItems.forEach( function(item, index) {
|
2027 |
+
item.style.height = item.getBoundingClientRect().width + 'px';
|
2028 |
+
item.style.gridRowEnd = 'unset';
|
2029 |
+
});
|
2030 |
+
}
|
2031 |
+
}
|
2032 |
+
},
|
2033 |
+
|
2034 |
+
|
2035 |
+
/**
|
2036 |
+
* Get Feed Columns Depending on the Settings
|
2037 |
+
*
|
2038 |
+
* @since 4.0
|
2039 |
+
*
|
2040 |
+
* @return String | Bool
|
2041 |
+
*/
|
2042 |
+
getFeedColumns : function(){
|
2043 |
+
var self = this,
|
2044 |
+
feedlayout = self.customizerFeedData.settings.feedlayout,
|
2045 |
+
feedtype = self.customizerFeedData.settings.feedtype,
|
2046 |
+
currentDevice = self.customizerScreens.previewScreen;
|
2047 |
+
|
2048 |
+
if(feedlayout === 'masonry' || (feedlayout === 'grid' && feedtype !== 'timeline')){
|
2049 |
+
switch (currentDevice) {
|
2050 |
+
case 'desktop':
|
2051 |
+
return self.customizerFeedData.settings.cols;
|
2052 |
+
break;
|
2053 |
+
case 'tablet':
|
2054 |
+
return self.customizerFeedData.settings.colstablet;
|
2055 |
+
break;
|
2056 |
+
case 'mobile':
|
2057 |
+
return self.customizerFeedData.settings.colsmobile;
|
2058 |
+
break;
|
2059 |
+
}
|
2060 |
+
}
|
2061 |
+
return false;
|
2062 |
+
},
|
2063 |
+
|
2064 |
+
/**
|
2065 |
+
* Toggle Comment Section
|
2066 |
+
*
|
2067 |
+
* @since 4.0
|
2068 |
+
*/
|
2069 |
+
toggleCommentSection : function(postID){
|
2070 |
+
var self = this;
|
2071 |
+
if(self.showedCommentSection.includes(postID)){
|
2072 |
+
self.showedCommentSection.splice(self.showedCommentSection.indexOf(postID), 1);
|
2073 |
+
}else{
|
2074 |
+
self.showedCommentSection.push(postID);
|
2075 |
+
}
|
2076 |
+
setTimeout(function(){
|
2077 |
+
self.generateMasonryGridHeight('update');
|
2078 |
+
}, 100)
|
2079 |
+
cffBuilder.$forceUpdate();
|
2080 |
+
},
|
2081 |
+
|
2082 |
+
/**
|
2083 |
+
* Ajax Action : Save Feed Settings
|
2084 |
+
*
|
2085 |
+
* @since 4.0
|
2086 |
+
*/
|
2087 |
+
saveFeedSettings : function(){
|
2088 |
+
var self = this,
|
2089 |
+
sources = [],
|
2090 |
+
updateFeedData = {
|
2091 |
+
action : 'cff_feed_saver_manager_builder_update',
|
2092 |
+
update_feed : 'true',
|
2093 |
+
feed_id : self.customizerFeedData.feed_info.id,
|
2094 |
+
feed_name : self.customizerFeedData.feed_info.feed_name,
|
2095 |
+
settings : self.customizerFeedData.settings,
|
2096 |
+
sources : []
|
2097 |
+
};
|
2098 |
+
|
2099 |
+
if(self.customizerFeedData.settings.sources.length > 0){
|
2100 |
+
self.customizerFeedData.settings.sources.forEach(function(source){
|
2101 |
+
updateFeedData.sources.push(source.account_id);
|
2102 |
+
})
|
2103 |
+
}
|
2104 |
+
self.loadingBar = true;
|
2105 |
+
self.ajaxPost(updateFeedData, function(_ref){
|
2106 |
+
var data = _ref.data;
|
2107 |
+
if(data && data.success === true){
|
2108 |
+
self.processNotification('feedSaved');
|
2109 |
+
self.customizerFeedDataInitial = self.customizerFeedData;
|
2110 |
+
}else{
|
2111 |
+
self.processNotification('feedSavedError');
|
2112 |
+
}
|
2113 |
+
});
|
2114 |
+
cffBuilder.$forceUpdate();
|
2115 |
+
},
|
2116 |
+
|
2117 |
+
/**
|
2118 |
+
* Ajax Action : Clear Single Feed Cache
|
2119 |
+
* Update Feed Preview Too
|
2120 |
+
* @since 4.0
|
2121 |
+
*/
|
2122 |
+
clearSingleFeedCache : function(){
|
2123 |
+
var self = this,
|
2124 |
+
sources = [],
|
2125 |
+
clearFeedData = {
|
2126 |
+
action : 'cff_feed_saver_manager_clear_single_feed_cache',
|
2127 |
+
feedID : self.customizerFeedData.feed_info.id,
|
2128 |
+
previewSettings : self.customizerFeedData.settings,
|
2129 |
+
};
|
2130 |
+
self.loadingBar = true;
|
2131 |
+
self.ajaxPost(clearFeedData, function(_ref){
|
2132 |
+
var data = _ref.data;
|
2133 |
+
if( data !== false ){
|
2134 |
+
self.customizerFeedData.posts = data.posts;
|
2135 |
+
self.customizerFeedData.header = data.header;
|
2136 |
+
self.processNotification('cacheCleared');
|
2137 |
+
}else{
|
2138 |
+
self.processNotification("unkownError");
|
2139 |
+
}
|
2140 |
+
})
|
2141 |
+
cffBuilder.$forceUpdate();
|
2142 |
+
},
|
2143 |
+
|
2144 |
+
/**
|
2145 |
+
* Clear & Reset Color Override
|
2146 |
+
*
|
2147 |
+
* @since 4.0
|
2148 |
+
*/
|
2149 |
+
resetColorOverride : function(settingID){
|
2150 |
+
this.customizerFeedData.settings[settingID] = '';
|
2151 |
+
},
|
2152 |
+
|
2153 |
+
/**
|
2154 |
+
* Print Story
|
2155 |
+
*
|
2156 |
+
* @since 4.0
|
2157 |
+
*
|
2158 |
+
* @return String
|
2159 |
+
*/
|
2160 |
+
printStory : function(singlePost){
|
2161 |
+
var self = this,
|
2162 |
+
authorName = self.hasOwnNestedProperty(singlePost, 'from.name') ? singlePost.from.name : null,
|
2163 |
+
postStory = self.hasOwnNestedProperty(singlePost, 'story') && authorName != null ? singlePost.story.replace(authorName, '') : null;
|
2164 |
+
return postStory;
|
2165 |
+
},
|
2166 |
+
|
2167 |
+
|
2168 |
+
/**
|
2169 |
+
* Format & Print Date
|
2170 |
+
*
|
2171 |
+
* @since 4.0
|
2172 |
+
*
|
2173 |
+
* @return String
|
2174 |
+
*/
|
2175 |
+
printDate : function( postDate, eventDate = false ){
|
2176 |
+
var self = this,
|
2177 |
+
originalDate = Date.parse(postDate) / 1000,
|
2178 |
+
dateOffset = new Date(),
|
2179 |
+
offsetTimezone = dateOffset.getTimezoneOffset(),
|
2180 |
+
periods = [
|
2181 |
+
self.translatedText.secondText,
|
2182 |
+
self.translatedText.minuteText,
|
2183 |
+
self.translatedText.hourText,
|
2184 |
+
self.translatedText.dayText,
|
2185 |
+
self.translatedText.weekText,
|
2186 |
+
self.translatedText.monthText,
|
2187 |
+
self.translatedText.yearText
|
2188 |
+
],
|
2189 |
+
periodsPlural = [
|
2190 |
+
self.translatedText.secondsText,
|
2191 |
+
self.translatedText.minutesText,
|
2192 |
+
self.translatedText.hoursText,
|
2193 |
+
self.translatedText.daysText,
|
2194 |
+
self.translatedText.weeksText,
|
2195 |
+
self.translatedText.monthsText,
|
2196 |
+
self.translatedText.yearsText
|
2197 |
+
],
|
2198 |
+
lengths = ["60","60","24","7","4.35","12","10"],
|
2199 |
+
now = dateOffset.getTime() / 1000,
|
2200 |
+
newTime = originalDate + offsetTimezone,
|
2201 |
+
printDate = '',
|
2202 |
+
dateFortmat = eventDate ? self.customizerFeedData.settings.eventdateformat : self.customizerFeedData.settings.dateformat,
|
2203 |
+
agoText = self.translatedText.agoText,
|
2204 |
+
difference = null,
|
2205 |
+
formatsChoices = {
|
2206 |
+
'2' : 'F jS, g:i a',
|
2207 |
+
'3' : 'F jS',
|
2208 |
+
'4' : 'D F jS',
|
2209 |
+
'5' : 'l F jS',
|
2210 |
+
'6' : 'D M jS, Y',
|
2211 |
+
'7' : 'l F jS, Y',
|
2212 |
+
'8' : 'l F jS, Y - g:i a',
|
2213 |
+
'9' : "l M jS, 'y",
|
2214 |
+
'10' : 'm.d.y',
|
2215 |
+
'11' : 'm/d/y',
|
2216 |
+
'12' : 'd.m.y',
|
2217 |
+
'13' : 'd/m/y',
|
2218 |
+
'14' : 'd-m-Y, G:i',
|
2219 |
+
'15' : 'jS F Y, G:i',
|
2220 |
+
'16' : 'd M Y, G:i',
|
2221 |
+
'17' : 'l jS F Y, G:i',
|
2222 |
+
'18' : 'm.d.y - G:i',
|
2223 |
+
'19' : 'd.m.y - G:i'
|
2224 |
+
};
|
2225 |
+
|
2226 |
+
if(formatsChoices.hasOwnProperty(dateFortmat)){
|
2227 |
+
printDate = date_i18n( formatsChoices[dateFortmat], newTime );
|
2228 |
+
}else if(dateFortmat == 'custom'){
|
2229 |
+
printDate = date_i18n( self.customizerFeedData.settings.datecustom, newTime );
|
2230 |
+
|
2231 |
+
}
|
2232 |
+
else{
|
2233 |
+
if( now > originalDate ) {
|
2234 |
+
difference = now - originalDate;
|
2235 |
+
|
2236 |
+
}else{
|
2237 |
+
difference = originalDate - now;
|
2238 |
+
}
|
2239 |
+
for(var j = 0; difference >= lengths[j] && j < lengths.length-1; j++) {
|
2240 |
+
difference /= lengths[j];
|
2241 |
+
}
|
2242 |
+
difference = Math.round(difference);
|
2243 |
+
if(difference != 1) {
|
2244 |
+
periods[j] = periodsPlural[j];
|
2245 |
+
}
|
2246 |
+
printDate = difference + " " + periods[j] + " "+ agoText;
|
2247 |
+
}
|
2248 |
+
|
2249 |
+
return printDate;
|
2250 |
+
},
|
2251 |
+
|
2252 |
+
/**
|
2253 |
+
* Print Event Location
|
2254 |
+
*
|
2255 |
+
* @since 4.0
|
2256 |
+
*
|
2257 |
+
* @return String
|
2258 |
+
*/
|
2259 |
+
getEventMapLink : function( place ){
|
2260 |
+
var self = this;
|
2261 |
+
latitude = (self.hasOwnNestedProperty(place,'location.latitude')) ? self.htmlEntities(place.location.latitude) : '',
|
2262 |
+
longitude = (self.hasOwnNestedProperty(place,'location.longitude')) ? self.htmlEntities(place.location.longitude) : '',
|
2263 |
+
locationMap = self.hasOwnNestedProperty(place,'name') ? self.htmlEntities(place.name) : '',
|
2264 |
+
mapUrl = false;
|
2265 |
+
if( self.hasOwnNestedProperty(place, 'location') ){
|
2266 |
+
mapUrl = 'https://maps.google.com/maps?q=' + latitude + ',+' + longitude;
|
2267 |
+
}else if( locationMap.match(/~[0-9]~/) && locationMap.length > 10 ){
|
2268 |
+
mapUrl = 'https://maps.google.com/maps?q='+ location;
|
2269 |
+
}
|
2270 |
+
return mapUrl;
|
2271 |
+
},
|
2272 |
+
|
2273 |
+
/**
|
2274 |
+
* Posts List
|
2275 |
+
*
|
2276 |
+
* @since 4.0
|
2277 |
+
*
|
2278 |
+
* @return Array
|
2279 |
+
*/
|
2280 |
+
returnPostList : function(){
|
2281 |
+
var self = this,
|
2282 |
+
customizerSettings = self.customizerFeedData.settings
|
2283 |
+
if(customizerSettings.feedtype == 'reviews'){
|
2284 |
+
return self.reviewsFeedTypeCheck();
|
2285 |
+
}else{
|
2286 |
+
var numberOfPosts = (self.customizerScreens.previewScreen == 'desktop') ? customizerSettings.num : (self.checkNotEmpty(customizerSettings.nummobile) ? customizerSettings.nummobile : customizerSettings.num);
|
2287 |
+
numberOfPosts = self.checkNotEmpty(numberOfPosts) ? numberOfPosts : 0;
|
2288 |
+
return (customizerSettings.feedlayout == 'carousel') ? self.customizerFeedData.posts : self.customizerFeedData.posts.slice(0, numberOfPosts);
|
2289 |
+
}
|
2290 |
+
},
|
2291 |
+
|
2292 |
+
/**
|
2293 |
+
* Create String of Views Rated
|
2294 |
+
*
|
2295 |
+
* @since 4.0
|
2296 |
+
*
|
2297 |
+
* @return Array
|
2298 |
+
*/
|
2299 |
+
processReviewsRated : function(){
|
2300 |
+
var self = this,
|
2301 |
+
settings = self.customizerFeedData.settings,
|
2302 |
+
reviewsratedArray = [],
|
2303 |
+
star5 = self.valueIsEnabled(settings.cff_reviews_rated_5) ? reviewsratedArray.push(5) : reviewsratedArray.splice(reviewsratedArray.indexOf(5)),
|
2304 |
+
star4 = self.valueIsEnabled(settings.cff_reviews_rated_4) ? reviewsratedArray.push(4) : reviewsratedArray.splice(reviewsratedArray.indexOf(4)),
|
2305 |
+
star3 = self.valueIsEnabled(settings.cff_reviews_rated_3) ? reviewsratedArray.push(3) : reviewsratedArray.splice(reviewsratedArray.indexOf(3)),
|
2306 |
+
star2 = self.valueIsEnabled(settings.cff_reviews_rated_2) ? reviewsratedArray.push(2) : reviewsratedArray.splice(reviewsratedArray.indexOf(2)),
|
2307 |
+
star1 = self.valueIsEnabled(settings.cff_reviews_rated_1) ? reviewsratedArray.push(1) : reviewsratedArray.splice(reviewsratedArray.indexOf(1));
|
2308 |
+
self.customizerFeedData.settings.reviewsrated = reviewsratedArray.join(',');
|
2309 |
+
return reviewsratedArray;
|
2310 |
+
},
|
2311 |
+
|
2312 |
+
|
2313 |
+
/**
|
2314 |
+
* Check & Process Reviews Feed Type
|
2315 |
+
*
|
2316 |
+
* @since 4.0
|
2317 |
+
*
|
2318 |
+
* @return Array
|
2319 |
+
*/
|
2320 |
+
reviewsFeedTypeCheck : function(){
|
2321 |
+
var self = this,
|
2322 |
+
reviewArray = [],
|
2323 |
+
reviewsratedArray = self.processReviewsRated();
|
2324 |
+
|
2325 |
+
self.customizerFeedData.posts.forEach( function(review, index) {
|
2326 |
+
if(
|
2327 |
+
(
|
2328 |
+
self.valueIsEnabled(self.customizerFeedData.settings.reviewshidenotext) && self.checkNotEmpty(review.review_text) == true
|
2329 |
+
)
|
2330 |
+
|| !self.valueIsEnabled(self.customizerFeedData.settings.reviewshidenotext)
|
2331 |
+
){
|
2332 |
+
var hasReviewRating = review.rating != undefined && review.rating != null;
|
2333 |
+
if( ( hasReviewRating && reviewsratedArray.includes(review.rating) ) || !hasReviewRating ){
|
2334 |
+
reviewArray.push({
|
2335 |
+
created_time : review.created_time,
|
2336 |
+
recommendation_type : review.recommendation_type,
|
2337 |
+
message : review.review_text,
|
2338 |
+
from : review.reviewer,
|
2339 |
+
rating : review.rating ? review.rating : undefined
|
2340 |
+
});
|
2341 |
+
}
|
2342 |
+
}
|
2343 |
+
});
|
2344 |
+
return reviewArray;
|
2345 |
+
},
|
2346 |
+
|
2347 |
+
|
2348 |
+
/**
|
2349 |
+
* HTML Entities
|
2350 |
+
*
|
2351 |
+
* @since 4.0
|
2352 |
+
*
|
2353 |
+
* @return String
|
2354 |
+
*/
|
2355 |
+
htmlEntities : function (str) {
|
2356 |
+
return String(str).replace(/&/g, '&').replace(/</g, '<').replace(/>/g, '>').replace(/"/g, '"');
|
2357 |
+
},
|
2358 |
+
|
2359 |
+
/**
|
2360 |
+
* Check Process Post Image
|
2361 |
+
*
|
2362 |
+
* @since 4.0
|
2363 |
+
*/
|
2364 |
+
checkProcessPostImage : function( post ){
|
2365 |
+
var self = this,
|
2366 |
+
showImage = self.customizerFeedData.settings.include.includes('media') && (post.status_type == 'added_photos' || post.status_type == 'created_event' || self.customizerFeedData.settings.feedtype == 'events');
|
2367 |
+
imageExist = self.hasOwnNestedProperty(post, 'full_picture') ? true : ( self.hasOwnNestedProperty(post , 'attachments.data') && post.attachments.data[0] && post.attachments.data[0].media ? true : false);
|
2368 |
+
if( self.customizerFeedData.settings.feedtype == 'events' ){
|
2369 |
+
imageExist = self.hasOwnNestedProperty(post, 'cover.source');
|
2370 |
+
}
|
2371 |
+
return imageExist && showImage;
|
2372 |
+
},
|
2373 |
+
|
2374 |
+
/**
|
2375 |
+
* Process Post Image Source
|
2376 |
+
*
|
2377 |
+
* @since 4.0
|
2378 |
+
*/
|
2379 |
+
processPostImageSrc : function( post ){
|
2380 |
+
var self = this;
|
2381 |
+
if(self.customizerFeedData.settings.feedtype == 'events' && self.hasOwnNestedProperty(post, 'cover.source') ){
|
2382 |
+
return post.cover.source;
|
2383 |
+
}
|
2384 |
+
return self.hasOwnNestedProperty(post, 'full_picture') ? post.full_picture : post.attachments.data[0].media.image.src
|
2385 |
+
},
|
2386 |
+
|
2387 |
+
/**
|
2388 |
+
* Process Video LightBox
|
2389 |
+
*
|
2390 |
+
* @since 4.0
|
2391 |
+
*/
|
2392 |
+
processPostVideoSrc : function( singlePost ){
|
2393 |
+
var self = this,
|
2394 |
+
videoInfo = self.processIframeAndLinkAndVideo( singlePost ),
|
2395 |
+
videoSource = null;
|
2396 |
+
if( self.hasOwnNestedProperty( videoInfo, 'type' ) ){
|
2397 |
+
switch (videoInfo.type) {
|
2398 |
+
case 'embed':
|
2399 |
+
videoSource = self.hasOwnNestedProperty(videoInfo, 'url') ? videoInfo.url : null;
|
2400 |
+
break;
|
2401 |
+
case 'video':
|
2402 |
+
videoSource = self.hasOwnNestedProperty(videoInfo, 'args.unshimmedUrl') ? 'https://www.facebook.com/v2.3/plugins/video.php?href=' + videoInfo.args.unshimmedUrl : null;
|
2403 |
+
break;
|
2404 |
+
}
|
2405 |
+
}
|
2406 |
+
return videoSource;
|
2407 |
+
},
|
2408 |
+
|
2409 |
+
|
2410 |
+
|
2411 |
+
/**
|
2412 |
+
* Print Album Attachment Number
|
2413 |
+
*
|
2414 |
+
* @since 4.0
|
2415 |
+
*/
|
2416 |
+
printAlbumImageNumberOverlay : function(subAttachmentsArray){
|
2417 |
+
return '+' + (subAttachmentsArray.length - 3).toString();
|
2418 |
+
},
|
2419 |
+
|
2420 |
+
/**
|
2421 |
+
* Print Element Overlay
|
2422 |
+
*
|
2423 |
+
* @since 4.0
|
2424 |
+
*/
|
2425 |
+
getPostElementOverlay : function( singlePost ){
|
2426 |
+
var self = this,
|
2427 |
+
postType = self.getPostTypeTimeline(singlePost),
|
2428 |
+
activeImage = null,
|
2429 |
+
videoSource = null,
|
2430 |
+
domBody = document.getElementsByTagName("body")[0];
|
2431 |
+
/*
|
2432 |
+
videos
|
2433 |
+
links
|
2434 |
+
photos
|
2435 |
+
albums
|
2436 |
+
events
|
2437 |
+
*/
|
2438 |
+
switch (postType) {
|
2439 |
+
case 'photos':
|
2440 |
+
activeImage = self.processPostImageSrc(singlePost);
|
2441 |
+
break;
|
2442 |
+
case 'albums':
|
2443 |
+
activeImage = self.processPostImageSrc(singlePost);
|
2444 |
+
break;
|
2445 |
+
case 'events':
|
2446 |
+
activeImage = self.processPostImageSrc(singlePost);
|
2447 |
+
break;
|
2448 |
+
case 'videos' :
|
2449 |
+
postType = 'videos';
|
2450 |
+
videoSource = self.processPostVideoSrc(singlePost);
|
2451 |
+
break;
|
2452 |
+
}
|
2453 |
+
if(self.customizerFeedData.settings.feedtype == 'videos'){
|
2454 |
+
postType = 'embed_videos';
|
2455 |
+
videoSource = singlePost.embed_html;
|
2456 |
+
}
|
2457 |
+
|
2458 |
+
self.lightBox = {
|
2459 |
+
visibility : 'shown',
|
2460 |
+
type : postType,
|
2461 |
+
post : singlePost,
|
2462 |
+
activeImage : activeImage,
|
2463 |
+
albumIndex : 0,
|
2464 |
+
videoSource : videoSource
|
2465 |
+
};
|
2466 |
+
|
2467 |
+
document.body.scrollTop = 0;
|
2468 |
+
document.documentElement.scrollTop = 0;
|
2469 |
+
domBody.classList.add("no-overflow");
|
2470 |
+
cffBuilder.$forceUpdate();
|
2471 |
+
|
2472 |
+
},
|
2473 |
+
|
2474 |
+
|
2475 |
+
/**
|
2476 |
+
* Print Element Overlay
|
2477 |
+
*
|
2478 |
+
* @since 4.0
|
2479 |
+
*/
|
2480 |
+
hideLightBox : function(){
|
2481 |
+
var self = this,
|
2482 |
+
domBody = document.getElementsByTagName("body")[0];
|
2483 |
+
domBody.classList.remove("no-overflow");
|
2484 |
+
self.lightBox = {
|
2485 |
+
visibility : 'hidden',
|
2486 |
+
type : null,
|
2487 |
+
post : null,
|
2488 |
+
activeImage : null,
|
2489 |
+
albumIndex : 0,
|
2490 |
+
videoSource : null
|
2491 |
+
};
|
2492 |
+
self.dummyLightBoxData.visibility = 'hidden';
|
2493 |
+
cffBuilder.$forceUpdate();
|
2494 |
+
},
|
2495 |
+
|
2496 |
+
/**
|
2497 |
+
* Switch Album Image onLick
|
2498 |
+
*
|
2499 |
+
* @since 4.0
|
2500 |
+
*/
|
2501 |
+
switchLightboxAlbumImage : function(imageSource, imageIndex){
|
2502 |
+
var self = this;
|
2503 |
+
self.lightBox.activeImage = imageSource;
|
2504 |
+
self.lightBox.albumIndex = imageIndex;
|
2505 |
+
cffBuilder.$forceUpdate();
|
2506 |
+
},
|
2507 |
+
|
2508 |
+
/**
|
2509 |
+
* Navigate Album Image
|
2510 |
+
* Next / Previous
|
2511 |
+
* @since 4.0
|
2512 |
+
*/
|
2513 |
+
navigateLightboxAlbumImage : function(navType, images){
|
2514 |
+
var self = this,
|
2515 |
+
activeIndex = (navType == 'prev') ? ( self.lightBox.albumIndex === 0 ? images.length - 1 : self.lightBox.albumIndex - 1 ) : (self.lightBox.albumIndex === images.length - 1 ? 0 : self.lightBox.albumIndex + 1 );
|
2516 |
+
self.lightBox.albumIndex = activeIndex;
|
2517 |
+
self.lightBox.activeImage = images[activeIndex].media.image.src;
|
2518 |
+
cffBuilder.$forceUpdate();
|
2519 |
+
},
|
2520 |
+
|
2521 |
+
/**
|
2522 |
+
* Print Post Text
|
2523 |
+
*
|
2524 |
+
* @since 4.0
|
2525 |
+
*
|
2526 |
+
* @return String
|
2527 |
+
*/
|
2528 |
+
printPostText : function( post, fullText = false ){
|
2529 |
+
var self = this,
|
2530 |
+
postText = post.message ? post.message : (post.description ? post.description : ''),
|
2531 |
+
postText = ( !self.checkNotEmpty(postText) && self.getPostTypeTimeline(post) == 'links' && self.hasOwnNestedProperty( self.processIframeAndLinkAndVideo( post ), 'args.title' ) ) ?
|
2532 |
+
self.processIframeAndLinkAndVideo( post ).args.title : postText,
|
2533 |
+
|
2534 |
+
//postVideoEmbed = self.processIframeAndLink( post, postText ),
|
2535 |
+
postText = (!fullText && postText != null) ? postText.substring(0, self.customizerFeedData.settings.textlength) : postText,
|
2536 |
+
postTags = post.message_tags ? post.message_tags : null,
|
2537 |
+
postText = ( !self.valueIsEnabled(self.customizerFeedData.settings.textlink) ) ? self.processPostTags( self.processPostUrls( self.processNewLine( postText ) ), postTags ) : '<a href="https://www.facebook.com/'+post.id+'" target="_blank">' + postText + '</a>';
|
2538 |
+
return postText;
|
2539 |
+
},
|
2540 |
+
|
2541 |
+
/**
|
2542 |
+
* Return Tags Links for Post
|
2543 |
+
*
|
2544 |
+
* @since 4.0
|
2545 |
+
*
|
2546 |
+
* @return String
|
2547 |
+
*/
|
2548 |
+
processPostTags : function( postText, postTags ){
|
2549 |
+
if(postTags !== null){
|
2550 |
+
postTags.forEach( function( singleTag ) {
|
2551 |
+
var regEx = new RegExp(singleTag.name, "ig");
|
2552 |
+
postText = postText.replace(regEx, '<a href="https://facebook.com/' + singleTag.id + '" target="_blank" rel="nofollow">' + singleTag.name + '</a>');
|
2553 |
+
});
|
2554 |
+
}
|
2555 |
+
return postText;
|
2556 |
+
},
|
2557 |
+
|
2558 |
+
/**
|
2559 |
+
* Return Tags Links for Post
|
2560 |
+
*
|
2561 |
+
* @since 4.0
|
2562 |
+
*
|
2563 |
+
* @return String
|
2564 |
+
*/
|
2565 |
+
processPostUrls: function( postText ){
|
2566 |
+
var replacedText,
|
2567 |
+
httpPattern,
|
2568 |
+
wwwPattern,
|
2569 |
+
mailtoPattern;
|
2570 |
+
httpPattern = /(\b(https?|ftp):\/\/[-A-Z0-9+&@#\/%?=~_|!:,.;]*[-A-Z0-9+&@#\/%=~_|])/gim;
|
2571 |
+
replacedText = postText.replace(httpPattern, '<a href="$1" target="_blank">$1</a>');
|
2572 |
+
|
2573 |
+
wwwPattern = /(^|[^\/])(www\.[\S]+(\b|$))/gim;
|
2574 |
+
replacedText = replacedText.replace(wwwPattern, '$1<a href="http://$2" target="_blank">$2</a>');
|
2575 |
+
|
2576 |
+
mailtoPattern = /(([a-zA-Z0-9\-\_\.])+@[a-zA-Z\_]+?(\.[a-zA-Z]{2,6})+)/gim;
|
2577 |
+
replacedText = replacedText.replace(mailtoPattern, '<a href="mailto:$1">$1</a>');
|
2578 |
+
|
2579 |
+
return replacedText
|
2580 |
+
},
|
2581 |
+
|
2582 |
+
/**
|
2583 |
+
* Process New Line Break
|
2584 |
+
*
|
2585 |
+
* @since 4.0
|
2586 |
+
*
|
2587 |
+
* @return String
|
2588 |
+
*/
|
2589 |
+
processNewLine : function( postText ){
|
2590 |
+
return postText.replace(/(?:\r\n|\r|\n)/g, '<br />');
|
2591 |
+
},
|
2592 |
+
|
2593 |
+
/**
|
2594 |
+
* Create iFrame & External Link & Video
|
2595 |
+
*
|
2596 |
+
* @since 4.0
|
2597 |
+
*
|
2598 |
+
* @return array
|
2599 |
+
*/
|
2600 |
+
processIframeAndLinkAndVideo : function( post ){
|
2601 |
+
var self = this,
|
2602 |
+
postText = post.message ? post.message : (post.description ? post.description : ''),
|
2603 |
+
videoOrLink = self.processVideoAndLink( post );
|
2604 |
+
|
2605 |
+
if( videoOrLink != false && self.hasOwnNestedProperty(videoOrLink, 'args.unshimmedUrl') && videoOrLink.args.unshimmedUrl != null){
|
2606 |
+
//Youtube Process
|
2607 |
+
var regExpYoutube = /^.*(youtu.be\/|v\/|u\/\w\/|embed\/|watch\?v=|&v=)([^#&?]*).*/,
|
2608 |
+
matchYoutube = videoOrLink.args.unshimmedUrl.match(regExpYoutube),
|
2609 |
+
youtubeID = (matchYoutube && matchYoutube[2].split(' ')[0].length === 11) ? matchYoutube[2].split(' ')[0] : null;
|
2610 |
+
|
2611 |
+
//Vimeo Process
|
2612 |
+
var regExpVimeo = /vimeo.*\/(\d+)/i ,
|
2613 |
+
matchVimeo = regExpVimeo.exec( videoOrLink.args.unshimmedUrl ),
|
2614 |
+
vimeoID = (matchVimeo && matchVimeo[1]) ? matchVimeo[1] : null;
|
2615 |
+
|
2616 |
+
//Soundcloud Process
|
2617 |
+
const regExpSoundCloud = /^.*(?:(https?):\/\/)?(?:(?:www|m)\.)?(soundcloud\.com|snd\.sc)\/(.*).*/,
|
2618 |
+
matchSoundCloud = videoOrLink.args.unshimmedUrl.match(regExpSoundCloud),
|
2619 |
+
soundCloudUrl = (matchSoundCloud && matchSoundCloud[2]) ? matchSoundCloud[3].split(' ')[0] : null;
|
2620 |
+
|
2621 |
+
//Spotify Process
|
2622 |
+
var regExpSpotify = /^.*((open|play)\.spotify\.com\/)([^#&?]*).*/,
|
2623 |
+
matchSpotify = videoOrLink.args.unshimmedUrl.match(regExpSpotify);
|
2624 |
+
spotifyUrl = (matchSpotify && matchSpotify[2]) ? matchSpotify[3].split(' ')[0] : null;
|
2625 |
+
|
2626 |
+
if(youtubeID != null){
|
2627 |
+
return {
|
2628 |
+
'type' : 'embed',
|
2629 |
+
'url' : 'https://www.youtube.com/embed/' + youtubeID,
|
2630 |
+
'site' : 'video'
|
2631 |
+
};
|
2632 |
+
}else if( vimeoID != null ){
|
2633 |
+
return {
|
2634 |
+
'type' : 'embed',
|
2635 |
+
'url' : '//player.vimeo.com/video/'+vimeoID,
|
2636 |
+
'site' : 'video'
|
2637 |
+
};
|
2638 |
+
}else if(soundCloudUrl != null){
|
2639 |
+
return {
|
2640 |
+
'type' : 'embed',
|
2641 |
+
'url' : 'https://w.soundcloud.com/player/?url=https://soundcloud.com/'+soundCloudUrl+'&auto_play=false&hide_related=true&show_comments=false&show_user=true&show_reposts=false&visual=false',
|
2642 |
+
'site' : 'soundcloud'
|
2643 |
+
};
|
2644 |
+
}else if( spotifyUrl != null){
|
2645 |
+
return {
|
2646 |
+
'type' : 'embed',
|
2647 |
+
'url' : 'https://open.spotify.com/embed/'+spotifyUrl,
|
2648 |
+
'site' : 'spotify'
|
2649 |
+
};
|
2650 |
+
}
|
2651 |
+
}
|
2652 |
+
|
2653 |
+
return videoOrLink;
|
2654 |
+
},
|
2655 |
+
|
2656 |
+
|
2657 |
+
/**
|
2658 |
+
* Process Video & External Link
|
2659 |
+
*
|
2660 |
+
* @since 4.0
|
2661 |
+
*
|
2662 |
+
* @return array
|
2663 |
+
*/
|
2664 |
+
processVideoAndLink : function( post ){
|
2665 |
+
var self = this;
|
2666 |
+
if( self.hasOwnNestedProperty(post, 'attachments.data') && post.attachments.data[0] ){
|
2667 |
+
if( post.attachments.data[0] && ( post.attachments.data[0].media_type === 'link' || post.attachments.data[0].media_type === 'video' ) ){
|
2668 |
+
var dataObject = post.attachments.data[0];
|
2669 |
+
switch (dataObject.media_type) {
|
2670 |
+
case 'video':
|
2671 |
+
var domain = (self.hasOwnNestedProperty( dataObject, 'unshimmed_url')) ? (new URL(dataObject.unshimmed_url)).hostname : null;
|
2672 |
+
return {
|
2673 |
+
'type' : 'video',
|
2674 |
+
'args' : {
|
2675 |
+
'title' : self.hasOwnNestedProperty( dataObject, 'title' ) ? dataObject.title : null,
|
2676 |
+
'description' : self.hasOwnNestedProperty( dataObject, 'description') ? dataObject.description : null,
|
2677 |
+
'source' : self.hasOwnNestedProperty( dataObject, 'media.source') ? dataObject.media.source : null,
|
2678 |
+
'poster' : self.hasOwnNestedProperty( dataObject, 'media.image.src') ? dataObject.media.image.src : null,
|
2679 |
+
'unshimmedUrl' : self.hasOwnNestedProperty( dataObject, 'unshimmed_url') ? dataObject.unshimmed_url : null,
|
2680 |
+
'domain' : domain
|
2681 |
+
}
|
2682 |
+
};
|
2683 |
+
break;
|
2684 |
+
case 'link':
|
2685 |
+
var domain = (self.hasOwnNestedProperty( dataObject, 'unshimmed_url')) ? (new URL(dataObject.unshimmed_url)).hostname : null;
|
2686 |
+
return {
|
2687 |
+
'type' : 'link',
|
2688 |
+
'args' : {
|
2689 |
+
'title' : self.hasOwnNestedProperty( dataObject, 'title' ) ? dataObject.title : null,
|
2690 |
+
'description' : self.hasOwnNestedProperty( dataObject, 'description') ? dataObject.description : null,
|
2691 |
+
'poster' : self.hasOwnNestedProperty( post, 'full_picture') ? post.full_picture : null,
|
2692 |
+
'unshimmedUrl' : self.hasOwnNestedProperty( dataObject, 'unshimmed_url') ? dataObject.unshimmed_url : null,
|
2693 |
+
'domain' : domain
|
2694 |
+
}
|
2695 |
+
};
|
2696 |
+
break;
|
2697 |
+
}
|
2698 |
+
}
|
2699 |
+
}else if(post.embed_html){
|
2700 |
+
return {
|
2701 |
+
'type' : 'video',
|
2702 |
+
'args' : {
|
2703 |
+
'title' : self.hasOwnNestedProperty( post, 'title' ) ? post.title : null,
|
2704 |
+
'source' : self.hasOwnNestedProperty( post, 'source') ? post.source : null,
|
2705 |
+
'poster' : self.hasOwnNestedProperty( post, 'format') ? post.format[post.format.length - 1].picture : null,
|
2706 |
+
'unshimmedUrl' : self.hasOwnNestedProperty( post, 'from.id') && self.hasOwnNestedProperty( post, 'id') ? 'https://www.facebook.com/'+post.from.id+'/videos/'+ post.id +'/' : null
|
2707 |
+
}
|
2708 |
+
};
|
2709 |
+
}
|
2710 |
+
|
2711 |
+
return false;
|
2712 |
+
},
|
2713 |
+
|
2714 |
+
/**
|
2715 |
+
* Get Post Type
|
2716 |
+
*
|
2717 |
+
* @since 4.0
|
2718 |
+
*
|
2719 |
+
* @return string
|
2720 |
+
*/
|
2721 |
+
getPostTypeTimeline : function( post ){
|
2722 |
+
var self = this,
|
2723 |
+
postType = (post.message) ? 'statuses' : (post.description ? 'statuses' : 'empty');
|
2724 |
+
if( self.hasOwnNestedProperty(post, 'attachments.data') && post.attachments.data[0] ){
|
2725 |
+
if( post.attachments.data[0].media_type ){
|
2726 |
+
switch (post.attachments.data[0].media_type) {
|
2727 |
+
case 'video':
|
2728 |
+
postType = 'videos';
|
2729 |
+
break;
|
2730 |
+
case 'link':
|
2731 |
+
postType = 'links';
|
2732 |
+
break;
|
2733 |
+
case 'photo':
|
2734 |
+
postType = 'photos';
|
2735 |
+
break;
|
2736 |
+
case 'album':
|
2737 |
+
postType = 'albums';
|
2738 |
+
break;
|
2739 |
+
case 'event':
|
2740 |
+
postType = 'events';
|
2741 |
+
break;
|
2742 |
+
}
|
2743 |
+
}
|
2744 |
+
}
|
2745 |
+
return postType;
|
2746 |
+
},
|
2747 |
+
|
2748 |
+
/**
|
2749 |
+
* Show or Hide Post Depending on settings
|
2750 |
+
*
|
2751 |
+
* @since 4.0
|
2752 |
+
*
|
2753 |
+
* @return bool
|
2754 |
+
*/
|
2755 |
+
checkShowPost : function( post ){
|
2756 |
+
var self = this,
|
2757 |
+
feedType = self.customizerFeedData.settings.feedtype,
|
2758 |
+
type = self.customizerFeedData.settings.type,
|
2759 |
+
postType = self.getPostTypeTimeline( post ),
|
2760 |
+
showPost = true;
|
2761 |
+
//'links,events,videos,photos,albums,statuses',
|
2762 |
+
if(feedType == 'timeline'){
|
2763 |
+
showPost = type.includes( postType );
|
2764 |
+
}
|
2765 |
+
return showPost;
|
2766 |
+
},
|
2767 |
+
|
2768 |
+
|
2769 |
+
/**
|
2770 |
+
* Process Photos Feedtype => Single Image Source
|
2771 |
+
*
|
2772 |
+
* @since 4.0
|
2773 |
+
*
|
2774 |
+
* @return string
|
2775 |
+
*/
|
2776 |
+
processPhotoSource : function( post ){
|
2777 |
+
var pictureSourceFallBack = 'https://graph.facebook.com/'+ post.id +'/picture?type=normal&width=9999&height=9999&access_token=' + (this.customizerFeedData.settings.sources[0] != undefined) ? this.customizerFeedData.settings.sources[0].access_token : '',
|
2778 |
+
pictureSrc = ( post.images && post.images[0] && post.images[0].source) ? post.images[0].source : pictureSourceFallBack;
|
2779 |
+
if(post.images){
|
2780 |
+
var currentWidth = 0;
|
2781 |
+
post.images.forEach( function(singleImage) {
|
2782 |
+
if( singleImage.width > 500 && singleImage.width < 900 && currentWidth < singleImage.width){
|
2783 |
+
pictureSrc = singleImage.source;
|
2784 |
+
currentWidth = singleImage.width;
|
2785 |
+
}
|
2786 |
+
});
|
2787 |
+
}
|
2788 |
+
return pictureSrc;
|
2789 |
+
},
|
2790 |
+
|
2791 |
+
|
2792 |
+
/**
|
2793 |
+
* Process Video Source Image
|
2794 |
+
* Videos Feed Type
|
2795 |
+
* @since 4.0
|
2796 |
+
*
|
2797 |
+
* @return string
|
2798 |
+
*/
|
2799 |
+
processVideosFeedImage : function( videoPost ){
|
2800 |
+
var self = this,
|
2801 |
+
pictureSrc = '';
|
2802 |
+
if( self.hasOwnNestedProperty(videoPost, 'format') && Array.isArray(videoPost.format) ){
|
2803 |
+
pictureSrc = videoPost.format[videoPost.format.length - 1].picture;
|
2804 |
+
}
|
2805 |
+
return pictureSrc;
|
2806 |
+
},
|
2807 |
+
|
2808 |
+
|
2809 |
+
/**
|
2810 |
+
* Print Expand Text
|
2811 |
+
*
|
2812 |
+
* @since 4.0
|
2813 |
+
*
|
2814 |
+
* @return String
|
2815 |
+
*/
|
2816 |
+
printExpandText : function( postID ){
|
2817 |
+
var self = this;
|
2818 |
+
return self.expandedPostText.includes(postID) ? self.translatedText.seeLessText : self.translatedText.seeMoreText;
|
2819 |
+
},
|
2820 |
+
|
2821 |
+
/**
|
2822 |
+
* Print Expand Text
|
2823 |
+
*
|
2824 |
+
* @since 4.0
|
2825 |
+
*/
|
2826 |
+
expandPostText : function( postID ){
|
2827 |
+
var self = this;
|
2828 |
+
if(self.expandedPostText.includes(postID)){
|
2829 |
+
self.expandedPostText.splice(self.expandedPostText.indexOf(postID), 1);
|
2830 |
+
}else{
|
2831 |
+
self.expandedPostText.push(postID);
|
2832 |
+
}
|
2833 |
+
setTimeout(function(){
|
2834 |
+
self.generateMasonryGridHeight('update');
|
2835 |
+
}, 100)
|
2836 |
+
cffBuilder.$forceUpdate();
|
2837 |
+
|
2838 |
+
},
|
2839 |
+
|
2840 |
+
/**
|
2841 |
+
* Return Likebox Iframe
|
2842 |
+
*
|
2843 |
+
* @since 4.0
|
2844 |
+
*
|
2845 |
+
* @return String
|
2846 |
+
*/
|
2847 |
+
displayLikeBoxIframe : function(){
|
2848 |
+
var self = this,
|
2849 |
+
pageID = self.hasOwnNestedProperty(self.customizerFeedData, 'header.id') ? self.customizerFeedData.header.id : null,
|
2850 |
+
settings = self.customizerFeedData.settings,
|
2851 |
+
likeBoxWidth = self.valueIsEnabled(settings.likeboxcustomwidth) && self.checkNotEmpty(settings.likeboxcustomwidth) ? settings.likeboxwidth : 300,
|
2852 |
+
iframeURL = 'https://www.facebook.com/'+pageID+'/tabs&width=' + likeBoxWidth +
|
2853 |
+
'&small_header=' + self.valueIsEnabled(settings.likeboxsmallheader) +
|
2854 |
+
'&adapt_container_width=true' +
|
2855 |
+
'&hide_cover=' + !self.valueIsEnabled(settings.likeboxcover) +
|
2856 |
+
'&hide_cta=' + self.valueIsEnabled(settings.likeboxhidebtn) +
|
2857 |
+
'&show_facepile=' + self.valueIsEnabled(settings.likeboxfaces) +
|
2858 |
+
'&locale=' + settings.locale;
|
2859 |
+
return 'https://www.facebook.com/plugins/page.php?href='+iframeURL;
|
2860 |
+
},
|
2861 |
+
|
2862 |
+
/**
|
2863 |
+
* Single Post & Feature Post Holder Areas
|
2864 |
+
*
|
2865 |
+
* @since 4.0
|
2866 |
+
*/
|
2867 |
+
singleHolderParams : function(){
|
2868 |
+
var self = this,
|
2869 |
+
postsLength = self.customizerFeedData.posts ? self.customizerFeedData.posts.length : 0;
|
2870 |
+
holderIcon = '',
|
2871 |
+
holderHeading = '',
|
2872 |
+
holderText = '',
|
2873 |
+
settings = self.customizerFeedData.settings;
|
2874 |
+
|
2875 |
+
if( settings.feedtype == 'singlealbum' ){
|
2876 |
+
holderIcon = self.checkNotEmpty(settings.album) && postsLength == 0 ? self.svgIcons['issueSinglePreview'] : self.svgIcons['albumsPreview'];
|
2877 |
+
holderHeading = self.checkNotEmpty(settings.album) && postsLength == 0 ? self.addFeaturedAlbumScreen.couldNotFetch : self.addFeaturedAlbumScreen.previewHeading;
|
2878 |
+
holderText = self.checkNotEmpty(settings.album) && postsLength == 0 ? self.addFeaturedAlbumScreen.unablePreview : self.addFeaturedAlbumScreen.previewText;
|
2879 |
+
}
|
2880 |
+
if( settings.feedtype == 'featuredpost' ){
|
2881 |
+
holderIcon = self.checkNotEmpty(settings.featuredpost) && postsLength == 0 ? self.svgIcons['issueSinglePreview'] : self.svgIcons['featuredPostPreview'];
|
2882 |
+
holderHeading = self.checkNotEmpty(settings.featuredpost) && postsLength == 0 ? self.addFeaturedPostScreen.couldNotFetch : self.addFeaturedPostScreen.previewHeading;
|
2883 |
+
holderText = self.checkNotEmpty(settings.featuredpost) && postsLength == 0 ? self.addFeaturedPostScreen.unablePreview : self.addFeaturedPostScreen.previewText;
|
2884 |
+
}
|
2885 |
+
|
2886 |
+
return {
|
2887 |
+
icon : holderIcon,
|
2888 |
+
heading : holderHeading,
|
2889 |
+
text : holderText
|
2890 |
+
};
|
2891 |
+
|
2892 |
+
},
|
2893 |
+
|
2894 |
+
/**
|
2895 |
+
* Toggle Social Share Tooltip
|
2896 |
+
*
|
2897 |
+
* @since 4.0
|
2898 |
+
*/
|
2899 |
+
toggleSocialShareTooltip : function( postID ){
|
2900 |
+
var self = this;
|
2901 |
+
self.showedSocialShareTooltip = (self.showedSocialShareTooltip === postID) ? null : postID;
|
2902 |
+
cffBuilder.$forceUpdate();
|
2903 |
+
},
|
2904 |
+
|
2905 |
+
|
2906 |
+
/**
|
2907 |
+
* Open Dialog Box
|
2908 |
+
*
|
2909 |
+
* @since 4.0
|
2910 |
+
*/
|
2911 |
+
openDialogBox : function(type, args = []){
|
2912 |
+
var self = this,
|
2913 |
+
heading = self.dialogBoxPopupScreen[type].heading,
|
2914 |
+
description = self.dialogBoxPopupScreen[type].description;
|
2915 |
+
switch (type) {
|
2916 |
+
case "deleteSourceCustomizer":
|
2917 |
+
self.sourceToDelete = args;
|
2918 |
+
heading = heading.replace("#", self.sourceToDelete.username);
|
2919 |
+
break;
|
2920 |
+
case "deleteSingleFeed":
|
2921 |
+
self.feedToDelete = args;
|
2922 |
+
heading = heading.replace("#", self.feedToDelete.feed_name);
|
2923 |
+
break;
|
2924 |
+
}
|
2925 |
+
self.dialogBox = {
|
2926 |
+
active : true,
|
2927 |
+
type : type,
|
2928 |
+
heading : heading,
|
2929 |
+
description : description
|
2930 |
+
};
|
2931 |
+
window.event.stopPropagation();
|
2932 |
+
},
|
2933 |
+
|
2934 |
+
|
2935 |
+
/**
|
2936 |
+
* Confirm Dialog Box Actions
|
2937 |
+
*
|
2938 |
+
* @since 4.0
|
2939 |
+
*/
|
2940 |
+
confirmDialogAction : function(){
|
2941 |
+
var self = this;
|
2942 |
+
switch (self.dialogBox.type) {
|
2943 |
+
case 'deleteSourceCustomizer':
|
2944 |
+
self.selectSourceCustomizer(self.sourceToDelete, true);
|
2945 |
+
self.customizerControlAjaxAction('feedFlyPreview');
|
2946 |
+
break;
|
2947 |
+
case 'deleteSingleFeed':
|
2948 |
+
self.feedActionDelete([self.feedToDelete.id]);
|
2949 |
+
break;
|
2950 |
+
case 'deleteMultipleFeeds':
|
2951 |
+
self.feedActionDelete(self.feedsSelected);
|
2952 |
+
break;
|
2953 |
+
case 'backAllToFeed':
|
2954 |
+
window.location = self.builderUrl;
|
2955 |
+
break;
|
2956 |
+
}
|
2957 |
+
},
|
2958 |
+
|
2959 |
+
/*
|
2960 |
+
closeConfirmDialog : function(){
|
2961 |
+
this.sourceToDelete = {};
|
2962 |
+
this.feedToDelete = {};
|
2963 |
+
this.dialogBox = {
|
2964 |
+
active : false,
|
2965 |
+
type : null,
|
2966 |
+
heading : null,
|
2967 |
+
description : null
|
2968 |
+
};
|
2969 |
+
},
|
2970 |
+
*/
|
2971 |
+
|
2972 |
+
/**
|
2973 |
+
* Show Tooltip on Hover
|
2974 |
+
*
|
2975 |
+
* @since 4.0
|
2976 |
+
*/
|
2977 |
+
toggleElementTooltip : function(tooltipText, type, align = 'center'){
|
2978 |
+
var self = this,
|
2979 |
+
target = window.event.currentTarget,
|
2980 |
+
tooltip = (target != undefined && target != null) ? document.querySelector('.sb-control-elem-tltp-content') : null;
|
2981 |
+
if(tooltip != null && type == 'show'){
|
2982 |
+
self.tooltip.text = tooltipText;
|
2983 |
+
var position = target.getBoundingClientRect(),
|
2984 |
+
left = position.left + 7,
|
2985 |
+
top = position.top - 15;
|
2986 |
+
tooltip.style.left = left + 'px';
|
2987 |
+
tooltip.style.top = top + 'px';
|
2988 |
+
tooltip.style.textAlign = align;
|
2989 |
+
self.tooltip.hover = true;
|
2990 |
+
}
|
2991 |
+
if(type == 'hide'){
|
2992 |
+
setTimeout(function(){
|
2993 |
+
if(self.tooltip.hoverType != 'inside'){
|
2994 |
+
self.tooltip.hover = false;
|
2995 |
+
}
|
2996 |
+
}, 200)
|
2997 |
+
}
|
2998 |
+
},
|
2999 |
+
|
3000 |
+
/**
|
3001 |
+
* Hover Tooltip
|
3002 |
+
*
|
3003 |
+
* @since 4.0
|
3004 |
+
*/
|
3005 |
+
hoverTooltip : function(type, hoverType){
|
3006 |
+
this.tooltip.hover = type;
|
3007 |
+
this.tooltip.hoverType = hoverType;
|
3008 |
+
},
|
3009 |
+
|
3010 |
+
/**
|
3011 |
+
* Loading Bar & Notification
|
3012 |
+
*
|
3013 |
+
* @since 4.0
|
3014 |
+
*/
|
3015 |
+
processNotification : function( notificationType ){
|
3016 |
+
var self = this,
|
3017 |
+
notification = self.genericText.notification[ notificationType ];
|
3018 |
+
self.loadingBar = false;
|
3019 |
+
self.notificationElement = {
|
3020 |
+
type : notification.type,
|
3021 |
+
text : notification.text,
|
3022 |
+
shown : "shown"
|
3023 |
+
};
|
3024 |
+
setTimeout(function(){
|
3025 |
+
self.notificationElement.shown = "hidden";
|
3026 |
+
}, 5000);
|
3027 |
+
},
|
3028 |
+
|
3029 |
+
ctaToggleFeatures: function() {
|
3030 |
+
this.freeCtaShowFeatures = !this.freeCtaShowFeatures;
|
3031 |
+
}
|
3032 |
+
|
3033 |
+
}
|
3034 |
+
|
3035 |
+
});
|
3036 |
+
|
3037 |
+
|
admin/builder/assets/js/confirm-dialog.js
ADDED
@@ -0,0 +1,56 @@
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
1 |
+
/**
|
2 |
+
* Confirm Dialog Box Popup
|
3 |
+
*
|
4 |
+
* @since 4.0
|
5 |
+
*/
|
6 |
+
Vue.component('sb-confirm-dialog-component', {
|
7 |
+
name: 'sb-confirm-dialog-component',
|
8 |
+
template: '#sb-confirm-dialog-component',
|
9 |
+
props: [
|
10 |
+
'dialogBox',
|
11 |
+
'sourceToDelete',
|
12 |
+
'genericText',
|
13 |
+
'svgIcons',
|
14 |
+
'parentType',
|
15 |
+
'parent'
|
16 |
+
],
|
17 |
+
computed : {
|
18 |
+
dialogBoxElement :function(){
|
19 |
+
return this.dialogBox;
|
20 |
+
}
|
21 |
+
},
|
22 |
+
methods : {
|
23 |
+
|
24 |
+
|
25 |
+
/**
|
26 |
+
* Confirm Dialog Box
|
27 |
+
*
|
28 |
+
* @since 4.0
|
29 |
+
*/
|
30 |
+
confirmDialogAction : function(){
|
31 |
+
var self = this;
|
32 |
+
self.$parent.confirmDialogAction();
|
33 |
+
self.closeConfirmDialog();
|
34 |
+
},
|
35 |
+
|
36 |
+
/**
|
37 |
+
* Close Dialog Box
|
38 |
+
*
|
39 |
+
* @since 4.0
|
40 |
+
*/
|
41 |
+
closeConfirmDialog : function(){
|
42 |
+
var self = this;
|
43 |
+
if( self.parentType == 'builder' ){
|
44 |
+
self.$parent.sourceToDelete = {};
|
45 |
+
self.$parent.feedToDelete = {};
|
46 |
+
}
|
47 |
+
var dialogBox = {
|
48 |
+
active : false,
|
49 |
+
type : null,
|
50 |
+
heading : null,
|
51 |
+
description : null
|
52 |
+
};
|
53 |
+
self.$emit('update:dialogBox', dialogBox)
|
54 |
+
},
|
55 |
+
}
|
56 |
+
});
|
admin/builder/assets/js/date_i18n.js
ADDED
@@ -0,0 +1 @@
|
|
Â
|
1 |
+
function date_i18n(n,t){function e(n,t){return i[n]?i[n]():t}function r(n,t){for(n=String(n);n.length<t;)n="0"+n;return n}var u,o=/\\?(.?)/gi,i={d:function(){return r(i.j(),2)},D:function(){return DATE_I18N.day_names_short[i.w()]},j:function(){return u.getDate()},l:function(){return DATE_I18N.day_names[i.w()]},N:function(){return i.w()||7},S:function(){var n=i.j(),t=n%10;return t<=3&&1==parseInt(n%100/10,10)&&(t=0),["st","nd","rd"][t-1]||"th"},w:function(){return u.getDay()},z:function(){var n=new Date(i.Y(),i.n()-1,i.j()),t=new Date(i.Y(),0,1);return Math.round((n-t)/864e5)},W:function(){var n=new Date(i.Y(),i.n()-1,i.j()-i.N()+3),t=new Date(n.getFullYear(),0,4);return r(1+Math.round((n-t)/864e5/7),2)},F:function(){return DATE_I18N.month_names[i.n()-1]},m:function(){return r(i.n(),2)},M:function(){return DATE_I18N.month_names_short[i.n()-1]},n:function(){return u.getMonth()+1},t:function(){return new Date(i.Y(),i.n(),0).getDate()},L:function(){var n=i.Y();return n%4==0&n%100!=0|n%400==0},o:function(){var n=i.n(),t=i.W();return i.Y()+(12===n&&t<9?1:1===n&&9<t?-1:0)},Y:function(){return u.getFullYear()},y:function(){return i.Y().toString().slice(-2)},a:function(){return 11<u.getHours()?"pm":"am"},A:function(){return i.a().toUpperCase()},B:function(){var n=3600*u.getUTCHours(),t=60*u.getUTCMinutes(),e=u.getUTCSeconds();return r(Math.floor((n+t+e+3600)/86.4)%1e3,3)},g:function(){return i.G()%12||12},G:function(){return u.getHours()},h:function(){return r(i.g(),2)},H:function(){return r(i.G(),2)},i:function(){return r(u.getMinutes(),2)},s:function(){return r(u.getSeconds(),2)},u:function(){return r(1e3*u.getMilliseconds(),6)},e:function(){throw"Not supported (see source code of date() for timezone on how to add support)"},I:function(){return new Date(i.Y(),0)-Date.UTC(i.Y(),0)!=new Date(i.Y(),6)-Date.UTC(i.Y(),6)?1:0},O:function(){var n=u.getTimezoneOffset(),t=Math.abs(n);return(0<n?"-":"+")+r(100*Math.floor(t/60)+t%60,4)},P:function(){var n=i.O();return n.substr(0,3)+":"+n.substr(3,2)},T:function(){return"UTC"},Z:function(){return 60*-u.getTimezoneOffset()},c:function(){return"Y-m-d\\TH:i:sP".replace(o,e)},r:function(){return"D, d M Y H:i:s O".replace(o,e)},U:function(){return u/1e3|0}};return this.date=function(n,t){return u=void 0===t?new Date:t instanceof Date?new Date(t):new Date(1e3*t),n.replace(o,e)},this.date(n,t)}
|
admin/builder/assets/js/install-plugin-popup.js
ADDED
@@ -0,0 +1,51 @@
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
1 |
+
/**
|
2 |
+
* Install Plugin Popup Popup
|
3 |
+
*
|
4 |
+
* @since 4.0
|
5 |
+
*/
|
6 |
+
Vue.component('install-plugin-popup', {
|
7 |
+
name: 'install-plugin-popup',
|
8 |
+
template: '#install-plugin-popup',
|
9 |
+
props: [
|
10 |
+
'genericText',
|
11 |
+
'svgIcons',
|
12 |
+
'viewsActive',
|
13 |
+
'plugins'
|
14 |
+
],
|
15 |
+
data: function() {
|
16 |
+
return{
|
17 |
+
installerStatus: null
|
18 |
+
}
|
19 |
+
},
|
20 |
+
methods : {
|
21 |
+
/**
|
22 |
+
* Install or Activate Plugin
|
23 |
+
*
|
24 |
+
* @since 4.0
|
25 |
+
*
|
26 |
+
* @return void
|
27 |
+
*/
|
28 |
+
installOrActivatePlugin : function( plugin, pluginPath, action ){
|
29 |
+
this.installerStatus = 'loading';
|
30 |
+
let data = new FormData();
|
31 |
+
data.append( 'action', action );
|
32 |
+
data.append( 'nonce', cff_builder.nonce );
|
33 |
+
data.append( 'plugin', pluginPath );
|
34 |
+
data.append( 'type', 'plugin' );
|
35 |
+
fetch(cff_builder.ajax_handler, {
|
36 |
+
method: "POST",
|
37 |
+
credentials: 'same-origin',
|
38 |
+
body: data
|
39 |
+
})
|
40 |
+
.then(response => response.json())
|
41 |
+
.then(data => {
|
42 |
+
if( data.success == true ) {
|
43 |
+
this.installerStatus = null;
|
44 |
+
plugin.installed = true;
|
45 |
+
plugin.activated = true;
|
46 |
+
}
|
47 |
+
return;
|
48 |
+
});
|
49 |
+
},
|
50 |
+
},
|
51 |
+
});
|
admin/builder/assets/js/jquery.tooltipster.min.js
ADDED
@@ -0,0 +1,2 @@
|
|
Â
|
|
Â
|
1 |
+
/*! tooltipster v4.2.6 */!function(a,b){"function"==typeof define&&define.amd?define(["jquery"],function(a){return b(a)}):"object"==typeof exports?module.exports=b(require("jquery")):b(jQuery)}(this,function(a){function b(a){this.$container,this.constraints=null,this.__$tooltip,this.__init(a)}function c(b,c){var d=!0;return a.each(b,function(a,e){return void 0===c[a]||b[a]!==c[a]?(d=!1,!1):void 0}),d}function d(b){var c=b.attr("id"),d=c?h.window.document.getElementById(c):null;return d?d===b[0]:a.contains(h.window.document.body,b[0])}function e(){if(!g)return!1;var a=g.document.body||g.document.documentElement,b=a.style,c="transition",d=["Moz","Webkit","Khtml","O","ms"];if("string"==typeof b[c])return!0;c=c.charAt(0).toUpperCase()+c.substr(1);for(var e=0;e<d.length;e++)if("string"==typeof b[d[e]+c])return!0;return!1}var f={animation:"fade",animationDuration:350,content:null,contentAsHTML:!1,contentCloning:!1,debug:!0,delay:300,delayTouch:[300,500],functionInit:null,functionBefore:null,functionReady:null,functionAfter:null,functionFormat:null,IEmin:6,interactive:!1,multiple:!1,parent:null,plugins:["sideTip"],repositionOnScroll:!1,restoration:"none",selfDestruction:!0,theme:[],timer:0,trackerInterval:500,trackOrigin:!1,trackTooltip:!1,trigger:"hover",triggerClose:{click:!1,mouseleave:!1,originClick:!1,scroll:!1,tap:!1,touchleave:!1},triggerOpen:{click:!1,mouseenter:!1,tap:!1,touchstart:!1},updateAnimation:"rotate",zIndex:9999999},g="undefined"!=typeof window?window:null,h={hasTouchCapability:!(!g||!("ontouchstart"in g||g.DocumentTouch&&g.document instanceof g.DocumentTouch||g.navigator.maxTouchPoints)),hasTransitions:e(),IE:!1,semVer:"4.2.6",window:g},i=function(){this.__$emitterPrivate=a({}),this.__$emitterPublic=a({}),this.__instancesLatestArr=[],this.__plugins={},this._env=h};i.prototype={__bridge:function(b,c,d){if(!c[d]){var e=function(){};e.prototype=b;var g=new e;g.__init&&g.__init(c),a.each(b,function(a,b){0!=a.indexOf("__")&&(c[a]?f.debug&&console.log("The "+a+" method of the "+d+" plugin conflicts with another plugin or native methods"):(c[a]=function(){return g[a].apply(g,Array.prototype.slice.apply(arguments))},c[a].bridged=g))}),c[d]=g}return this},__setWindow:function(a){return h.window=a,this},_getRuler:function(a){return new b(a)},_off:function(){return this.__$emitterPrivate.off.apply(this.__$emitterPrivate,Array.prototype.slice.apply(arguments)),this},_on:function(){return this.__$emitterPrivate.on.apply(this.__$emitterPrivate,Array.prototype.slice.apply(arguments)),this},_one:function(){return this.__$emitterPrivate.one.apply(this.__$emitterPrivate,Array.prototype.slice.apply(arguments)),this},_plugin:function(b){var c=this;if("string"==typeof b){var d=b,e=null;return d.indexOf(".")>0?e=c.__plugins[d]:a.each(c.__plugins,function(a,b){return b.name.substring(b.name.length-d.length-1)=="."+d?(e=b,!1):void 0}),e}if(b.name.indexOf(".")<0)throw new Error("Plugins must be namespaced");return c.__plugins[b.name]=b,b.core&&c.__bridge(b.core,c,b.name),this},_trigger:function(){var a=Array.prototype.slice.apply(arguments);return"string"==typeof a[0]&&(a[0]={type:a[0]}),this.__$emitterPrivate.trigger.apply(this.__$emitterPrivate,a),this.__$emitterPublic.trigger.apply(this.__$emitterPublic,a),this},instances:function(b){var c=[],d=b||".tooltipstered";return a(d).each(function(){var b=a(this),d=b.data("tooltipster-ns");d&&a.each(d,function(a,d){c.push(b.data(d))})}),c},instancesLatest:function(){return this.__instancesLatestArr},off:function(){return this.__$emitterPublic.off.apply(this.__$emitterPublic,Array.prototype.slice.apply(arguments)),this},on:function(){return this.__$emitterPublic.on.apply(this.__$emitterPublic,Array.prototype.slice.apply(arguments)),this},one:function(){return this.__$emitterPublic.one.apply(this.__$emitterPublic,Array.prototype.slice.apply(arguments)),this},origins:function(b){var c=b?b+" ":"";return a(c+".tooltipstered").toArray()},setDefaults:function(b){return a.extend(f,b),this},triggerHandler:function(){return this.__$emitterPublic.triggerHandler.apply(this.__$emitterPublic,Array.prototype.slice.apply(arguments)),this}},a.tooltipster=new i,a.Tooltipster=function(b,c){this.__callbacks={close:[],open:[]},this.__closingTime,this.__Content,this.__contentBcr,this.__destroyed=!1,this.__$emitterPrivate=a({}),this.__$emitterPublic=a({}),this.__enabled=!0,this.__garbageCollector,this.__Geometry,this.__lastPosition,this.__namespace="tooltipster-"+Math.round(1e6*Math.random()),this.__options,this.__$originParents,this.__pointerIsOverOrigin=!1,this.__previousThemes=[],this.__state="closed",this.__timeouts={close:[],open:null},this.__touchEvents=[],this.__tracker=null,this._$origin,this._$tooltip,this.__init(b,c)},a.Tooltipster.prototype={__init:function(b,c){var d=this;if(d._$origin=a(b),d.__options=a.extend(!0,{},f,c),d.__optionsFormat(),!h.IE||h.IE>=d.__options.IEmin){var e=null;if(void 0===d._$origin.data("tooltipster-initialTitle")&&(e=d._$origin.attr("title"),void 0===e&&(e=null),d._$origin.data("tooltipster-initialTitle",e)),null!==d.__options.content)d.__contentSet(d.__options.content);else{var g,i=d._$origin.attr("data-tooltip-content");i&&(g=a(i)),g&&g[0]?d.__contentSet(g.first()):d.__contentSet(e)}d._$origin.removeAttr("title").addClass("tooltipstered"),d.__prepareOrigin(),d.__prepareGC(),a.each(d.__options.plugins,function(a,b){d._plug(b)}),h.hasTouchCapability&&a(h.window.document.body).on("touchmove."+d.__namespace+"-triggerOpen",function(a){d._touchRecordEvent(a)}),d._on("created",function(){d.__prepareTooltip()})._on("repositioned",function(a){d.__lastPosition=a.position})}else d.__options.disabled=!0},__contentInsert:function(){var a=this,b=a._$tooltip.find(".tooltipster-content"),c=a.__Content,d=function(a){c=a};return a._trigger({type:"format",content:a.__Content,format:d}),a.__options.functionFormat&&(c=a.__options.functionFormat.call(a,a,{origin:a._$origin[0]},a.__Content)),"string"!=typeof c||a.__options.contentAsHTML?b.empty().append(c):b.text(c),a},__contentSet:function(b){return b instanceof a&&this.__options.contentCloning&&(b=b.clone(!0)),this.__Content=b,this._trigger({type:"updated",content:b}),this},__destroyError:function(){throw new Error("This tooltip has been destroyed and cannot execute your method call.")},__geometry:function(){var b=this,c=b._$origin,d=b._$origin.is("area");if(d){var e=b._$origin.parent().attr("name");c=a('img[usemap="#'+e+'"]')}var f=c[0].getBoundingClientRect(),g=a(h.window.document),i=a(h.window),j=c,k={available:{document:null,window:null},document:{size:{height:g.height(),width:g.width()}},window:{scroll:{left:h.window.scrollX||h.window.document.documentElement.scrollLeft,top:h.window.scrollY||h.window.document.documentElement.scrollTop},size:{height:i.height(),width:i.width()}},origin:{fixedLineage:!1,offset:{},size:{height:f.bottom-f.top,width:f.right-f.left},usemapImage:d?c[0]:null,windowOffset:{bottom:f.bottom,left:f.left,right:f.right,top:f.top}}};if(d){var l=b._$origin.attr("shape"),m=b._$origin.attr("coords");if(m&&(m=m.split(","),a.map(m,function(a,b){m[b]=parseInt(a)})),"default"!=l)switch(l){case"circle":var n=m[0],o=m[1],p=m[2],q=o-p,r=n-p;k.origin.size.height=2*p,k.origin.size.width=k.origin.size.height,k.origin.windowOffset.left+=r,k.origin.windowOffset.top+=q;break;case"rect":var s=m[0],t=m[1],u=m[2],v=m[3];k.origin.size.height=v-t,k.origin.size.width=u-s,k.origin.windowOffset.left+=s,k.origin.windowOffset.top+=t;break;case"poly":for(var w=0,x=0,y=0,z=0,A="even",B=0;B<m.length;B++){var C=m[B];"even"==A?(C>y&&(y=C,0===B&&(w=y)),w>C&&(w=C),A="odd"):(C>z&&(z=C,1==B&&(x=z)),x>C&&(x=C),A="even")}k.origin.size.height=z-x,k.origin.size.width=y-w,k.origin.windowOffset.left+=w,k.origin.windowOffset.top+=x}}var D=function(a){k.origin.size.height=a.height,k.origin.windowOffset.left=a.left,k.origin.windowOffset.top=a.top,k.origin.size.width=a.width};for(b._trigger({type:"geometry",edit:D,geometry:{height:k.origin.size.height,left:k.origin.windowOffset.left,top:k.origin.windowOffset.top,width:k.origin.size.width}}),k.origin.windowOffset.right=k.origin.windowOffset.left+k.origin.size.width,k.origin.windowOffset.bottom=k.origin.windowOffset.top+k.origin.size.height,k.origin.offset.left=k.origin.windowOffset.left+k.window.scroll.left,k.origin.offset.top=k.origin.windowOffset.top+k.window.scroll.top,k.origin.offset.bottom=k.origin.offset.top+k.origin.size.height,k.origin.offset.right=k.origin.offset.left+k.origin.size.width,k.available.document={bottom:{height:k.document.size.height-k.origin.offset.bottom,width:k.document.size.width},left:{height:k.document.size.height,width:k.origin.offset.left},right:{height:k.document.size.height,width:k.document.size.width-k.origin.offset.right},top:{height:k.origin.offset.top,width:k.document.size.width}},k.available.window={bottom:{height:Math.max(k.window.size.height-Math.max(k.origin.windowOffset.bottom,0),0),width:k.window.size.width},left:{height:k.window.size.height,width:Math.max(k.origin.windowOffset.left,0)},right:{height:k.window.size.height,width:Math.max(k.window.size.width-Math.max(k.origin.windowOffset.right,0),0)},top:{height:Math.max(k.origin.windowOffset.top,0),width:k.window.size.width}};"html"!=j[0].tagName.toLowerCase();){if("fixed"==j.css("position")){k.origin.fixedLineage=!0;break}j=j.parent()}return k},__optionsFormat:function(){return"number"==typeof this.__options.animationDuration&&(this.__options.animationDuration=[this.__options.animationDuration,this.__options.animationDuration]),"number"==typeof this.__options.delay&&(this.__options.delay=[this.__options.delay,this.__options.delay]),"number"==typeof this.__options.delayTouch&&(this.__options.delayTouch=[this.__options.delayTouch,this.__options.delayTouch]),"string"==typeof this.__options.theme&&(this.__options.theme=[this.__options.theme]),null===this.__options.parent?this.__options.parent=a(h.window.document.body):"string"==typeof this.__options.parent&&(this.__options.parent=a(this.__options.parent)),"hover"==this.__options.trigger?(this.__options.triggerOpen={mouseenter:!0,touchstart:!0},this.__options.triggerClose={mouseleave:!0,originClick:!0,touchleave:!0}):"click"==this.__options.trigger&&(this.__options.triggerOpen={click:!0,tap:!0},this.__options.triggerClose={click:!0,tap:!0}),this._trigger("options"),this},__prepareGC:function(){var b=this;return b.__options.selfDestruction?b.__garbageCollector=setInterval(function(){var c=(new Date).getTime();b.__touchEvents=a.grep(b.__touchEvents,function(a,b){return c-a.time>6e4}),d(b._$origin)||b.close(function(){b.destroy()})},2e4):clearInterval(b.__garbageCollector),b},__prepareOrigin:function(){var a=this;if(a._$origin.off("."+a.__namespace+"-triggerOpen"),h.hasTouchCapability&&a._$origin.on("touchstart."+a.__namespace+"-triggerOpen touchend."+a.__namespace+"-triggerOpen touchcancel."+a.__namespace+"-triggerOpen",function(b){a._touchRecordEvent(b)}),a.__options.triggerOpen.click||a.__options.triggerOpen.tap&&h.hasTouchCapability){var b="";a.__options.triggerOpen.click&&(b+="click."+a.__namespace+"-triggerOpen "),a.__options.triggerOpen.tap&&h.hasTouchCapability&&(b+="touchend."+a.__namespace+"-triggerOpen"),a._$origin.on(b,function(b){a._touchIsMeaningfulEvent(b)&&a._open(b)})}if(a.__options.triggerOpen.mouseenter||a.__options.triggerOpen.touchstart&&h.hasTouchCapability){var b="";a.__options.triggerOpen.mouseenter&&(b+="mouseenter."+a.__namespace+"-triggerOpen "),a.__options.triggerOpen.touchstart&&h.hasTouchCapability&&(b+="touchstart."+a.__namespace+"-triggerOpen"),a._$origin.on(b,function(b){!a._touchIsTouchEvent(b)&&a._touchIsEmulatedEvent(b)||(a.__pointerIsOverOrigin=!0,a._openShortly(b))})}if(a.__options.triggerClose.mouseleave||a.__options.triggerClose.touchleave&&h.hasTouchCapability){var b="";a.__options.triggerClose.mouseleave&&(b+="mouseleave."+a.__namespace+"-triggerOpen "),a.__options.triggerClose.touchleave&&h.hasTouchCapability&&(b+="touchend."+a.__namespace+"-triggerOpen touchcancel."+a.__namespace+"-triggerOpen"),a._$origin.on(b,function(b){a._touchIsMeaningfulEvent(b)&&(a.__pointerIsOverOrigin=!1)})}return a},__prepareTooltip:function(){var b=this,c=b.__options.interactive?"auto":"";return b._$tooltip.attr("id",b.__namespace).css({"pointer-events":c,zIndex:b.__options.zIndex}),a.each(b.__previousThemes,function(a,c){b._$tooltip.removeClass(c)}),a.each(b.__options.theme,function(a,c){b._$tooltip.addClass(c)}),b.__previousThemes=a.merge([],b.__options.theme),b},__scrollHandler:function(b){var c=this;if(c.__options.triggerClose.scroll)c._close(b);else if(d(c._$origin)&&d(c._$tooltip)){var e=null;if(b.target===h.window.document)c.__Geometry.origin.fixedLineage||c.__options.repositionOnScroll&&c.reposition(b);else{e=c.__geometry();var f=!1;if("fixed"!=c._$origin.css("position")&&c.__$originParents.each(function(b,c){var d=a(c),g=d.css("overflow-x"),h=d.css("overflow-y");if("visible"!=g||"visible"!=h){var i=c.getBoundingClientRect();if("visible"!=g&&(e.origin.windowOffset.left<i.left||e.origin.windowOffset.right>i.right))return f=!0,!1;if("visible"!=h&&(e.origin.windowOffset.top<i.top||e.origin.windowOffset.bottom>i.bottom))return f=!0,!1}return"fixed"==d.css("position")?!1:void 0}),f)c._$tooltip.css("visibility","hidden");else if(c._$tooltip.css("visibility","visible"),c.__options.repositionOnScroll)c.reposition(b);else{var g=e.origin.offset.left-c.__Geometry.origin.offset.left,i=e.origin.offset.top-c.__Geometry.origin.offset.top;c._$tooltip.css({left:c.__lastPosition.coord.left+g,top:c.__lastPosition.coord.top+i})}}c._trigger({type:"scroll",event:b,geo:e})}return c},__stateSet:function(a){return this.__state=a,this._trigger({type:"state",state:a}),this},__timeoutsClear:function(){return clearTimeout(this.__timeouts.open),this.__timeouts.open=null,a.each(this.__timeouts.close,function(a,b){clearTimeout(b)}),this.__timeouts.close=[],this},__trackerStart:function(){var a=this,b=a._$tooltip.find(".tooltipster-content");return a.__options.trackTooltip&&(a.__contentBcr=b[0].getBoundingClientRect()),a.__tracker=setInterval(function(){if(d(a._$origin)&&d(a._$tooltip)){if(a.__options.trackOrigin){var e=a.__geometry(),f=!1;c(e.origin.size,a.__Geometry.origin.size)&&(a.__Geometry.origin.fixedLineage?c(e.origin.windowOffset,a.__Geometry.origin.windowOffset)&&(f=!0):c(e.origin.offset,a.__Geometry.origin.offset)&&(f=!0)),f||(a.__options.triggerClose.mouseleave?a._close():a.reposition())}if(a.__options.trackTooltip){var g=b[0].getBoundingClientRect();g.height===a.__contentBcr.height&&g.width===a.__contentBcr.width||(a.reposition(),a.__contentBcr=g)}}else a._close()},a.__options.trackerInterval),a},_close:function(b,c,d){var e=this,f=!0;if(e._trigger({type:"close",event:b,stop:function(){f=!1}}),f||d){c&&e.__callbacks.close.push(c),e.__callbacks.open=[],e.__timeoutsClear();var g=function(){a.each(e.__callbacks.close,function(a,c){c.call(e,e,{event:b,origin:e._$origin[0]})}),e.__callbacks.close=[]};if("closed"!=e.__state){var i=!0,j=new Date,k=j.getTime(),l=k+e.__options.animationDuration[1];if("disappearing"==e.__state&&l>e.__closingTime&&e.__options.animationDuration[1]>0&&(i=!1),i){e.__closingTime=l,"disappearing"!=e.__state&&e.__stateSet("disappearing");var m=function(){clearInterval(e.__tracker),e._trigger({type:"closing",event:b}),e._$tooltip.off("."+e.__namespace+"-triggerClose").removeClass("tooltipster-dying"),a(h.window).off("."+e.__namespace+"-triggerClose"),e.__$originParents.each(function(b,c){a(c).off("scroll."+e.__namespace+"-triggerClose")}),e.__$originParents=null,a(h.window.document.body).off("."+e.__namespace+"-triggerClose"),e._$origin.off("."+e.__namespace+"-triggerClose"),e._off("dismissable"),e.__stateSet("closed"),e._trigger({type:"after",event:b}),e.__options.functionAfter&&e.__options.functionAfter.call(e,e,{event:b,origin:e._$origin[0]}),g()};h.hasTransitions?(e._$tooltip.css({"-moz-animation-duration":e.__options.animationDuration[1]+"ms","-ms-animation-duration":e.__options.animationDuration[1]+"ms","-o-animation-duration":e.__options.animationDuration[1]+"ms","-webkit-animation-duration":e.__options.animationDuration[1]+"ms","animation-duration":e.__options.animationDuration[1]+"ms","transition-duration":e.__options.animationDuration[1]+"ms"}),e._$tooltip.clearQueue().removeClass("tooltipster-show").addClass("tooltipster-dying"),e.__options.animationDuration[1]>0&&e._$tooltip.delay(e.__options.animationDuration[1]),e._$tooltip.queue(m)):e._$tooltip.stop().fadeOut(e.__options.animationDuration[1],m)}}else g()}return e},_off:function(){return this.__$emitterPrivate.off.apply(this.__$emitterPrivate,Array.prototype.slice.apply(arguments)),this},_on:function(){return this.__$emitterPrivate.on.apply(this.__$emitterPrivate,Array.prototype.slice.apply(arguments)),this},_one:function(){return this.__$emitterPrivate.one.apply(this.__$emitterPrivate,Array.prototype.slice.apply(arguments)),this},_open:function(b,c){var e=this;if(!e.__destroying&&d(e._$origin)&&e.__enabled){var f=!0;if("closed"==e.__state&&(e._trigger({type:"before",event:b,stop:function(){f=!1}}),f&&e.__options.functionBefore&&(f=e.__options.functionBefore.call(e,e,{event:b,origin:e._$origin[0]}))),f!==!1&&null!==e.__Content){c&&e.__callbacks.open.push(c),e.__callbacks.close=[],e.__timeoutsClear();var g,i=function(){"stable"!=e.__state&&e.__stateSet("stable"),a.each(e.__callbacks.open,function(a,b){b.call(e,e,{origin:e._$origin[0],tooltip:e._$tooltip[0]})}),e.__callbacks.open=[]};if("closed"!==e.__state)g=0,"disappearing"===e.__state?(e.__stateSet("appearing"),h.hasTransitions?(e._$tooltip.clearQueue().removeClass("tooltipster-dying").addClass("tooltipster-show"),e.__options.animationDuration[0]>0&&e._$tooltip.delay(e.__options.animationDuration[0]),e._$tooltip.queue(i)):e._$tooltip.stop().fadeIn(i)):"stable"==e.__state&&i();else{if(e.__stateSet("appearing"),g=e.__options.animationDuration[0],e.__contentInsert(),e.reposition(b,!0),h.hasTransitions?(e._$tooltip.addClass("tooltipster-"+e.__options.animation).addClass("tooltipster-initial").css({"-moz-animation-duration":e.__options.animationDuration[0]+"ms","-ms-animation-duration":e.__options.animationDuration[0]+"ms","-o-animation-duration":e.__options.animationDuration[0]+"ms","-webkit-animation-duration":e.__options.animationDuration[0]+"ms","animation-duration":e.__options.animationDuration[0]+"ms","transition-duration":e.__options.animationDuration[0]+"ms"}),setTimeout(function(){"closed"!=e.__state&&(e._$tooltip.addClass("tooltipster-show").removeClass("tooltipster-initial"),e.__options.animationDuration[0]>0&&e._$tooltip.delay(e.__options.animationDuration[0]),e._$tooltip.queue(i))},0)):e._$tooltip.css("display","none").fadeIn(e.__options.animationDuration[0],i),e.__trackerStart(),a(h.window).on("resize."+e.__namespace+"-triggerClose",function(b){var c=a(document.activeElement);(c.is("input")||c.is("textarea"))&&a.contains(e._$tooltip[0],c[0])||e.reposition(b)}).on("scroll."+e.__namespace+"-triggerClose",function(a){e.__scrollHandler(a)}),e.__$originParents=e._$origin.parents(),e.__$originParents.each(function(b,c){a(c).on("scroll."+e.__namespace+"-triggerClose",function(a){e.__scrollHandler(a)})}),e.__options.triggerClose.mouseleave||e.__options.triggerClose.touchleave&&h.hasTouchCapability){e._on("dismissable",function(a){a.dismissable?a.delay?(m=setTimeout(function(){e._close(a.event)},a.delay),e.__timeouts.close.push(m)):e._close(a):clearTimeout(m)});var j=e._$origin,k="",l="",m=null;e.__options.interactive&&(j=j.add(e._$tooltip)),e.__options.triggerClose.mouseleave&&(k+="mouseenter."+e.__namespace+"-triggerClose ",l+="mouseleave."+e.__namespace+"-triggerClose "),e.__options.triggerClose.touchleave&&h.hasTouchCapability&&(k+="touchstart."+e.__namespace+"-triggerClose",l+="touchend."+e.__namespace+"-triggerClose touchcancel."+e.__namespace+"-triggerClose"),j.on(l,function(a){if(e._touchIsTouchEvent(a)||!e._touchIsEmulatedEvent(a)){var b="mouseleave"==a.type?e.__options.delay:e.__options.delayTouch;e._trigger({delay:b[1],dismissable:!0,event:a,type:"dismissable"})}}).on(k,function(a){!e._touchIsTouchEvent(a)&&e._touchIsEmulatedEvent(a)||e._trigger({dismissable:!1,event:a,type:"dismissable"})})}e.__options.triggerClose.originClick&&e._$origin.on("click."+e.__namespace+"-triggerClose",function(a){e._touchIsTouchEvent(a)||e._touchIsEmulatedEvent(a)||e._close(a)}),(e.__options.triggerClose.click||e.__options.triggerClose.tap&&h.hasTouchCapability)&&setTimeout(function(){if("closed"!=e.__state){var b="",c=a(h.window.document.body);e.__options.triggerClose.click&&(b+="click."+e.__namespace+"-triggerClose "),e.__options.triggerClose.tap&&h.hasTouchCapability&&(b+="touchend."+e.__namespace+"-triggerClose"),c.on(b,function(b){e._touchIsMeaningfulEvent(b)&&(e._touchRecordEvent(b),e.__options.interactive&&a.contains(e._$tooltip[0],b.target)||e._close(b))}),e.__options.triggerClose.tap&&h.hasTouchCapability&&c.on("touchstart."+e.__namespace+"-triggerClose",function(a){e._touchRecordEvent(a)})}},0),e._trigger("ready"),e.__options.functionReady&&e.__options.functionReady.call(e,e,{origin:e._$origin[0],tooltip:e._$tooltip[0]})}if(e.__options.timer>0){var m=setTimeout(function(){e._close()},e.__options.timer+g);e.__timeouts.close.push(m)}}}return e},_openShortly:function(a){var b=this,c=!0;if("stable"!=b.__state&&"appearing"!=b.__state&&!b.__timeouts.open&&(b._trigger({type:"start",event:a,stop:function(){c=!1}}),c)){var d=0==a.type.indexOf("touch")?b.__options.delayTouch:b.__options.delay;d[0]?b.__timeouts.open=setTimeout(function(){b.__timeouts.open=null,b.__pointerIsOverOrigin&&b._touchIsMeaningfulEvent(a)?(b._trigger("startend"),b._open(a)):b._trigger("startcancel")},d[0]):(b._trigger("startend"),b._open(a))}return b},_optionsExtract:function(b,c){var d=this,e=a.extend(!0,{},c),f=d.__options[b];return f||(f={},a.each(c,function(a,b){var c=d.__options[a];void 0!==c&&(f[a]=c)})),a.each(e,function(b,c){void 0!==f[b]&&("object"!=typeof c||c instanceof Array||null==c||"object"!=typeof f[b]||f[b]instanceof Array||null==f[b]?e[b]=f[b]:a.extend(e[b],f[b]))}),e},_plug:function(b){var c=a.tooltipster._plugin(b);if(!c)throw new Error('The "'+b+'" plugin is not defined');return c.instance&&a.tooltipster.__bridge(c.instance,this,c.name),this},_touchIsEmulatedEvent:function(a){for(var b=!1,c=(new Date).getTime(),d=this.__touchEvents.length-1;d>=0;d--){var e=this.__touchEvents[d];if(!(c-e.time<500))break;e.target===a.target&&(b=!0)}return b},_touchIsMeaningfulEvent:function(a){return this._touchIsTouchEvent(a)&&!this._touchSwiped(a.target)||!this._touchIsTouchEvent(a)&&!this._touchIsEmulatedEvent(a)},_touchIsTouchEvent:function(a){return 0==a.type.indexOf("touch")},_touchRecordEvent:function(a){return this._touchIsTouchEvent(a)&&(a.time=(new Date).getTime(),this.__touchEvents.push(a)),this},_touchSwiped:function(a){for(var b=!1,c=this.__touchEvents.length-1;c>=0;c--){var d=this.__touchEvents[c];if("touchmove"==d.type){b=!0;break}if("touchstart"==d.type&&a===d.target)break}return b},_trigger:function(){var b=Array.prototype.slice.apply(arguments);return"string"==typeof b[0]&&(b[0]={type:b[0]}),b[0].instance=this,b[0].origin=this._$origin?this._$origin[0]:null,b[0].tooltip=this._$tooltip?this._$tooltip[0]:null,this.__$emitterPrivate.trigger.apply(this.__$emitterPrivate,b),a.tooltipster._trigger.apply(a.tooltipster,b),this.__$emitterPublic.trigger.apply(this.__$emitterPublic,b),this},_unplug:function(b){var c=this;if(c[b]){var d=a.tooltipster._plugin(b);d.instance&&a.each(d.instance,function(a,d){c[a]&&c[a].bridged===c[b]&&delete c[a]}),c[b].__destroy&&c[b].__destroy(),delete c[b]}return c},close:function(a){return this.__destroyed?this.__destroyError():this._close(null,a),this},content:function(a){var b=this;if(void 0===a)return b.__Content;if(b.__destroyed)b.__destroyError();else if(b.__contentSet(a),null!==b.__Content){if("closed"!==b.__state&&(b.__contentInsert(),b.reposition(),b.__options.updateAnimation))if(h.hasTransitions){var c=b.__options.updateAnimation;b._$tooltip.addClass("tooltipster-update-"+c),setTimeout(function(){"closed"!=b.__state&&b._$tooltip.removeClass("tooltipster-update-"+c)},1e3)}else b._$tooltip.fadeTo(200,.5,function(){"closed"!=b.__state&&b._$tooltip.fadeTo(200,1)})}else b._close();return b},destroy:function(){var b=this;if(b.__destroyed)b.__destroyError();else{"closed"!=b.__state?b.option("animationDuration",0)._close(null,null,!0):b.__timeoutsClear(),b._trigger("destroy"),b.__destroyed=!0,b._$origin.removeData(b.__namespace).off("."+b.__namespace+"-triggerOpen"),a(h.window.document.body).off("."+b.__namespace+"-triggerOpen");var c=b._$origin.data("tooltipster-ns");if(c)if(1===c.length){var d=null;"previous"==b.__options.restoration?d=b._$origin.data("tooltipster-initialTitle"):"current"==b.__options.restoration&&(d="string"==typeof b.__Content?b.__Content:a("<div></div>").append(b.__Content).html()),d&&b._$origin.attr("title",d),b._$origin.removeClass("tooltipstered"),b._$origin.removeData("tooltipster-ns").removeData("tooltipster-initialTitle")}else c=a.grep(c,function(a,c){return a!==b.__namespace}),b._$origin.data("tooltipster-ns",c);b._trigger("destroyed"),b._off(),b.off(),b.__Content=null,b.__$emitterPrivate=null,b.__$emitterPublic=null,b.__options.parent=null,b._$origin=null,b._$tooltip=null,a.tooltipster.__instancesLatestArr=a.grep(a.tooltipster.__instancesLatestArr,function(a,c){return b!==a}),clearInterval(b.__garbageCollector)}return b},disable:function(){return this.__destroyed?(this.__destroyError(),this):(this._close(),this.__enabled=!1,this)},elementOrigin:function(){return this.__destroyed?void this.__destroyError():this._$origin[0]},elementTooltip:function(){return this._$tooltip?this._$tooltip[0]:null},enable:function(){return this.__enabled=!0,this},hide:function(a){return this.close(a)},instance:function(){return this},off:function(){return this.__destroyed||this.__$emitterPublic.off.apply(this.__$emitterPublic,Array.prototype.slice.apply(arguments)),this},on:function(){return this.__destroyed?this.__destroyError():this.__$emitterPublic.on.apply(this.__$emitterPublic,Array.prototype.slice.apply(arguments)),this},one:function(){return this.__destroyed?this.__destroyError():this.__$emitterPublic.one.apply(this.__$emitterPublic,Array.prototype.slice.apply(arguments)),this},open:function(a){return this.__destroyed?this.__destroyError():this._open(null,a),this},option:function(b,c){return void 0===c?this.__options[b]:(this.__destroyed?this.__destroyError():(this.__options[b]=c,this.__optionsFormat(),a.inArray(b,["trigger","triggerClose","triggerOpen"])>=0&&this.__prepareOrigin(),"selfDestruction"===b&&this.__prepareGC()),this)},reposition:function(a,b){var c=this;return c.__destroyed?c.__destroyError():"closed"!=c.__state&&d(c._$origin)&&(b||d(c._$tooltip))&&(b||c._$tooltip.detach(),c.__Geometry=c.__geometry(),c._trigger({type:"reposition",event:a,helper:{geo:c.__Geometry}})),c},show:function(a){return this.open(a)},status:function(){return{destroyed:this.__destroyed,enabled:this.__enabled,open:"closed"!==this.__state,state:this.__state}},triggerHandler:function(){return this.__destroyed?this.__destroyError():this.__$emitterPublic.triggerHandler.apply(this.__$emitterPublic,Array.prototype.slice.apply(arguments)),this}},a.fn.tooltipster=function(){var b=Array.prototype.slice.apply(arguments),c="You are using a single HTML element as content for several tooltips. You probably want to set the contentCloning option to TRUE.";if(0===this.length)return this;if("string"==typeof b[0]){var d="#*$~&";return this.each(function(){var e=a(this).data("tooltipster-ns"),f=e?a(this).data(e[0]):null;if(!f)throw new Error("You called Tooltipster's \""+b[0]+'" method on an uninitialized element');if("function"!=typeof f[b[0]])throw new Error('Unknown method "'+b[0]+'"');this.length>1&&"content"==b[0]&&(b[1]instanceof a||"object"==typeof b[1]&&null!=b[1]&&b[1].tagName)&&!f.__options.contentCloning&&f.__options.debug&&console.log(c);var g=f[b[0]](b[1],b[2]);return g!==f||"instance"===b[0]?(d=g,!1):void 0}),"#*$~&"!==d?d:this}a.tooltipster.__instancesLatestArr=[];var e=b[0]&&void 0!==b[0].multiple,g=e&&b[0].multiple||!e&&f.multiple,h=b[0]&&void 0!==b[0].content,i=h&&b[0].content||!h&&f.content,j=b[0]&&void 0!==b[0].contentCloning,k=j&&b[0].contentCloning||!j&&f.contentCloning,l=b[0]&&void 0!==b[0].debug,m=l&&b[0].debug||!l&&f.debug;return this.length>1&&(i instanceof a||"object"==typeof i&&null!=i&&i.tagName)&&!k&&m&&console.log(c),this.each(function(){var c=!1,d=a(this),e=d.data("tooltipster-ns"),f=null;e?g?c=!0:m&&(console.log("Tooltipster: one or more tooltips are already attached to the element below. Ignoring."),console.log(this)):c=!0,c&&(f=new a.Tooltipster(this,b[0]),e||(e=[]),e.push(f.__namespace),d.data("tooltipster-ns",e),d.data(f.__namespace,f),f.__options.functionInit&&f.__options.functionInit.call(f,f,{origin:this}),f._trigger("init")),a.tooltipster.__instancesLatestArr.push(f)}),this},b.prototype={__init:function(b){this.__$tooltip=b,this.__$tooltip.css({left:0,overflow:"hidden",position:"absolute",top:0}).find(".tooltipster-content").css("overflow","auto"),this.$container=a('<div class="tooltipster-ruler"></div>').append(this.__$tooltip).appendTo(h.window.document.body)},__forceRedraw:function(){var a=this.__$tooltip.parent();this.__$tooltip.detach(),this.__$tooltip.appendTo(a)},constrain:function(a,b){return this.constraints={width:a,height:b},this.__$tooltip.css({display:"block",height:"",overflow:"auto",width:a}),this},destroy:function(){this.__$tooltip.detach().find(".tooltipster-content").css({display:"",overflow:""}),this.$container.remove()},free:function(){return this.constraints=null,this.__$tooltip.css({display:"",height:"",overflow:"visible",width:""}),this},measure:function(){this.__forceRedraw();var a=this.__$tooltip[0].getBoundingClientRect(),b={size:{height:a.height||a.bottom-a.top,width:a.width||a.right-a.left}};if(this.constraints){var c=this.__$tooltip.find(".tooltipster-content"),d=this.__$tooltip.outerHeight(),e=c[0].getBoundingClientRect(),f={height:d<=this.constraints.height,width:a.width<=this.constraints.width&&e.width>=c[0].scrollWidth-1};b.fits=f.height&&f.width}return h.IE&&h.IE<=11&&b.size.width!==h.window.document.documentElement.clientWidth&&(b.size.width=Math.ceil(b.size.width)+1),b}};var j=navigator.userAgent.toLowerCase();-1!=j.indexOf("msie")?h.IE=parseInt(j.split("msie")[1]):-1!==j.toLowerCase().indexOf("trident")&&-1!==j.indexOf(" rv:11")?h.IE=11:-1!=j.toLowerCase().indexOf("edge/")&&(h.IE=parseInt(j.toLowerCase().split("edge/")[1]));var k="tooltipster.sideTip";return a.tooltipster._plugin({name:k,instance:{__defaults:function(){return{arrow:!0,distance:6,functionPosition:null,maxWidth:null,minIntersection:16,minWidth:0,position:null,side:"top",viewportAware:!0}},__init:function(a){var b=this;b.__instance=a,b.__namespace="tooltipster-sideTip-"+Math.round(1e6*Math.random()),b.__previousState="closed",b.__options,b.__optionsFormat(),b.__instance._on("state."+b.__namespace,function(a){"closed"==a.state?b.__close():"appearing"==a.state&&"closed"==b.__previousState&&b.__create(),b.__previousState=a.state}),b.__instance._on("options."+b.__namespace,function(){b.__optionsFormat()}),b.__instance._on("reposition."+b.__namespace,function(a){b.__reposition(a.event,a.helper)})},__close:function(){this.__instance.content()instanceof a&&this.__instance.content().detach(),this.__instance._$tooltip.remove(),this.__instance._$tooltip=null},__create:function(){var b=a('<div class="tooltipster-base tooltipster-sidetip"><div class="tooltipster-box"><div class="tooltipster-content"></div></div><div class="tooltipster-arrow"><div class="tooltipster-arrow-uncropped"><div class="tooltipster-arrow-border"></div><div class="tooltipster-arrow-background"></div></div></div></div>');this.__options.arrow||b.find(".tooltipster-box").css("margin",0).end().find(".tooltipster-arrow").hide(),this.__options.minWidth&&b.css("min-width",this.__options.minWidth+"px"),this.__options.maxWidth&&b.css("max-width",this.__options.maxWidth+"px"),
|
2 |
+
this.__instance._$tooltip=b,this.__instance._trigger("created")},__destroy:function(){this.__instance._off("."+self.__namespace)},__optionsFormat:function(){var b=this;if(b.__options=b.__instance._optionsExtract(k,b.__defaults()),b.__options.position&&(b.__options.side=b.__options.position),"object"!=typeof b.__options.distance&&(b.__options.distance=[b.__options.distance]),b.__options.distance.length<4&&(void 0===b.__options.distance[1]&&(b.__options.distance[1]=b.__options.distance[0]),void 0===b.__options.distance[2]&&(b.__options.distance[2]=b.__options.distance[0]),void 0===b.__options.distance[3]&&(b.__options.distance[3]=b.__options.distance[1]),b.__options.distance={top:b.__options.distance[0],right:b.__options.distance[1],bottom:b.__options.distance[2],left:b.__options.distance[3]}),"string"==typeof b.__options.side){var c={top:"bottom",right:"left",bottom:"top",left:"right"};b.__options.side=[b.__options.side,c[b.__options.side]],"left"==b.__options.side[0]||"right"==b.__options.side[0]?b.__options.side.push("top","bottom"):b.__options.side.push("right","left")}6===a.tooltipster._env.IE&&b.__options.arrow!==!0&&(b.__options.arrow=!1)},__reposition:function(b,c){var d,e=this,f=e.__targetFind(c),g=[];e.__instance._$tooltip.detach();var h=e.__instance._$tooltip.clone(),i=a.tooltipster._getRuler(h),j=!1,k=e.__instance.option("animation");switch(k&&h.removeClass("tooltipster-"+k),a.each(["window","document"],function(d,k){var l=null;if(e.__instance._trigger({container:k,helper:c,satisfied:j,takeTest:function(a){l=a},results:g,type:"positionTest"}),1==l||0!=l&&0==j&&("window"!=k||e.__options.viewportAware))for(var d=0;d<e.__options.side.length;d++){var m={horizontal:0,vertical:0},n=e.__options.side[d];"top"==n||"bottom"==n?m.vertical=e.__options.distance[n]:m.horizontal=e.__options.distance[n],e.__sideChange(h,n),a.each(["natural","constrained"],function(a,d){if(l=null,e.__instance._trigger({container:k,event:b,helper:c,mode:d,results:g,satisfied:j,side:n,takeTest:function(a){l=a},type:"positionTest"}),1==l||0!=l&&0==j){var h={container:k,distance:m,fits:null,mode:d,outerSize:null,side:n,size:null,target:f[n],whole:null},o="natural"==d?i.free():i.constrain(c.geo.available[k][n].width-m.horizontal,c.geo.available[k][n].height-m.vertical),p=o.measure();if(h.size=p.size,h.outerSize={height:p.size.height+m.vertical,width:p.size.width+m.horizontal},"natural"==d?c.geo.available[k][n].width>=h.outerSize.width&&c.geo.available[k][n].height>=h.outerSize.height?h.fits=!0:h.fits=!1:h.fits=p.fits,"window"==k&&(h.fits?"top"==n||"bottom"==n?h.whole=c.geo.origin.windowOffset.right>=e.__options.minIntersection&&c.geo.window.size.width-c.geo.origin.windowOffset.left>=e.__options.minIntersection:h.whole=c.geo.origin.windowOffset.bottom>=e.__options.minIntersection&&c.geo.window.size.height-c.geo.origin.windowOffset.top>=e.__options.minIntersection:h.whole=!1),g.push(h),h.whole)j=!0;else if("natural"==h.mode&&(h.fits||h.size.width<=c.geo.available[k][n].width))return!1}})}}),e.__instance._trigger({edit:function(a){g=a},event:b,helper:c,results:g,type:"positionTested"}),g.sort(function(a,b){if(a.whole&&!b.whole)return-1;if(!a.whole&&b.whole)return 1;if(a.whole&&b.whole){var c=e.__options.side.indexOf(a.side),d=e.__options.side.indexOf(b.side);return d>c?-1:c>d?1:"natural"==a.mode?-1:1}if(a.fits&&!b.fits)return-1;if(!a.fits&&b.fits)return 1;if(a.fits&&b.fits){var c=e.__options.side.indexOf(a.side),d=e.__options.side.indexOf(b.side);return d>c?-1:c>d?1:"natural"==a.mode?-1:1}return"document"==a.container&&"bottom"==a.side&&"natural"==a.mode?-1:1}),d=g[0],d.coord={},d.side){case"left":case"right":d.coord.top=Math.floor(d.target-d.size.height/2);break;case"bottom":case"top":d.coord.left=Math.floor(d.target-d.size.width/2)}switch(d.side){case"left":d.coord.left=c.geo.origin.windowOffset.left-d.outerSize.width;break;case"right":d.coord.left=c.geo.origin.windowOffset.right+d.distance.horizontal;break;case"top":d.coord.top=c.geo.origin.windowOffset.top-d.outerSize.height;break;case"bottom":d.coord.top=c.geo.origin.windowOffset.bottom+d.distance.vertical}"window"==d.container?"top"==d.side||"bottom"==d.side?d.coord.left<0?c.geo.origin.windowOffset.right-this.__options.minIntersection>=0?d.coord.left=0:d.coord.left=c.geo.origin.windowOffset.right-this.__options.minIntersection-1:d.coord.left>c.geo.window.size.width-d.size.width&&(c.geo.origin.windowOffset.left+this.__options.minIntersection<=c.geo.window.size.width?d.coord.left=c.geo.window.size.width-d.size.width:d.coord.left=c.geo.origin.windowOffset.left+this.__options.minIntersection+1-d.size.width):d.coord.top<0?c.geo.origin.windowOffset.bottom-this.__options.minIntersection>=0?d.coord.top=0:d.coord.top=c.geo.origin.windowOffset.bottom-this.__options.minIntersection-1:d.coord.top>c.geo.window.size.height-d.size.height&&(c.geo.origin.windowOffset.top+this.__options.minIntersection<=c.geo.window.size.height?d.coord.top=c.geo.window.size.height-d.size.height:d.coord.top=c.geo.origin.windowOffset.top+this.__options.minIntersection+1-d.size.height):(d.coord.left>c.geo.window.size.width-d.size.width&&(d.coord.left=c.geo.window.size.width-d.size.width),d.coord.left<0&&(d.coord.left=0)),e.__sideChange(h,d.side),c.tooltipClone=h[0],c.tooltipParent=e.__instance.option("parent").parent[0],c.mode=d.mode,c.whole=d.whole,c.origin=e.__instance._$origin[0],c.tooltip=e.__instance._$tooltip[0],delete d.container,delete d.fits,delete d.mode,delete d.outerSize,delete d.whole,d.distance=d.distance.horizontal||d.distance.vertical;var l=a.extend(!0,{},d);if(e.__instance._trigger({edit:function(a){d=a},event:b,helper:c,position:l,type:"position"}),e.__options.functionPosition){var m=e.__options.functionPosition.call(e,e.__instance,c,l);m&&(d=m)}i.destroy();var n,o;"top"==d.side||"bottom"==d.side?(n={prop:"left",val:d.target-d.coord.left},o=d.size.width-this.__options.minIntersection):(n={prop:"top",val:d.target-d.coord.top},o=d.size.height-this.__options.minIntersection),n.val<this.__options.minIntersection?n.val=this.__options.minIntersection:n.val>o&&(n.val=o);var p;p=c.geo.origin.fixedLineage?c.geo.origin.windowOffset:{left:c.geo.origin.windowOffset.left+c.geo.window.scroll.left,top:c.geo.origin.windowOffset.top+c.geo.window.scroll.top},d.coord={left:p.left+(d.coord.left-c.geo.origin.windowOffset.left),top:p.top+(d.coord.top-c.geo.origin.windowOffset.top)},e.__sideChange(e.__instance._$tooltip,d.side),c.geo.origin.fixedLineage?e.__instance._$tooltip.css("position","fixed"):e.__instance._$tooltip.css("position",""),e.__instance._$tooltip.css({left:d.coord.left,top:d.coord.top,height:d.size.height,width:d.size.width}).find(".tooltipster-arrow").css({left:"",top:""}).css(n.prop,n.val),e.__instance._$tooltip.appendTo(e.__instance.option("parent")),e.__instance._trigger({type:"repositioned",event:b,position:d})},__sideChange:function(a,b){a.removeClass("tooltipster-bottom").removeClass("tooltipster-left").removeClass("tooltipster-right").removeClass("tooltipster-top").addClass("tooltipster-"+b)},__targetFind:function(a){var b={},c=this.__instance._$origin[0].getClientRects();if(c.length>1){var d=this.__instance._$origin.css("opacity");1==d&&(this.__instance._$origin.css("opacity",.99),c=this.__instance._$origin[0].getClientRects(),this.__instance._$origin.css("opacity",1))}if(c.length<2)b.top=Math.floor(a.geo.origin.windowOffset.left+a.geo.origin.size.width/2),b.bottom=b.top,b.left=Math.floor(a.geo.origin.windowOffset.top+a.geo.origin.size.height/2),b.right=b.left;else{var e=c[0];b.top=Math.floor(e.left+(e.right-e.left)/2),e=c.length>2?c[Math.ceil(c.length/2)-1]:c[0],b.right=Math.floor(e.top+(e.bottom-e.top)/2),e=c[c.length-1],b.bottom=Math.floor(e.left+(e.right-e.left)/2),e=c.length>2?c[Math.ceil((c.length+1)/2)-1]:c[c.length-1],b.left=Math.floor(e.top+(e.bottom-e.top)/2)}return b}}}),a});
|
admin/builder/assets/js/oembed.js
ADDED
File without changes
|
admin/builder/assets/js/owl.autoheight.js
ADDED
@@ -0,0 +1 @@
|
|
Â
|
1 |
+
!function(o,i){var s=function(t){this._core=t,this._previousHeight=null,this._handlers={"initialized.owl.carousel refreshed.owl.carousel":o.proxy(function(t){t.namespace&&this._core.settings.autoHeight&&this.update()},this),"changed.owl.carousel":o.proxy(function(t){t.namespace&&this._core.settings.autoHeight&&"position"===t.property.name&&this.update()},this),"loaded.owl.lazy":o.proxy(function(t){t.namespace&&this._core.settings.autoHeight&&t.element.closest("."+this._core.settings.itemClass).index()===this._core.current()&&this.update()},this)},this._core.options=o.extend({},s.Defaults,this._core.options),this._core.$element.on(this._handlers),this._intervalId=null;var e=this;o(i).on("load",function(){e._core.settings.autoHeight&&e.update()}),o(i).resize(function(){e._core.settings.autoHeight&&(null!=e._intervalId&&clearTimeout(e._intervalId),e._intervalId=setTimeout(function(){e.update()},250))})};s.Defaults={autoHeight:!1,autoHeightClass:"owl-height"},s.prototype.update=function(){var t=this._core._current,e=t+this._core.settings.items,i=this._core.settings.lazyLoad,t=this._core.$stage.children().toArray().slice(t,e),s=[],e=0;o.each(t,function(t,e){s.push(o(e).height())}),(e=Math.max.apply(null,s))<=1&&i&&this._previousHeight&&(e=this._previousHeight),this._previousHeight=e,this._core.$stage.parent().height(e).addClass(this._core.settings.autoHeightClass)},s.prototype.destroy=function(){var t,e;for(t in this._handlers)this._core.$element.off(t,this._handlers[t]);for(e in Object.getOwnPropertyNames(this))"function"!=typeof this[e]&&(this[e]=null)},o.fn.owlCarousel.Constructor.Plugins.AutoHeight=s}(window.Zepto||window.jQuery,window,document);
|
admin/builder/assets/js/ressources.js
ADDED
@@ -0,0 +1,9 @@
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
1 |
+
/*!
|
2 |
+
* vue-resource v1.4.0
|
3 |
+
* https://github.com/pagekit/vue-resource
|
4 |
+
* Released under the MIT License.
|
5 |
+
*/
|
6 |
+
!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?module.exports=e():"function"==typeof define&&define.amd?define(e):t.VueResource=e()}(this,function(){"use strict";var t=2;function e(e){this.state=t,this.value=void 0,this.deferred=[];var n=this;try{e(function(t){n.resolve(t)},function(t){n.reject(t)})}catch(t){n.reject(t)}}e.reject=function(t){return new e(function(e,n){n(t)})},e.resolve=function(t){return new e(function(e,n){e(t)})},e.all=function(t){return new e(function(n,o){var r=0,i=[];function s(e){return function(o){i[e]=o,(r+=1)===t.length&&n(i)}}0===t.length&&n(i);for(var u=0;u<t.length;u+=1)e.resolve(t[u]).then(s(u),o)})},e.race=function(t){return new e(function(n,o){for(var r=0;r<t.length;r+=1)e.resolve(t[r]).then(n,o)})};var n=e.prototype;function o(t,e){t instanceof Promise?this.promise=t:this.promise=new Promise(t.bind(e)),this.context=e}n.resolve=function(e){var n=this;if(n.state===t){if(e===n)throw new TypeError("Promise settled with itself.");var o=!1;try{var r=e&&e.then;if(null!==e&&"object"==typeof e&&"function"==typeof r)return void r.call(e,function(t){o||n.resolve(t),o=!0},function(t){o||n.reject(t),o=!0})}catch(t){return void(o||n.reject(t))}n.state=0,n.value=e,n.notify()}},n.reject=function(e){var n=this;if(n.state===t){if(e===n)throw new TypeError("Promise settled with itself.");n.state=1,n.value=e,n.notify()}},n.notify=function(){var e,n=this;i(function(){if(n.state!==t)for(;n.deferred.length;){var e=n.deferred.shift(),o=e[0],r=e[1],i=e[2],s=e[3];try{0===n.state?i("function"==typeof o?o.call(void 0,n.value):n.value):1===n.state&&("function"==typeof r?i(r.call(void 0,n.value)):s(n.value))}catch(t){s(t)}}},e)},n.then=function(t,n){var o=this;return new e(function(e,r){o.deferred.push([t,n,e,r]),o.notify()})},n.catch=function(t){return this.then(void 0,t)},"undefined"==typeof Promise&&(window.Promise=e),o.all=function(t,e){return new o(Promise.all(t),e)},o.resolve=function(t,e){return new o(Promise.resolve(t),e)},o.reject=function(t,e){return new o(Promise.reject(t),e)},o.race=function(t,e){return new o(Promise.race(t),e)};var r=o.prototype;r.bind=function(t){return this.context=t,this},r.then=function(t,e){return t&&t.bind&&this.context&&(t=t.bind(this.context)),e&&e.bind&&this.context&&(e=e.bind(this.context)),new o(this.promise.then(t,e),this.context)},r.catch=function(t){return t&&t.bind&&this.context&&(t=t.bind(this.context)),new o(this.promise.catch(t),this.context)},r.finally=function(t){return this.then(function(e){return t.call(this),e},function(e){return t.call(this),Promise.reject(e)})};var i,s={}.hasOwnProperty,u=[].slice,a=!1,c="undefined"!=typeof window;function f(t){return t?t.replace(/^\s*|\s*$/g,""):""}function p(t){return t?t.toLowerCase():""}var h=Array.isArray;function d(t){return"string"==typeof t}function l(t){return"function"==typeof t}function m(t){return null!==t&&"object"==typeof t}function y(t){return m(t)&&Object.getPrototypeOf(t)==Object.prototype}function v(t,e,n){var r=o.resolve(t);return arguments.length<2?r:r.then(e,n)}function b(t,e,n){return l(n=n||{})&&(n=n.call(e)),T(t.bind({$vm:e,$options:n}),t,{$options:n})}function g(t,e){var n,o;if(h(t))for(n=0;n<t.length;n++)e.call(t[n],t[n],n);else if(m(t))for(o in t)s.call(t,o)&&e.call(t[o],t[o],o);return t}var w=Object.assign||function(t){return u.call(arguments,1).forEach(function(e){x(t,e)}),t};function T(t){return u.call(arguments,1).forEach(function(e){x(t,e,!0)}),t}function x(t,e,n){for(var o in e)n&&(y(e[o])||h(e[o]))?(y(e[o])&&!y(t[o])&&(t[o]={}),h(e[o])&&!h(t[o])&&(t[o]=[]),x(t[o],e[o],n)):void 0!==e[o]&&(t[o]=e[o])}function j(t,e,n){var o,r,i,s=(o=t,r=["+","#",".","/",";","?","&"],{vars:i=[],expand:function(t){return o.replace(/\{([^{}]+)\}|([^{}]+)/g,function(e,n,o){if(n){var s=null,u=[];if(-1!==r.indexOf(n.charAt(0))&&(s=n.charAt(0),n=n.substr(1)),n.split(/,/g).forEach(function(e){var n=/([^:*]*)(?::(\d+)|(\*))?/.exec(e);u.push.apply(u,function(t,e,n,o){var r=t[n],i=[];if(E(r)&&""!==r)if("string"==typeof r||"number"==typeof r||"boolean"==typeof r)r=r.toString(),o&&"*"!==o&&(r=r.substring(0,parseInt(o,10))),i.push(P(e,r,O(e)?n:null));else if("*"===o)Array.isArray(r)?r.filter(E).forEach(function(t){i.push(P(e,t,O(e)?n:null))}):Object.keys(r).forEach(function(t){E(r[t])&&i.push(P(e,r[t],t))});else{var s=[];Array.isArray(r)?r.filter(E).forEach(function(t){s.push(P(e,t))}):Object.keys(r).forEach(function(t){E(r[t])&&(s.push(encodeURIComponent(t)),s.push(P(e,r[t].toString())))}),O(e)?i.push(encodeURIComponent(n)+"="+s.join(",")):0!==s.length&&i.push(s.join(","))}else";"===e?i.push(encodeURIComponent(n)):""!==r||"&"!==e&&"?"!==e?""===r&&i.push(""):i.push(encodeURIComponent(n)+"=");return i}(t,s,n[1],n[2]||n[3])),i.push(n[1])}),s&&"+"!==s){var a=",";return"?"===s?a="&":"#"!==s&&(a=s),(0!==u.length?s:"")+u.join(a)}return u.join(",")}return C(o)})}}),u=s.expand(e);return n&&n.push.apply(n,s.vars),u}function E(t){return null!=t}function O(t){return";"===t||"&"===t||"?"===t}function P(t,e,n){return e="+"===t||"#"===t?C(e):encodeURIComponent(e),n?encodeURIComponent(n)+"="+e:e}function C(t){return t.split(/(%[0-9A-Fa-f]{2})/g).map(function(t){return/%[0-9A-Fa-f]/.test(t)||(t=encodeURI(t)),t}).join("")}function $(t,e){var n,o=this||{},r=t;return d(t)&&(r={url:t,params:e}),r=T({},$.options,o.$options,r),$.transforms.forEach(function(t){var e,r,i;d(t)&&(t=$.transform[t]),l(t)&&(e=t,r=n,i=o.$vm,n=function(t){return e.call(i,t,r)})}),n(r)}function U(t){return new o(function(e){var n=new XDomainRequest,o=function(o){var r=o.type,i=0;"load"===r?i=200:"error"===r&&(i=500),e(t.respondWith(n.responseText,{status:i}))};t.abort=function(){return n.abort()},n.open(t.method,t.getUrl()),t.timeout&&(n.timeout=t.timeout),n.onload=o,n.onabort=o,n.onerror=o,n.ontimeout=o,n.onprogress=function(){},n.send(t.getBody())})}$.options={url:"",root:null,params:{}},$.transform={template:function(t){var e=[],n=j(t.url,t.params,e);return e.forEach(function(e){delete t.params[e]}),n},query:function(t,e){var n=Object.keys($.options.params),o={},r=e(t);return g(t.params,function(t,e){-1===n.indexOf(e)&&(o[e]=t)}),(o=$.params(o))&&(r+=(-1==r.indexOf("?")?"?":"&")+o),r},root:function(t,e){var n,o,r=e(t);return d(t.root)&&!/^(https?:)?\//.test(r)&&(n=t.root,o="/",r=(n&&void 0===o?n.replace(/\s+$/,""):n&&o?n.replace(new RegExp("["+o+"]+$"),""):n)+"/"+r),r}},$.transforms=["template","query","root"],$.params=function(t){var e=[],n=encodeURIComponent;return e.add=function(t,e){l(e)&&(e=e()),null===e&&(e=""),this.push(n(t)+"="+n(e))},function t(e,n,o){var r,i=h(n),s=y(n);g(n,function(n,u){r=m(n)||h(n),o&&(u=o+"["+(s||r?u:"")+"]"),!o&&i?e.add(n.name,n.value):r?t(e,n,u):e.add(u,n)})}(e,t),e.join("&").replace(/%20/g,"+")},$.parse=function(t){var e=document.createElement("a");return document.documentMode&&(e.href=t,t=e.href),e.href=t,{href:e.href,protocol:e.protocol?e.protocol.replace(/:$/,""):"",port:e.port,host:e.host,hostname:e.hostname,pathname:"/"===e.pathname.charAt(0)?e.pathname:"/"+e.pathname,search:e.search?e.search.replace(/^\?/,""):"",hash:e.hash?e.hash.replace(/^#/,""):""}};var R=c&&"withCredentials"in new XMLHttpRequest;function A(t){return new o(function(e){var n,o,r=t.jsonp||"callback",i=t.jsonpCallback||"_jsonp"+Math.random().toString(36).substr(2),s=null;n=function(n){var r=n.type,u=0;"load"===r&&null!==s?u=200:"error"===r&&(u=500),u&&window[i]&&(delete window[i],document.body.removeChild(o)),e(t.respondWith(s,{status:u}))},window[i]=function(t){s=JSON.stringify(t)},t.abort=function(){n({type:"abort"})},t.params[r]=i,t.timeout&&setTimeout(t.abort,t.timeout),(o=document.createElement("script")).src=t.getUrl(),o.type="text/javascript",o.async=!0,o.onload=n,o.onerror=n,document.body.appendChild(o)})}function S(t){return new o(function(e){var n=new XMLHttpRequest,o=function(o){var r=t.respondWith("response"in n?n.response:n.responseText,{status:1223===n.status?204:n.status,statusText:1223===n.status?"No Content":f(n.statusText)});g(f(n.getAllResponseHeaders()).split("\n"),function(t){r.headers.append(t.slice(0,t.indexOf(":")),t.slice(t.indexOf(":")+1))}),e(r)};t.abort=function(){return n.abort()},t.progress&&("GET"===t.method?n.addEventListener("progress",t.progress):/^(POST|PUT)$/i.test(t.method)&&n.upload.addEventListener("progress",t.progress)),n.open(t.method,t.getUrl(),!0),t.timeout&&(n.timeout=t.timeout),t.responseType&&"responseType"in n&&(n.responseType=t.responseType),(t.withCredentials||t.credentials)&&(n.withCredentials=!0),t.crossOrigin||t.headers.set("X-Requested-With","XMLHttpRequest"),t.headers.forEach(function(t,e){n.setRequestHeader(e,t)}),n.onload=o,n.onabort=o,n.onerror=o,n.ontimeout=o,n.send(t.getBody())})}function k(t){var e=require("got");return new o(function(n){var o,r=t.getUrl(),i=t.getBody(),s=t.method,u={};t.headers.forEach(function(t,e){u[e]=t}),e(r,{body:i,method:s,headers:u}).then(o=function(e){var o=t.respondWith(e.body,{status:e.statusCode,statusText:f(e.statusMessage)});g(e.headers,function(t,e){o.headers.set(e,t)}),n(o)},function(t){return o(t.response)})})}function I(t,e){e((t.client||(c?S:k))(t))}var q=function(t){var e=this;this.map={},g(t,function(t,n){return e.append(n,t)})};function H(t,e){return Object.keys(t).reduce(function(t,n){return p(e)===p(n)?n:t},null)}q.prototype.has=function(t){return null!==H(this.map,t)},q.prototype.get=function(t){var e=this.map[H(this.map,t)];return e?e.join():null},q.prototype.getAll=function(t){return this.map[H(this.map,t)]||[]},q.prototype.set=function(t,e){this.map[function(t){if(/[^a-z0-9\-#$%&'*+.^_`|~]/i.test(t))throw new TypeError("Invalid character in header field name");return f(t)}(H(this.map,t)||t)]=[f(e)]},q.prototype.append=function(t,e){var n=this.map[H(this.map,t)];n?n.push(f(e)):this.set(t,e)},q.prototype.delete=function(t){delete this.map[H(this.map,t)]},q.prototype.deleteAll=function(){this.map={}},q.prototype.forEach=function(t,e){var n=this;g(this.map,function(o,r){g(o,function(o){return t.call(e,o,r,n)})})};var L=function(t,e){var n,r,i,s=e.url,u=e.headers,a=e.status,c=e.statusText;this.url=s,this.ok=a>=200&&a<300,this.status=a||0,this.statusText=c||"",this.headers=new q(u),this.body=t,d(t)?this.bodyText=t:(i=t,"undefined"!=typeof Blob&&i instanceof Blob&&(this.bodyBlob=t,(0===(r=t).type.indexOf("text")||-1!==r.type.indexOf("json"))&&(this.bodyText=(n=t,new o(function(t){var e=new FileReader;e.readAsText(n),e.onload=function(){t(e.result)}})))))};L.prototype.blob=function(){return v(this.bodyBlob)},L.prototype.text=function(){return v(this.bodyText)},L.prototype.json=function(){return v(this.text(),function(t){return JSON.parse(t)})},Object.defineProperty(L.prototype,"data",{get:function(){return this.body},set:function(t){this.body=t}});var B=function(t){var e;this.body=null,this.params={},w(this,t,{method:(e=t.method||"GET",e?e.toUpperCase():"")}),this.headers instanceof q||(this.headers=new q(this.headers))};B.prototype.getUrl=function(){return $(this)},B.prototype.getBody=function(){return this.body},B.prototype.respondWith=function(t,e){return new L(t,w(e||{},{url:this.getUrl()}))};var M={"Content-Type":"application/json;charset=utf-8"};function N(t){var e=this||{},n=function(t){var e=[I],n=[];function r(r){for(;e.length;){var i=e.pop();if(l(i)){var s=void 0,u=void 0;if(m(s=i.call(t,r,function(t){return u=t})||u))return new o(function(e,o){n.forEach(function(e){s=v(s,function(n){return e.call(t,n)||n},o)}),v(s,e,o)},t);l(s)&&n.unshift(s)}else c="Invalid interceptor of type "+typeof i+", must be a function","undefined"!=typeof console&&a&&console.warn("[VueResource warn]: "+c)}var c}return m(t)||(t=null),r.use=function(t){e.push(t)},r}(e.$vm);return function(t){u.call(arguments,1).forEach(function(e){for(var n in e)void 0===t[n]&&(t[n]=e[n])})}(t||{},e.$options,N.options),N.interceptors.forEach(function(t){d(t)&&(t=N.interceptor[t]),l(t)&&n.use(t)}),n(new B(t)).then(function(t){return t.ok?t:o.reject(t)},function(t){var e;return t instanceof Error&&(e=t,"undefined"!=typeof console&&console.error(e)),o.reject(t)})}function D(t,e,n,o){var r=this||{},i={};return g(n=w({},D.actions,n),function(n,s){n=T({url:t,params:w({},e)},o,n),i[s]=function(){return(r.$http||N)(function(t,e){var n,o=w({},t),r={};switch(e.length){case 2:r=e[0],n=e[1];break;case 1:/^(POST|PUT|PATCH)$/i.test(o.method)?n=e[0]:r=e[0];break;case 0:break;default:throw"Expected up to 2 arguments [params, body], got "+e.length+" arguments"}return o.body=n,o.params=w({},o.params,r),o}(n,arguments))}}),i}function J(t){var e,n,r;J.installed||(n=(e=t).config,r=e.nextTick,i=r,a=n.debug||!n.silent,t.url=$,t.http=N,t.resource=D,t.Promise=o,Object.defineProperties(t.prototype,{$url:{get:function(){return b(t.url,this,this.$options.url)}},$http:{get:function(){return b(t.http,this,this.$options.http)}},$resource:{get:function(){return t.resource.bind(this)}},$promise:{get:function(){var e=this;return function(n){return new t.Promise(n,e)}}}}))}return N.options={},N.headers={put:M,post:M,patch:M,delete:M,common:{Accept:"application/json, text/plain, */*"},custom:{}},N.interceptor={before:function(t){l(t.before)&&t.before.call(this,t)},method:function(t){t.emulateHTTP&&/^(PUT|PATCH|DELETE)$/i.test(t.method)&&(t.headers.set("X-HTTP-Method-Override",t.method),t.method="POST")},jsonp:function(t){"JSONP"==t.method&&(t.client=A)},json:function(t){var e=t.headers.get("Content-Type")||"";return m(t.body)&&0===e.indexOf("application/json")&&(t.body=JSON.stringify(t.body)),function(t){return t.bodyText?v(t.text(),function(e){var n,o;if(0===(t.headers.get("Content-Type")||"").indexOf("application/json")||(o=(n=e).match(/^\s*(\[|\{)/))&&{"[":/]\s*$/,"{":/}\s*$/}[o[1]].test(n))try{t.body=JSON.parse(e)}catch(e){t.body=null}else t.body=e;return t}):t}},form:function(t){var e;e=t.body,"undefined"!=typeof FormData&&e instanceof FormData?t.headers.delete("Content-Type"):m(t.body)&&t.emulateJSON&&(t.body=$.params(t.body),t.headers.set("Content-Type","application/x-www-form-urlencoded"))},header:function(t){g(w({},N.headers.common,t.crossOrigin?{}:N.headers.custom,N.headers[p(t.method)]),function(e,n){t.headers.has(n)||t.headers.set(n,e)})},cors:function(t){if(c){var e=$.parse(location.href),n=$.parse(t.getUrl());n.protocol===e.protocol&&n.host===e.host||(t.crossOrigin=!0,t.emulateHTTP=!1,R||(t.client=U))}}},N.interceptors=["before","method","jsonp","json","form","header","cors"],["get","delete","head","jsonp"].forEach(function(t){N[t]=function(e,n){return this(w(n||{},{url:e,method:t}))}}),["post","put","patch"].forEach(function(t){N[t]=function(e,n,o){return this(w(o||{},{url:e,method:t,body:n}))}}),D.actions={get:{method:"GET"},save:{method:"POST"},query:{method:"GET"},update:{method:"PUT"},remove:{method:"DELETE"},delete:{method:"DELETE"}},"undefined"!=typeof window&&window.Vue&&window.Vue.use(J),J});
|
7 |
+
|
8 |
+
/*Click Away*/
|
9 |
+
!function(e,t){"use strict";function n(e,t,n){i(e);var u=n.context,a=t.value;if("function"==typeof a){var c=!1;setTimeout(function(){c=!0},0),e[o]=function(t){var n=t.path||(t.composedPath?t.composedPath():void 0);if(c&&(n?n.indexOf(e)<0:!e.contains(t.target)))return a.call(u,t)},document.documentElement.addEventListener("click",e[o],!1)}}function i(e){document.documentElement.removeEventListener("click",e[o],!1),delete e[o]}t="default"in t?t.default:t;/^2\./.test(t.version)||t.util.warn("VueClickaway 2.2.2 only supports Vue 2.x, and does not support Vue "+t.version);var o="_vue_clickaway_handler",u={bind:n,update:function(e,t){t.value!==t.oldValue&&n(e,t)},unbind:i},a={directives:{onClickaway:u}};e.version="2.2.2",e.directive=u,e.mixin=a}(this.VueClickaway={},Vue);
|
admin/builder/assets/js/tooltip-wizard.js
ADDED
@@ -0,0 +1,96 @@
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
1 |
+
/**
|
2 |
+
* Custom Facebook Tooltip Manager
|
3 |
+
*
|
4 |
+
* @since 4.0
|
5 |
+
*/
|
6 |
+
'use strict';
|
7 |
+
|
8 |
+
var CFFTooltipWizard = window.CFFTooltipWizard || ( function( document, window, $ ) {
|
9 |
+
|
10 |
+
/**
|
11 |
+
* Public functions and properties.
|
12 |
+
*
|
13 |
+
* @since 4.0
|
14 |
+
*
|
15 |
+
* @type {object}
|
16 |
+
*/
|
17 |
+
var app = {
|
18 |
+
|
19 |
+
/**
|
20 |
+
* Start the engine.
|
21 |
+
*
|
22 |
+
* @since 4.0
|
23 |
+
*/
|
24 |
+
init: function() {
|
25 |
+
|
26 |
+
//$( app.ready );
|
27 |
+
$( window ).on( 'load', function() {
|
28 |
+
if ( $.isFunction( $.ready.then ) ) {
|
29 |
+
$.ready.then( app.load );
|
30 |
+
} else {
|
31 |
+
app.load();
|
32 |
+
}
|
33 |
+
} );
|
34 |
+
},
|
35 |
+
|
36 |
+
|
37 |
+
/**
|
38 |
+
* Window load.
|
39 |
+
*
|
40 |
+
* @since 4.0
|
41 |
+
*/
|
42 |
+
load: function() {
|
43 |
+
if(cff_admin_tooltip_wizard.cff_wizard_gutenberg){
|
44 |
+
app.initGutenbergTooltip();
|
45 |
+
}
|
46 |
+
},
|
47 |
+
|
48 |
+
|
49 |
+
initGutenbergTooltip : function(){
|
50 |
+
if ( typeof $.fn.tooltipster === 'undefined' ) {
|
51 |
+
return;
|
52 |
+
}
|
53 |
+
var $dot = $( '<span class="wpforms-admin-form-embed-wizard-dot"> </span>' );
|
54 |
+
var anchor = '.block-editor .edit-post-header-toolbar__inserter-toggle';
|
55 |
+
var tooltipsterArgs = {
|
56 |
+
content : $( '#cff-gutenberg-tooltip-content' ),
|
57 |
+
trigger : 'custom',
|
58 |
+
interactive : true,
|
59 |
+
animationDuration: 0,
|
60 |
+
delay : 0,
|
61 |
+
theme : [ 'tooltipster-default', 'cff-tooltip-wizard' ],
|
62 |
+
side : 'bottom',
|
63 |
+
distance : 3,
|
64 |
+
functionReady : function( instance, helper ) {
|
65 |
+
instance._$tooltip.on( 'click', '.cff-tlp-wizard-close', function() {
|
66 |
+
instance.close();
|
67 |
+
} );
|
68 |
+
|
69 |
+
instance.reposition();
|
70 |
+
},
|
71 |
+
};
|
72 |
+
|
73 |
+
$('.components-button.edit-post-header-toolbar__inserter-toggle').on('click',function() {
|
74 |
+
$('.cff-tooltip-wizard.tooltipster-sidetip').hide();
|
75 |
+
});
|
76 |
+
|
77 |
+
$dot.insertAfter( anchor ).tooltipster( tooltipsterArgs ).tooltipster( 'open' );
|
78 |
+
},
|
79 |
+
|
80 |
+
/**
|
81 |
+
* Check if we're in Gutenberg editor.
|
82 |
+
*
|
83 |
+
* @since 4.0
|
84 |
+
*
|
85 |
+
* @returns {boolean} Is Gutenberg or not.
|
86 |
+
*/
|
87 |
+
isGutenberg: function() {
|
88 |
+
|
89 |
+
return typeof wp !== 'undefined' && Object.prototype.hasOwnProperty.call( wp, 'blocks' );
|
90 |
+
},
|
91 |
+
}
|
92 |
+
|
93 |
+
return app;
|
94 |
+
}( document, window, jQuery ) );
|
95 |
+
|
96 |
+
CFFTooltipWizard.init();
|
admin/builder/assets/js/vue-color.min.js
ADDED
@@ -0,0 +1 @@
|
|
Â
|
1 |
+
!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports.VueColor=t():e.VueColor=t()}("undefined"!=typeof self?self:this,function(){return function(e){function t(r){if(n[r])return n[r].exports;var i=n[r]={i:r,l:!1,exports:{}};return e[r].call(i.exports,i,i.exports,t),i.l=!0,i.exports}var n={};return t.m=e,t.c=n,t.d=function(e,n,r){t.o(e,n)||Object.defineProperty(e,n,{configurable:!1,enumerable:!0,get:r})},t.n=function(e){var n=e&&e.__esModule?function(){return e.default}:function(){return e};return t.d(n,"a",n),n},t.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},t.p="",t(t.s=60)}([function(e,t){function n(e,t){var n=e[1]||"",i=e[3];if(!i)return n;if(t&&"function"==typeof btoa){var o=r(i);return[n].concat(i.sources.map(function(e){return"/*# sourceURL="+i.sourceRoot+e+" */"})).concat([o]).join("\n")}return[n].join("\n")}function r(e){return"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(e))))+" */"}e.exports=function(e){var t=[];return t.toString=function(){return this.map(function(t){var r=n(t,e);return t[2]?"@media "+t[2]+"{"+r+"}":r}).join("")},t.i=function(e,n){"string"==typeof e&&(e=[[null,e,""]]);for(var r={},i=0;i<this.length;i++){var o=this[i][0];"number"==typeof o&&(r[o]=!0)}for(i=0;i<e.length;i++){var a=e[i];"number"==typeof a[0]&&r[a[0]]||(n&&!a[2]?a[2]=n:n&&(a[2]="("+a[2]+") and ("+n+")"),t.push(a))}},t}},function(e,t,n){function r(e){for(var t=0;t<e.length;t++){var n=e[t],r=u[n.id];if(r){r.refs++;for(var i=0;i<r.parts.length;i++)r.parts[i](n.parts[i]);for(;i<n.parts.length;i++)r.parts.push(o(n.parts[i]));r.parts.length>n.parts.length&&(r.parts.length=n.parts.length)}else{for(var a=[],i=0;i<n.parts.length;i++)a.push(o(n.parts[i]));u[n.id]={id:n.id,refs:1,parts:a}}}}function i(){var e=document.createElement("style");return e.type="text/css",f.appendChild(e),e}function o(e){var t,n,r=document.querySelector("style["+b+'~="'+e.id+'"]');if(r){if(p)return v;r.parentNode.removeChild(r)}if(x){var o=h++;r=d||(d=i()),t=a.bind(null,r,o,!1),n=a.bind(null,r,o,!0)}else r=i(),t=s.bind(null,r),n=function(){r.parentNode.removeChild(r)};return t(e),function(r){if(r){if(r.css===e.css&&r.media===e.media&&r.sourceMap===e.sourceMap)return;t(e=r)}else n()}}function a(e,t,n,r){var i=n?"":r.css;if(e.styleSheet)e.styleSheet.cssText=m(t,i);else{var o=document.createTextNode(i),a=e.childNodes;a[t]&&e.removeChild(a[t]),a.length?e.insertBefore(o,a[t]):e.appendChild(o)}}function s(e,t){var n=t.css,r=t.media,i=t.sourceMap;if(r&&e.setAttribute("media",r),g.ssrId&&e.setAttribute(b,t.id),i&&(n+="\n/*# sourceURL="+i.sources[0]+" */",n+="\n/*# sourceMappingURL=data:application/json;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(i))))+" */"),e.styleSheet)e.styleSheet.cssText=n;else{for(;e.firstChild;)e.removeChild(e.firstChild);e.appendChild(document.createTextNode(n))}}var c="undefined"!=typeof document;if("undefined"!=typeof DEBUG&&DEBUG&&!c)throw new Error("vue-style-loader cannot be used in a non-browser environment. Use { target: 'node' } in your Webpack config to indicate a server-rendering environment.");var l=n(64),u={},f=c&&(document.head||document.getElementsByTagName("head")[0]),d=null,h=0,p=!1,v=function(){},g=null,b="data-vue-ssr-id",x="undefined"!=typeof navigator&&/msie [6-9]\b/.test(navigator.userAgent.toLowerCase());e.exports=function(e,t,n,i){p=n,g=i||{};var o=l(e,t);return r(o),function(t){for(var n=[],i=0;i<o.length;i++){var a=o[i],s=u[a.id];s.refs--,n.push(s)}t?(o=l(e,t),r(o)):o=[];for(var i=0;i<n.length;i++){var s=n[i];if(0===s.refs){for(var c=0;c<s.parts.length;c++)s.parts[c]();delete u[s.id]}}}};var m=function(){var e=[];return function(t,n){return e[t]=n,e.filter(Boolean).join("\n")}}()},function(e,t){e.exports=function(e,t,n,r,i,o){var a,s=e=e||{},c=typeof e.default;"object"!==c&&"function"!==c||(a=e,s=e.default);var l="function"==typeof s?s.options:s;t&&(l.render=t.render,l.staticRenderFns=t.staticRenderFns,l._compiled=!0),n&&(l.functional=!0),i&&(l._scopeId=i);var u;if(o?(u=function(e){e=e||this.$vnode&&this.$vnode.ssrContext||this.parent&&this.parent.$vnode&&this.parent.$vnode.ssrContext,e||"undefined"==typeof __VUE_SSR_CONTEXT__||(e=__VUE_SSR_CONTEXT__),r&&r.call(this,e),e&&e._registeredComponents&&e._registeredComponents.add(o)},l._ssrRegister=u):r&&(u=r),u){var f=l.functional,d=f?l.render:l.beforeCreate;f?(l._injectStyles=u,l.render=function(e,t){return u.call(t),d(e,t)}):l.beforeCreate=d?[].concat(d,u):[u]}return{esModule:a,exports:s,options:l}}},function(e,t,n){"use strict";function r(e,t){var n,r=e&&e.a;!(n=e&&e.hsl?(0,o.default)(e.hsl):e&&e.hex&&e.hex.length>0?(0,o.default)(e.hex):e&&e.hsv?(0,o.default)(e.hsv):e&&e.rgba?(0,o.default)(e.rgba):e&&e.rgb?(0,o.default)(e.rgb):(0,o.default)(e))||void 0!==n._a&&null!==n._a||n.setAlpha(r||1);var i=n.toHsl(),a=n.toHsv();return 0===i.s&&(a.h=i.h=e.h||e.hsl&&e.hsl.h||t||0),{hsl:i,hex:n.toHexString().toUpperCase(),hex8:n.toHex8String().toUpperCase(),rgba:n.toRgb(),hsv:a,oldHue:e.h||t||i.h,source:e.source,a:e.a||n.getAlpha()}}Object.defineProperty(t,"__esModule",{value:!0});var i=n(65),o=function(e){return e&&e.__esModule?e:{default:e}}(i);t.default={props:["value"],data:function(){return{val:r(this.value)}},computed:{colors:{get:function(){return this.val},set:function(e){this.val=e,this.$emit("input",e)}}},watch:{value:function(e){this.val=r(e)}},methods:{colorChange:function(e,t){this.oldHue=this.colors.hsl.h,this.colors=r(e,t||this.oldHue)},isValidHex:function(e){return(0,o.default)(e).isValid()},simpleCheckForValidColor:function(e){for(var t=["r","g","b","a","h","s","l","v"],n=0,r=0,i=0;i<t.length;i++){var o=t[i];e[o]&&(n++,isNaN(e[o])||r++)}if(n===r)return e},paletteUpperCase:function(e){return e.map(function(e){return e.toUpperCase()})},isTransparent:function(e){return 0===(0,o.default)(e).getAlpha()}}}},function(e,t){var n=e.exports="undefined"!=typeof window&&window.Math==Math?window:"undefined"!=typeof self&&self.Math==Math?self:Function("return this")();"number"==typeof __g&&(__g=n)},function(e,t,n){"use strict";function r(e){c||n(66)}Object.defineProperty(t,"__esModule",{value:!0});var i=n(36),o=n.n(i);for(var a in i)"default"!==a&&function(e){n.d(t,e,function(){return i[e]})}(a);var s=n(68),c=!1,l=n(2),u=r,f=l(o.a,s.a,!1,u,null,null);f.options.__file="src/components/common/EditableInput.vue",t.default=f.exports},function(e,t){var n={}.hasOwnProperty;e.exports=function(e,t){return n.call(e,t)}},function(e,t,n){var r=n(8),i=n(18);e.exports=n(9)?function(e,t,n){return r.f(e,t,i(1,n))}:function(e,t,n){return e[t]=n,e}},function(e,t,n){var r=n(16),i=n(42),o=n(25),a=Object.defineProperty;t.f=n(9)?Object.defineProperty:function(e,t,n){if(r(e),t=o(t,!0),r(n),i)try{return a(e,t,n)}catch(e){}if("get"in n||"set"in n)throw TypeError("Accessors not supported!");return"value"in n&&(e[t]=n.value),e}},function(e,t,n){e.exports=!n(17)(function(){return 7!=Object.defineProperty({},"a",{get:function(){return 7}}).a})},function(e,t,n){var r=n(90),i=n(24);e.exports=function(e){return r(i(e))}},function(e,t,n){var r=n(29)("wks"),i=n(19),o=n(4).Symbol,a="function"==typeof o;(e.exports=function(e){return r[e]||(r[e]=a&&o[e]||(a?o:i)("Symbol."+e))}).store=r},function(e,t){e.exports=function(e){return"object"==typeof e?null!==e:"function"==typeof e}},function(e,t,n){"use strict";function r(e){c||n(111)}Object.defineProperty(t,"__esModule",{value:!0});var i=n(51),o=n.n(i);for(var a in i)"default"!==a&&function(e){n.d(t,e,function(){return i[e]})}(a);var s=n(113),c=!1,l=n(2),u=r,f=l(o.a,s.a,!1,u,null,null);f.options.__file="src/components/common/Hue.vue",t.default=f.exports},function(e,t){e.exports=!0},function(e,t){var n=e.exports={version:"2.6.11"};"number"==typeof __e&&(__e=n)},function(e,t,n){var r=n(12);e.exports=function(e){if(!r(e))throw TypeError(e+" is not an object!");return e}},function(e,t){e.exports=function(e){try{return!!e()}catch(e){return!0}}},function(e,t){e.exports=function(e,t){return{enumerable:!(1&e),configurable:!(2&e),writable:!(4&e),value:t}}},function(e,t){var n=0,r=Math.random();e.exports=function(e){return"Symbol(".concat(void 0===e?"":e,")_",(++n+r).toString(36))}},function(e,t,n){"use strict";function r(e){c||n(123)}Object.defineProperty(t,"__esModule",{value:!0});var i=n(54),o=n.n(i);for(var a in i)"default"!==a&&function(e){n.d(t,e,function(){return i[e]})}(a);var s=n(127),c=!1,l=n(2),u=r,f=l(o.a,s.a,!1,u,null,null);f.options.__file="src/components/common/Saturation.vue",t.default=f.exports},function(e,t,n){"use strict";function r(e){c||n(128)}Object.defineProperty(t,"__esModule",{value:!0});var i=n(55),o=n.n(i);for(var a in i)"default"!==a&&function(e){n.d(t,e,function(){return i[e]})}(a);var s=n(133),c=!1,l=n(2),u=r,f=l(o.a,s.a,!1,u,null,null);f.options.__file="src/components/common/Alpha.vue",t.default=f.exports},function(e,t,n){"use strict";function r(e){c||n(130)}Object.defineProperty(t,"__esModule",{value:!0});var i=n(56),o=n.n(i);for(var a in i)"default"!==a&&function(e){n.d(t,e,function(){return i[e]})}(a);var s=n(132),c=!1,l=n(2),u=r,f=l(o.a,s.a,!1,u,null,null);f.options.__file="src/components/common/Checkboard.vue",t.default=f.exports},function(e,t){var n=Math.ceil,r=Math.floor;e.exports=function(e){return isNaN(e=+e)?0:(e>0?r:n)(e)}},function(e,t){e.exports=function(e){if(void 0==e)throw TypeError("Can't call method on "+e);return e}},function(e,t,n){var r=n(12);e.exports=function(e,t){if(!r(e))return e;var n,i;if(t&&"function"==typeof(n=e.toString)&&!r(i=n.call(e)))return i;if("function"==typeof(n=e.valueOf)&&!r(i=n.call(e)))return i;if(!t&&"function"==typeof(n=e.toString)&&!r(i=n.call(e)))return i;throw TypeError("Can't convert object to primitive value")}},function(e,t){e.exports={}},function(e,t,n){var r=n(46),i=n(30);e.exports=Object.keys||function(e){return r(e,i)}},function(e,t,n){var r=n(29)("keys"),i=n(19);e.exports=function(e){return r[e]||(r[e]=i(e))}},function(e,t,n){var r=n(15),i=n(4),o=i["__core-js_shared__"]||(i["__core-js_shared__"]={});(e.exports=function(e,t){return o[e]||(o[e]=void 0!==t?t:{})})("versions",[]).push({version:r.version,mode:n(14)?"pure":"global",copyright:"© 2019 Denis Pushkarev (zloirock.ru)"})},function(e,t){e.exports="constructor,hasOwnProperty,isPrototypeOf,propertyIsEnumerable,toLocaleString,toString,valueOf".split(",")},function(e,t,n){var r=n(8).f,i=n(6),o=n(11)("toStringTag");e.exports=function(e,t,n){e&&!i(e=n?e:e.prototype,o)&&r(e,o,{configurable:!0,value:t})}},function(e,t,n){t.f=n(11)},function(e,t,n){var r=n(4),i=n(15),o=n(14),a=n(32),s=n(8).f;e.exports=function(e){var t=i.Symbol||(i.Symbol=o?{}:r.Symbol||{});"_"==e.charAt(0)||e in t||s(t,e,{value:a.f(e)})}},function(e,t){t.f={}.propertyIsEnumerable},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var i=n(3),o=r(i),a=n(5),s=r(a),c=["#4D4D4D","#999999","#FFFFFF","#F44E3B","#FE9200","#FCDC00","#DBDF00","#A4DD00","#68CCCA","#73D8FF","#AEA1FF","#FDA1FF","#333333","#808080","#CCCCCC","#D33115","#E27300","#FCC400","#B0BC00","#68BC00","#16A5A5","#009CE0","#7B64FF","#FA28FF","#000000","#666666","#B3B3B3","#9F0500","#C45100","#FB9E00","#808900","#194D33","#0C797D","#0062B1","#653294","#AB149E"];t.default={name:"Compact",mixins:[o.default],props:{palette:{type:Array,default:function(){return c}}},components:{"ed-in":s.default},computed:{pick:function(){return this.colors.hex.toUpperCase()}},methods:{handlerClick:function(e){this.colorChange({hex:e,source:"hex"})}}}},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default={name:"editableInput",props:{label:String,labelText:String,desc:String,value:[String,Number],max:Number,min:Number,arrowOffset:{type:Number,default:1}},computed:{val:{get:function(){return this.value},set:function(e){if(!(void 0!==this.max&&+e>this.max))return e;this.$refs.input.value=this.max}},labelId:function(){return"input__label__"+this.label+"__"+Math.random().toString().slice(2,5)},labelSpanText:function(){return this.labelText||this.label}},methods:{update:function(e){this.handleChange(e.target.value)},handleChange:function(e){var t={};t[this.label]=e,void 0===t.hex&&void 0===t["#"]?this.$emit("change",t):e.length>5&&this.$emit("change",t)},handleKeyDown:function(e){var t=this.val,n=Number(t);if(n){var r=this.arrowOffset||1;38===e.keyCode&&(t=n+r,this.handleChange(t),e.preventDefault()),40===e.keyCode&&(t=n-r,this.handleChange(t),e.preventDefault())}}}}},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r=n(3),i=function(e){return e&&e.__esModule?e:{default:e}}(r),o=["#FFFFFF","#F2F2F2","#E6E6E6","#D9D9D9","#CCCCCC","#BFBFBF","#B3B3B3","#A6A6A6","#999999","#8C8C8C","#808080","#737373","#666666","#595959","#4D4D4D","#404040","#333333","#262626","#0D0D0D","#000000"];t.default={name:"Grayscale",mixins:[i.default],props:{palette:{type:Array,default:function(){return o}}},components:{},computed:{pick:function(){return this.colors.hex.toUpperCase()}},methods:{handlerClick:function(e){this.colorChange({hex:e,source:"hex"})}}}},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var i=n(5),o=r(i),a=n(3),s=r(a);t.default={name:"Material",mixins:[s.default],components:{"ed-in":o.default},methods:{onChange:function(e){e&&(e.hex?this.isValidHex(e.hex)&&this.colorChange({hex:e.hex,source:"hex"}):(e.r||e.g||e.b)&&this.colorChange({r:e.r||this.colors.rgba.r,g:e.g||this.colors.rgba.g,b:e.b||this.colors.rgba.b,a:e.a||this.colors.rgba.a,source:"rgba"}))}}}},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var i=n(81),o=r(i),a=n(3),s=r(a),c=n(13),l=r(c);t.default={name:"Slider",mixins:[s.default],props:{swatches:{type:Array,default:function(){return[{s:.5,l:.8},{s:.5,l:.65},{s:.5,l:.5},{s:.5,l:.35},{s:.5,l:.2}]}}},components:{hue:l.default},computed:{normalizedSwatches:function(){return this.swatches.map(function(e){return"object"!==(void 0===e?"undefined":(0,o.default)(e))?{s:.5,l:e}:e})}},methods:{isActive:function(e,t){var n=this.colors.hsl;return 1===n.l&&1===e.l||(0===n.l&&0===e.l||Math.abs(n.l-e.l)<.01&&Math.abs(n.s-e.s)<.01)},hueChange:function(e){this.colorChange(e)},handleSwClick:function(e,t){this.colorChange({h:this.colors.hsl.h,s:t.s,l:t.l,source:"hsl"})}}}},function(e,t,n){"use strict";var r=n(14),i=n(41),o=n(44),a=n(7),s=n(26),c=n(88),l=n(31),u=n(95),f=n(11)("iterator"),d=!([].keys&&"next"in[].keys()),h=function(){return this};e.exports=function(e,t,n,p,v,g,b){c(n,t,p);var x,m,_,w=function(e){if(!d&&e in F)return F[e];switch(e){case"keys":case"values":return function(){return new n(this,e)}}return function(){return new n(this,e)}},y=t+" Iterator",C="values"==v,k=!1,F=e.prototype,S=F[f]||F["@@iterator"]||v&&F[v],A=S||w(v),O=v?C?w("entries"):A:void 0,E="Array"==t?F.entries||S:S;if(E&&(_=u(E.call(new e)))!==Object.prototype&&_.next&&(l(_,y,!0),r||"function"==typeof _[f]||a(_,f,h)),C&&S&&"values"!==S.name&&(k=!0,A=function(){return S.call(this)}),r&&!b||!d&&!k&&F[f]||a(F,f,A),s[t]=A,s[y]=h,v)if(x={values:C?A:w("values"),keys:g?A:w("keys"),entries:O},b)for(m in x)m in F||o(F,m,x[m]);else i(i.P+i.F*(d||k),t,x);return x}},function(e,t,n){var r=n(4),i=n(15),o=n(86),a=n(7),s=n(6),c=function(e,t,n){var l,u,f,d=e&c.F,h=e&c.G,p=e&c.S,v=e&c.P,g=e&c.B,b=e&c.W,x=h?i:i[t]||(i[t]={}),m=x.prototype,_=h?r:p?r[t]:(r[t]||{}).prototype;h&&(n=t);for(l in n)(u=!d&&_&&void 0!==_[l])&&s(x,l)||(f=u?_[l]:n[l],x[l]=h&&"function"!=typeof _[l]?n[l]:g&&u?o(f,r):b&&_[l]==f?function(e){var t=function(t,n,r){if(this instanceof e){switch(arguments.length){case 0:return new e;case 1:return new e(t);case 2:return new e(t,n)}return new e(t,n,r)}return e.apply(this,arguments)};return t.prototype=e.prototype,t}(f):v&&"function"==typeof f?o(Function.call,f):f,v&&((x.virtual||(x.virtual={}))[l]=f,e&c.R&&m&&!m[l]&&a(m,l,f)))};c.F=1,c.G=2,c.S=4,c.P=8,c.B=16,c.W=32,c.U=64,c.R=128,e.exports=c},function(e,t,n){e.exports=!n(9)&&!n(17)(function(){return 7!=Object.defineProperty(n(43)("div"),"a",{get:function(){return 7}}).a})},function(e,t,n){var r=n(12),i=n(4).document,o=r(i)&&r(i.createElement);e.exports=function(e){return o?i.createElement(e):{}}},function(e,t,n){e.exports=n(7)},function(e,t,n){var r=n(16),i=n(89),o=n(30),a=n(28)("IE_PROTO"),s=function(){},c=function(){var e,t=n(43)("iframe"),r=o.length;for(t.style.display="none",n(94).appendChild(t),t.src="javascript:",e=t.contentWindow.document,e.open(),e.write("<script>document.F=Object<\/script>"),e.close(),c=e.F;r--;)delete c.prototype[o[r]];return c()};e.exports=Object.create||function(e,t){var n;return null!==e?(s.prototype=r(e),n=new s,s.prototype=null,n[a]=e):n=c(),void 0===t?n:i(n,t)}},function(e,t,n){var r=n(6),i=n(10),o=n(91)(!1),a=n(28)("IE_PROTO");e.exports=function(e,t){var n,s=i(e),c=0,l=[];for(n in s)n!=a&&r(s,n)&&l.push(n);for(;t.length>c;)r(s,n=t[c++])&&(~o(l,n)||l.push(n));return l}},function(e,t){var n={}.toString;e.exports=function(e){return n.call(e).slice(8,-1)}},function(e,t,n){var r=n(24);e.exports=function(e){return Object(r(e))}},function(e,t){t.f=Object.getOwnPropertySymbols},function(e,t,n){var r=n(46),i=n(30).concat("length","prototype");t.f=Object.getOwnPropertyNames||function(e){return r(e,i)}},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default={name:"Hue",props:{value:Object,direction:{type:String,default:"horizontal"}},data:function(){return{oldHue:0,pullDirection:""}},computed:{colors:function(){var e=this.value.hsl.h;return 0!==e&&e-this.oldHue>0&&(this.pullDirection="right"),0!==e&&e-this.oldHue<0&&(this.pullDirection="left"),this.oldHue=e,this.value},directionClass:function(){return{"vc-hue--horizontal":"horizontal"===this.direction,"vc-hue--vertical":"vertical"===this.direction}},pointerTop:function(){return"vertical"===this.direction?0===this.colors.hsl.h&&"right"===this.pullDirection?0:-100*this.colors.hsl.h/360+100+"%":0},pointerLeft:function(){return"vertical"===this.direction?0:0===this.colors.hsl.h&&"right"===this.pullDirection?"100%":100*this.colors.hsl.h/360+"%"}},methods:{handleChange:function(e,t){!t&&e.preventDefault();var n=this.$refs.container;if(n){var r,i,o=n.clientWidth,a=n.clientHeight,s=n.getBoundingClientRect().left+window.pageXOffset,c=n.getBoundingClientRect().top+window.pageYOffset,l=e.pageX||(e.touches?e.touches[0].pageX:0),u=e.pageY||(e.touches?e.touches[0].pageY:0),f=l-s,d=u-c;"vertical"===this.direction?(d<0?r=360:d>a?r=0:(i=-100*d/a+100,r=360*i/100),this.colors.hsl.h!==r&&this.$emit("change",{h:r,s:this.colors.hsl.s,l:this.colors.hsl.l,a:this.colors.hsl.a,source:"hsl"})):(f<0?r=0:f>o?r=360:(i=100*f/o,r=360*i/100),this.colors.hsl.h!==r&&this.$emit("change",{h:r,s:this.colors.hsl.s,l:this.colors.hsl.l,a:this.colors.hsl.a,source:"hsl"}))}},handleMouseDown:function(e){this.handleChange(e,!0),window.addEventListener("mousemove",this.handleChange),window.addEventListener("mouseup",this.handleMouseUp)},handleMouseUp:function(e){this.unbindEventListeners()},unbindEventListeners:function(){window.removeEventListener("mousemove",this.handleChange),window.removeEventListener("mouseup",this.handleMouseUp)}}}},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var i=n(118),o=r(i),a=n(3),s=r(a),c=["red","pink","purple","deepPurple","indigo","blue","lightBlue","cyan","teal","green","lightGreen","lime","yellow","amber","orange","deepOrange","brown","blueGrey","black"],l=["900","700","500","300","100"],u=function(){var e=[];return c.forEach(function(t){var n=[];"black"===t.toLowerCase()||"white"===t.toLowerCase()?n=n.concat(["#000000","#FFFFFF"]):l.forEach(function(e){var r=o.default[t][e];n.push(r.toUpperCase())}),e.push(n)}),e}();t.default={name:"Swatches",mixins:[s.default],props:{palette:{type:Array,default:function(){return u}}},computed:{pick:function(){return this.colors.hex}},methods:{equal:function(e){return e.toLowerCase()===this.colors.hex.toLowerCase()},handlerClick:function(e){this.colorChange({hex:e,source:"hex"})}}}},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var i=n(3),o=r(i),a=n(5),s=r(a),c=n(20),l=r(c),u=n(13),f=r(u),d=n(21),h=r(d);t.default={name:"Photoshop",mixins:[o.default],props:{head:{type:String,default:"Color Picker"},disableFields:{type:Boolean,default:!1},hasResetButton:{type:Boolean,default:!1},acceptLabel:{type:String,default:"OK"},cancelLabel:{type:String,default:"Cancel"},resetLabel:{type:String,default:"Reset"},newLabel:{type:String,default:"new"},currentLabel:{type:String,default:"current"}},components:{saturation:l.default,hue:f.default,alpha:h.default,"ed-in":s.default},data:function(){return{currentColor:"#FFF"}},computed:{hsv:function(){var e=this.colors.hsv;return{h:e.h.toFixed(),s:(100*e.s).toFixed(),v:(100*e.v).toFixed()}},hex:function(){var e=this.colors.hex;return e&&e.replace("#","")}},created:function(){this.currentColor=this.colors.hex},methods:{childChange:function(e){this.colorChange(e)},inputChange:function(e){e&&(e["#"]?this.isValidHex(e["#"])&&this.colorChange({hex:e["#"],source:"hex"}):e.r||e.g||e.b||e.a?this.colorChange({r:e.r||this.colors.rgba.r,g:e.g||this.colors.rgba.g,b:e.b||this.colors.rgba.b,a:e.a||this.colors.rgba.a,source:"rgba"}):(e.h||e.s||e.v)&&this.colorChange({h:e.h||this.colors.hsv.h,s:e.s/100||this.colors.hsv.s,v:e.v/100||this.colors.hsv.v,source:"hsv"}))},clickCurrentColor:function(){this.colorChange({hex:this.currentColor,source:"hex"})},handleAccept:function(){this.$emit("ok")},handleCancel:function(){this.$emit("cancel")},handleReset:function(){this.$emit("reset")}}}},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var i=n(125),o=r(i),a=n(126),s=r(a);t.default={name:"Saturation",props:{value:Object},computed:{colors:function(){return this.value},bgColor:function(){return"hsl("+this.colors.hsv.h+", 100%, 50%)"},pointerTop:function(){return-100*this.colors.hsv.v+1+100+"%"},pointerLeft:function(){return 100*this.colors.hsv.s+"%"}},methods:{throttle:(0,s.default)(function(e,t){e(t)},20,{leading:!0,trailing:!1}),handleChange:function(e,t){!t&&e.preventDefault();var n=this.$refs.container;if(n){var r=n.clientWidth,i=n.clientHeight,a=n.getBoundingClientRect().left+window.pageXOffset,s=n.getBoundingClientRect().top+window.pageYOffset,c=e.pageX||(e.touches?e.touches[0].pageX:0),l=e.pageY||(e.touches?e.touches[0].pageY:0),u=(0,o.default)(c-a,0,r),f=(0,o.default)(l-s,0,i),d=u/r,h=(0,o.default)(-f/i+1,0,1);this.throttle(this.onChange,{h:this.colors.hsv.h,s:d,v:h,a:this.colors.hsv.a,source:"hsva"})}},onChange:function(e){this.$emit("change",e)},handleMouseDown:function(e){window.addEventListener("mousemove",this.handleChange),window.addEventListener("mouseup",this.handleChange),window.addEventListener("mouseup",this.handleMouseUp)},handleMouseUp:function(e){this.unbindEventListeners()},unbindEventListeners:function(){window.removeEventListener("mousemove",this.handleChange),window.removeEventListener("mouseup",this.handleChange),window.removeEventListener("mouseup",this.handleMouseUp)}}}},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r=n(22),i=function(e){return e&&e.__esModule?e:{default:e}}(r);t.default={name:"Alpha",props:{value:Object,onChange:Function},components:{checkboard:i.default},computed:{colors:function(){return this.value},gradientColor:function(){var e=this.colors.rgba,t=[e.r,e.g,e.b].join(",");return"linear-gradient(to right, rgba("+t+", 0) 0%, rgba("+t+", 1) 100%)"}},methods:{handleChange:function(e,t){!t&&e.preventDefault();var n=this.$refs.container;if(n){var r,i=n.clientWidth,o=n.getBoundingClientRect().left+window.pageXOffset,a=e.pageX||(e.touches?e.touches[0].pageX:0),s=a-o;r=s<0?0:s>i?1:Math.round(100*s/i)/100,this.colors.a!==r&&this.$emit("change",{h:this.colors.hsl.h,s:this.colors.hsl.s,l:this.colors.hsl.l,a:r,source:"rgba"})}},handleMouseDown:function(e){this.handleChange(e,!0),window.addEventListener("mousemove",this.handleChange),window.addEventListener("mouseup",this.handleMouseUp)},handleMouseUp:function(){this.unbindEventListeners()},unbindEventListeners:function(){window.removeEventListener("mousemove",this.handleChange),window.removeEventListener("mouseup",this.handleMouseUp)}}}},function(e,t,n){"use strict";function r(e,t,n){if("undefined"==typeof document)return null;var r=document.createElement("canvas");r.width=r.height=2*n;var i=r.getContext("2d");return i?(i.fillStyle=e,i.fillRect(0,0,r.width,r.height),i.fillStyle=t,i.fillRect(0,0,n,n),i.translate(n,n),i.fillRect(0,0,n,n),r.toDataURL()):null}function i(e,t,n){var i=e+","+t+","+n;if(o[i])return o[i];var a=r(e,t,n);return o[i]=a,a}Object.defineProperty(t,"__esModule",{value:!0});var o={};t.default={name:"Checkboard",props:{size:{type:[Number,String],default:8},white:{type:String,default:"#fff"},grey:{type:String,default:"#e6e6e6"}},computed:{bgStyle:function(){return{"background-image":"url("+i(this.white,this.grey,this.size)+")"}}}}},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var i=n(3),o=r(i),a=n(5),s=r(a),c=n(20),l=r(c),u=n(13),f=r(u),d=n(21),h=r(d),p=n(22),v=r(p),g=["#D0021B","#F5A623","#F8E71C","#8B572A","#7ED321","#417505","#BD10E0","#9013FE","#4A90E2","#50E3C2","#B8E986","#000000","#4A4A4A","#9B9B9B","#FFFFFF","rgba(0,0,0,0)"];t.default={name:"Sketch",mixins:[o.default],components:{saturation:l.default,hue:f.default,alpha:h.default,"ed-in":s.default,checkboard:v.default},props:{presetColors:{type:Array,default:function(){return g}},disableAlpha:{type:Boolean,default:!1},disableFields:{type:Boolean,default:!1}},computed:{hex:function(){var e=void 0;return e=this.colors.a<1?this.colors.hex8:this.colors.hex,e.replace("#","")},activeColor:function(){var e=this.colors.rgba;return"rgba("+[e.r,e.g,e.b,e.a].join(",")+")"}},methods:{handlePreset:function(e){this.colorChange({hex:e,source:"hex"})},childChange:function(e){this.colorChange(e)},inputChange:function(e){e&&(e.hex?this.isValidHex(e.hex)&&this.colorChange({hex:e.hex,source:"hex"}):(e.r||e.g||e.b||e.a)&&this.colorChange({r:e.r||this.colors.rgba.r,g:e.g||this.colors.rgba.g,b:e.b||this.colors.rgba.b,a:e.a||this.colors.rgba.a,source:"rgba"}))}}}},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var i=n(3),o=r(i),a=n(5),s=r(a),c=n(20),l=r(c),u=n(13),f=r(u),d=n(21),h=r(d),p=n(22),v=r(p);t.default={name:"Chrome",mixins:[o.default],props:{disableAlpha:{type:Boolean,default:!1},disableFields:{type:Boolean,default:!1}},components:{saturation:l.default,hue:f.default,alpha:h.default,"ed-in":s.default,checkboard:v.default},data:function(){return{fieldsIndex:0,highlight:!1}},computed:{hsl:function(){var e=this.colors.hsl,t=e.h,n=e.s,r=e.l;return{h:t.toFixed(),s:(100*n).toFixed()+"%",l:(100*r).toFixed()+"%"}},activeColor:function(){var e=this.colors.rgba;return"rgba("+[e.r,e.g,e.b,e.a].join(",")+")"},hasAlpha:function(){return this.colors.a<1}},methods:{childChange:function(e){this.colorChange(e)},inputChange:function(e){if(e)if(e.hex)this.isValidHex(e.hex)&&this.colorChange({hex:e.hex,source:"hex"});else if(e.r||e.g||e.b||e.a)this.colorChange({r:e.r||this.colors.rgba.r,g:e.g||this.colors.rgba.g,b:e.b||this.colors.rgba.b,a:e.a||this.colors.rgba.a,source:"rgba"});else if(e.h||e.s||e.l){var t=e.s?e.s.replace("%","")/100:this.colors.hsl.s,n=e.l?e.l.replace("%","")/100:this.colors.hsl.l;this.colorChange({h:e.h||this.colors.hsl.h,s:t,l:n,source:"hsl"})}},toggleViews:function(){if(this.fieldsIndex>=2)return void(this.fieldsIndex=0);this.fieldsIndex++},showHighlight:function(){this.highlight=!0},hideHighlight:function(){this.highlight=!1}}}},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var i=n(5),o=r(i),a=n(3),s=r(a),c=["#FF6900","#FCB900","#7BDCB5","#00D084","#8ED1FC","#0693E3","#ABB8C3","#EB144C","#F78DA7","#9900EF"];t.default={name:"Twitter",mixins:[s.default],components:{editableInput:o.default},props:{width:{type:[String,Number],default:276},defaultColors:{type:Array,default:function(){return c}},triangle:{default:"top-left",validator:function(e){return["hide","top-left","top-right"].includes(e)}}},computed:{hsv:function(){var e=this.colors.hsv;return{h:e.h.toFixed(),s:(100*e.s).toFixed(),v:(100*e.v).toFixed()}},hex:function(){var e=this.colors.hex;return e&&e.replace("#","")}},methods:{equal:function(e){return e.toLowerCase()===this.colors.hex.toLowerCase()},handlerClick:function(e){this.colorChange({hex:e,source:"hex"})},inputChange:function(e){e&&(e["#"]?this.isValidHex(e["#"])&&this.colorChange({hex:e["#"],source:"hex"}):e.r||e.g||e.b||e.a?this.colorChange({r:e.r||this.colors.rgba.r,g:e.g||this.colors.rgba.g,b:e.b||this.colors.rgba.b,a:e.a||this.colors.rgba.a,source:"rgba"}):(e.h||e.s||e.v)&&this.colorChange({h:e.h||this.colors.hsv.h,s:e.s/100||this.colors.hsv.s,v:e.v/100||this.colors.hsv.v,source:"hsv"}))}}}},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{default:e}}var i=n(61),o=r(i),a=n(70),s=r(a),c=n(74),l=r(c),u=n(78),f=r(u),d=n(115),h=r(d),p=n(120),v=r(p),g=n(135),b=r(g),x=n(139),m=r(x),_=n(143),w=r(_),y=n(21),C=r(y),k=n(22),F=r(k),S=n(5),A=r(S),O=n(13),E=r(O),M=n(20),j=r(M),L=n(3),P=r(L),R={version:"2.8.1",Compact:o.default,Grayscale:s.default,Twitter:w.default,Material:l.default,Slider:f.default,Swatches:h.default,Photoshop:v.default,Sketch:b.default,Chrome:m.default,Alpha:C.default,Checkboard:F.default,EditableInput:A.default,Hue:E.default,Saturation:j.default,ColorMixin:P.default};e.exports=R},function(e,t,n){"use strict";function r(e){c||n(62)}Object.defineProperty(t,"__esModule",{value:!0});var i=n(35),o=n.n(i);for(var a in i)"default"!==a&&function(e){n.d(t,e,function(){return i[e]})}(a);var s=n(69),c=!1,l=n(2),u=r,f=l(o.a,s.a,!1,u,null,null);f.options.__file="src/components/Compact.vue",t.default=f.exports},function(e,t,n){var r=n(63);"string"==typeof r&&(r=[[e.i,r,""]]),r.locals&&(e.exports=r.locals);n(1)("6ce8a5a8",r,!1,{})},function(e,t,n){t=e.exports=n(0)(!1),t.push([e.i,"\n.vc-compact {\n padding-top: 5px;\n padding-left: 5px;\n width: 245px;\n border-radius: 2px;\n box-sizing: border-box;\n box-shadow: 0 2px 10px rgba(0,0,0,.12), 0 2px 5px rgba(0,0,0,.16);\n background-color: #fff;\n}\n.vc-compact-colors {\n overflow: hidden;\n padding: 0;\n margin: 0;\n}\n.vc-compact-color-item {\n list-style: none;\n width: 15px;\n height: 15px;\n float: left;\n margin-right: 5px;\n margin-bottom: 5px;\n position: relative;\n cursor: pointer;\n}\n.vc-compact-color-item--white {\n box-shadow: inset 0 0 0 1px #ddd;\n}\n.vc-compact-color-item--white .vc-compact-dot {\n background: #000;\n}\n.vc-compact-dot {\n position: absolute;\n top: 5px;\n right: 5px;\n bottom: 5px;\n left: 5px;\n border-radius: 50%;\n opacity: 1;\n background: #fff;\n}\n",""])},function(e,t){e.exports=function(e,t){for(var n=[],r={},i=0;i<t.length;i++){var o=t[i],a=o[0],s=o[1],c=o[2],l=o[3],u={id:e+":"+i,css:s,media:c,sourceMap:l};r[a]?r[a].parts.push(u):n.push(r[a]={id:a,parts:[u]})}return n}},function(e,t,n){var r;!function(i){function o(e,t){if(e=e||"",t=t||{},e instanceof o)return e;if(!(this instanceof o))return new o(e,t);var n=a(e);this._originalInput=e,this._r=n.r,this._g=n.g,this._b=n.b,this._a=n.a,this._roundA=G(100*this._a)/100,this._format=t.format||n.format,this._gradientType=t.gradientType,this._r<1&&(this._r=G(this._r)),this._g<1&&(this._g=G(this._g)),this._b<1&&(this._b=G(this._b)),this._ok=n.ok,this._tc_id=U++}function a(e){var t={r:0,g:0,b:0},n=1,r=null,i=null,o=null,a=!1,c=!1;return"string"==typeof e&&(e=N(e)),"object"==typeof e&&(H(e.r)&&H(e.g)&&H(e.b)?(t=s(e.r,e.g,e.b),a=!0,c="%"===String(e.r).substr(-1)?"prgb":"rgb"):H(e.h)&&H(e.s)&&H(e.v)?(r=D(e.s),i=D(e.v),t=f(e.h,r,i),a=!0,c="hsv"):H(e.h)&&H(e.s)&&H(e.l)&&(r=D(e.s),o=D(e.l),t=l(e.h,r,o),a=!0,c="hsl"),e.hasOwnProperty("a")&&(n=e.a)),n=O(n),{ok:a,format:e.format||c,r:V(255,q(t.r,0)),g:V(255,q(t.g,0)),b:V(255,q(t.b,0)),a:n}}function s(e,t,n){return{r:255*E(e,255),g:255*E(t,255),b:255*E(n,255)}}function c(e,t,n){e=E(e,255),t=E(t,255),n=E(n,255);var r,i,o=q(e,t,n),a=V(e,t,n),s=(o+a)/2;if(o==a)r=i=0;else{var c=o-a;switch(i=s>.5?c/(2-o-a):c/(o+a),o){case e:r=(t-n)/c+(t<n?6:0);break;case t:r=(n-e)/c+2;break;case n:r=(e-t)/c+4}r/=6}return{h:r,s:i,l:s}}function l(e,t,n){function r(e,t,n){return n<0&&(n+=1),n>1&&(n-=1),n<1/6?e+6*(t-e)*n:n<.5?t:n<2/3?e+(t-e)*(2/3-n)*6:e}var i,o,a;if(e=E(e,360),t=E(t,100),n=E(n,100),0===t)i=o=a=n;else{var s=n<.5?n*(1+t):n+t-n*t,c=2*n-s;i=r(c,s,e+1/3),o=r(c,s,e),a=r(c,s,e-1/3)}return{r:255*i,g:255*o,b:255*a}}function u(e,t,n){e=E(e,255),t=E(t,255),n=E(n,255);var r,i,o=q(e,t,n),a=V(e,t,n),s=o,c=o-a;if(i=0===o?0:c/o,o==a)r=0;else{switch(o){case e:r=(t-n)/c+(t<n?6:0);break;case t:r=(n-e)/c+2;break;case n:r=(e-t)/c+4}r/=6}return{h:r,s:i,v:s}}function f(e,t,n){e=6*E(e,360),t=E(t,100),n=E(n,100);var r=i.floor(e),o=e-r,a=n*(1-t),s=n*(1-o*t),c=n*(1-(1-o)*t),l=r%6;return{r:255*[n,s,a,a,c,n][l],g:255*[c,n,n,s,a,a][l],b:255*[a,a,c,n,n,s][l]}}function d(e,t,n,r){var i=[R(G(e).toString(16)),R(G(t).toString(16)),R(G(n).toString(16))];return r&&i[0].charAt(0)==i[0].charAt(1)&&i[1].charAt(0)==i[1].charAt(1)&&i[2].charAt(0)==i[2].charAt(1)?i[0].charAt(0)+i[1].charAt(0)+i[2].charAt(0):i.join("")}function h(e,t,n,r,i){var o=[R(G(e).toString(16)),R(G(t).toString(16)),R(G(n).toString(16)),R(B(r))];return i&&o[0].charAt(0)==o[0].charAt(1)&&o[1].charAt(0)==o[1].charAt(1)&&o[2].charAt(0)==o[2].charAt(1)&&o[3].charAt(0)==o[3].charAt(1)?o[0].charAt(0)+o[1].charAt(0)+o[2].charAt(0)+o[3].charAt(0):o.join("")}function p(e,t,n,r){return[R(B(r)),R(G(e).toString(16)),R(G(t).toString(16)),R(G(n).toString(16))].join("")}function v(e,t){t=0===t?0:t||10;var n=o(e).toHsl();return n.s-=t/100,n.s=M(n.s),o(n)}function g(e,t){t=0===t?0:t||10;var n=o(e).toHsl();return n.s+=t/100,n.s=M(n.s),o(n)}function b(e){return o(e).desaturate(100)}function x(e,t){t=0===t?0:t||10;var n=o(e).toHsl();return n.l+=t/100,n.l=M(n.l),o(n)}function m(e,t){t=0===t?0:t||10;var n=o(e).toRgb();return n.r=q(0,V(255,n.r-G(-t/100*255))),n.g=q(0,V(255,n.g-G(-t/100*255))),n.b=q(0,V(255,n.b-G(-t/100*255))),o(n)}function _(e,t){t=0===t?0:t||10;var n=o(e).toHsl();return n.l-=t/100,n.l=M(n.l),o(n)}function w(e,t){var n=o(e).toHsl(),r=(n.h+t)%360;return n.h=r<0?360+r:r,o(n)}function y(e){var t=o(e).toHsl();return t.h=(t.h+180)%360,o(t)}function C(e){var t=o(e).toHsl(),n=t.h;return[o(e),o({h:(n+120)%360,s:t.s,l:t.l}),o({h:(n+240)%360,s:t.s,l:t.l})]}function k(e){var t=o(e).toHsl(),n=t.h;return[o(e),o({h:(n+90)%360,s:t.s,l:t.l}),o({h:(n+180)%360,s:t.s,l:t.l}),o({h:(n+270)%360,s:t.s,l:t.l})]}function F(e){var t=o(e).toHsl(),n=t.h;return[o(e),o({h:(n+72)%360,s:t.s,l:t.l}),o({h:(n+216)%360,s:t.s,l:t.l})]}function S(e,t,n){t=t||6,n=n||30;var r=o(e).toHsl(),i=360/n,a=[o(e)];for(r.h=(r.h-(i*t>>1)+720)%360;--t;)r.h=(r.h+i)%360,a.push(o(r));return a}function A(e,t){t=t||6;for(var n=o(e).toHsv(),r=n.h,i=n.s,a=n.v,s=[],c=1/t;t--;)s.push(o({h:r,s:i,v:a})),a=(a+c)%1;return s}function O(e){return e=parseFloat(e),(isNaN(e)||e<0||e>1)&&(e=1),e}function E(e,t){L(e)&&(e="100%");var n=P(e);return e=V(t,q(0,parseFloat(e))),n&&(e=parseInt(e*t,10)/100),i.abs(e-t)<1e-6?1:e%t/parseFloat(t)}function M(e){return V(1,q(0,e))}function j(e){return parseInt(e,16)}function L(e){return"string"==typeof e&&-1!=e.indexOf(".")&&1===parseFloat(e)}function P(e){return"string"==typeof e&&-1!=e.indexOf("%")}function R(e){return 1==e.length?"0"+e:""+e}function D(e){return e<=1&&(e=100*e+"%"),e}function B(e){return i.round(255*parseFloat(e)).toString(16)}function T(e){return j(e)/255}function H(e){return!!J.CSS_UNIT.exec(e)}function N(e){e=e.replace(I,"").replace($,"").toLowerCase();var t=!1;if(W[e])e=W[e],t=!0;else if("transparent"==e)return{r:0,g:0,b:0,a:0,format:"name"};var n;return(n=J.rgb.exec(e))?{r:n[1],g:n[2],b:n[3]}:(n=J.rgba.exec(e))?{r:n[1],g:n[2],b:n[3],a:n[4]}:(n=J.hsl.exec(e))?{h:n[1],s:n[2],l:n[3]}:(n=J.hsla.exec(e))?{h:n[1],s:n[2],l:n[3],a:n[4]}:(n=J.hsv.exec(e))?{h:n[1],s:n[2],v:n[3]}:(n=J.hsva.exec(e))?{h:n[1],s:n[2],v:n[3],a:n[4]}:(n=J.hex8.exec(e))?{r:j(n[1]),g:j(n[2]),b:j(n[3]),a:T(n[4]),format:t?"name":"hex8"}:(n=J.hex6.exec(e))?{r:j(n[1]),g:j(n[2]),b:j(n[3]),format:t?"name":"hex"}:(n=J.hex4.exec(e))?{r:j(n[1]+""+n[1]),g:j(n[2]+""+n[2]),b:j(n[3]+""+n[3]),a:T(n[4]+""+n[4]),format:t?"name":"hex8"}:!!(n=J.hex3.exec(e))&&{r:j(n[1]+""+n[1]),g:j(n[2]+""+n[2]),b:j(n[3]+""+n[3]),format:t?"name":"hex"}}function z(e){var t,n;return e=e||{level:"AA",size:"small"},t=(e.level||"AA").toUpperCase(),n=(e.size||"small").toLowerCase(),"AA"!==t&&"AAA"!==t&&(t="AA"),"small"!==n&&"large"!==n&&(n="small"),{level:t,size:n}}var I=/^\s+/,$=/\s+$/,U=0,G=i.round,V=i.min,q=i.max,X=i.random;o.prototype={isDark:function(){return this.getBrightness()<128},isLight:function(){return!this.isDark()},isValid:function(){return this._ok},getOriginalInput:function(){return this._originalInput},getFormat:function(){return this._format},getAlpha:function(){return this._a},getBrightness:function(){var e=this.toRgb();return(299*e.r+587*e.g+114*e.b)/1e3},getLuminance:function(){var e,t,n,r,o,a,s=this.toRgb();return e=s.r/255,t=s.g/255,n=s.b/255,r=e<=.03928?e/12.92:i.pow((e+.055)/1.055,2.4),o=t<=.03928?t/12.92:i.pow((t+.055)/1.055,2.4),a=n<=.03928?n/12.92:i.pow((n+.055)/1.055,2.4),.2126*r+.7152*o+.0722*a},setAlpha:function(e){return this._a=O(e),this._roundA=G(100*this._a)/100,this},toHsv:function(){var e=u(this._r,this._g,this._b);return{h:360*e.h,s:e.s,v:e.v,a:this._a}},toHsvString:function(){var e=u(this._r,this._g,this._b),t=G(360*e.h),n=G(100*e.s),r=G(100*e.v);return 1==this._a?"hsv("+t+", "+n+"%, "+r+"%)":"hsva("+t+", "+n+"%, "+r+"%, "+this._roundA+")"},toHsl:function(){var e=c(this._r,this._g,this._b);return{h:360*e.h,s:e.s,l:e.l,a:this._a}},toHslString:function(){var e=c(this._r,this._g,this._b),t=G(360*e.h),n=G(100*e.s),r=G(100*e.l);return 1==this._a?"hsl("+t+", "+n+"%, "+r+"%)":"hsla("+t+", "+n+"%, "+r+"%, "+this._roundA+")"},toHex:function(e){return d(this._r,this._g,this._b,e)},toHexString:function(e){return"#"+this.toHex(e)},toHex8:function(e){return h(this._r,this._g,this._b,this._a,e)},toHex8String:function(e){return"#"+this.toHex8(e)},toRgb:function(){return{r:G(this._r),g:G(this._g),b:G(this._b),a:this._a}},toRgbString:function(){return 1==this._a?"rgb("+G(this._r)+", "+G(this._g)+", "+G(this._b)+")":"rgba("+G(this._r)+", "+G(this._g)+", "+G(this._b)+", "+this._roundA+")"},toPercentageRgb:function(){return{r:G(100*E(this._r,255))+"%",g:G(100*E(this._g,255))+"%",b:G(100*E(this._b,255))+"%",a:this._a}},toPercentageRgbString:function(){return 1==this._a?"rgb("+G(100*E(this._r,255))+"%, "+G(100*E(this._g,255))+"%, "+G(100*E(this._b,255))+"%)":"rgba("+G(100*E(this._r,255))+"%, "+G(100*E(this._g,255))+"%, "+G(100*E(this._b,255))+"%, "+this._roundA+")"},toName:function(){return 0===this._a?"transparent":!(this._a<1)&&(Y[d(this._r,this._g,this._b,!0)]||!1)},toFilter:function(e){var t="#"+p(this._r,this._g,this._b,this._a),n=t,r=this._gradientType?"GradientType = 1, ":"";if(e){var i=o(e);n="#"+p(i._r,i._g,i._b,i._a)}return"progid:DXImageTransform.Microsoft.gradient("+r+"startColorstr="+t+",endColorstr="+n+")"},toString:function(e){var t=!!e;e=e||this._format;var n=!1,r=this._a<1&&this._a>=0;return t||!r||"hex"!==e&&"hex6"!==e&&"hex3"!==e&&"hex4"!==e&&"hex8"!==e&&"name"!==e?("rgb"===e&&(n=this.toRgbString()),"prgb"===e&&(n=this.toPercentageRgbString()),"hex"!==e&&"hex6"!==e||(n=this.toHexString()),"hex3"===e&&(n=this.toHexString(!0)),"hex4"===e&&(n=this.toHex8String(!0)),"hex8"===e&&(n=this.toHex8String()),"name"===e&&(n=this.toName()),"hsl"===e&&(n=this.toHslString()),"hsv"===e&&(n=this.toHsvString()),n||this.toHexString()):"name"===e&&0===this._a?this.toName():this.toRgbString()},clone:function(){return o(this.toString())},_applyModification:function(e,t){var n=e.apply(null,[this].concat([].slice.call(t)));return this._r=n._r,this._g=n._g,this._b=n._b,this.setAlpha(n._a),this},lighten:function(){return this._applyModification(x,arguments)},brighten:function(){return this._applyModification(m,arguments)},darken:function(){return this._applyModification(_,arguments)},desaturate:function(){return this._applyModification(v,arguments)},saturate:function(){return this._applyModification(g,arguments)},greyscale:function(){return this._applyModification(b,arguments)},spin:function(){return this._applyModification(w,arguments)},_applyCombination:function(e,t){return e.apply(null,[this].concat([].slice.call(t)))},analogous:function(){return this._applyCombination(S,arguments)},complement:function(){return this._applyCombination(y,arguments)},monochromatic:function(){return this._applyCombination(A,arguments)},splitcomplement:function(){return this._applyCombination(F,arguments)},triad:function(){return this._applyCombination(C,arguments)},tetrad:function(){return this._applyCombination(k,arguments)}},o.fromRatio=function(e,t){if("object"==typeof e){var n={};for(var r in e)e.hasOwnProperty(r)&&(n[r]="a"===r?e[r]:D(e[r]));e=n}return o(e,t)},o.equals=function(e,t){return!(!e||!t)&&o(e).toRgbString()==o(t).toRgbString()},o.random=function(){return o.fromRatio({r:X(),g:X(),b:X()})},o.mix=function(e,t,n){n=0===n?0:n||50;var r=o(e).toRgb(),i=o(t).toRgb(),a=n/100;return o({r:(i.r-r.r)*a+r.r,g:(i.g-r.g)*a+r.g,b:(i.b-r.b)*a+r.b,a:(i.a-r.a)*a+r.a})},o.readability=function(e,t){var n=o(e),r=o(t);return(i.max(n.getLuminance(),r.getLuminance())+.05)/(i.min(n.getLuminance(),r.getLuminance())+.05)},o.isReadable=function(e,t,n){var r,i,a=o.readability(e,t);switch(i=!1,r=z(n),r.level+r.size){case"AAsmall":case"AAAlarge":i=a>=4.5;break;case"AAlarge":i=a>=3;break;case"AAAsmall":i=a>=7}return i},o.mostReadable=function(e,t,n){var r,i,a,s,c=null,l=0;n=n||{},i=n.includeFallbackColors,a=n.level,s=n.size;for(var u=0;u<t.length;u++)(r=o.readability(e,t[u]))>l&&(l=r,c=o(t[u]));return o.isReadable(e,c,{level:a,size:s})||!i?c:(n.includeFallbackColors=!1,o.mostReadable(e,["#fff","#000"],n))};var W=o.names={aliceblue:"f0f8ff",antiquewhite:"faebd7",aqua:"0ff",aquamarine:"7fffd4",azure:"f0ffff",beige:"f5f5dc",bisque:"ffe4c4",black:"000",blanchedalmond:"ffebcd",blue:"00f",blueviolet:"8a2be2",brown:"a52a2a",burlywood:"deb887",burntsienna:"ea7e5d",cadetblue:"5f9ea0",chartreuse:"7fff00",chocolate:"d2691e",coral:"ff7f50",cornflowerblue:"6495ed",cornsilk:"fff8dc",crimson:"dc143c",cyan:"0ff",darkblue:"00008b",darkcyan:"008b8b",darkgoldenrod:"b8860b",darkgray:"a9a9a9",darkgreen:"006400",darkgrey:"a9a9a9",darkkhaki:"bdb76b",darkmagenta:"8b008b",darkolivegreen:"556b2f",darkorange:"ff8c00",darkorchid:"9932cc",darkred:"8b0000",darksalmon:"e9967a",darkseagreen:"8fbc8f",darkslateblue:"483d8b",darkslategray:"2f4f4f",darkslategrey:"2f4f4f",darkturquoise:"00ced1",darkviolet:"9400d3",deeppink:"ff1493",deepskyblue:"00bfff",dimgray:"696969",dimgrey:"696969",dodgerblue:"1e90ff",firebrick:"b22222",floralwhite:"fffaf0",forestgreen:"228b22",fuchsia:"f0f",gainsboro:"dcdcdc",ghostwhite:"f8f8ff",gold:"ffd700",goldenrod:"daa520",gray:"808080",green:"008000",greenyellow:"adff2f",grey:"808080",honeydew:"f0fff0",hotpink:"ff69b4",indianred:"cd5c5c",indigo:"4b0082",ivory:"fffff0",khaki:"f0e68c",lavender:"e6e6fa",lavenderblush:"fff0f5",lawngreen:"7cfc00",lemonchiffon:"fffacd",lightblue:"add8e6",lightcoral:"f08080",lightcyan:"e0ffff",lightgoldenrodyellow:"fafad2",lightgray:"d3d3d3",lightgreen:"90ee90",lightgrey:"d3d3d3",lightpink:"ffb6c1",lightsalmon:"ffa07a",lightseagreen:"20b2aa",lightskyblue:"87cefa",lightslategray:"789",lightslategrey:"789",lightsteelblue:"b0c4de",lightyellow:"ffffe0",lime:"0f0",limegreen:"32cd32",linen:"faf0e6",magenta:"f0f",maroon:"800000",mediumaquamarine:"66cdaa",mediumblue:"0000cd",mediumorchid:"ba55d3",mediumpurple:"9370db",mediumseagreen:"3cb371",mediumslateblue:"7b68ee",mediumspringgreen:"00fa9a",mediumturquoise:"48d1cc",mediumvioletred:"c71585",midnightblue:"191970",mintcream:"f5fffa",mistyrose:"ffe4e1",moccasin:"ffe4b5",navajowhite:"ffdead",navy:"000080",oldlace:"fdf5e6",olive:"808000",olivedrab:"6b8e23",orange:"ffa500",orangered:"ff4500",orchid:"da70d6",palegoldenrod:"eee8aa",palegreen:"98fb98",paleturquoise:"afeeee",palevioletred:"db7093",papayawhip:"ffefd5",peachpuff:"ffdab9",peru:"cd853f",pink:"ffc0cb",plum:"dda0dd",powderblue:"b0e0e6",purple:"800080",rebeccapurple:"663399",red:"f00",rosybrown:"bc8f8f",royalblue:"4169e1",saddlebrown:"8b4513",salmon:"fa8072",sandybrown:"f4a460",seagreen:"2e8b57",seashell:"fff5ee",sienna:"a0522d",silver:"c0c0c0",skyblue:"87ceeb",slateblue:"6a5acd",slategray:"708090",slategrey:"708090",snow:"fffafa",springgreen:"00ff7f",steelblue:"4682b4",tan:"d2b48c",teal:"008080",thistle:"d8bfd8",tomato:"ff6347",turquoise:"40e0d0",violet:"ee82ee",wheat:"f5deb3",white:"fff",whitesmoke:"f5f5f5",yellow:"ff0",yellowgreen:"9acd32"},Y=o.hexNames=function(e){var t={};for(var n in e)e.hasOwnProperty(n)&&(t[e[n]]=n);return t}(W),J=function(){var e="(?:[-\\+]?\\d*\\.\\d+%?)|(?:[-\\+]?\\d+%?)",t="[\\s|\\(]+("+e+")[,|\\s]+("+e+")[,|\\s]+("+e+")\\s*\\)?",n="[\\s|\\(]+("+e+")[,|\\s]+("+e+")[,|\\s]+("+e+")[,|\\s]+("+e+")\\s*\\)?";return{CSS_UNIT:new RegExp(e),rgb:new RegExp("rgb"+t),rgba:new RegExp("rgba"+n),hsl:new RegExp("hsl"+t),hsla:new RegExp("hsla"+n),hsv:new RegExp("hsv"+t),hsva:new RegExp("hsva"+n),hex3:/^#?([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})$/,hex6:/^#?([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})$/,hex4:/^#?([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})$/,hex8:/^#?([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})$/}}();void 0!==e&&e.exports?e.exports=o:void 0!==(r=function(){return o}.call(t,n,t,e))&&(e.exports=r)}(Math)},function(e,t,n){var r=n(67);"string"==typeof r&&(r=[[e.i,r,""]]),r.locals&&(e.exports=r.locals);n(1)("0f73e73c",r,!1,{})},function(e,t,n){t=e.exports=n(0)(!1),t.push([e.i,"\n.vc-editable-input {\n position: relative;\n}\n.vc-input__input {\n padding: 0;\n border: 0;\n outline: none;\n}\n.vc-input__label {\n text-transform: capitalize;\n}\n",""])},function(e,t,n){"use strict";var r=function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("div",{staticClass:"vc-editable-input"},[n("input",{directives:[{name:"model",rawName:"v-model",value:e.val,expression:"val"}],ref:"input",staticClass:"vc-input__input",attrs:{"aria-labelledby":e.labelId},domProps:{value:e.val},on:{keydown:e.handleKeyDown,input:[function(t){t.target.composing||(e.val=t.target.value)},e.update]}}),e._v(" "),n("span",{staticClass:"vc-input__label",attrs:{for:e.label,id:e.labelId}},[e._v(e._s(e.labelSpanText))]),e._v(" "),n("span",{staticClass:"vc-input__desc"},[e._v(e._s(e.desc))])])},i=[];r._withStripped=!0;var o={render:r,staticRenderFns:i};t.a=o},function(e,t,n){"use strict";var r=function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("div",{staticClass:"vc-compact",attrs:{role:"application","aria-label":"Compact color picker"}},[n("ul",{staticClass:"vc-compact-colors",attrs:{role:"listbox"}},e._l(e.paletteUpperCase(e.palette),function(t){return n("li",{key:t,staticClass:"vc-compact-color-item",class:{"vc-compact-color-item--white":"#FFFFFF"===t},style:{background:t},attrs:{role:"option","aria-label":"color:"+t,"aria-selected":t===e.pick},on:{click:function(n){return e.handlerClick(t)}}},[n("div",{directives:[{name:"show",rawName:"v-show",value:t===e.pick,expression:"c === pick"}],staticClass:"vc-compact-dot"})])}),0)])},i=[];r._withStripped=!0;var o={render:r,staticRenderFns:i};t.a=o},function(e,t,n){"use strict";function r(e){c||n(71)}Object.defineProperty(t,"__esModule",{value:!0});var i=n(37),o=n.n(i);for(var a in i)"default"!==a&&function(e){n.d(t,e,function(){return i[e]})}(a);var s=n(73),c=!1,l=n(2),u=r,f=l(o.a,s.a,!1,u,null,null);f.options.__file="src/components/Grayscale.vue",t.default=f.exports},function(e,t,n){var r=n(72);"string"==typeof r&&(r=[[e.i,r,""]]),r.locals&&(e.exports=r.locals);n(1)("21ddbb74",r,!1,{})},function(e,t,n){t=e.exports=n(0)(!1),t.push([e.i,"\n.vc-grayscale {\n width: 125px;\n border-radius: 2px;\n box-shadow: 0 2px 15px rgba(0,0,0,.12), 0 2px 10px rgba(0,0,0,.16);\n background-color: #fff;\n}\n.vc-grayscale-colors {\n border-radius: 2px;\n overflow: hidden;\n padding: 0;\n margin: 0;\n}\n.vc-grayscale-color-item {\n list-style: none;\n width: 25px;\n height: 25px;\n float: left;\n position: relative;\n cursor: pointer;\n}\n.vc-grayscale-color-item--white .vc-grayscale-dot {\n background: #000;\n}\n.vc-grayscale-dot {\n position: absolute;\n top: 50%;\n left: 50%;\n width: 6px;\n height: 6px;\n margin: -3px 0 0 -2px;\n border-radius: 50%;\n opacity: 1;\n background: #fff;\n}\n",""])},function(e,t,n){"use strict";var r=function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("div",{staticClass:"vc-grayscale",attrs:{role:"application","aria-label":"Grayscale color picker"}},[n("ul",{staticClass:"vc-grayscale-colors",attrs:{role:"listbox"}},e._l(e.paletteUpperCase(e.palette),function(t){return n("li",{key:t,staticClass:"vc-grayscale-color-item",class:{"vc-grayscale-color-item--white":"#FFFFFF"==t},style:{background:t},attrs:{role:"option","aria-label":"Color:"+t,"aria-selected":t===e.pick},on:{click:function(n){return e.handlerClick(t)}}},[n("div",{directives:[{name:"show",rawName:"v-show",value:t===e.pick,expression:"c === pick"}],staticClass:"vc-grayscale-dot"})])}),0)])},i=[];r._withStripped=!0;var o={render:r,staticRenderFns:i};t.a=o},function(e,t,n){"use strict";function r(e){c||n(75)}Object.defineProperty(t,"__esModule",{value:!0});var i=n(38),o=n.n(i);for(var a in i)"default"!==a&&function(e){n.d(t,e,function(){return i[e]})}(a);var s=n(77),c=!1,l=n(2),u=r,f=l(o.a,s.a,!1,u,null,null);f.options.__file="src/components/Material.vue",t.default=f.exports},function(e,t,n){var r=n(76);"string"==typeof r&&(r=[[e.i,r,""]]),r.locals&&(e.exports=r.locals);n(1)("1ff3af73",r,!1,{})},function(e,t,n){t=e.exports=n(0)(!1),t.push([e.i,'\n.vc-material {\n width: 98px;\n height: 98px;\n padding: 16px;\n font-family: "Roboto";\n position: relative;\n border-radius: 2px;\n box-shadow: 0 2px 10px rgba(0,0,0,.12), 0 2px 5px rgba(0,0,0,.16);\n background-color: #fff;\n}\n.vc-material .vc-input__input {\n width: 100%;\n margin-top: 12px;\n font-size: 15px;\n color: #333;\n height: 30px;\n}\n.vc-material .vc-input__label {\n position: absolute;\n top: 0;\n left: 0;\n font-size: 11px;\n color: #999;\n text-transform: capitalize;\n}\n.vc-material-hex {\n border-bottom-width: 2px;\n border-bottom-style: solid;\n}\n.vc-material-split {\n display: flex;\n margin-right: -10px;\n padding-top: 11px;\n}\n.vc-material-third {\n flex: 1;\n padding-right: 10px;\n}\n',""])},function(e,t,n){"use strict";var r=function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("div",{staticClass:"vc-material",attrs:{role:"application","aria-label":"Material color picker"}},[n("ed-in",{staticClass:"vc-material-hex",style:{borderColor:e.colors.hex},attrs:{label:"hex"},on:{change:e.onChange},model:{value:e.colors.hex,callback:function(t){e.$set(e.colors,"hex",t)},expression:"colors.hex"}}),e._v(" "),n("div",{staticClass:"vc-material-split"},[n("div",{staticClass:"vc-material-third"},[n("ed-in",{attrs:{label:"r"},on:{change:e.onChange},model:{value:e.colors.rgba.r,callback:function(t){e.$set(e.colors.rgba,"r",t)},expression:"colors.rgba.r"}})],1),e._v(" "),n("div",{staticClass:"vc-material-third"},[n("ed-in",{attrs:{label:"g"},on:{change:e.onChange},model:{value:e.colors.rgba.g,callback:function(t){e.$set(e.colors.rgba,"g",t)},expression:"colors.rgba.g"}})],1),e._v(" "),n("div",{staticClass:"vc-material-third"},[n("ed-in",{attrs:{label:"b"},on:{change:e.onChange},model:{value:e.colors.rgba.b,callback:function(t){e.$set(e.colors.rgba,"b",t)},expression:"colors.rgba.b"}})],1)])],1)},i=[];r._withStripped=!0;var o={render:r,staticRenderFns:i};t.a=o},function(e,t,n){"use strict";function r(e){c||n(79)}Object.defineProperty(t,"__esModule",{value:!0});var i=n(39),o=n.n(i);for(var a in i)"default"!==a&&function(e){n.d(t,e,function(){return i[e]})}(a);var s=n(114),c=!1,l=n(2),u=r,f=l(o.a,s.a,!1,u,null,null);f.options.__file="src/components/Slider.vue",t.default=f.exports},function(e,t,n){var r=n(80);"string"==typeof r&&(r=[[e.i,r,""]]),r.locals&&(e.exports=r.locals);n(1)("7982aa43",r,!1,{})},function(e,t,n){t=e.exports=n(0)(!1),t.push([e.i,"\n.vc-slider {\n position: relative;\n width: 410px;\n}\n.vc-slider-hue-warp {\n height: 12px;\n position: relative;\n}\n.vc-slider-hue-warp .vc-hue-picker {\n width: 14px;\n height: 14px;\n border-radius: 6px;\n transform: translate(-7px, -2px);\n background-color: rgb(248, 248, 248);\n box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);\n}\n.vc-slider-swatches {\n display: flex;\n margin-top: 20px;\n}\n.vc-slider-swatch {\n margin-right: 1px;\n flex: 1;\n width: 20%;\n}\n.vc-slider-swatch:first-child {\n margin-right: 1px;\n}\n.vc-slider-swatch:first-child .vc-slider-swatch-picker {\n border-radius: 2px 0px 0px 2px;\n}\n.vc-slider-swatch:last-child {\n margin-right: 0;\n}\n.vc-slider-swatch:last-child .vc-slider-swatch-picker {\n border-radius: 0px 2px 2px 0px;\n}\n.vc-slider-swatch-picker {\n cursor: pointer;\n height: 12px;\n}\n.vc-slider-swatch:nth-child(n) .vc-slider-swatch-picker.vc-slider-swatch-picker--active {\n transform: scaleY(1.8);\n border-radius: 3.6px/2px;\n}\n.vc-slider-swatch-picker--white {\n box-shadow: inset 0 0 0 1px #ddd;\n}\n.vc-slider-swatch-picker--active.vc-slider-swatch-picker--white {\n box-shadow: inset 0 0 0 0.6px #ddd;\n}\n",""])},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{default:e}}t.__esModule=!0;var i=n(82),o=r(i),a=n(100),s=r(a),c="function"==typeof s.default&&"symbol"==typeof o.default?function(e){return typeof e}:function(e){return e&&"function"==typeof s.default&&e.constructor===s.default&&e!==s.default.prototype?"symbol":typeof e};t.default="function"==typeof s.default&&"symbol"===c(o.default)?function(e){return void 0===e?"undefined":c(e)}:function(e){return e&&"function"==typeof s.default&&e.constructor===s.default&&e!==s.default.prototype?"symbol":void 0===e?"undefined":c(e)}},function(e,t,n){e.exports={default:n(83),__esModule:!0}},function(e,t,n){n(84),n(96),e.exports=n(32).f("iterator")},function(e,t,n){"use strict";var r=n(85)(!0);n(40)(String,"String",function(e){this._t=String(e),this._i=0},function(){var e,t=this._t,n=this._i;return n>=t.length?{value:void 0,done:!0}:(e=r(t,n),this._i+=e.length,{value:e,done:!1})})},function(e,t,n){var r=n(23),i=n(24);e.exports=function(e){return function(t,n){var o,a,s=String(i(t)),c=r(n),l=s.length;return c<0||c>=l?e?"":void 0:(o=s.charCodeAt(c),o<55296||o>56319||c+1===l||(a=s.charCodeAt(c+1))<56320||a>57343?e?s.charAt(c):o:e?s.slice(c,c+2):a-56320+(o-55296<<10)+65536)}}},function(e,t,n){var r=n(87);e.exports=function(e,t,n){if(r(e),void 0===t)return e;switch(n){case 1:return function(n){return e.call(t,n)};case 2:return function(n,r){return e.call(t,n,r)};case 3:return function(n,r,i){return e.call(t,n,r,i)}}return function(){return e.apply(t,arguments)}}},function(e,t){e.exports=function(e){if("function"!=typeof e)throw TypeError(e+" is not a function!");return e}},function(e,t,n){"use strict";var r=n(45),i=n(18),o=n(31),a={};n(7)(a,n(11)("iterator"),function(){return this}),e.exports=function(e,t,n){e.prototype=r(a,{next:i(1,n)}),o(e,t+" Iterator")}},function(e,t,n){var r=n(8),i=n(16),o=n(27);e.exports=n(9)?Object.defineProperties:function(e,t){i(e);for(var n,a=o(t),s=a.length,c=0;s>c;)r.f(e,n=a[c++],t[n]);return e}},function(e,t,n){var r=n(47);e.exports=Object("z").propertyIsEnumerable(0)?Object:function(e){return"String"==r(e)?e.split(""):Object(e)}},function(e,t,n){var r=n(10),i=n(92),o=n(93);e.exports=function(e){return function(t,n,a){var s,c=r(t),l=i(c.length),u=o(a,l);if(e&&n!=n){for(;l>u;)if((s=c[u++])!=s)return!0}else for(;l>u;u++)if((e||u in c)&&c[u]===n)return e||u||0;return!e&&-1}}},function(e,t,n){var r=n(23),i=Math.min;e.exports=function(e){return e>0?i(r(e),9007199254740991):0}},function(e,t,n){var r=n(23),i=Math.max,o=Math.min;e.exports=function(e,t){return e=r(e),e<0?i(e+t,0):o(e,t)}},function(e,t,n){var r=n(4).document;e.exports=r&&r.documentElement},function(e,t,n){var r=n(6),i=n(48),o=n(28)("IE_PROTO"),a=Object.prototype;e.exports=Object.getPrototypeOf||function(e){return e=i(e),r(e,o)?e[o]:"function"==typeof e.constructor&&e instanceof e.constructor?e.constructor.prototype:e instanceof Object?a:null}},function(e,t,n){n(97);for(var r=n(4),i=n(7),o=n(26),a=n(11)("toStringTag"),s="CSSRuleList,CSSStyleDeclaration,CSSValueList,ClientRectList,DOMRectList,DOMStringList,DOMTokenList,DataTransferItemList,FileList,HTMLAllCollection,HTMLCollection,HTMLFormElement,HTMLSelectElement,MediaList,MimeTypeArray,NamedNodeMap,NodeList,PaintRequestList,Plugin,PluginArray,SVGLengthList,SVGNumberList,SVGPathSegList,SVGPointList,SVGStringList,SVGTransformList,SourceBufferList,StyleSheetList,TextTrackCueList,TextTrackList,TouchList".split(","),c=0;c<s.length;c++){var l=s[c],u=r[l],f=u&&u.prototype;f&&!f[a]&&i(f,a,l),o[l]=o.Array}},function(e,t,n){"use strict";var r=n(98),i=n(99),o=n(26),a=n(10);e.exports=n(40)(Array,"Array",function(e,t){this._t=a(e),this._i=0,this._k=t},function(){var e=this._t,t=this._k,n=this._i++;return!e||n>=e.length?(this._t=void 0,i(1)):"keys"==t?i(0,n):"values"==t?i(0,e[n]):i(0,[n,e[n]])},"values"),o.Arguments=o.Array,r("keys"),r("values"),r("entries")},function(e,t){e.exports=function(){}},function(e,t){e.exports=function(e,t){return{value:t,done:!!e}}},function(e,t,n){e.exports={default:n(101),__esModule:!0}},function(e,t,n){n(102),n(108),n(109),n(110),e.exports=n(15).Symbol},function(e,t,n){"use strict";var r=n(4),i=n(6),o=n(9),a=n(41),s=n(44),c=n(103).KEY,l=n(17),u=n(29),f=n(31),d=n(19),h=n(11),p=n(32),v=n(33),g=n(104),b=n(105),x=n(16),m=n(12),_=n(48),w=n(10),y=n(25),C=n(18),k=n(45),F=n(106),S=n(107),A=n(49),O=n(8),E=n(27),M=S.f,j=O.f,L=F.f,P=r.Symbol,R=r.JSON,D=R&&R.stringify,B=h("_hidden"),T=h("toPrimitive"),H={}.propertyIsEnumerable,N=u("symbol-registry"),z=u("symbols"),I=u("op-symbols"),$=Object.prototype,U="function"==typeof P&&!!A.f,G=r.QObject,V=!G||!G.prototype||!G.prototype.findChild,q=o&&l(function(){return 7!=k(j({},"a",{get:function(){return j(this,"a",{value:7}).a}})).a})?function(e,t,n){var r=M($,t);r&&delete $[t],j(e,t,n),r&&e!==$&&j($,t,r)}:j,X=function(e){var t=z[e]=k(P.prototype);return t._k=e,t},W=U&&"symbol"==typeof P.iterator?function(e){return"symbol"==typeof e}:function(e){return e instanceof P},Y=function(e,t,n){return e===$&&Y(I,t,n),x(e),t=y(t,!0),x(n),i(z,t)?(n.enumerable?(i(e,B)&&e[B][t]&&(e[B][t]=!1),n=k(n,{enumerable:C(0,!1)})):(i(e,B)||j(e,B,C(1,{})),e[B][t]=!0),q(e,t,n)):j(e,t,n)},J=function(e,t){x(e);for(var n,r=g(t=w(t)),i=0,o=r.length;o>i;)Y(e,n=r[i++],t[n]);return e},K=function(e,t){return void 0===t?k(e):J(k(e),t)},Z=function(e){var t=H.call(this,e=y(e,!0));return!(this===$&&i(z,e)&&!i(I,e))&&(!(t||!i(this,e)||!i(z,e)||i(this,B)&&this[B][e])||t)},Q=function(e,t){if(e=w(e),t=y(t,!0),e!==$||!i(z,t)||i(I,t)){var n=M(e,t);return!n||!i(z,t)||i(e,B)&&e[B][t]||(n.enumerable=!0),n}},ee=function(e){for(var t,n=L(w(e)),r=[],o=0;n.length>o;)i(z,t=n[o++])||t==B||t==c||r.push(t);return r},te=function(e){for(var t,n=e===$,r=L(n?I:w(e)),o=[],a=0;r.length>a;)!i(z,t=r[a++])||n&&!i($,t)||o.push(z[t]);return o};U||(P=function(){if(this instanceof P)throw TypeError("Symbol is not a constructor!");var e=d(arguments.length>0?arguments[0]:void 0),t=function(n){this===$&&t.call(I,n),i(this,B)&&i(this[B],e)&&(this[B][e]=!1),q(this,e,C(1,n))};return o&&V&&q($,e,{configurable:!0,set:t}),X(e)},s(P.prototype,"toString",function(){return this._k}),S.f=Q,O.f=Y,n(50).f=F.f=ee,n(34).f=Z,A.f=te,o&&!n(14)&&s($,"propertyIsEnumerable",Z,!0),p.f=function(e){return X(h(e))}),a(a.G+a.W+a.F*!U,{Symbol:P});for(var ne="hasInstance,isConcatSpreadable,iterator,match,replace,search,species,split,toPrimitive,toStringTag,unscopables".split(","),re=0;ne.length>re;)h(ne[re++]);for(var ie=E(h.store),oe=0;ie.length>oe;)v(ie[oe++]);a(a.S+a.F*!U,"Symbol",{for:function(e){return i(N,e+="")?N[e]:N[e]=P(e)},keyFor:function(e){if(!W(e))throw TypeError(e+" is not a symbol!");for(var t in N)if(N[t]===e)return t},useSetter:function(){V=!0},useSimple:function(){V=!1}}),a(a.S+a.F*!U,"Object",{create:K,defineProperty:Y,defineProperties:J,getOwnPropertyDescriptor:Q,getOwnPropertyNames:ee,getOwnPropertySymbols:te});var ae=l(function(){A.f(1)});a(a.S+a.F*ae,"Object",{getOwnPropertySymbols:function(e){return A.f(_(e))}}),R&&a(a.S+a.F*(!U||l(function(){var e=P();return"[null]"!=D([e])||"{}"!=D({a:e})||"{}"!=D(Object(e))})),"JSON",{stringify:function(e){for(var t,n,r=[e],i=1;arguments.length>i;)r.push(arguments[i++]);if(n=t=r[1],(m(t)||void 0!==e)&&!W(e))return b(t)||(t=function(e,t){if("function"==typeof n&&(t=n.call(this,e,t)),!W(t))return t}),r[1]=t,D.apply(R,r)}}),P.prototype[T]||n(7)(P.prototype,T,P.prototype.valueOf),f(P,"Symbol"),f(Math,"Math",!0),f(r.JSON,"JSON",!0)},function(e,t,n){var r=n(19)("meta"),i=n(12),o=n(6),a=n(8).f,s=0,c=Object.isExtensible||function(){return!0},l=!n(17)(function(){return c(Object.preventExtensions({}))}),u=function(e){a(e,r,{value:{i:"O"+ ++s,w:{}}})},f=function(e,t){if(!i(e))return"symbol"==typeof e?e:("string"==typeof e?"S":"P")+e;if(!o(e,r)){if(!c(e))return"F";if(!t)return"E";u(e)}return e[r].i},d=function(e,t){if(!o(e,r)){if(!c(e))return!0;if(!t)return!1;u(e)}return e[r].w},h=function(e){return l&&p.NEED&&c(e)&&!o(e,r)&&u(e),e},p=e.exports={KEY:r,NEED:!1,fastKey:f,getWeak:d,onFreeze:h}},function(e,t,n){var r=n(27),i=n(49),o=n(34);e.exports=function(e){var t=r(e),n=i.f;if(n)for(var a,s=n(e),c=o.f,l=0;s.length>l;)c.call(e,a=s[l++])&&t.push(a);return t}},function(e,t,n){var r=n(47);e.exports=Array.isArray||function(e){return"Array"==r(e)}},function(e,t,n){var r=n(10),i=n(50).f,o={}.toString,a="object"==typeof window&&window&&Object.getOwnPropertyNames?Object.getOwnPropertyNames(window):[],s=function(e){try{return i(e)}catch(e){return a.slice()}};e.exports.f=function(e){return a&&"[object Window]"==o.call(e)?s(e):i(r(e))}},function(e,t,n){var r=n(34),i=n(18),o=n(10),a=n(25),s=n(6),c=n(42),l=Object.getOwnPropertyDescriptor;t.f=n(9)?l:function(e,t){if(e=o(e),t=a(t,!0),c)try{return l(e,t)}catch(e){}if(s(e,t))return i(!r.f.call(e,t),e[t])}},function(e,t){},function(e,t,n){n(33)("asyncIterator")},function(e,t,n){n(33)("observable")},function(e,t,n){var r=n(112);"string"==typeof r&&(r=[[e.i,r,""]]),r.locals&&(e.exports=r.locals);n(1)("7c5f1a1c",r,!1,{})},function(e,t,n){t=e.exports=n(0)(!1),t.push([e.i,"\n.vc-hue {\n position: absolute;\n top: 0px;\n right: 0px;\n bottom: 0px;\n left: 0px;\n border-radius: 2px;\n}\n.vc-hue--horizontal {\n background: linear-gradient(to right, #f00 0%, #ff0 17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, #f00 100%);\n}\n.vc-hue--vertical {\n background: linear-gradient(to top, #f00 0%, #ff0 17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, #f00 100%);\n}\n.vc-hue-container {\n cursor: pointer;\n margin: 0 2px;\n position: relative;\n height: 100%;\n}\n.vc-hue-pointer {\n z-index: 2;\n position: absolute;\n}\n.vc-hue-picker {\n cursor: pointer;\n margin-top: 1px;\n width: 4px;\n border-radius: 1px;\n height: 8px;\n box-shadow: 0 0 2px rgba(0, 0, 0, .6);\n background: #fff;\n transform: translateX(-2px) ;\n}\n",""])},function(e,t,n){"use strict";var r=function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("div",{class:["vc-hue",e.directionClass]},[n("div",{ref:"container",staticClass:"vc-hue-container",attrs:{role:"slider","aria-valuenow":e.colors.hsl.h,"aria-valuemin":"0","aria-valuemax":"360"},on:{mousedown:e.handleMouseDown,touchmove:e.handleChange,touchstart:e.handleChange}},[n("div",{staticClass:"vc-hue-pointer",style:{top:e.pointerTop,left:e.pointerLeft},attrs:{role:"presentation"}},[n("div",{staticClass:"vc-hue-picker"})])])])},i=[];r._withStripped=!0;var o={render:r,staticRenderFns:i};t.a=o},function(e,t,n){"use strict";var r=function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("div",{staticClass:"vc-slider",attrs:{role:"application","aria-label":"Slider color picker"}},[n("div",{staticClass:"vc-slider-hue-warp"},[n("hue",{on:{change:e.hueChange},model:{value:e.colors,callback:function(t){e.colors=t},expression:"colors"}})],1),e._v(" "),n("div",{staticClass:"vc-slider-swatches",attrs:{role:"group"}},e._l(e.normalizedSwatches,function(t,r){return n("div",{key:r,staticClass:"vc-slider-swatch",attrs:{"data-index":r,"aria-label":"color:"+e.colors.hex,role:"button"},on:{click:function(n){return e.handleSwClick(r,t)}}},[n("div",{staticClass:"vc-slider-swatch-picker",class:{"vc-slider-swatch-picker--active":e.isActive(t,r),"vc-slider-swatch-picker--white":1===t.l},style:{background:"hsl("+e.colors.hsl.h+", "+100*t.s+"%, "+100*t.l+"%)"}})])}),0)])},i=[];r._withStripped=!0;var o={render:r,staticRenderFns:i};t.a=o},function(e,t,n){"use strict";function r(e){c||n(116)}Object.defineProperty(t,"__esModule",{value:!0});var i=n(52),o=n.n(i);for(var a in i)"default"!==a&&function(e){n.d(t,e,function(){return i[e]})}(a);var s=n(119),c=!1,l=n(2),u=r,f=l(o.a,s.a,!1,u,null,null);f.options.__file="src/components/Swatches.vue",t.default=f.exports},function(e,t,n){var r=n(117);"string"==typeof r&&(r=[[e.i,r,""]]),r.locals&&(e.exports=r.locals);n(1)("10f839a2",r,!1,{})},function(e,t,n){t=e.exports=n(0)(!1),t.push([e.i,"\n.vc-swatches {\n width: 320px;\n height: 240px;\n overflow-y: scroll;\n background-color: #fff;\n box-shadow: 0 2px 10px rgba(0,0,0,.12), 0 2px 5px rgba(0,0,0,.16);\n}\n.vc-swatches-box {\n padding: 16px 0 6px 16px;\n overflow: hidden;\n}\n.vc-swatches-color-group {\n padding-bottom: 10px;\n width: 40px;\n float: left;\n margin-right: 10px;\n}\n.vc-swatches-color-it {\n box-sizing: border-box;\n width: 40px;\n height: 24px;\n cursor: pointer;\n background: #880e4f;\n margin-bottom: 1px;\n overflow: hidden;\n -ms-border-radius: 2px 2px 0 0;\n -moz-border-radius: 2px 2px 0 0;\n -o-border-radius: 2px 2px 0 0;\n -webkit-border-radius: 2px 2px 0 0;\n border-radius: 2px 2px 0 0;\n}\n.vc-swatches-color--white {\n border: 1px solid #DDD;\n}\n.vc-swatches-pick {\n fill: rgb(255, 255, 255);\n margin-left: 8px;\n display: block;\n}\n.vc-swatches-color--white .vc-swatches-pick {\n fill: rgb(51, 51, 51);\n}\n",""])},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),n.d(t,"red",function(){return r}),n.d(t,"pink",function(){return i}),n.d(t,"purple",function(){return o}),n.d(t,"deepPurple",function(){return a}),n.d(t,"indigo",function(){return s}),n.d(t,"blue",function(){return c}),n.d(t,"lightBlue",function(){return l}),n.d(t,"cyan",function(){return u}),n.d(t,"teal",function(){return f}),n.d(t,"green",function(){return d}),n.d(t,"lightGreen",function(){return h}),n.d(t,"lime",function(){return p}),n.d(t,"yellow",function(){return v}),n.d(t,"amber",function(){return g}),n.d(t,"orange",function(){return b}),n.d(t,"deepOrange",function(){return x}),n.d(t,"brown",function(){return m}),n.d(t,"grey",function(){return _}),n.d(t,"blueGrey",function(){return w}),n.d(t,"darkText",function(){return y}),n.d(t,"lightText",function(){return C}),n.d(t,"darkIcons",function(){return k}),n.d(t,"lightIcons",function(){return F}),n.d(t,"white",function(){return S}),n.d(t,"black",function(){return A});var r={50:"#ffebee",100:"#ffcdd2",200:"#ef9a9a",300:"#e57373",400:"#ef5350",500:"#f44336",600:"#e53935",700:"#d32f2f",800:"#c62828",900:"#b71c1c",a100:"#ff8a80",a200:"#ff5252",a400:"#ff1744",a700:"#d50000"},i={50:"#fce4ec",100:"#f8bbd0",200:"#f48fb1",300:"#f06292",400:"#ec407a",500:"#e91e63",600:"#d81b60",700:"#c2185b",800:"#ad1457",900:"#880e4f",a100:"#ff80ab",a200:"#ff4081",a400:"#f50057",a700:"#c51162"},o={50:"#f3e5f5",100:"#e1bee7",200:"#ce93d8",300:"#ba68c8",400:"#ab47bc",500:"#9c27b0",600:"#8e24aa",700:"#7b1fa2",800:"#6a1b9a",900:"#4a148c",a100:"#ea80fc",a200:"#e040fb",a400:"#d500f9",a700:"#aa00ff"},a={50:"#ede7f6",100:"#d1c4e9",200:"#b39ddb",300:"#9575cd",400:"#7e57c2",500:"#673ab7",600:"#5e35b1",700:"#512da8",800:"#4527a0",900:"#311b92",a100:"#b388ff",a200:"#7c4dff",a400:"#651fff",a700:"#6200ea"},s={50:"#e8eaf6",100:"#c5cae9",200:"#9fa8da",300:"#7986cb",400:"#5c6bc0",500:"#3f51b5",600:"#3949ab",700:"#303f9f",800:"#283593",900:"#1a237e",a100:"#8c9eff",a200:"#536dfe",a400:"#3d5afe",a700:"#304ffe"},c={50:"#e3f2fd",100:"#bbdefb",200:"#90caf9",300:"#64b5f6",400:"#42a5f5",500:"#2196f3",600:"#1e88e5",700:"#1976d2",800:"#1565c0",900:"#0d47a1",a100:"#82b1ff",a200:"#448aff",a400:"#2979ff",a700:"#2962ff"},l={50:"#e1f5fe",100:"#b3e5fc",200:"#81d4fa",300:"#4fc3f7",400:"#29b6f6",500:"#03a9f4",600:"#039be5",700:"#0288d1",800:"#0277bd",900:"#01579b",a100:"#80d8ff",a200:"#40c4ff",a400:"#00b0ff",a700:"#0091ea"},u={50:"#e0f7fa",100:"#b2ebf2",200:"#80deea",300:"#4dd0e1",400:"#26c6da",500:"#00bcd4",600:"#00acc1",700:"#0097a7",800:"#00838f",900:"#006064",a100:"#84ffff",a200:"#18ffff",a400:"#00e5ff",a700:"#00b8d4"},f={50:"#e0f2f1",100:"#b2dfdb",200:"#80cbc4",300:"#4db6ac",400:"#26a69a",500:"#009688",600:"#00897b",700:"#00796b",800:"#00695c",900:"#004d40",a100:"#a7ffeb",a200:"#64ffda",a400:"#1de9b6",a700:"#00bfa5"},d={50:"#e8f5e9",100:"#c8e6c9",200:"#a5d6a7",300:"#81c784",400:"#66bb6a",500:"#4caf50",600:"#43a047",700:"#388e3c",800:"#2e7d32",900:"#1b5e20",a100:"#b9f6ca",a200:"#69f0ae",a400:"#00e676",a700:"#00c853"},h={50:"#f1f8e9",100:"#dcedc8",200:"#c5e1a5",300:"#aed581",400:"#9ccc65",500:"#8bc34a",600:"#7cb342",700:"#689f38",800:"#558b2f",900:"#33691e",a100:"#ccff90",a200:"#b2ff59",a400:"#76ff03",a700:"#64dd17"},p={50:"#f9fbe7",100:"#f0f4c3",200:"#e6ee9c",300:"#dce775",400:"#d4e157",500:"#cddc39",600:"#c0ca33",700:"#afb42b",800:"#9e9d24",900:"#827717",a100:"#f4ff81",a200:"#eeff41",a400:"#c6ff00",a700:"#aeea00"},v={50:"#fffde7",100:"#fff9c4",200:"#fff59d",300:"#fff176",400:"#ffee58",500:"#ffeb3b",600:"#fdd835",700:"#fbc02d",800:"#f9a825",900:"#f57f17",a100:"#ffff8d",a200:"#ffff00",a400:"#ffea00",a700:"#ffd600"},g={50:"#fff8e1",100:"#ffecb3",200:"#ffe082",300:"#ffd54f",400:"#ffca28",500:"#ffc107",600:"#ffb300",700:"#ffa000",800:"#ff8f00",900:"#ff6f00",a100:"#ffe57f",a200:"#ffd740",a400:"#ffc400",a700:"#ffab00"},b={50:"#fff3e0",100:"#ffe0b2",200:"#ffcc80",300:"#ffb74d",400:"#ffa726",500:"#ff9800",600:"#fb8c00",700:"#f57c00",800:"#ef6c00",900:"#e65100",a100:"#ffd180",a200:"#ffab40",a400:"#ff9100",a700:"#ff6d00"},x={50:"#fbe9e7",100:"#ffccbc",200:"#ffab91",300:"#ff8a65",400:"#ff7043",500:"#ff5722",600:"#f4511e",700:"#e64a19",800:"#d84315",900:"#bf360c",a100:"#ff9e80",a200:"#ff6e40",a400:"#ff3d00",a700:"#dd2c00"},m={50:"#efebe9",100:"#d7ccc8",200:"#bcaaa4",300:"#a1887f",400:"#8d6e63",500:"#795548",600:"#6d4c41",700:"#5d4037",800:"#4e342e",900:"#3e2723"},_={50:"#fafafa",100:"#f5f5f5",200:"#eeeeee",300:"#e0e0e0",400:"#bdbdbd",500:"#9e9e9e",600:"#757575",700:"#616161",800:"#424242",900:"#212121"},w={50:"#eceff1",100:"#cfd8dc",200:"#b0bec5",300:"#90a4ae",400:"#78909c",500:"#607d8b",600:"#546e7a",700:"#455a64",800:"#37474f",900:"#263238"},y={primary:"rgba(0, 0, 0, 0.87)",secondary:"rgba(0, 0, 0, 0.54)",disabled:"rgba(0, 0, 0, 0.38)",dividers:"rgba(0, 0, 0, 0.12)"},C={primary:"rgba(255, 255, 255, 1)",secondary:"rgba(255, 255, 255, 0.7)",disabled:"rgba(255, 255, 255, 0.5)",dividers:"rgba(255, 255, 255, 0.12)"},k={active:"rgba(0, 0, 0, 0.54)",inactive:"rgba(0, 0, 0, 0.38)"},F={active:"rgba(255, 255, 255, 1)",inactive:"rgba(255, 255, 255, 0.5)"},S="#ffffff",A="#000000";t.default={red:r,pink:i,purple:o,deepPurple:a,indigo:s,blue:c,lightBlue:l,cyan:u,teal:f,green:d,lightGreen:h,lime:p,yellow:v,amber:g,orange:b,deepOrange:x,brown:m,grey:_,blueGrey:w,darkText:y,lightText:C,darkIcons:k,lightIcons:F,white:S,black:A}},function(e,t,n){"use strict";var r=function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("div",{staticClass:"vc-swatches",attrs:{role:"application","aria-label":"Swatches color picker","data-pick":e.pick}},[n("div",{staticClass:"vc-swatches-box",attrs:{role:"listbox"}},e._l(e.palette,function(t,r){return n("div",{key:r,staticClass:"vc-swatches-color-group"},e._l(t,function(t){return n("div",{key:t,class:["vc-swatches-color-it",{"vc-swatches-color--white":"#FFFFFF"===t}],style:{background:t},attrs:{role:"option","aria-label":"Color:"+t,"aria-selected":e.equal(t),"data-color":t},on:{click:function(n){return e.handlerClick(t)}}},[n("div",{directives:[{name:"show",rawName:"v-show",value:e.equal(t),expression:"equal(c)"}],staticClass:"vc-swatches-pick"},[n("svg",{staticStyle:{width:"24px",height:"24px"},attrs:{viewBox:"0 0 24 24"}},[n("path",{attrs:{d:"M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"}})])])])}),0)}),0)])},i=[];r._withStripped=!0;var o={render:r,staticRenderFns:i};t.a=o},function(e,t,n){"use strict";function r(e){c||n(121)}Object.defineProperty(t,"__esModule",{value:!0});var i=n(53),o=n.n(i);for(var a in i)"default"!==a&&function(e){n.d(t,e,function(){return i[e]})}(a);var s=n(134),c=!1,l=n(2),u=r,f=l(o.a,s.a,!1,u,null,null);f.options.__file="src/components/Photoshop.vue",t.default=f.exports},function(e,t,n){var r=n(122);"string"==typeof r&&(r=[[e.i,r,""]]),r.locals&&(e.exports=r.locals);n(1)("080365d4",r,!1,{})},function(e,t,n){t=e.exports=n(0)(!1),t.push([e.i,'\n.vc-photoshop {\n background: #DCDCDC;\n border-radius: 4px;\n box-shadow: 0 0 0 1px rgba(0,0,0,.25), 0 8px 16px rgba(0,0,0,.15);\n box-sizing: initial;\n width: 513px;\n font-family: Roboto;\n}\n.vc-photoshop__disable-fields {\n width: 390px;\n}\n.vc-ps-head {\n background-image: linear-gradient(-180deg, #F0F0F0 0%, #D4D4D4 100%);\n border-bottom: 1px solid #B1B1B1;\n box-shadow: inset 0 1px 0 0 rgba(255,255,255,.2), inset 0 -1px 0 0 rgba(0,0,0,.02);\n height: 23px;\n line-height: 24px;\n border-radius: 4px 4px 0 0;\n font-size: 13px;\n color: #4D4D4D;\n text-align: center;\n}\n.vc-ps-body {\n padding: 15px;\n display: flex;\n}\n.vc-ps-saturation-wrap {\n width: 256px;\n height: 256px;\n position: relative;\n border: 2px solid #B3B3B3;\n border-bottom: 2px solid #F0F0F0;\n overflow: hidden;\n}\n.vc-ps-saturation-wrap .vc-saturation-circle {\n width: 12px;\n height: 12px;\n}\n.vc-ps-hue-wrap {\n position: relative;\n height: 256px;\n width: 19px;\n margin-left: 10px;\n border: 2px solid #B3B3B3;\n border-bottom: 2px solid #F0F0F0;\n}\n.vc-ps-hue-pointer {\n position: relative;\n}\n.vc-ps-hue-pointer--left,\n.vc-ps-hue-pointer--right {\n position: absolute;\n width: 0;\n height: 0;\n border-style: solid;\n border-width: 5px 0 5px 8px;\n border-color: transparent transparent transparent #555;\n}\n.vc-ps-hue-pointer--left:after,\n.vc-ps-hue-pointer--right:after {\n content: "";\n width: 0;\n height: 0;\n border-style: solid;\n border-width: 4px 0 4px 6px;\n border-color: transparent transparent transparent #fff;\n position: absolute;\n top: 1px;\n left: 1px;\n transform: translate(-8px, -5px);\n}\n.vc-ps-hue-pointer--left {\n transform: translate(-13px, -4px);\n}\n.vc-ps-hue-pointer--right {\n transform: translate(20px, -4px) rotate(180deg);\n}\n.vc-ps-controls {\n width: 180px;\n margin-left: 10px;\n display: flex;\n}\n.vc-ps-controls__disable-fields {\n width: auto;\n}\n.vc-ps-actions {\n margin-left: 20px;\n flex: 1;\n}\n.vc-ps-ac-btn {\n cursor: pointer;\n background-image: linear-gradient(-180deg, #FFFFFF 0%, #E6E6E6 100%);\n border: 1px solid #878787;\n border-radius: 2px;\n height: 20px;\n box-shadow: 0 1px 0 0 #EAEAEA;\n font-size: 14px;\n color: #000;\n line-height: 20px;\n text-align: center;\n margin-bottom: 10px;\n}\n.vc-ps-previews {\n width: 60px;\n}\n.vc-ps-previews__swatches {\n border: 1px solid #B3B3B3;\n border-bottom: 1px solid #F0F0F0;\n margin-bottom: 2px;\n margin-top: 1px;\n}\n.vc-ps-previews__pr-color {\n height: 34px;\n box-shadow: inset 1px 0 0 #000, inset -1px 0 0 #000, inset 0 1px 0 #000;\n}\n.vc-ps-previews__label {\n font-size: 14px;\n color: #000;\n text-align: center;\n}\n.vc-ps-fields {\n padding-top: 5px;\n padding-bottom: 9px;\n width: 80px;\n position: relative;\n}\n.vc-ps-fields .vc-input__input {\n margin-left: 40%;\n width: 40%;\n height: 18px;\n border: 1px solid #888888;\n box-shadow: inset 0 1px 1px rgba(0,0,0,.1), 0 1px 0 0 #ECECEC;\n margin-bottom: 5px;\n font-size: 13px;\n padding-left: 3px;\n margin-right: 10px;\n}\n.vc-ps-fields .vc-input__label, .vc-ps-fields .vc-input__desc {\n top: 0;\n text-transform: uppercase;\n font-size: 13px;\n height: 18px;\n line-height: 22px;\n position: absolute;\n}\n.vc-ps-fields .vc-input__label {\n left: 0;\n width: 34px;\n}\n.vc-ps-fields .vc-input__desc {\n right: 0;\n width: 0;\n}\n.vc-ps-fields__divider {\n height: 5px;\n}\n.vc-ps-fields__hex .vc-input__input {\n margin-left: 20%;\n width: 80%;\n height: 18px;\n border: 1px solid #888888;\n box-shadow: inset 0 1px 1px rgba(0,0,0,.1), 0 1px 0 0 #ECECEC;\n margin-bottom: 6px;\n font-size: 13px;\n padding-left: 3px;\n}\n.vc-ps-fields__hex .vc-input__label {\n position: absolute;\n top: 0;\n left: 0;\n width: 14px;\n text-transform: uppercase;\n font-size: 13px;\n height: 18px;\n line-height: 22px;\n}\n',""])},function(e,t,n){var r=n(124);"string"==typeof r&&(r=[[e.i,r,""]]),r.locals&&(e.exports=r.locals);n(1)("b5380e52",r,!1,{})},function(e,t,n){t=e.exports=n(0)(!1),t.push([e.i,"\n.vc-saturation,\n.vc-saturation--white,\n.vc-saturation--black {\n cursor: pointer;\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n}\n.vc-saturation--white {\n background: linear-gradient(to right, #fff, rgba(255,255,255,0));\n}\n.vc-saturation--black {\n background: linear-gradient(to top, #000, rgba(0,0,0,0));\n}\n.vc-saturation-pointer {\n cursor: pointer;\n position: absolute;\n}\n.vc-saturation-circle {\n cursor: head;\n width: 4px;\n height: 4px;\n box-shadow: 0 0 0 1.5px #fff, inset 0 0 1px 1px rgba(0,0,0,.3), 0 0 1px 2px rgba(0,0,0,.4);\n border-radius: 50%;\n transform: translate(-2px, -2px);\n}\n",""])},function(e,t){function n(e,t,n){return t<n?e<t?t:e>n?n:e:e<n?n:e>t?t:e}e.exports=n},function(e,t){function n(e,t,n){function r(t){var n=v,r=g;return v=g=void 0,k=t,x=e.apply(r,n)}function o(e){return k=e,m=setTimeout(u,t),F?r(e):x}function a(e){var n=e-_,r=e-k,i=t-n;return S?y(i,b-r):i}function l(e){var n=e-_,r=e-k;return void 0===_||n>=t||n<0||S&&r>=b}function u(){var e=C();if(l(e))return f(e);m=setTimeout(u,a(e))}function f(e){return m=void 0,A&&v?r(e):(v=g=void 0,x)}function d(){void 0!==m&&clearTimeout(m),k=0,v=_=g=m=void 0}function h(){return void 0===m?x:f(C())}function p(){var e=C(),n=l(e);if(v=arguments,g=this,_=e,n){if(void 0===m)return o(_);if(S)return m=setTimeout(u,t),r(_)}return void 0===m&&(m=setTimeout(u,t)),x}var v,g,b,x,m,_,k=0,F=!1,S=!1,A=!0;if("function"!=typeof e)throw new TypeError(c);return t=s(t)||0,i(n)&&(F=!!n.leading,S="maxWait"in n,b=S?w(s(n.maxWait)||0,t):b,A="trailing"in n?!!n.trailing:A),p.cancel=d,p.flush=h,p}function r(e,t,r){var o=!0,a=!0;if("function"!=typeof e)throw new TypeError(c);return i(r)&&(o="leading"in r?!!r.leading:o,a="trailing"in r?!!r.trailing:a),n(e,t,{leading:o,maxWait:t,trailing:a})}function i(e){var t=typeof e;return!!e&&("object"==t||"function"==t)}function o(e){return!!e&&"object"==typeof e}function a(e){return"symbol"==typeof e||o(e)&&_.call(e)==u}function s(e){if("number"==typeof e)return e;if(a(e))return l;if(i(e)){var t="function"==typeof e.valueOf?e.valueOf():e;e=i(t)?t+"":t}if("string"!=typeof e)return 0===e?e:+e;e=e.replace(f,"");var n=h.test(e);return n||p.test(e)?v(e.slice(2),n?2:8):d.test(e)?l:+e}var c="Expected a function",l=NaN,u="[object Symbol]",f=/^\s+|\s+$/g,d=/^[-+]0x[0-9a-f]+$/i,h=/^0b[01]+$/i,p=/^0o[0-7]+$/i,v=parseInt,g="object"==typeof global&&global&&global.Object===Object&&global,b="object"==typeof self&&self&&self.Object===Object&&self,x=g||b||Function("return this")(),m=Object.prototype,_=m.toString,w=Math.max,y=Math.min,C=function(){return x.Date.now()};e.exports=r},function(e,t,n){"use strict";var r=function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("div",{ref:"container",staticClass:"vc-saturation",style:{background:e.bgColor},on:{mousedown:e.handleMouseDown,touchmove:e.handleChange,touchstart:e.handleChange}},[n("div",{staticClass:"vc-saturation--white"}),e._v(" "),n("div",{staticClass:"vc-saturation--black"}),e._v(" "),n("div",{staticClass:"vc-saturation-pointer",style:{top:e.pointerTop,left:e.pointerLeft}},[n("div",{staticClass:"vc-saturation-circle"})])])},i=[];r._withStripped=!0;var o={render:r,staticRenderFns:i};t.a=o},function(e,t,n){var r=n(129);"string"==typeof r&&(r=[[e.i,r,""]]),r.locals&&(e.exports=r.locals);n(1)("4dc1b086",r,!1,{})},function(e,t,n){t=e.exports=n(0)(!1),t.push([e.i,"\n.vc-alpha {\n position: absolute;\n top: 0px;\n right: 0px;\n bottom: 0px;\n left: 0px;\n}\n.vc-alpha-checkboard-wrap {\n position: absolute;\n top: 0px;\n right: 0px;\n bottom: 0px;\n left: 0px;\n overflow: hidden;\n}\n.vc-alpha-gradient {\n position: absolute;\n top: 0px;\n right: 0px;\n bottom: 0px;\n left: 0px;\n}\n.vc-alpha-container {\n cursor: pointer;\n position: relative;\n z-index: 2;\n height: 100%;\n margin: 0 3px;\n}\n.vc-alpha-pointer {\n z-index: 2;\n position: absolute;\n}\n.vc-alpha-picker {\n cursor: pointer;\n width: 4px;\n border-radius: 1px;\n height: 8px;\n box-shadow: 0 0 2px rgba(0, 0, 0, .6);\n background: #fff;\n margin-top: 1px;\n transform: translateX(-2px);\n}\n",""])},function(e,t,n){var r=n(131);"string"==typeof r&&(r=[[e.i,r,""]]),r.locals&&(e.exports=r.locals);n(1)("7e15c05b",r,!1,{})},function(e,t,n){t=e.exports=n(0)(!1),t.push([e.i,"\n.vc-checkerboard {\n position: absolute;\n top: 0px;\n right: 0px;\n bottom: 0px;\n left: 0px;\n background-size: contain;\n}\n",""])},function(e,t,n){"use strict";var r=function(){var e=this,t=e.$createElement;return(e._self._c||t)("div",{staticClass:"vc-checkerboard",style:e.bgStyle})},i=[];r._withStripped=!0;var o={render:r,staticRenderFns:i};t.a=o},function(e,t,n){"use strict";var r=function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("div",{staticClass:"vc-alpha"},[n("div",{staticClass:"vc-alpha-checkboard-wrap"},[n("checkboard")],1),e._v(" "),n("div",{staticClass:"vc-alpha-gradient",style:{background:e.gradientColor}}),e._v(" "),n("div",{ref:"container",staticClass:"vc-alpha-container",on:{mousedown:e.handleMouseDown,touchmove:e.handleChange,touchstart:e.handleChange}},[n("div",{staticClass:"vc-alpha-pointer",style:{left:100*e.colors.a+"%"}},[n("div",{staticClass:"vc-alpha-picker"})])])])},i=[];r._withStripped=!0;var o={render:r,staticRenderFns:i};t.a=o},function(e,t,n){"use strict";var r=function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("div",{class:["vc-photoshop",e.disableFields?"vc-photoshop__disable-fields":""],attrs:{role:"application","aria-label":"PhotoShop color picker"}},[n("div",{staticClass:"vc-ps-head",attrs:{role:"heading"}},[e._v(e._s(e.head))]),e._v(" "),n("div",{staticClass:"vc-ps-body"},[n("div",{staticClass:"vc-ps-saturation-wrap"},[n("saturation",{on:{change:e.childChange},model:{value:e.colors,callback:function(t){e.colors=t},expression:"colors"}})],1),e._v(" "),n("div",{staticClass:"vc-ps-hue-wrap"},[n("hue",{attrs:{direction:"vertical"},on:{change:e.childChange},model:{value:e.colors,callback:function(t){e.colors=t},expression:"colors"}},[n("div",{staticClass:"vc-ps-hue-pointer"},[n("i",{staticClass:"vc-ps-hue-pointer--left"}),n("i",{staticClass:"vc-ps-hue-pointer--right"})])])],1),e._v(" "),n("div",{class:["vc-ps-controls",e.disableFields?"vc-ps-controls__disable-fields":""]},[n("div",{staticClass:"vc-ps-previews"},[n("div",{staticClass:"vc-ps-previews__label"},[e._v(e._s(e.newLabel))]),e._v(" "),n("div",{staticClass:"vc-ps-previews__swatches"},[n("div",{staticClass:"vc-ps-previews__pr-color",style:{background:e.colors.hex},attrs:{"aria-label":"New color is "+e.colors.hex}}),e._v(" "),n("div",{staticClass:"vc-ps-previews__pr-color",style:{background:e.currentColor},attrs:{"aria-label":"Current color is "+e.currentColor},on:{click:e.clickCurrentColor}})]),e._v(" "),n("div",{staticClass:"vc-ps-previews__label"},[e._v(e._s(e.currentLabel))])]),e._v(" "),e.disableFields?e._e():n("div",{staticClass:"vc-ps-actions"},[n("div",{staticClass:"vc-ps-ac-btn",attrs:{role:"button","aria-label":e.acceptLabel},on:{click:e.handleAccept}},[e._v(e._s(e.acceptLabel))]),e._v(" "),n("div",{staticClass:"vc-ps-ac-btn",attrs:{role:"button","aria-label":e.cancelLabel},on:{click:e.handleCancel}},[e._v(e._s(e.cancelLabel))]),e._v(" "),n("div",{staticClass:"vc-ps-fields"},[n("ed-in",{attrs:{label:"h",desc:"°",value:e.hsv.h},on:{change:e.inputChange}}),e._v(" "),n("ed-in",{attrs:{label:"s",desc:"%",value:e.hsv.s,max:100},on:{change:e.inputChange}}),e._v(" "),n("ed-in",{attrs:{label:"v",desc:"%",value:e.hsv.v,max:100},on:{change:e.inputChange}}),e._v(" "),n("div",{staticClass:"vc-ps-fields__divider"}),e._v(" "),n("ed-in",{attrs:{label:"r",value:e.colors.rgba.r},on:{change:e.inputChange}}),e._v(" "),n("ed-in",{attrs:{label:"g",value:e.colors.rgba.g},on:{change:e.inputChange}}),e._v(" "),n("ed-in",{attrs:{label:"b",value:e.colors.rgba.b},on:{change:e.inputChange}}),e._v(" "),n("div",{staticClass:"vc-ps-fields__divider"}),e._v(" "),n("ed-in",{staticClass:"vc-ps-fields__hex",attrs:{label:"#",value:e.hex},on:{change:e.inputChange}})],1),e._v(" "),e.hasResetButton?n("div",{staticClass:"vc-ps-ac-btn",attrs:{"aria-label":"reset"},on:{click:e.handleReset}},[e._v(e._s(e.resetLabel))]):e._e()])])])])},i=[];r._withStripped=!0;var o={render:r,staticRenderFns:i};t.a=o},function(e,t,n){"use strict";function r(e){c||n(136)}Object.defineProperty(t,"__esModule",{value:!0});var i=n(57),o=n.n(i);for(var a in i)"default"!==a&&function(e){n.d(t,e,function(){return i[e]})}(a);var s=n(138),c=!1,l=n(2),u=r,f=l(o.a,s.a,!1,u,null,null);f.options.__file="src/components/Sketch.vue",t.default=f.exports},function(e,t,n){var r=n(137);"string"==typeof r&&(r=[[e.i,r,""]]),r.locals&&(e.exports=r.locals);n(1)("612c6604",r,!1,{})},function(e,t,n){t=e.exports=n(0)(!1),t.push([e.i,"\n.vc-sketch {\n position: relative;\n width: 200px;\n padding: 10px 10px 0;\n box-sizing: initial;\n background: #fff;\n border-radius: 4px;\n box-shadow: 0 0 0 1px rgba(0, 0, 0, .15), 0 8px 16px rgba(0, 0, 0, .15);\n}\n.vc-sketch-saturation-wrap {\n width: 100%;\n padding-bottom: 75%;\n position: relative;\n overflow: hidden;\n}\n.vc-sketch-controls {\n display: flex;\n}\n.vc-sketch-sliders {\n padding: 4px 0;\n flex: 1;\n}\n.vc-sketch-sliders .vc-hue,\n.vc-sketch-sliders .vc-alpha-gradient {\n border-radius: 2px;\n}\n.vc-sketch-hue-wrap {\n position: relative;\n height: 10px;\n}\n.vc-sketch-alpha-wrap {\n position: relative;\n height: 10px;\n margin-top: 4px;\n overflow: hidden;\n}\n.vc-sketch-color-wrap {\n width: 24px;\n height: 24px;\n position: relative;\n margin-top: 4px;\n margin-left: 4px;\n border-radius: 3px;\n}\n.vc-sketch-active-color {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n border-radius: 2px;\n box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .15), inset 0 0 4px rgba(0, 0, 0, .25);\n z-index: 2;\n}\n.vc-sketch-color-wrap .vc-checkerboard {\n background-size: auto;\n}\n.vc-sketch-field {\n display: flex;\n padding-top: 4px;\n}\n.vc-sketch-field .vc-input__input {\n width: 90%;\n padding: 4px 0 3px 10%;\n border: none;\n box-shadow: inset 0 0 0 1px #ccc;\n font-size: 10px;\n}\n.vc-sketch-field .vc-input__label {\n display: block;\n text-align: center;\n font-size: 11px;\n color: #222;\n padding-top: 3px;\n padding-bottom: 4px;\n text-transform: capitalize;\n}\n.vc-sketch-field--single {\n flex: 1;\n padding-left: 6px;\n}\n.vc-sketch-field--double {\n flex: 2;\n}\n.vc-sketch-presets {\n margin-right: -10px;\n margin-left: -10px;\n padding-left: 10px;\n padding-top: 10px;\n border-top: 1px solid #eee;\n}\n.vc-sketch-presets-color {\n border-radius: 3px;\n overflow: hidden;\n position: relative;\n display: inline-block;\n margin: 0 10px 10px 0;\n vertical-align: top;\n cursor: pointer;\n width: 16px;\n height: 16px;\n box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .15);\n}\n.vc-sketch-presets-color .vc-checkerboard {\n box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .15);\n border-radius: 3px;\n}\n.vc-sketch__disable-alpha .vc-sketch-color-wrap {\n height: 10px;\n}\n",""])},function(e,t,n){"use strict";var r=function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("div",{class:["vc-sketch",e.disableAlpha?"vc-sketch__disable-alpha":""],attrs:{role:"application","aria-label":"Sketch color picker"}},[n("div",{staticClass:"vc-sketch-saturation-wrap"},[n("saturation",{on:{change:e.childChange},model:{value:e.colors,callback:function(t){e.colors=t},expression:"colors"}})],1),e._v(" "),n("div",{staticClass:"vc-sketch-controls"},[n("div",{staticClass:"vc-sketch-sliders"},[n("div",{staticClass:"vc-sketch-hue-wrap"},[n("hue",{on:{change:e.childChange},model:{value:e.colors,callback:function(t){e.colors=t},expression:"colors"}})],1),e._v(" "),e.disableAlpha?e._e():n("div",{staticClass:"vc-sketch-alpha-wrap"},[n("alpha",{on:{change:e.childChange},model:{value:e.colors,callback:function(t){e.colors=t},expression:"colors"}})],1)]),e._v(" "),n("div",{staticClass:"vc-sketch-color-wrap"},[n("div",{staticClass:"vc-sketch-active-color",style:{background:e.activeColor},attrs:{"aria-label":"Current color is "+e.activeColor}}),e._v(" "),n("checkboard")],1)]),e._v(" "),e.disableFields?e._e():n("div",{staticClass:"vc-sketch-field"},[n("div",{staticClass:"vc-sketch-field--double"},[n("ed-in",{attrs:{label:"hex",value:e.hex},on:{change:e.inputChange}})],1),e._v(" "),n("div",{staticClass:"vc-sketch-field--single"},[n("ed-in",{attrs:{label:"r",value:e.colors.rgba.r},on:{change:e.inputChange}})],1),e._v(" "),n("div",{staticClass:"vc-sketch-field--single"},[n("ed-in",{attrs:{label:"g",value:e.colors.rgba.g},on:{change:e.inputChange}})],1),e._v(" "),n("div",{staticClass:"vc-sketch-field--single"},[n("ed-in",{attrs:{label:"b",value:e.colors.rgba.b},on:{change:e.inputChange}})],1),e._v(" "),e.disableAlpha?e._e():n("div",{staticClass:"vc-sketch-field--single"},[n("ed-in",{attrs:{label:"a",value:e.colors.a,"arrow-offset":.01,max:1},on:{change:e.inputChange}})],1)]),e._v(" "),n("div",{staticClass:"vc-sketch-presets",attrs:{role:"group","aria-label":"A color preset, pick one to set as current color"}},[e._l(e.presetColors,function(t){return[e.isTransparent(t)?n("div",{key:t,staticClass:"vc-sketch-presets-color",attrs:{"aria-label":"Color:"+t},on:{click:function(n){return e.handlePreset(t)}}},[n("checkboard")],1):n("div",{key:t,staticClass:"vc-sketch-presets-color",style:{background:t},attrs:{"aria-label":"Color:"+t},on:{click:function(n){return e.handlePreset(t)}}})]})],2)])},i=[];r._withStripped=!0;var o={render:r,staticRenderFns:i};t.a=o},function(e,t,n){"use strict";function r(e){c||n(140)}Object.defineProperty(t,"__esModule",{value:!0});var i=n(58),o=n.n(i);for(var a in i)"default"!==a&&function(e){n.d(t,e,function(){return i[e]})}(a);var s=n(142),c=!1,l=n(2),u=r,f=l(o.a,s.a,!1,u,null,null);f.options.__file="src/components/Chrome.vue",t.default=f.exports},function(e,t,n){var r=n(141);"string"==typeof r&&(r=[[e.i,r,""]]),r.locals&&(e.exports=r.locals);n(1)("1cd16048",r,!1,{})},function(e,t,n){t=e.exports=n(0)(!1),t.push([e.i,"\n.vc-chrome {\n background: #fff;\n border-radius: 2px;\n box-shadow: 0 0 2px rgba(0,0,0,.3), 0 4px 8px rgba(0,0,0,.3);\n box-sizing: initial;\n width: 225px;\n font-family: Menlo;\n background-color: #fff;\n}\n.vc-chrome-controls {\n display: flex;\n}\n.vc-chrome-color-wrap {\n position: relative;\n width: 36px;\n}\n.vc-chrome-active-color {\n position: relative;\n width: 30px;\n height: 30px;\n border-radius: 15px;\n overflow: hidden;\n z-index: 1;\n}\n.vc-chrome-color-wrap .vc-checkerboard {\n width: 30px;\n height: 30px;\n border-radius: 15px;\n background-size: auto;\n}\n.vc-chrome-sliders {\n flex: 1;\n}\n.vc-chrome-fields-wrap {\n display: flex;\n padding-top: 16px;\n}\n.vc-chrome-fields {\n display: flex;\n margin-left: -6px;\n flex: 1;\n}\n.vc-chrome-field {\n padding-left: 6px;\n width: 100%;\n}\n.vc-chrome-toggle-btn {\n width: 32px;\n text-align: right;\n position: relative;\n}\n.vc-chrome-toggle-icon {\n margin-right: -4px;\n margin-top: 12px;\n cursor: pointer;\n position: relative;\n z-index: 2;\n}\n.vc-chrome-toggle-icon-highlight {\n position: absolute;\n width: 24px;\n height: 28px;\n background: #eee;\n border-radius: 4px;\n top: 10px;\n left: 12px;\n}\n.vc-chrome-hue-wrap {\n position: relative;\n height: 10px;\n margin-bottom: 8px;\n}\n.vc-chrome-alpha-wrap {\n position: relative;\n height: 10px;\n}\n.vc-chrome-hue-wrap .vc-hue {\n border-radius: 2px;\n}\n.vc-chrome-alpha-wrap .vc-alpha-gradient {\n border-radius: 2px;\n}\n.vc-chrome-hue-wrap .vc-hue-picker, .vc-chrome-alpha-wrap .vc-alpha-picker {\n width: 12px;\n height: 12px;\n border-radius: 6px;\n transform: translate(-6px, -2px);\n background-color: rgb(248, 248, 248);\n box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);\n}\n.vc-chrome-body {\n padding: 16px 16px 12px;\n background-color: #fff;\n}\n.vc-chrome-saturation-wrap {\n width: 100%;\n padding-bottom: 55%;\n position: relative;\n border-radius: 2px 2px 0 0;\n overflow: hidden;\n}\n.vc-chrome-saturation-wrap .vc-saturation-circle {\n width: 12px;\n height: 12px;\n}\n.vc-chrome-fields .vc-input__input {\n font-size: 11px;\n color: #333;\n width: 100%;\n border-radius: 2px;\n border: none;\n box-shadow: inset 0 0 0 1px #dadada;\n height: 21px;\n text-align: center;\n}\n.vc-chrome-fields .vc-input__label {\n text-transform: uppercase;\n font-size: 11px;\n line-height: 11px;\n color: #969696;\n text-align: center;\n display: block;\n margin-top: 12px;\n}\n.vc-chrome__disable-alpha .vc-chrome-active-color {\n width: 18px;\n height: 18px;\n}\n.vc-chrome__disable-alpha .vc-chrome-color-wrap {\n width: 30px;\n}\n.vc-chrome__disable-alpha .vc-chrome-hue-wrap {\n margin-top: 4px;\n margin-bottom: 4px;\n}\n",""])},function(e,t,n){"use strict";var r=function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("div",{class:["vc-chrome",e.disableAlpha?"vc-chrome__disable-alpha":""],attrs:{role:"application","aria-label":"Chrome color picker"}},[n("div",{staticClass:"vc-chrome-saturation-wrap"},[n("saturation",{on:{change:e.childChange},model:{value:e.colors,callback:function(t){e.colors=t},expression:"colors"}})],1),e._v(" "),n("div",{staticClass:"vc-chrome-body"},[n("div",{staticClass:"vc-chrome-controls"},[n("div",{staticClass:"vc-chrome-color-wrap"},[n("div",{staticClass:"vc-chrome-active-color",style:{background:e.activeColor},attrs:{"aria-label":"current color is "+e.colors.hex}}),e._v(" "),e.disableAlpha?e._e():n("checkboard")],1),e._v(" "),n("div",{staticClass:"vc-chrome-sliders"},[n("div",{staticClass:"vc-chrome-hue-wrap"},[n("hue",{on:{change:e.childChange},model:{value:e.colors,callback:function(t){e.colors=t},expression:"colors"}})],1),e._v(" "),e.disableAlpha?e._e():n("div",{staticClass:"vc-chrome-alpha-wrap"},[n("alpha",{on:{change:e.childChange},model:{value:e.colors,callback:function(t){e.colors=t},expression:"colors"}})],1)])]),e._v(" "),e.disableFields?e._e():n("div",{staticClass:"vc-chrome-fields-wrap"},[n("div",{directives:[{name:"show",rawName:"v-show",value:0===e.fieldsIndex,expression:"fieldsIndex === 0"}],staticClass:"vc-chrome-fields"},[n("div",{staticClass:"vc-chrome-field"},[e.hasAlpha?e._e():n("ed-in",{attrs:{label:"hex",value:e.colors.hex},on:{change:e.inputChange}}),e._v(" "),e.hasAlpha?n("ed-in",{attrs:{label:"hex",value:e.colors.hex8},on:{change:e.inputChange}}):e._e()],1)]),e._v(" "),n("div",{directives:[{name:"show",rawName:"v-show",value:1===e.fieldsIndex,expression:"fieldsIndex === 1"}],staticClass:"vc-chrome-fields"},[n("div",{staticClass:"vc-chrome-field"},[n("ed-in",{attrs:{label:"r",value:e.colors.rgba.r},on:{change:e.inputChange}})],1),e._v(" "),n("div",{staticClass:"vc-chrome-field"},[n("ed-in",{attrs:{label:"g",value:e.colors.rgba.g},on:{change:e.inputChange}})],1),e._v(" "),n("div",{staticClass:"vc-chrome-field"},[n("ed-in",{attrs:{label:"b",value:e.colors.rgba.b},on:{change:e.inputChange}})],1),e._v(" "),e.disableAlpha?e._e():n("div",{staticClass:"vc-chrome-field"},[n("ed-in",{attrs:{label:"a",value:e.colors.a,"arrow-offset":.01,max:1},on:{change:e.inputChange}})],1)]),e._v(" "),n("div",{directives:[{name:"show",rawName:"v-show",value:2===e.fieldsIndex,expression:"fieldsIndex === 2"}],staticClass:"vc-chrome-fields"},[n("div",{staticClass:"vc-chrome-field"},[n("ed-in",{attrs:{label:"h",value:e.hsl.h},on:{change:e.inputChange}})],1),e._v(" "),n("div",{staticClass:"vc-chrome-field"},[n("ed-in",{attrs:{label:"s",value:e.hsl.s},on:{change:e.inputChange}})],1),e._v(" "),n("div",{staticClass:"vc-chrome-field"},[n("ed-in",{attrs:{label:"l",value:e.hsl.l},on:{change:e.inputChange}})],1),e._v(" "),e.disableAlpha?e._e():n("div",{staticClass:"vc-chrome-field"},[n("ed-in",{attrs:{label:"a",value:e.colors.a,"arrow-offset":.01,max:1},on:{change:e.inputChange}})],1)]),e._v(" "),n("div",{staticClass:"vc-chrome-toggle-btn",attrs:{role:"button","aria-label":"Change another color definition"},on:{click:e.toggleViews}},[n("div",{staticClass:"vc-chrome-toggle-icon"},[n("svg",{staticStyle:{width:"24px",height:"24px"},attrs:{viewBox:"0 0 24 24"},on:{mouseover:e.showHighlight,mouseenter:e.showHighlight,mouseout:e.hideHighlight}},[n("path",{attrs:{fill:"#333",d:"M12,18.17L8.83,15L7.42,16.41L12,21L16.59,16.41L15.17,15M12,5.83L15.17,9L16.58,7.59L12,3L7.41,7.59L8.83,9L12,5.83Z"}})])]),e._v(" "),n("div",{directives:[{name:"show",rawName:"v-show",value:e.highlight,expression:"highlight"}],staticClass:"vc-chrome-toggle-icon-highlight"})])])])])},i=[];r._withStripped=!0;var o={render:r,staticRenderFns:i};t.a=o},function(e,t,n){"use strict";function r(e){c||n(144)}Object.defineProperty(t,"__esModule",{value:!0});var i=n(59),o=n.n(i);for(var a in i)"default"!==a&&function(e){n.d(t,e,function(){return i[e]})}(a);var s=n(146),c=!1,l=n(2),u=r,f=l(o.a,s.a,!1,u,null,null);f.options.__file="src/components/Twitter.vue",t.default=f.exports},function(e,t,n){var r=n(145);"string"==typeof r&&(r=[[e.i,r,""]]),r.locals&&(e.exports=r.locals);n(1)("669a48a5",r,!1,{})},function(e,t,n){t=e.exports=n(0)(!1),t.push([e.i,"\n.vc-twitter {\n background: #fff;\n border: 0 solid rgba(0,0,0,0.25);\n box-shadow: 0 1px 4px rgba(0,0,0,0.25);\n border-radius: 4px;\n position: relative;\n}\n.vc-twitter-triangle {\n width: 0px;\n height: 0px;\n border-style: solid;\n border-width: 0 9px 10px 9px;\n border-color: transparent transparent #fff transparent;\n position: absolute;\n}\n.vc-twitter-triangle-shadow {\n width: 0px;\n height: 0px;\n border-style: solid;\n border-width: 0 9px 10px 9px;\n border-color: transparent transparent rgba(0, 0, 0, .1) transparent;\n position: absolute;\n}\n.vc-twitter-body {\n padding: 15px 9px 9px 15px;\n}\n.vc-twitter .vc-editable-input {\n position: relative;\n}\n.vc-twitter .vc-editable-input input {\n width: 100px;\n font-size: 14px;\n color: #666;\n border: 0px;\n outline: none;\n height: 28px;\n box-shadow: inset 0 0 0 1px #F0F0F0;\n box-sizing: content-box;\n border-radius: 0 4px 4px 0;\n float: left;\n padding: 1px;\n padding-left: 8px;\n}\n.vc-twitter .vc-editable-input span {\n display: none;\n}\n.vc-twitter-hash {\n background: #F0F0F0;\n height: 30px;\n width: 30px;\n border-radius: 4px 0 0 4px;\n float: left;\n color: #98A1A4;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.vc-twitter-swatch {\n width: 30px;\n height: 30px;\n float: left;\n border-radius: 4px;\n margin: 0 6px 6px 0;\n cursor: pointer;\n position: relative;\n outline: none;\n}\n.vc-twitter-clear {\n clear: both;\n}\n.vc-twitter-hide-triangle .vc-twitter-triangle {\n display: none;\n}\n.vc-twitter-hide-triangle .vc-twitter-triangle-shadow {\n display: none;\n}\n.vc-twitter-top-left-triangle .vc-twitter-triangle{\n top: -10px;\n left: 12px;\n}\n.vc-twitter-top-left-triangle .vc-twitter-triangle-shadow{\n top: -11px;\n left: 12px;\n}\n.vc-twitter-top-right-triangle .vc-twitter-triangle{\n top: -10px;\n right: 12px;\n}\n.vc-twitter-top-right-triangle .vc-twitter-triangle-shadow{\n top: -11px;\n right: 12px;\n}\n",""])},function(e,t,n){"use strict";var r=function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("div",{staticClass:"vc-twitter",class:{"vc-twitter-hide-triangle ":"hide"===e.triangle,"vc-twitter-top-left-triangle ":"top-left"===e.triangle,"vc-twitter-top-right-triangle ":"top-right"===e.triangle},style:{width:"number"==typeof e.width?e.width+"px":e.width}},[n("div",{staticClass:"vc-twitter-triangle-shadow"}),e._v(" "),n("div",{staticClass:"vc-twitter-triangle"}),e._v(" "),n("div",{staticClass:"vc-twitter-body"},[e._l(e.defaultColors,function(t,r){return n("span",{key:r,staticClass:"vc-twitter-swatch",style:{background:t,boxShadow:"0 0 4px "+(e.equal(t)?t:"transparent")},on:{click:function(n){return e.handlerClick(t)}}})}),e._v(" "),n("div",{staticClass:"vc-twitter-hash"},[e._v("#")]),e._v(" "),n("editable-input",{attrs:{label:"#",value:e.hex},on:{change:e.inputChange}}),e._v(" "),n("div",{staticClass:"vc-twitter-clear"})],2)])},i=[];r._withStripped=!0;var o={render:r,staticRenderFns:i};t.a=o}])});
|
admin/builder/templates/builder.php
ADDED
@@ -0,0 +1,16 @@
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
1 |
+
<div id="cff-builder-app" class="cff-fb-fs cff-builder-app" :class="dismissLite == false ? 'cff-builder-app-lite-dismiss' : '' " :data-app-loaded="appLoaded ? 'true' : 'false'">
|
2 |
+
<?php
|
3 |
+
$icons = CustomFacebookFeed\Builder\CFF_Feed_Builder::builder_svg_icons();
|
4 |
+
include_once CFF_BUILDER_DIR . 'templates/sections/header.php';
|
5 |
+
include_once CFF_BUILDER_DIR . 'templates/screens/select-feed.php';
|
6 |
+
include_once CFF_BUILDER_DIR . 'templates/screens/welcome.php';
|
7 |
+
include_once CFF_BUILDER_DIR . 'templates/screens/customizer.php';
|
8 |
+
include_once CFF_BUILDER_DIR . 'templates/sections/footer.php';
|
9 |
+
?>
|
10 |
+
<div class="sb-control-elem-tltp-content" v-show="tooltip.hover" @mouseover.prevent.default="hoverTooltip(true, 'inside')" @mouseleave.prevent.default="hoverTooltip(false, 'outside')">
|
11 |
+
<div class="sb-control-elem-tltp-txt" v-html="tooltip.text" :data-align="tooltip.align"></div>
|
12 |
+
</div>
|
13 |
+
</div>
|
14 |
+
<?php //include_once CFF_BUILDER_DIR . 'templates/form-data-examples.html';
|
15 |
+
include_once CFF_BUILDER_DIR . 'templates/preview/theme-styles.php';
|
16 |
+
?>
|
admin/builder/templates/form-data-examples.html
ADDED
@@ -0,0 +1,149 @@
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
1 |
+
<!--
|
2 |
+
Tool to help understand how sending and retrieving feed related info from the database works.
|
3 |
+
-->
|
4 |
+
<div style="clear: left;">
|
5 |
+
|
6 |
+
<p>Create/update source</p>
|
7 |
+
|
8 |
+
<p>Retrieve pages/groups (will store available ones in cff_builder if successful)</p>
|
9 |
+
<a href="" id="cff_page_link">Retrieve Pages</a><br>
|
10 |
+
<a href="" id="cff_group_link">Retrieve Groups</a>
|
11 |
+
|
12 |
+
<p>Manual account adding</p>
|
13 |
+
|
14 |
+
<form id="cff_add_source_form" method="post" action="">
|
15 |
+
<label for="cff_access_token">Access Token:</label><input id="cff_access_token" type="text" name="access_token" value=""><br>
|
16 |
+
<label for="cff_page_name">Page Name (not required):</label><input id="cff_page_name" type="text" name="name" value=""><br>
|
17 |
+
<label for="cff_page_id">Page ID:</label><input id="cff_page_id" type="text" name="id" value=""><br>
|
18 |
+
<label for="cff_type">Type:</label><input id="cff_type" type="text" name="type" value="page"><br>
|
19 |
+
<label for="cff_privilege">Privilege (events or leave blank):</label><input id="cff_privilege" type="text" name="privilege" value="events"><br>
|
20 |
+
|
21 |
+
<input type="hidden" name="action" value="cff_source_builder_update"/>
|
22 |
+
<input class="button-primary" type="submit" value="Submit"/>
|
23 |
+
</form>
|
24 |
+
|
25 |
+
<p>Create/update feed and settings</p>
|
26 |
+
<form id="cff_save_settings_form" method="post" action="">
|
27 |
+
<label for="cff_feed_id">Feed ID: (leave blank for new)</label><input id="cff_feed_id" type="text" name="feed_id" value=""><br>
|
28 |
+
<label for="cff_feed_title">Feed Title:</label><input id="cff_feed_title" type="text" name="feed_title" value=""><br>
|
29 |
+
<label for="cff_feed_status">Feed Status (publish or draft):</label><input id="cff_feed_status" type="text" name="status" value="publish"><br>
|
30 |
+
<label for="cff_src_1">Source 1 (must be the account/page ID):</label><input id="cff_src_1" type="text" name="sources[]" value=""><br>
|
31 |
+
<label for="cff_src_1">Source 2 (must be the account/page ID):</label><input id="cff_src_2" type="text" name="sources[]" value=""><br>
|
32 |
+
<label for="cff_num">Number:</label><input id="cff_num" type="text" name="num" value="10"><br>
|
33 |
+
<label for="cff_settings_include_post_set1">Include Posts in Return:</label><input id="cff_settings_include_post_set1" type="checkbox" name="include_post_set" value="1"/>
|
34 |
+
<br><label for="cff_settings_include_header1">Include Header in Return:</label><input id="cff_settings_include_header1" type="checkbox" name="include_header" value="1"/>
|
35 |
+
|
36 |
+
<input type="hidden" name="action" value="cff_feed_saver_manager_builder_update"/>
|
37 |
+
<input class="button-primary" type="submit" value="Submit"/>
|
38 |
+
</form>
|
39 |
+
|
40 |
+
<p>Get feed settings/posts by ID</p>
|
41 |
+
<form id="cff_get_settings_form" method="post" action="">
|
42 |
+
<label for="cff_settings_feed_id">Feed ID:</label><input id="cff_settings_feed_id" type="text" name="feed_id" value="1"><br>
|
43 |
+
<label for="cff_settings_include_post_set">Include Posts:</label><input id="cff_settings_include_post_set" type="checkbox" name="include_post_set" value="1"/>
|
44 |
+
<br><label for="cff_settings_include_header">Include Header:</label><input id="cff_settings_include_header" type="checkbox" name="include_header" value="1"/>
|
45 |
+
|
46 |
+
<input type="hidden" name="action" value="cff_feed_saver_manager_get_feed_settings"/>
|
47 |
+
<input class="button-primary" type="submit" value="Submit"/>
|
48 |
+
</form>
|
49 |
+
|
50 |
+
<p>Pages of things</p>
|
51 |
+
<form id="cff_get_source_page" method="post" action="">
|
52 |
+
<label for="cff_settings_source_page">Source Page:</label><input id="cff_settings_source_page" type="text" name="page" value="2"><br>
|
53 |
+
<input type="hidden" name="action" value="cff_source_get_page"/>
|
54 |
+
<input class="button-primary" type="submit" value="Submit"/>
|
55 |
+
</form>
|
56 |
+
|
57 |
+
<form id="cff_get_feed_page" method="post" action="">
|
58 |
+
<label for="cff_settings_feed_page">Feed Page:</label><input id="cff_settings_feed_page" type="text" name="page" value="2"><br>
|
59 |
+
<input type="hidden" name="action" value="cff_feed_saver_manager_get_feed_list_page"/>
|
60 |
+
<input class="button-primary" type="submit" value="Submit"/>
|
61 |
+
</form>
|
62 |
+
|
63 |
+
<p>Locations page by feed ID</p>
|
64 |
+
|
65 |
+
<form id="cff_get_locations_page" method="post" action="">
|
66 |
+
<label for="cff_settings_locations_feed_id">Feed ID:</label><input id="cff_settings_locations_feed_id" type="text" name="feed_id" value="1"><br>
|
67 |
+
<label for="cff_settings_locations_page">Locations Page:</label><input id="cff_settings_locations_page" type="text" name="page" value="2"><br>
|
68 |
+
<br><label for="cff_settings_is_legacy">This is a legacy feed:</label><input id="cff_settings_is_legacy" type="checkbox" name="is_legacy" value="1"/>
|
69 |
+
<input type="hidden" name="action" value="cff_feed_saver_manager_get_locations_page"/>
|
70 |
+
<input class="button-primary" type="submit" value="Submit"/>
|
71 |
+
</form>
|
72 |
+
|
73 |
+
<p>Dismiss Onboarding</p>
|
74 |
+
<form id="cff_dismiss_onboarding" method="post" action="">
|
75 |
+
<input type="hidden" name="action" value="cff_dismiss_onboarding"/>
|
76 |
+
<input class="button-primary" type="submit" value="Dismiss"/>
|
77 |
+
</form>
|
78 |
+
|
79 |
+
<p>Featured Post Preview</p>
|
80 |
+
<form id="cff_source_get_featured_post_preview" method="post" action="">
|
81 |
+
<input type="hidden" name="action" value="cff_source_get_featured_post_preview"/>
|
82 |
+
<label for="cff_source_get_featured_post_preview_thing">URL or Post ID:</label><input id="cff_source_get_featured_post_preview_thing" type="text" name="url_or_id" value="https://www.facebook.com/facebook/videos/10153231379946729/"><br>
|
83 |
+
<label for="cff_src_id">Source ID:</label><input id="cff_src_id" type="text" name="source_id" value=""><br>
|
84 |
+
|
85 |
+
<input class="button-primary" type="submit" value="Submit"/>
|
86 |
+
</form>
|
87 |
+
|
88 |
+
<p>Video Playlist Preview</p>
|
89 |
+
<form id="cff_source_get_playlist_post_preview" method="post" action="">
|
90 |
+
<input type="hidden" name="action" value="cff_source_get_playlist_post_preview"/>
|
91 |
+
<label for="cff_source_get_playlist_post_preview_thing">URL or Post ID:</label><input id="cff_source_get_playlist_post_preview_thing" type="text" name="url_or_id" value="https://www.facebook.com/watch/539051002877739/1979731855647067"><br>
|
92 |
+
<label for="cff_src_id_vid">Source ID:</label><input id="cff_src_id_vid" type="text" name="source_id" value=""><br>
|
93 |
+
|
94 |
+
<input class="button-primary" type="submit" value="Submit"/>
|
95 |
+
</form>
|
96 |
+
|
97 |
+
<p>Import/Export</p>
|
98 |
+
<form id="cff_import" method="post" action="">
|
99 |
+
<input type="hidden" name="action" value="cff_feed_saver_manager_importer"/>
|
100 |
+
<label for="cff_import_field">Import JSON</label><br>
|
101 |
+
<textarea id="cff_import_field" name="feed_json"></textarea>
|
102 |
+
|
103 |
+
<input class="button-primary" type="submit" value="Submit"/>
|
104 |
+
</form>
|
105 |
+
|
106 |
+
<p>Get feed comments</p>
|
107 |
+
<form id="cff_get_comments" method="post" action="">
|
108 |
+
<label for="cff_get_comments_feed_id">Feed ID:</label><input id="cff_get_comments_feed_id" type="text" name="feed_id" value="1"><br>
|
109 |
+
|
110 |
+
<input type="hidden" name="action" value="cff_feed_saver_manager_retrieve_comments"/>
|
111 |
+
<input class="button-primary" type="submit" value="Submit"/>
|
112 |
+
</form>
|
113 |
+
|
114 |
+
<p>Clear single feed cache</p>
|
115 |
+
<form id="cff_clear_single_feed_cache" method="post" action="">
|
116 |
+
<label for="cff_cc_feed_id">Feed ID:</label><input id="cff_cc_feed_id" type="text" name="feed_id" value="1"><br>
|
117 |
+
|
118 |
+
<input type="hidden" name="action" value="cff_feed_saver_manager_clear_single_feed_cache"/>
|
119 |
+
<input class="button-primary" type="submit" value="Submit"/>
|
120 |
+
</form>
|
121 |
+
|
122 |
+
</div>
|
123 |
+
<script>
|
124 |
+
jQuery(document).ready(function($) {
|
125 |
+
$('#cff_page_link').attr('href',cff_builder.sourceConnectionURLs.page);
|
126 |
+
$('#cff_group_link').attr('href',cff_builder.sourceConnectionURLs.group);
|
127 |
+
|
128 |
+
$('#cff_source_get_playlist_post_preview, #cff_clear_single_feed_cache, #cff_get_comments, #cff_add_source_form, #cff_save_settings_form, #cff_get_settings_form, #cff_get_source_page, #cff_get_feed_page, #cff_get_locations_page, #cff_dismiss_onboarding, #cff_source_get_featured_post_preview, #cff_import').submit(function(event) {
|
129 |
+
|
130 |
+
event.preventDefault();
|
131 |
+
|
132 |
+
var thisData = $(this).serializeArray();
|
133 |
+
console.log(thisData)
|
134 |
+
$.ajax({
|
135 |
+
url: cff_builder.ajax_handler,
|
136 |
+
type: 'post',
|
137 |
+
data: thisData,
|
138 |
+
success: function (data) {
|
139 |
+
if (data.indexOf('{') === 0) {
|
140 |
+
data = JSON.parse(data);
|
141 |
+
console.log(data);
|
142 |
+
|
143 |
+
}
|
144 |
+
|
145 |
+
}
|
146 |
+
});
|
147 |
+
});
|
148 |
+
});
|
149 |
+
</script>
|
admin/builder/templates/oembed-examples.html
ADDED
@@ -0,0 +1,48 @@
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
1 |
+
<!--
|
2 |
+
Tool to help understand how sending and retrieving feed related info from the database works.
|
3 |
+
-->
|
4 |
+
<div style="clear: left;">
|
5 |
+
<p>oEmbeds</p>
|
6 |
+
<a href="" id="cff_oembed_link">Retrieve oEmbed Token</a><br>
|
7 |
+
<a href="javascript:void(0);" id="cff-oembed-disable">Disable</a><br>
|
8 |
+
<button id="cff_activate_instagram">Install or Activate Instagram Feed</button>
|
9 |
+
</div>
|
10 |
+
<script>
|
11 |
+
jQuery(document).ready(function($) {
|
12 |
+
$('#cff_oembed_link').attr('href',cff_builder.connectionURL);
|
13 |
+
|
14 |
+
$('#cff_activate_instagram').click(function(event) {
|
15 |
+
event.preventDefault();
|
16 |
+
var data = {
|
17 |
+
action: cff_builder.instagram.installer.action,
|
18 |
+
nonce : cff_builder.nonce,
|
19 |
+
plugin: cff_builder.instagram.installer.plugin,
|
20 |
+
type : 'addon'
|
21 |
+
};
|
22 |
+
|
23 |
+
$.post( cff_builder.ajax_handler, data, function( res ) {
|
24 |
+
|
25 |
+
if ( res.success ) {
|
26 |
+
if ( 'cff_install_addon' === data.action ) {
|
27 |
+
console.log(res);
|
28 |
+
} else {
|
29 |
+
console.log(res);
|
30 |
+
}
|
31 |
+
|
32 |
+
} else {
|
33 |
+
if ( 'download_failed' === res.data[0].code ) {
|
34 |
+
if ( data.type === 'addon' ) {
|
35 |
+
console.log(res);
|
36 |
+
} else {
|
37 |
+
console.log(res);
|
38 |
+
}
|
39 |
+
} else {
|
40 |
+
console.log(res);
|
41 |
+
}
|
42 |
+
}
|
43 |
+
}).fail( function( xhr ) {
|
44 |
+
console.log( xhr.responseText );
|
45 |
+
});
|
46 |
+
});
|
47 |
+
});
|
48 |
+
</script>
|
admin/builder/templates/oembed.php
ADDED
@@ -0,0 +1 @@
|
|
Â
|
1 |
+
<?php include_once CFF_BUILDER_DIR . 'templates/oembed-examples.html'; ?>
|
admin/builder/templates/preview/error.php
ADDED
@@ -0,0 +1,9 @@
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
1 |
+
<section id="cff-header-section" class="cff-error-ctn cff-fb-fs cff-preview-section" v-if="!sourcesList.length">
|
2 |
+
<div class="sb-alert">
|
3 |
+
<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
|
4 |
+
<path d="M8.99935 0.666504C4.39935 0.666504 0.666016 4.39984 0.666016 8.99984C0.666016 13.5998 4.39935 17.3332 8.99935 17.3332C13.5993 17.3332 17.3327 13.5998 17.3327 8.99984C17.3327 4.39984 13.5993 0.666504 8.99935 0.666504ZM9.83268 13.1665H8.16602V11.4998H9.83268V13.1665ZM9.83268 9.83317H8.16602V4.83317H9.83268V9.83317Z" fill="#995C00"/>
|
5 |
+
</svg>
|
6 |
+
<span><strong v-html="selectSourceScreen.noSources"></strong></span>
|
7 |
+
</div>
|
8 |
+
|
9 |
+
</section>
|
admin/builder/templates/preview/header.php
ADDED
@@ -0,0 +1,33 @@
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
1 |
+
<section id="cff-header-section" class="cff-preview-header-ctn cff-fb-fs cff-preview-section" :data-dimmed="!isSectionHighLighted('header')" v-if="valueIsEnabled(customizerFeedData.settings.showheader) && customizerFeedData.header && sourcesList.length">
|
2 |
+
<!--Visual header-->
|
3 |
+
<div class="cff-preview-header-visual cff-fb-fs" v-if="customizerFeedData.settings.headertype == 'visual'" :data-header-avatar="valueIsEnabled(customizerFeedData.settings.headername) ? 'shown' : 'hidden'">
|
4 |
+
<div class="cff-preview-header-cover cff-fb-fs" v-if="valueIsEnabled(customizerFeedData.settings.headercover)">
|
5 |
+
<img v-if="hasOwnNestedProperty(customizerFeedData, 'header.cover.source')" :src="customizerFeedData.header.cover.source">
|
6 |
+
<div class="cff-preview-header-likebox" v-if="valueIsEnabled(customizerFeedData.settings.headerbio)">
|
7 |
+
<div v-html="svgIcons['facebook']"></div>
|
8 |
+
<span>{{customizerFeedData.header.fan_count}}</span>
|
9 |
+
</div>
|
10 |
+
</div>
|
11 |
+
<div class="cff-preview-header-info-ctn cff-fb-fs">
|
12 |
+
<div class="cff-preview-header-avatar" v-if="valueIsEnabled(customizerFeedData.settings.headername)" >
|
13 |
+
<img v-if="hasOwnNestedProperty(customizerFeedData, 'header.picture.data.url')" :src="customizerFeedData.header.picture.data.url">
|
14 |
+
</div>
|
15 |
+
<div class="cff-preview-header-info">
|
16 |
+
<h3 class="cff-preview-header-name" v-if="valueIsEnabled(customizerFeedData.settings.headername)" >{{customizerFeedData.header.name}}</h3>
|
17 |
+
<div class="cff-preview-header-bio" v-if="valueIsEnabled(customizerFeedData.settings.headerbio)">{{customizerFeedData.header.about}}</div>
|
18 |
+
</div>
|
19 |
+
</div>
|
20 |
+
</div>
|
21 |
+
<!--Text header-->
|
22 |
+
<div class="cff-preview-header-text cff-fb-fs" v-if="customizerFeedData.settings.headertype == 'text'">
|
23 |
+
<h3 class="cff-preview-header-text-h cff-fb-fs">
|
24 |
+
<div class="cff-preview-header-text-icon" v-if="valueIsEnabled(customizerFeedData.settings.headericonenabled)">
|
25 |
+
<span class="cff-header-text-icon fa fab " :class="'fa-'+customizerFeedData.settings.headericon"></span>
|
26 |
+
</div>
|
27 |
+
<span class="cff-header-text" v-html="customizerFeedData.settings.headertext"></span>
|
28 |
+
</h3>
|
29 |
+
</div>
|
30 |
+
|
31 |
+
</section>
|
32 |
+
|
33 |
+
<svg width="24px" height="24px" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" class="cff-screenreader" role="img" aria-labelledby="metaSVGid metaSVGdesc" alt="Comments Box SVG icons"><title id="metaSVGid">Comments Box SVG icons</title><desc id="metaSVGdesc">Used for the like, share, comment, and reaction icons</desc><defs><linearGradient id="angryGrad" x1="0" x2="0" y1="0" y2="1"><stop offset="0%" stop-color="#f9ae9e"></stop><stop offset="70%" stop-color="#ffe7a4"></stop></linearGradient><linearGradient id="likeGrad"><stop offset="25%" stop-color="rgba(0,0,0,0.05)"></stop><stop offset="26%" stop-color="rgba(255,255,255,0.7)"></stop></linearGradient><linearGradient id="likeGradHover"><stop offset="25%" stop-color="#a3caff"></stop><stop offset="26%" stop-color="#fff"></stop></linearGradient><linearGradient id="likeGradDark"><stop offset="25%" stop-color="rgba(255,255,255,0.5)"></stop><stop offset="26%" stop-color="rgba(255,255,255,0.7)"></stop></linearGradient></defs></svg>
|
admin/builder/templates/preview/light-box.php
ADDED
@@ -0,0 +1,71 @@
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
1 |
+
<script type="text/x-template" id="cff-post-lightbox-component">
|
2 |
+
<div class="cff-lightbox-ctn" v-if="singlePost != null" :data-visibility="lightBox.visibility" :data-type="lightBox.type" id="cff-lightbox-ctn" :data-comments="$parent.valueIsEnabled(customizerFeedData.settings.lightboxcomments) ? 'true' : 'false'">
|
3 |
+
<div class="cff-lightbox-closer" @click.prevent.default="$parent.hideLightBox()"></div>
|
4 |
+
<div class="cff-lightbox-content">
|
5 |
+
<div class="cff-lightbox-content-insider">
|
6 |
+
<div class="cff-lightbox-element">
|
7 |
+
<div class="cff-lightbox-image" v-if="lightBox.type == 'albums' || lightBox.type == 'photos' || lightBox.type == 'events'">
|
8 |
+
<img v-if="$parent.checkNotEmpty(lightBox.activeImage)" :src="lightBox.activeImage">
|
9 |
+
</div>
|
10 |
+
<div class="cff-lightbox-video" v-if="lightBox.type == 'videos' && lightBox.videoSource != null">
|
11 |
+
<iframe :src="lightBox.videoSource"></iframe>
|
12 |
+
</div>
|
13 |
+
<div class="cff-lightbox-video" v-if="lightBox.type == 'embed_videos' && lightBox.videoSource != null" v-html="lightBox.videoSource">
|
14 |
+
</div>
|
15 |
+
</div>
|
16 |
+
|
17 |
+
<div class="cff-lightbox-sidebar" v-if="$parent.valueIsEnabled(customizerFeedData.settings.lightboxcomments)">
|
18 |
+
<div class="cff-lightbox-cls" @click.prevent.default="$parent.hideLightBox()"></div>
|
19 |
+
<cff-post-author-component v-if="lightBox.post" :single-post="lightBox.post" :customizer-feed-data="customizerFeedData"></cff-post-author-component>
|
20 |
+
<div class="cff-post-item-text cff-fb-fs">
|
21 |
+
<cff-post-event-detail-component :single-post="singlePost" :customizer-feed-data="customizerFeedData"></cff-post-event-detail-component>
|
22 |
+
<span v-html="$parent.printPostText( singlePost, true )"></span>
|
23 |
+
</div>
|
24 |
+
<cff-post-meta-component v-if="lightBox.post && $parent.valueIsEnabled(customizerFeedData.settings.lightboxcomments)" :single-post="lightBox.post" :customizer-feed-data="customizerFeedData" :translated-text="translatedText"></cff-post-meta-component>
|
25 |
+
</div>
|
26 |
+
<div class="cff-lightbox-prev cff-lightbox-nav" @click.prevent.default="$parent.navigateLightboxAlbumImage('prev',singlePost.attachments.data[0].subattachments.data)"><div class="cff-lightbox-nav-icon" v-if="lightBox.type == 'albums' && singlePost.attachments.data[0].subattachments.data.length > 1"></div></div>
|
27 |
+
<div class="cff-lightbox-next cff-lightbox-nav" @click.prevent.default="$parent.navigateLightboxAlbumImage('next',singlePost.attachments.data[0].subattachments.data)"><div class="cff-lightbox-nav-icon" v-if="lightBox.type == 'albums' && singlePost.attachments.data[0].subattachments.data.length > 1"></div></div>
|
28 |
+
</div>
|
29 |
+
|
30 |
+
<div class="cff-lightbox-thumbs cff-fb-fs" v-if="lightBox.type == 'albums' && singlePost.attachments.data[0].subattachments.data.length > 1">
|
31 |
+
<span class="cff-lightbox-thumb-item" v-for="(subAttachment, subAttachmentIndex) in singlePost.attachments.data[0].subattachments.data" @click.prevent.default="$parent.switchLightboxAlbumImage(subAttachment.media.image.src, subAttachmentIndex)" :data-active="lightBox.albumIndex === subAttachmentIndex ? 'true' : 'false'" :style="'background-image:url('+subAttachment.media.image.src+');'"></span>
|
32 |
+
</div>
|
33 |
+
|
34 |
+
<div class="cff-lightbox-caption" v-if="!$parent.valueIsEnabled(customizerFeedData.settings.lightboxcomments)">
|
35 |
+
<div class="cff-lightbox-cls" @click.prevent.default="$parent.hideLightBox()"></div>
|
36 |
+
<div class="cff-post-item-text cff-fb-fs">
|
37 |
+
<cff-post-event-detail-component :single-post="singlePost" :customizer-feed-data="customizerFeedData"></cff-post-event-detail-component>
|
38 |
+
<span v-html="$parent.printPostText( singlePost, true )"></span>
|
39 |
+
</div>
|
40 |
+
</div>
|
41 |
+
|
42 |
+
|
43 |
+
</div>
|
44 |
+
|
45 |
+
</div>
|
46 |
+
</script>
|
47 |
+
|
48 |
+
<script type="text/x-template" id="cff-post-dummy-lightbox-component">
|
49 |
+
<div class="cff-lightbox-ctn cff-dummy-lightbox-ctn" :data-visibility="dummyLightBoxData.visibility" data-type="photos">
|
50 |
+
<div class="cff-lightbox-closer" @click.prevent.default="$parent.hideLightBox()"></div>
|
51 |
+
<div class="cff-lightbox-content">
|
52 |
+
<div class="cff-lightbox-content-insider">
|
53 |
+
<div class="cff-lightbox-element">
|
54 |
+
<div class="cff-lightbox-image">
|
55 |
+
<img :src="dummyLightBoxData.image">
|
56 |
+
</div>
|
57 |
+
</div>
|
58 |
+
<div class="cff-lightbox-sidebar">
|
59 |
+
<div class="cff-lightbox-cls" @click.prevent.default="$parent.hideLightBox()"></div>
|
60 |
+
<cff-post-author-component v-if="dummyLightBoxData.post" :single-post="dummyLightBoxData.post" :customizer-feed-data="customizerFeedData"></cff-post-author-component>
|
61 |
+
<div class="cff-post-item-text cff-fb-fs">
|
62 |
+
<cff-post-event-detail-component :single-post="dummyLightBoxData.post" :customizer-feed-data="customizerFeedData"></cff-post-event-detail-component>
|
63 |
+
<span v-html="$parent.printPostText( dummyLightBoxData.post, true )"></span>
|
64 |
+
</div>
|
65 |
+
<cff-post-meta-component v-if="dummyLightBoxData.post && $parent.valueIsEnabled(customizerFeedData.settings.lightboxcomments)" :single-post="dummyLightBoxData.post" :customizer-feed-data="customizerFeedData" :translated-text="translatedText"></cff-post-meta-component>
|
66 |
+
</div>
|
67 |
+
<div class="cff-lightbox-prev cff-lightbox-nav"><div class="cff-lightbox-nav-icon"></div></div>
|
68 |
+
<div class="cff-lightbox-next cff-lightbox-nav"><div class="cff-lightbox-nav-icon"></div></div>
|
69 |
+
</div>
|
70 |
+
</div>
|
71 |
+
</script>
|
admin/builder/templates/preview/like-box.php
ADDED
@@ -0,0 +1,3 @@
|
|
Â
|
|
Â
|
|
Â
|
1 |
+
<div id="cff-like-box-section" class="cff-preview-likebox-ctn cff-fb-fs cff-preview-section" :data-dimmed="!isSectionHighLighted('likeBox')" v-if="valueIsEnabled(customizerFeedData.settings.showlikebox)">
|
2 |
+
<iframe :src="displayLikeBoxIframe()"></iframe>
|
3 |
+
</div>
|
admin/builder/templates/preview/load-more.php
ADDED
@@ -0,0 +1,3 @@
|
|
Â
|
|
Â
|
|
Â
|
1 |
+
<div id="cff-load-more-section" class="cff-preview-loadmore-ctn cff-fb-fs cff-preview-section" :data-dimmed="!isSectionHighLighted('loadMore')" v-if="valueIsEnabled(customizerFeedData.settings.loadmore) && customizerFeedData.settings.feedlayout != 'carousel' && customizerFeedData.settings.feedtype != 'singlealbum' && customizerFeedData.settings.feedtype != 'featuredpost'">
|
2 |
+
<div class="cff-preview-loadmore-btn cff-fb-fs">{{customizerFeedData.settings.buttontext}}</div>
|
3 |
+
</div>
|
admin/builder/templates/preview/post-types/albums.php
ADDED
@@ -0,0 +1,27 @@
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
1 |
+
<section id="cff-post-list-section" class="cff-preview-posts-list-ctn cff-fb-fs cff-preview-section" :data-dimmed="!isSectionHighLighted('postList')" :class="customizerFeedData.settings.feedlayout == 'masonry' ? 'cff-preview-posts-masonry' : (customizerFeedData.settings.feedlayout == 'grid' ? 'cff-preview-posts-grid' : '')" v-if="customizerFeedData.settings.feedtype == 'albums'" :data-generate-masonry="customizerFeedData.settings.feedlayout == 'masonry' || customizerFeedData.settings.feedlayout == 'grid' ? generateMasonryGridHeight() : false" :data-feed-layout="customizerFeedData.settings.feedlayout" :data-feed-columns="getFeedColumns()">
|
2 |
+
<div class="cff-albums-item-ctn cff-singlemedia-item cff-post-item-ctn cff-fb-fs" v-for="(singlePost, postIndex) in customizerFeedData.posts" :data-lightbox="customizerFeedData.settings.disablelightbox != 'off' ? 'false' : 'true'">
|
3 |
+
<div class="cff-post-item-content cff-fb-fs">
|
4 |
+
<div class="cff-albums-item-cover cff-fb-fs">
|
5 |
+
<div v-if="customizerFeedData.settings.feedlayout == 'grid'" :style="'background:url('+(hasOwnNestedProperty(singlePost, 'cover_photo.source') ? singlePost.cover_photo.source : '')+')'" class="cff-post-grid-image"></div>
|
6 |
+
<img v-if="customizerFeedData.settings.feedlayout != 'grid'" :src="hasOwnNestedProperty(singlePost, 'cover_photo.source') ? singlePost.cover_photo.source : ''" class="cff-fb-fs">
|
7 |
+
</div>
|
8 |
+
<div class="cff-albums-item-info cff-singlemedia-item-info cff-fb-fs">
|
9 |
+
<h4 class="cff-fb-fs">
|
10 |
+
<a :href="'https://www.facebook.com/'+singlePost.id" target="_blank" v-html="singlePost.name"></a>
|
11 |
+
</h4>
|
12 |
+
<p class="cff-fb-fs">
|
13 |
+
{{singlePost.count}} <span v-html="(singlePost.count > 1) ? genericText.photos : genericText.photo"></span>
|
14 |
+
</p>
|
15 |
+
</div>
|
16 |
+
</div>
|
17 |
+
</div>
|
18 |
+
</section>
|
19 |
+
|
20 |
+
|
21 |
+
<section id="cff-post-list-section" class="cff-preview-posts-list-ctn cff-preview-media-list-ctn cff-fb-fs" :data-dimmed="!isSectionHighLighted('postList')" :class="customizerFeedData.settings.feedlayout == 'masonry' ? 'cff-preview-posts-masonry' : (customizerFeedData.settings.feedlayout == 'grid' ? 'cff-preview-posts-grid' : '')" v-if="customizerFeedData.settings.feedtype == 'singlealbum'" :data-generate-masonry="customizerFeedData.settings.feedlayout == 'masonry' || customizerFeedData.settings.feedlayout == 'grid' ? generateMasonryGridHeight() : false" :data-feed-layout="customizerFeedData.settings.feedlayout" :data-feed-type="customizerFeedData.settings.feedtype" :data-feed-columns="getFeedColumns()">
|
22 |
+
<div class="cff-photos-item-ctn cff-post-item-ctn cff-fb-fs cff-media-item-ctn" v-for="(singlePost, postIndex) in customizerFeedData.posts" :style="customizerFeedData.settings.feedlayout == 'carousel' ? 'background-image:url(' + processPhotoSource(singlePost) + ')!important;' : ''">
|
23 |
+
<img :src="processPhotoSource(singlePost)" v-if="customizerFeedData.settings.feedlayout == 'masonry'" class="cff-post-item-content cff-media-item-image-poster cff-fb-fs">
|
24 |
+
<div v-if="customizerFeedData.settings.feedlayout == 'grid'" :style="'background:url('+processPhotoSource(singlePost)+')'" class="cff-post-grid-image"></div>
|
25 |
+
<img :src="processPhotoSource(singlePost)" v-if="customizerFeedData.settings.feedlayout != 'carousel'" class="cff-media-item-image-real cff-fb-fs">
|
26 |
+
</div>
|
27 |
+
</section>
|
admin/builder/templates/preview/post-types/events.php
ADDED
@@ -0,0 +1,3 @@
|
|
Â
|
|
Â
|
|
Â
|
1 |
+
<section id="cff-post-list-section" class="cff-preview-posts-list-ctn cff-fb-fs cff-preview-section" :data-dimmed="!isSectionHighLighted('postList')" v-if="customizerFeedData.settings.feedtype == 'events'">
|
2 |
+
|
3 |
+
</section>
|
admin/builder/templates/preview/post-types/photos.php
ADDED
@@ -0,0 +1,7 @@
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
1 |
+
<section id="cff-post-list-section" class="cff-preview-posts-list-ctn cff-preview-media-list-ctn cff-fb-fs" :class="customizerFeedData.settings.feedlayout == 'masonry' ? 'cff-preview-posts-masonry' : (customizerFeedData.settings.feedlayout == 'grid' ? 'cff-preview-posts-grid' : '')" v-if="customizerFeedData.settings.feedtype == 'photos'" :data-generate-masonry="customizerFeedData.settings.feedlayout == 'masonry' || customizerFeedData.settings.feedlayout == 'grid' ? generateMasonryGridHeight() : false" :data-feed-layout="customizerFeedData.settings.feedlayout" :data-feed-columns="getFeedColumns()">
|
2 |
+
<div class="cff-photos-item-ctn cff-post-item-ctn cff-fb-fs cff-media-item-ctn" v-for="(singlePost, postIndex) in customizerFeedData.posts">
|
3 |
+
<img :src="processPhotoSource(singlePost)" v-if="customizerFeedData.settings.feedlayout == 'masonry'" class="cff-post-item-content cff-media-item-image-poster cff-fb-fs">
|
4 |
+
<div v-if="customizerFeedData.settings.feedlayout == 'grid'" :style="'background:url('+processPhotoSource(singlePost)+')'" class="cff-post-grid-image"></div>
|
5 |
+
<img :src="processPhotoSource(singlePost)" class="cff-media-item-image-real cff-fb-fs">
|
6 |
+
</div>
|
7 |
+
</section>
|
admin/builder/templates/preview/post-types/reviews.php
ADDED
@@ -0,0 +1,4 @@
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
1 |
+
<script type="text/x-template" id="cff-post-reviewspost-component">
|
2 |
+
<cff-post-author-component :single-post="singlePost" :customizer-feed-data="customizerFeedData"></cff-post-author-component>
|
3 |
+
</script>
|
4 |
+
<cff-post-reviewspost-component :customizer-feed-data="customizerFeedData"></cff-post-reviewspost-component>
|
admin/builder/templates/preview/post-types/single-holder.php
ADDED
@@ -0,0 +1,7 @@
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
1 |
+
<div class="cff-single-holder-ctn cff-fb-fs" v-if="(customizerFeedData.settings.feedtype == 'singlealbum' || customizerFeedData.settings.feedtype == 'featuredpost') && customizerFeedData.posts.length == 0">
|
2 |
+
<div class="cff-single-holder-img" v-html="singleHolderData.icon"></div>
|
3 |
+
<div class="cff-single-holder-content cff-fb-fs">
|
4 |
+
<strong class="cff-fb-fs" v-html="singleHolderData.heading"></strong>
|
5 |
+
<p class="cff-fb-fs" v-html="singleHolderData.text"></p>
|
6 |
+
</div>
|
7 |
+
</div>
|
admin/builder/templates/preview/post-types/videos.php
ADDED
@@ -0,0 +1,24 @@
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
1 |
+
<script type="text/x-template" id="cff-post-videosposts-component">
|
2 |
+
<section id="cff-post-list-section" class="cff-preview-posts-list-ctn cff-fb-fs cff-preview-section" :data-dimmed="!$parent.isSectionHighLighted('postList')" :class="customizerFeedData.settings.feedlayout == 'masonry' ? 'cff-preview-posts-masonry' : (customizerFeedData.settings.feedlayout == 'grid' ? 'cff-preview-posts-grid' : '')" v-if="customizerFeedData.settings.feedtype == 'videos'" :data-generate-masonry="customizerFeedData.settings.feedlayout == 'masonry' ? $parent.generateMasonryGridHeight() : false" :data-feed-layout="customizerFeedData.settings.feedlayout" :data-feed-columns="$parent.getFeedColumns()">
|
3 |
+
<div class="cff-videos-item-ctn cff-singlemedia-item cff-fb-fs cff-post-item-ctn" v-for="(singlePost, postIndex) in customizerFeedData.posts" :data-lightbox="customizerFeedData.settings.disablelightbox != 'off' ? 'false' : 'true'">
|
4 |
+
<div class="cff-post-item-content cff-fb-fs">
|
5 |
+
<div class="cff-post-overlay-parent cff-fb-fs" :style="(customizerFeedData.settings.feedlayout == 'grid' ? 'background-image:url(' + $parent.processVideosFeedImage(singlePost) + ')!important;' : '' )">
|
6 |
+
<div class="cff-fb-fs" v-if="(customizerFeedData.settings.videoaction == 'post' && customizerFeedData.settings.disablelightbox == 'off') || customizerFeedData.settings.videoaction == 'facebook'">
|
7 |
+
<img class="cff-fb-fs" v-if="customizerFeedData.settings.feedlayout != 'grid'" :src="$parent.processVideosFeedImage(singlePost)">
|
8 |
+
<div class="cff-play-video-icon"></div>
|
9 |
+
<a class="cff-fullsize-link" :href="'https://www.facebook.com/'+singlePost.id" target="_blank" v-if="customizerFeedData.settings.videoaction == 'facebook'"></a>
|
10 |
+
<cff-post-overlay-component v-if="customizerFeedData.settings.videoaction == 'post'" :single-post="singlePost" :customizer-feed-data="customizerFeedData" :parent="$parent"></cff-post-overlay-component>
|
11 |
+
</div>
|
12 |
+
<div class="cff-videos-item-source cff-fb-fs" v-html="singlePost.embed_html" v-if="customizerFeedData.settings.videoaction == 'post' && customizerFeedData.settings.disablelightbox != 'off'"></div>
|
13 |
+
</div>
|
14 |
+
<div class="cff-videos-item-info cff-singlemedia-item-info cff-fb-fs">
|
15 |
+
<h4>
|
16 |
+
<a :href="'https://www.facebook.com/'+singlePost.id" target="_blank" v-html="singlePost.title"></a>
|
17 |
+
</h4>
|
18 |
+
<p v-html="(singlePost.description != null && singlePost.description != undefined ? (singlePost.description.substring(0, 50) + (singlePost.description.length > 50 ? '...' : '') ) : '')"></p>
|
19 |
+
</div>
|
20 |
+
</div>
|
21 |
+
</div>
|
22 |
+
</section>
|
23 |
+
</script>
|
24 |
+
<cff-post-videosposts-component :customizer-feed-data="customizerFeedData"></cff-post-videosposts-component>
|
admin/builder/templates/preview/preview-components.php
ADDED
@@ -0,0 +1,297 @@
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
1 |
+
<script type="text/x-template" id="cff-post-author-component">
|
2 |
+
<div class="cff-post-item-info-ctn cff-fb-fs" v-if="customizerFeedData.settings.feedtype != 'events'">
|
3 |
+
<div class="cff-post-item-avatar" v-if="customizerFeedData.settings.include.includes('author')">
|
4 |
+
<a v-if="$parent.$parent.hasOwnNestedProperty(singlePost, 'from.picture.data.url')" href="" target="_blank">
|
5 |
+
<img :src="singlePost.from.picture.data.url">
|
6 |
+
</a>
|
7 |
+
</div>
|
8 |
+
<div class="cff-post-item-info" v-if="customizerFeedData.settings.include.includes('author')">
|
9 |
+
<div class="cff-post-item-info-top">
|
10 |
+
<a v-if="$parent.$parent.hasOwnNestedProperty(singlePost, 'from.name')" class="cff-post-item-author-name" href="" target="_blank" v-html="singlePost.from.name"></a>
|
11 |
+
<span class="cff-post-item-story" v-html="$parent.$parent.printStory(singlePost)"></span>
|
12 |
+
<span class="cff-rating" v-if="customizerFeedData.settings.feedtype == 'reviews' && singlePost.rating != undefined">
|
13 |
+
<span class="cff-star" v-for="singleRating in singlePost.rating" :key="singleRating">★</span>
|
14 |
+
<span class="cff-rating-num" v-html="singlePost.rating"></span>
|
15 |
+
</span>
|
16 |
+
</div>
|
17 |
+
<div class="cff-post-item-info-bottom">
|
18 |
+
<span class="cff-post-item-date" v-if="customizerFeedData.settings.include.includes('date')">
|
19 |
+
<span class="cff-post-item-date-before" v-if="$parent.$parent.valueIsEnabled(customizerFeedData.settings.beforedateenabled)">{{customizerFeedData.settings.beforedate}}</span>
|
20 |
+
<span v-if="$parent.$parent.hasOwnNestedProperty(singlePost, 'created_time')" v-html="$parent.$parent.printDate(singlePost.created_time)"></span>
|
21 |
+
<span class="cff-post-item-date-after" v-if="$parent.$parent.valueIsEnabled(customizerFeedData.settings.afterdateenabled)">{{customizerFeedData.settings.afterdate}}</span>
|
22 |
+
</span>
|
23 |
+
</div>
|
24 |
+
</div>
|
25 |
+
</div>
|
26 |
+
</script>
|
27 |
+
|
28 |
+
<script type="text/x-template" id="cff-iframe-media-component">
|
29 |
+
<div class="cff-post-item-media-ctn cff-fb-fs" v-if="postmedia">
|
30 |
+
<div class="cff-post-item-iframe-ctn" :data-source="postmedia.site" v-if="checkIframePostDisplay(postmedia)">
|
31 |
+
<div class="cff-post-item-iframe">
|
32 |
+
<iframe :src="postmedia.url" height="200" frameborder="0" type="text/html" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
|
33 |
+
</div>
|
34 |
+
<cff-post-overlay-component :parent="$parent.$parent" v-if="postmedia.site == 'video'" :single-post="singlePost" :customizer-feed-data="customizerFeedData"></cff-post-overlay-component>
|
35 |
+
</div>
|
36 |
+
<div class="cff-post-item-video-ctn" v-if="postmedia.type == 'video' && customizerFeedData.settings.include.includes('media')">
|
37 |
+
<iframe :src="'https://www.facebook.com/v2.3/plugins/video.php?href='+postmedia.args.unshimmedUrl" height="200" type="text/html"></iframe>
|
38 |
+
<cff-post-overlay-component :parent="$parent.$parent" :single-post="singlePost" :customizer-feed-data="customizerFeedData"></cff-post-overlay-component>
|
39 |
+
</div>
|
40 |
+
<div class="cff-post-item-link-ctn" v-if="postmedia.type == 'link' && customizerFeedData.settings.include.includes('sharedlinks')" :data-linkbox="customizerFeedData.settings.disablelinkbox">
|
41 |
+
<a href="" v-if="customizerFeedData.settings.include.includes('media')">
|
42 |
+
<img :src="postmedia.args.poster">
|
43 |
+
</a>
|
44 |
+
<div class="cff-post-item-link-info cff-fb-fs">
|
45 |
+
<a class="cff-post-item-link-a" :href="postmedia.args.unshimmedUrl" target="_blank" v-html="postmedia.args.title"></a>
|
46 |
+
<div class="cff-post-item-link-small" v-html="postmedia.args.domain"></div>
|
47 |
+
<div class="cff-post-item-link-description" v-if="customizerFeedData.settings.include.includes('desc')" v-html="(postmedia.args.description != null) ? (postmedia.args.description.substring(0, customizerFeedData.settings.desclength) + (postmedia.args.description.length > customizerFeedData.settings.desclength ? '...' : '')) : ''"></div>
|
48 |
+
</div>
|
49 |
+
</div>
|
50 |
+
<div class="cff-post-item-text" v-if="postmedia.type == 'link' && !customizerFeedData.settings.include.includes('sharedlinks')" v-html="postmedia.args.title">
|
51 |
+
</div>
|
52 |
+
</div>
|
53 |
+
</script>
|
54 |
+
|
55 |
+
|
56 |
+
<script type="text/x-template" id="cff-post-media-component">
|
57 |
+
<div class="cff-post-item-media-wrap cff-fb-fs" v-if="$parent.$parent.checkProcessPostImage(singlePost)">
|
58 |
+
<div class="cff-post-item-media-album">
|
59 |
+
<cff-post-overlay-component :parent="$parent.$parent" :single-post="singlePost" :customizer-feed-data="customizerFeedData"></cff-post-overlay-component>
|
60 |
+
<a href="#">
|
61 |
+
<div class="cff-post-item-album-poster">
|
62 |
+
<img class="cff-post-item-full-img" :src="$parent.$parent.processPostImageSrc(singlePost)">
|
63 |
+
</div>
|
64 |
+
<div class="cff-post-item-album-thumbs" v-if="customizerFeedData.settings.feedtype != 'events' && singlePost.attachments.data[0].subattachments" :data-length="singlePost.attachments.data[0].subattachments.data.slice(1, 4).length">
|
65 |
+
<span class="cff-post-item-album-thumb" v-for="(subAttachment, subAttachmentIndex) in singlePost.attachments.data[0].subattachments.data.slice(1, 4)" :style="'background-image:url('+subAttachment.media.image.src+');'">
|
66 |
+
<span class="cff-post-item-album-thumb-overlay" v-if="singlePost.attachments.data[0].subattachments.data.length >= 4 && subAttachmentIndex == 2" v-html="$parent.$parent.printAlbumImageNumberOverlay(singlePost.attachments.data[0].subattachments.data)"></span>
|
67 |
+
</span>
|
68 |
+
</div>
|
69 |
+
</a>
|
70 |
+
</div>
|
71 |
+
</div>
|
72 |
+
</script>
|
73 |
+
|
74 |
+
|
75 |
+
<script type="text/x-template" id="cff-post-text-component">
|
76 |
+
|
77 |
+
</script>
|
78 |
+
|
79 |
+
<script type="text/x-template" id="cff-post-overlay-component">
|
80 |
+
<div class="cff-post-overlay" v-if="!parent.valueIsEnabled(customizerFeedData.settings.disablelightbox)" @click.prevent.default="parent.getPostElementOverlay(singlePost)">
|
81 |
+
|
82 |
+
</div>
|
83 |
+
</script>
|
84 |
+
|
85 |
+
|
86 |
+
|
87 |
+
|
88 |
+
<script type="text/x-template" id="cff-post-meta-component">
|
89 |
+
<div class="cff-post-item-meta-wrap cff-fb-fs" v-if="customizerFeedData.settings.feedtype != 'events'">
|
90 |
+
<div class="cff-post-item-meta-top cff-fb-fs" v-if="customizerFeedData.settings.feedtype != 'reviews'">
|
91 |
+
<div class="cff-post-item-meta cff-post-item-meta-bg" v-if="customizerFeedData.settings.include.includes('social') && pluginType == 'pro'" @click.prevent.default="$parent.$parent.toggleCommentSection(singlePost.id)" :data-icon-theme="customizerFeedData.settings.iconstyle">
|
92 |
+
<a class="cff-post-item-view-comment">
|
93 |
+
<span class="cff-post-meta-item">
|
94 |
+
<span class="cff-post-meta-item-icon cff-post-meta-item-icon-like">
|
95 |
+
<svg viewBox="0 0 512 512"><path d="M496.656 285.683C506.583 272.809 512 256 512 235.468c-.001-37.674-32.073-72.571-72.727-72.571h-70.15c8.72-17.368 20.695-38.911 20.695-69.817C389.819 34.672 366.518 0 306.91 0c-29.995 0-41.126 37.918-46.829 67.228-3.407 17.511-6.626 34.052-16.525 43.951C219.986 134.75 184 192 162.382 203.625c-2.189.922-4.986 1.648-8.032 2.223C148.577 197.484 138.931 192 128 192H32c-17.673 0-32 14.327-32 32v256c0 17.673 14.327 32 32 32h96c17.673 0 32-14.327 32-32v-8.74c32.495 0 100.687 40.747 177.455 40.726 5.505.003 37.65.03 41.013 0 59.282.014 92.255-35.887 90.335-89.793 15.127-17.727 22.539-43.337 18.225-67.105 12.456-19.526 15.126-47.07 9.628-69.405zM32 480V224h96v256H32zm424.017-203.648C472 288 472 336 450.41 347.017c13.522 22.76 1.352 53.216-15.015 61.996 8.293 52.54-18.961 70.606-57.212 70.974-3.312.03-37.247 0-40.727 0-72.929 0-134.742-40.727-177.455-40.727V235.625c37.708 0 72.305-67.939 106.183-101.818 30.545-30.545 20.363-81.454 40.727-101.817 50.909 0 50.909 35.517 50.909 61.091 0 42.189-30.545 61.09-30.545 101.817h111.999c22.73 0 40.627 20.364 40.727 40.727.099 20.363-8.001 36.375-23.984 40.727zM104 432c0 13.255-10.745 24-24 24s-24-10.745-24-24 10.745-24 24-24 24 10.745 24 24z"></path></svg>
|
96 |
+
<svg viewBox="0 0 512 512" class="cff-svg-bg"><path d="M104 224H24c-13.255 0-24 10.745-24 24v240c0 13.255 10.745 24 24 24h80c13.255 0 24-10.745 24-24V248c0-13.255-10.745-24-24-24zM64 472c-13.255 0-24-10.745-24-24s10.745-24 24-24 24 10.745 24 24-10.745 24-24 24zM384 81.452c0 42.416-25.97 66.208-33.277 94.548h101.723c33.397 0 59.397 27.746 59.553 58.098.084 17.938-7.546 37.249-19.439 49.197l-.11.11c9.836 23.337 8.237 56.037-9.308 79.469 8.681 25.895-.069 57.704-16.382 74.757 4.298 17.598 2.244 32.575-6.148 44.632C440.202 511.587 389.616 512 346.839 512l-2.845-.001c-48.287-.017-87.806-17.598-119.56-31.725-15.957-7.099-36.821-15.887-52.651-16.178-6.54-.12-11.783-5.457-11.783-11.998v-213.77c0-3.2 1.282-6.271 3.558-8.521 39.614-39.144 56.648-80.587 89.117-113.111 14.804-14.832 20.188-37.236 25.393-58.902C282.515 39.293 291.817 0 312 0c24 0 72 8 72 81.452z"></path></svg>
|
97 |
+
</span>
|
98 |
+
<span class="cff-post-meta-item-text cff-post-meta-txt" v-html="$parent.$parent.hasOwnNestedProperty(singlePost, 'likes.summary.total_count') ? singlePost.likes.summary.total_count : '0'"></span>
|
99 |
+
</span>
|
100 |
+
<span class="cff-post-meta-item">
|
101 |
+
<span class="cff-post-meta-item-icon cff-post-meta-item-icon-share">
|
102 |
+
<svg viewBox="0 0 576 512"><path d="M564.907 196.35L388.91 12.366C364.216-13.45 320 3.746 320 40.016v88.154C154.548 130.155 0 160.103 0 331.19c0 94.98 55.84 150.231 89.13 174.571 24.233 17.722 58.021-4.992 49.68-34.51C100.937 336.887 165.575 321.972 320 320.16V408c0 36.239 44.19 53.494 68.91 27.65l175.998-184c14.79-15.47 14.79-39.83-.001-55.3zm-23.127 33.18l-176 184c-4.933 5.16-13.78 1.73-13.78-5.53V288c-171.396 0-295.313 9.707-243.98 191.7C72 453.36 32 405.59 32 331.19 32 171.18 194.886 160 352 160V40c0-7.262 8.851-10.69 13.78-5.53l176 184a7.978 7.978 0 0 1 0 11.06z"></path></svg>
|
103 |
+
<svg viewBox="0 0 512 512" class="cff-svg-bg"><path d="M503.691 189.836L327.687 37.851C312.281 24.546 288 35.347 288 56.015v80.053C127.371 137.907 0 170.1 0 322.326c0 61.441 39.581 122.309 83.333 154.132 13.653 9.931 33.111-2.533 28.077-18.631C66.066 312.814 132.917 274.316 288 272.085V360c0 20.7 24.3 31.453 39.687 18.164l176.004-152c11.071-9.562 11.086-26.753 0-36.328z"></path></svg>
|
104 |
+
</span>
|
105 |
+
<span class="cff-post-meta-item-text cff-post-meta-txt" v-html="$parent.$parent.hasOwnNestedProperty(singlePost, 'shares.count') ? singlePost.shares.count : '0'"></span>
|
106 |
+
</span>
|
107 |
+
<span class="cff-post-meta-item">
|
108 |
+
<span class="cff-post-meta-item-icon cff-post-meta-item-icon-comment">
|
109 |
+
<svg viewBox="0 0 512 512"><path d="M448 0H64C28.7 0 0 28.7 0 64v288c0 35.3 28.7 64 64 64h96v84c0 7.1 5.8 12 12 12 2.4 0 4.9-.7 7.1-2.4L304 416h144c35.3 0 64-28.7 64-64V64c0-35.3-28.7-64-64-64zm32 352c0 17.6-14.4 32-32 32H293.3l-8.5 6.4L192 460v-76H64c-17.6 0-32-14.4-32-32V64c0-17.6 14.4-32 32-32h384c17.6 0 32 14.4 32 32v288z"></path></svg>
|
110 |
+
<svg viewBox="0 0 512 512" class="cff-svg-bg"><path d="M448 0H64C28.7 0 0 28.7 0 64v288c0 35.3 28.7 64 64 64h96v84c0 9.8 11.2 15.5 19.1 9.7L304 416h144c35.3 0 64-28.7 64-64V64c0-35.3-28.7-64-64-64z"></path></svg>
|
111 |
+
</span>
|
112 |
+
<span class="cff-post-meta-item-text cff-post-meta-txt" v-html="$parent.$parent.hasOwnNestedProperty(singlePost, 'comments.summary.total_count') ? singlePost.comments.summary.total_count : '0'"></span>
|
113 |
+
</span>
|
114 |
+
</a>
|
115 |
+
</div>
|
116 |
+
<div class="cff-post-item-action-link" v-if="customizerFeedData.settings.include.includes('link')">
|
117 |
+
<a class="cff-post-item-action-txt" v-if="$parent.$parent.valueIsEnabled(customizerFeedData.settings.showfacebooklink)" :href="'https://www.facebook.com/'+singlePost.id" target="_blank">{{customizerFeedData.settings.facebooklinktext}}</a>
|
118 |
+
<span class="cff-post-item-action-txt cff-post-item-dot" v-if="$parent.$parent.valueIsEnabled(customizerFeedData.settings.showfacebooklink) && $parent.$parent.valueIsEnabled(customizerFeedData.settings.showsharelink)">·</span>
|
119 |
+
<span class="cff-post-item-share-link" v-if="$parent.$parent.valueIsEnabled(customizerFeedData.settings.showsharelink)">
|
120 |
+
<div class="cff-post-item-share-tooltip" v-show="$parent.$parent.showedSocialShareTooltip == singlePost.id">
|
121 |
+
<a v-for="(socialLink, socialName) in $parent.$parent.socialShareLink" :href="socialLink + 'https://www.facebook.com/'+singlePost.id" :class="'cff-bghv-'+socialName" v-html="$parent.$parent.svgIcons[socialName +'Share']" target="_blank"></a>
|
122 |
+
</div>
|
123 |
+
<span class="cff-post-item-action-txt" @click.prevent.default="$parent.$parent.toggleSocialShareTooltip(singlePost.id)">{{customizerFeedData.settings.sharelinktext}}</span>
|
124 |
+
</span>
|
125 |
+
</div>
|
126 |
+
</div>
|
127 |
+
<div class="cff-post-item-meta-comments cff-fb-fs" v-if="customizerFeedData.settings.feedtype != 'reviews'" v-show="($parent.$parent.showedCommentSection.includes(singlePost.id) && !$parent.$parent.valueIsEnabled(customizerFeedData.settings.expandcomments)) || (!$parent.$parent.showedCommentSection.includes(singlePost.id) && $parent.$parent.valueIsEnabled(customizerFeedData.settings.expandcomments))">
|
128 |
+
<div class="cff-post-item-comments-top cff-fb-fs cff-post-item-meta-bg">
|
129 |
+
<div class="cff-post-item-comments-icon">
|
130 |
+
<svg viewBox="0 0 512 512"><path d="M448 0H64C28.7 0 0 28.7 0 64v288c0 35.3 28.7 64 64 64h96v84c0 7.1 5.8 12 12 12 2.4 0 4.9-.7 7.1-2.4L304 416h144c35.3 0 64-28.7 64-64V64c0-35.3-28.7-64-64-64zm32 352c0 17.6-14.4 32-32 32H293.3l-8.5 6.4L192 460v-76H64c-17.6 0-32-14.4-32-32V64c0-17.6 14.4-32 32-32h384c17.6 0 32 14.4 32 32v288z"></path></svg>
|
131 |
+
</div>
|
132 |
+
<a class="cff-post-meta-link" :href="'https://www.facebook.com/'+singlePost.id" v-html="translatedText.commentonFacebookText" target="_blank"></a>
|
133 |
+
</div>
|
134 |
+
<div class="cff-post-item-comments-list cff-fb-fs cff-post-item-meta-bg" v-if="$parent.$parent.hasOwnNestedProperty(singlePost, 'comments.data') && singlePost.comments.data.length > 0">
|
135 |
+
<div class="cff-post-comment-item cff-fb-fs" v-for="singleComment in singlePost.comments.data">
|
136 |
+
<a class="cff-post-comment-item-avatar" v-if="$parent.$parent.hasOwnNestedProperty(singleComment, 'from.picture.data.url') && !$parent.$parent.valueIsEnabled(customizerFeedData.settings.hidecommentimages)" :href="$parent.$parent.hasOwnNestedProperty(singleComment, 'from.link') ? singleComment.from.link : '#'" target="_blank">
|
137 |
+
<img :src="singleComment.from.picture.data.url" alt="">
|
138 |
+
</a>
|
139 |
+
<div class="cff-post-comment-item-content">
|
140 |
+
<p>
|
141 |
+
<a class="cff-post-comment-item-author cff-post-meta-link" :href="$parent.$parent.hasOwnNestedProperty(singleComment, 'from.link') ? singleComment.from.link : '#'" target="_blank" v-html="$parent.$parent.hasOwnNestedProperty(singleComment, 'from.name') ? singleComment.from.name : ''"></a>
|
142 |
+
<span class="cff-post-comment-item-txt cff-post-meta-txt" v-html="singleComment.message"></span>
|
143 |
+
</p>
|
144 |
+
<span class="cff-post-comment-item-date cff-post-meta-txt" v-html="$parent.$parent.printDate(singleComment.created_time)"></span>
|
145 |
+
</div>
|
146 |
+
</div>
|
147 |
+
</div>
|
148 |
+
</div>
|
149 |
+
<div class="cff-fb-fs" v-if="customizerFeedData.settings.feedtype == 'reviews'">
|
150 |
+
<a class="cff-post-item-action-txt" :href="$parent.$parent.hasOwnNestedProperty(customizerFeedData, 'header.id') ? 'https://www.facebook.com/'+customizerFeedData.header.id+'/reviews' : ''" target="_blank">{{customizerFeedData.settings.reviewslinktext}}</a>
|
151 |
+
</div>
|
152 |
+
</div>
|
153 |
+
</script>
|
154 |
+
|
155 |
+
|
156 |
+
<script type="text/x-template" id="cff-post-event-detail-component">
|
157 |
+
<div class="cff-post-event-detail cff-fb-fs" v-if="customizerFeedData.settings.feedtype == 'events' || (singlePost.status_type == 'created_event')">
|
158 |
+
<p v-if="$parent.$parent.hasOwnNestedProperty(singlePost, 'attachments.data') && singlePost.attachments.data[0] && singlePost.attachments.data[0].title" v-html="singlePost.attachments.data[0].title">
|
159 |
+
</p>
|
160 |
+
<!--
|
161 |
+
<p class="cff-post-event-title cff-fb-fs" v-if="customizerFeedData.settings.include.includes('eventtitle')">
|
162 |
+
<a :href="'https://facebook.com/events/'+singlePost.id" target="_blank" v-html="singlePost.name"></a>
|
163 |
+
</p>
|
164 |
+
-->
|
165 |
+
<p class="cff-post-event-date cff-fb-fs" v-if="$parent.$parent.hasOwnNestedProperty(singlePost, 'start_time') || $parent.$parent.hasOwnNestedProperty(singlePost, 'end_time')">
|
166 |
+
<span class="cff-post-event-start-date" v-if="$parent.$parent.hasOwnNestedProperty(singlePost, 'start_time')" v-html="$parent.$parent.printDate(singlePost.start_time, true)"></span>
|
167 |
+
<span class="cff-post-event-end-date" v-if="$parent.$parent.hasOwnNestedProperty(singlePost, 'end_time')" v-html="'-' + $parent.$parent.printDate(singlePost.end_time, true)"></span>
|
168 |
+
</p>
|
169 |
+
|
170 |
+
<p class="cff-post-event-location cff-fb-fs" v-if="$parent.$parent.hasOwnNestedProperty(singlePost, 'place') && customizerFeedData.settings.include.includes('eventdetails')">
|
171 |
+
<a class="cff-post-event-place" v-if="$parent.$parent.hasOwnNestedProperty(singlePost, 'place.name') && $parent.$parent.hasOwnNestedProperty(singlePost, 'place.id')" :href="'https://facebook.com/'+singlePost.place.id" target="_blank" v-html="$parent.$parent.htmlEntities(singlePost.place.name)"></a>
|
172 |
+
<span class="cff-post-event-street" v-if="$parent.$parent.hasOwnNestedProperty(singlePost, 'place.location.street')" v-html="$parent.$parent.htmlEntities(singlePost.place.location.street)"></span>
|
173 |
+
<span class="cff-post-event-city" v-if="$parent.$parent.hasOwnNestedProperty(singlePost, 'place.location.city')" v-html="$parent.$parent.htmlEntities(singlePost.place.location.city)"></span>
|
174 |
+
<span class="cff-post-event-state" v-if="$parent.$parent.hasOwnNestedProperty(singlePost, 'place.location.state')" v-html="$parent.$parent.htmlEntities(singlePost.place.location.state)"></span>
|
175 |
+
<span class="cff-post-event-zip" v-if="$parent.$parent.hasOwnNestedProperty(singlePost, 'place.location.zip')" v-html="$parent.$parent.htmlEntities(singlePost.place.location.zip)"></span>
|
176 |
+
<a class="cff-post-event-maplink" v-if="$parent.$parent.getEventMapLink(singlePost.place) !== false" :href="$parent.$parent.getEventMapLink(singlePost.place)">Map</a>
|
177 |
+
</p>
|
178 |
+
|
179 |
+
|
180 |
+
</div>
|
181 |
+
</script>
|
182 |
+
|
183 |
+
|
184 |
+
<script type="text/x-template" id="cff-post-full-layout-component">
|
185 |
+
<article class="cff-post-item-ctn" v-if="$parent.checkShowPost(singlePost)" :data-post-layout="customizerFeedData.settings.layout" :data-post-type="$parent.getPostTypeTimeline(singlePost)">
|
186 |
+
<div class="cff-post-item-content cff-fb-fs">
|
187 |
+
<cff-post-author-component :single-post="singlePost" :customizer-feed-data="customizerFeedData"></cff-post-author-component>
|
188 |
+
<cff-post-media-component v-if="pluginType == 'pro'" :single-post="singlePost" :customizer-feed-data="customizerFeedData"></cff-post-media-component>
|
189 |
+
<cff-iframe-media-component v-if="$parent.processIframeAndLinkAndVideo( singlePost ) !== false && pluginType == 'pro'" :single-post="singlePost" :postmedia="$parent.processIframeAndLinkAndVideo( singlePost )" :customizer-feed-data="customizerFeedData"></cff-iframe-media-component>
|
190 |
+
<div class="cff-post-item-text cff-fb-fs" v-if="$parent.getPostTypeTimeline(singlePost) != 'links'">
|
191 |
+
<cff-post-event-detail-component :single-post="singlePost" :customizer-feed-data="customizerFeedData"></cff-post-event-detail-component>
|
192 |
+
<span v-html="$parent.expandedPostText.includes(singlePost.id) ? $parent.printPostText( singlePost, true ) : $parent.printPostText( singlePost )" v-if="customizerFeedData.settings.include.includes('text')"></span>
|
193 |
+
<span class="cff-post-item-text-expand" v-if="singlePost.message && singlePost.message.length > customizerFeedData.settings.textlength && customizerFeedData.settings.include.includes('text')">
|
194 |
+
...<a @click.prevent.default="$parent.expandPostText( singlePost.id )" v-html="$parent.printExpandText(singlePost.id)"></a>
|
195 |
+
</span>
|
196 |
+
</div>
|
197 |
+
<cff-free-linkbox-component v-if="$parent.processIframeAndLinkAndVideo( singlePost ) !== false && pluginType == 'free'" :single-post="singlePost" :postmedia="$parent.processVideoAndLink( singlePost )" :customizer-feed-data="customizerFeedData"></cff-free-linkbox-component>
|
198 |
+
<span class="cff-post-item-date" v-if="!customizerFeedData.settings.include.includes('author') && customizerFeedData.settings.include.includes('date')">
|
199 |
+
<span class="cff-post-item-date-before" v-if="$parent.valueIsEnabled(customizerFeedData.settings.beforedateenabled)">{{customizerFeedData.settings.beforedate}}</span>
|
200 |
+
<span v-if="$parent.hasOwnNestedProperty(singlePost, 'created_time')" v-html="$parent.printDate(singlePost.created_time)"></span>
|
201 |
+
<span class="cff-post-item-date-after" v-if="$parent.valueIsEnabled(customizerFeedData.settings.afterdateenabled)">{{customizerFeedData.settings.afterdate}}</span>
|
202 |
+
</span>
|
203 |
+
<cff-post-free-icon-component :single-post="singlePost" :customizer-feed-data="customizerFeedData" :translated-text="translatedText"></cff-post-free-icon-component>
|
204 |
+
<cff-post-meta-component :single-post="singlePost" :customizer-feed-data="customizerFeedData" :translated-text="translatedText"></cff-post-meta-component>
|
205 |
+
</div>
|
206 |
+
</article>
|
207 |
+
</script>
|
208 |
+
|
209 |
+
|
210 |
+
<script type="text/x-template" id="cff-post-half-layout-component">
|
211 |
+
<article class="cff-post-item-ctn" v-if="$parent.checkShowPost(singlePost)" :data-post-layout="customizerFeedData.settings.layout" :data-post-type="$parent.getPostTypeTimeline(singlePost)">
|
212 |
+
<div class="cff-post-item-content cff-fb-fs">
|
213 |
+
<div class="cff-post-item-sides cff-fb-fs">
|
214 |
+
<div class="cff-post-item-side cff-post-item-left">
|
215 |
+
<cff-post-media-component :single-post="singlePost" :customizer-feed-data="customizerFeedData"></cff-post-media-component>
|
216 |
+
<cff-iframe-media-component v-if="$parent.processIframeAndLinkAndVideo( singlePost ) !== false" :single-post="singlePost" :postmedia="$parent.processIframeAndLinkAndVideo( singlePost )" :customizer-feed-data="customizerFeedData"></cff-iframe-media-component>
|
217 |
+
</div>
|
218 |
+
|
219 |
+
<div class="cff-post-item-side cff-post-item-right">
|
220 |
+
<cff-post-author-component :single-post="singlePost" :customizer-feed-data="customizerFeedData"></cff-post-author-component>
|
221 |
+
<div class="cff-post-item-text cff-fb-fs">
|
222 |
+
<cff-post-event-detail-component :single-post="singlePost" :customizer-feed-data="customizerFeedData"></cff-post-event-detail-component>
|
223 |
+
<span v-html="$parent.expandedPostText.includes(singlePost.id) ? $parent.printPostText( singlePost, true ) : $parent.printPostText( singlePost )" v-if="customizerFeedData.settings.include.includes('text')"></span>
|
224 |
+
<span class="cff-post-item-text-expand" v-if="singlePost.message && singlePost.message.length > customizerFeedData.settings.textlength && customizerFeedData.settings.include.includes('text')">
|
225 |
+
...<a @click.prevent.default="$parent.expandPostText( singlePost.id )" v-html="$parent.printExpandText(singlePost.id)"></a>
|
226 |
+
</span>
|
227 |
+
</div>
|
228 |
+
<span class="cff-post-item-date" v-if="!customizerFeedData.settings.include.includes('author') && customizerFeedData.settings.include.includes('date')">
|
229 |
+
<span class="cff-post-item-date-before" v-if="$parent.valueIsEnabled(customizerFeedData.settings.beforedateenabled)">{{customizerFeedData.settings.beforedate}}</span>
|
230 |
+
<span v-if="$parent.hasOwnNestedProperty(singlePost, 'created_time')" v-html="$parent.printDate(singlePost.created_time)"></span>
|
231 |
+
<span class="cff-post-item-date-after" v-if="$parent.valueIsEnabled(customizerFeedData.settings.afterdateenabled)">{{customizerFeedData.settings.afterdate}}</span>
|
232 |
+
</span>
|
233 |
+
</div>
|
234 |
+
</div>
|
235 |
+
|
236 |
+
<cff-post-meta-component :single-post="singlePost" :customizer-feed-data="customizerFeedData" :translated-text="translatedText"></cff-post-meta-component>
|
237 |
+
</div>
|
238 |
+
</article>
|
239 |
+
</script>
|
240 |
+
|
241 |
+
<script type="text/x-template" id="cff-post-thumb-layout-component">
|
242 |
+
<article class="cff-post-item-ctn" v-if="$parent.checkShowPost(singlePost)" :data-post-layout="customizerFeedData.settings.layout" :data-post-type="$parent.getPostTypeTimeline(singlePost)">
|
243 |
+
<div class="cff-post-item-content cff-fb-fs">
|
244 |
+
<div class="cff-post-item-sides cff-fb-fs">
|
245 |
+
<div class="cff-post-item-side cff-post-item-left">
|
246 |
+
<cff-post-media-component :single-post="singlePost" :customizer-feed-data="customizerFeedData"></cff-post-media-component>
|
247 |
+
<cff-iframe-media-component v-if="$parent.processIframeAndLinkAndVideo( singlePost ) !== false" :single-post="singlePost" :postmedia="$parent.processIframeAndLinkAndVideo( singlePost )" :customizer-feed-data="customizerFeedData"></cff-iframe-media-component>
|
248 |
+
</div>
|
249 |
+
|
250 |
+
<div class="cff-post-item-side cff-post-item-right">
|
251 |
+
<cff-post-author-component :single-post="singlePost" :customizer-feed-data="customizerFeedData"></cff-post-author-component>
|
252 |
+
<div class="cff-post-item-text cff-fb-fs">
|
253 |
+
<cff-post-event-detail-component :single-post="singlePost" :customizer-feed-data="customizerFeedData"></cff-post-event-detail-component>
|
254 |
+
<span v-html="$parent.expandedPostText.includes(singlePost.id) ? $parent.printPostText( singlePost, true ) : $parent.printPostText( singlePost )" v-if="customizerFeedData.settings.include.includes('text')"></span>
|
255 |
+
<span class="cff-post-item-text-expand" v-if="singlePost.message && singlePost.message.length > customizerFeedData.settings.textlength && customizerFeedData.settings.include.includes('text')">
|
256 |
+
...<a @click.prevent.default="$parent.expandPostText( singlePost.id )" v-html="$parent.printExpandText(singlePost.id)"></a>
|
257 |
+
</span>
|
258 |
+
</div>
|
259 |
+
<span class="cff-post-item-date" v-if="!customizerFeedData.settings.include.includes('author') && customizerFeedData.settings.include.includes('date')">
|
260 |
+
<span class="cff-post-item-date-before" v-if="$parent.valueIsEnabled(customizerFeedData.settings.beforedateenabled)">{{customizerFeedData.settings.beforedate}}</span>
|
261 |
+
<span v-if="$parent.hasOwnNestedProperty(singlePost, 'created_time')" v-html="$parent.printDate(singlePost.created_time)"></span>
|
262 |
+
<span class="cff-post-item-date-after" v-if="$parent.valueIsEnabled(customizerFeedData.settings.afterdateenabled)">{{customizerFeedData.settings.afterdate}}</span>
|
263 |
+
</span>
|
264 |
+
</div>
|
265 |
+
</div>
|
266 |
+
|
267 |
+
<cff-post-meta-component :single-post="singlePost" :customizer-feed-data="customizerFeedData" :translated-text="translatedText"></cff-post-meta-component>
|
268 |
+
</div>
|
269 |
+
</article>
|
270 |
+
|
271 |
+
</script>
|
272 |
+
|
273 |
+
|
274 |
+
<script type="text/x-template" id="cff-post-free-icon-component">
|
275 |
+
<div class="cff-post-item-icon-ctn">
|
276 |
+
<a :href="'https://www.facebook.com/'+singlePost.id" target="_blank" v-if="$parent.$parent.getPostTypeTimeline(singlePost) == 'videos'">
|
277 |
+
<span style="padding-right: 5px;" class="fa fas fa-video-camera fa-video" aria-hidden="true"></span>
|
278 |
+
{{translatedText.videotext}}
|
279 |
+
</a>
|
280 |
+
<a :href="'https://www.facebook.com/'+singlePost.id" target="_blank" v-if="['photos','albums'].includes($parent.$parent.getPostTypeTimeline(singlePost))">
|
281 |
+
<span style="padding-right: 5px;" class="fa fas fa-picture-o fa-image" aria-hidden="true"></span>
|
282 |
+
{{translatedText.phototext}}
|
283 |
+
</a>
|
284 |
+
</div>
|
285 |
+
</script>
|
286 |
+
|
287 |
+
<script type="text/x-template" id="cff-free-linkbox-component">
|
288 |
+
<div class="cff-post-item-media-ctn cff-fb-fs">
|
289 |
+
<div class="cff-post-item-link-ctn" v-if="(postmedia.type == 'link' || postmedia.type == 'video') && customizerFeedData.settings.include.includes('sharedlinks')" :data-linkbox="customizerFeedData.settings.disablelinkbox">
|
290 |
+
<div class="cff-post-item-link-info cff-fb-fs">
|
291 |
+
<a class="cff-post-item-link-a" :href="postmedia.args.unshimmedUrl" target="_blank" v-html="postmedia.args.title"></a>
|
292 |
+
<div class="cff-post-item-link-small" v-html="postmedia.args.domain"></div>
|
293 |
+
<div class="cff-post-item-link-description" v-if="customizerFeedData.settings.include.includes('desc')" v-html="(postmedia.args.description != null) ? (postmedia.args.description.substring(0, customizerFeedData.settings.desclength) + (postmedia.args.description.length > customizerFeedData.settings.desclength ? '...' : '')) : ''"></div>
|
294 |
+
</div>
|
295 |
+
</div>
|
296 |
+
</div>
|
297 |
+
</script>
|
admin/builder/templates/preview/theme-styles.php
ADDED
@@ -0,0 +1,12 @@
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
1 |
+
<?php
|
2 |
+
$file = get_stylesheet_uri();
|
3 |
+
$theme_css = new \CustomFacebookFeed\Builder\CFF_Theme_CSS( $file );
|
4 |
+
|
5 |
+
if ( ! $theme_css->is_cached() ) {
|
6 |
+
$theme_css->load_css();
|
7 |
+
$theme_css->parse();
|
8 |
+
$theme_css->find_styles();
|
9 |
+
$theme_css->cache();
|
10 |
+
}
|
11 |
+
|
12 |
+
echo $theme_css->generate_style_html();
|
admin/builder/templates/preview/timeline.php
ADDED
@@ -0,0 +1,5 @@
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
1 |
+
<section id="cff-post-list-section" class="cff-preview-posts-list-ctn cff-fb-fs cff-preview-section" :data-dimmed="!isSectionHighLighted('postList')" :class="customizerFeedData.settings.feedlayout == 'masonry' ? 'cff-preview-posts-masonry' : ''" v-if="sourcesList.length && (customizerFeedData.settings.feedtype == 'timeline' || customizerFeedData.settings.feedtype == 'featuredpost' || customizerFeedData.settings.feedtype == 'events' || customizerFeedData.settings.feedtype == 'reviews')" :data-generate-masonry="customizerFeedData.settings.feedlayout == 'masonry' ? generateMasonryGridHeight() : false" :data-feed-type="customizerFeedData.settings.feedtype" :data-feed-layout="customizerFeedData.settings.feedlayout" :data-feed-columns="getFeedColumns()" :data-poststyle="customizerFeedData.settings.poststyle" :data-boxshadow="valueIsEnabled(customizerFeedData.settings.boxshadow) && customizerFeedData.settings.poststyle == 'boxed'" :data-narrow="valueIsEnabled(customizerFeedData.settings.enablenarrow) ? 'active' : 'inactive'">
|
2 |
+
<cff-post-full-layout-component v-for="singlePost in returnPostList()" v-bind:key="singlePost.id" v-if="shouldShowPostList('full' ,singlePost)" :single-post="singlePost" :customizer-feed-data="customizerFeedData" :translated-text="translatedText" :plugin-type="pluginType"></cff-post-full-layout-component>
|
3 |
+
<cff-post-half-layout-component v-for="singlePost in returnPostList()" v-bind:key="singlePost.id" v-if="shouldShowPostList('half' ,singlePost)" :single-post="singlePost" :customizer-feed-data="customizerFeedData" :translated-text="translatedText"></cff-post-half-layout-component>
|
4 |
+
<cff-post-thumb-layout-component v-for="singlePost in returnPostList()" v-bind:key="singlePost.id" v-if="shouldShowPostList('thumb' ,singlePost)" :single-post="singlePost" :customizer-feed-data="customizerFeedData" :translated-text="translatedText"></cff-post-thumb-layout-component>
|
5 |
+
</section>
|
admin/builder/templates/screens/customizer.php
ADDED
@@ -0,0 +1,8 @@
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
1 |
+
<div class="sb-customizer-ctn cff-fb-fs" v-if="iscustomizerScreen">
|
2 |
+
<?php include_once CFF_BUILDER_DIR . 'templates/sections/customizer/sidebar.php'; ?>
|
3 |
+
<?php include_once CFF_BUILDER_DIR . 'templates/sections/customizer/preview.php'; ?>
|
4 |
+
</div>
|
5 |
+
<div v-html="feedStyleOutput != false ? feedStyleOutput : ''"></div>
|
6 |
+
<script type="text/x-template" id="cff-colorpicker-component">
|
7 |
+
<input type="text" v-bind:value="color" placeholder="Select">
|
8 |
+
</script>
|
admin/builder/templates/screens/select-feed.php
ADDED
@@ -0,0 +1,35 @@
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
1 |
+
<div v-if="viewsActive.pageScreen == 'selectFeed'" class="cff-fb-fs">
|
2 |
+
<div class="cff-fb-create-ctn cff-fb-wrapper">
|
3 |
+
<div class="cff-fb-heading">
|
4 |
+
<h1>{{selectFeedTypeScreen.mainHeading}}</h1>
|
5 |
+
<div class="cff-fb-btn cff-fb-slctf-nxt cff-fb-btn-ac cff-btn-orange" :data-active="creationProcessCheckAction()" @click.prevent.default="creationProcessNext()">
|
6 |
+
<span>{{genericText.next}}</span>
|
7 |
+
<svg width="7" height="11" viewBox="0 0 7 11" fill="none" xmlns="http://www.w3.org/2000/svg">
|
8 |
+
<path d="M1.3332 0.00683594L0.158203 1.18184L3.97487 5.00684L0.158203 8.83184L1.3332 10.0068L6.3332 5.00684L1.3332 0.00683594Z" fill="white"/>
|
9 |
+
</svg>
|
10 |
+
</div>
|
11 |
+
</div>
|
12 |
+
<?php
|
13 |
+
include_once CFF_BUILDER_DIR . 'templates/sections/feeds-type.php';
|
14 |
+
include_once CFF_BUILDER_DIR . 'templates/sections/select-source.php';
|
15 |
+
include_once CFF_BUILDER_DIR . 'templates/sections/create-feed/single-album.php';
|
16 |
+
include_once CFF_BUILDER_DIR . 'templates/sections/create-feed/featured-post.php';
|
17 |
+
include_once CFF_BUILDER_DIR . 'templates/sections/create-feed/videos.php';
|
18 |
+
?>
|
19 |
+
</div>
|
20 |
+
<div class="cff-fb-ft-action cff-fb-slctfd-action cff-fb-fs">
|
21 |
+
<div class="cff-fb-wrapper">
|
22 |
+
<div class="cff-fb-slctf-back cff-fb-hd-btn cff-btn-grey" @click.prevent.default="creationProcessBack()"><svg width="7" height="11" viewBox="0 0 7 11" fill="none" xmlns="http://www.w3.org/2000/svg">
|
23 |
+
<path d="M6.3415 1.18184L5.1665 0.00683594L0.166504 5.00684L5.1665 10.0068L6.3415 8.83184L2.52484 5.00684L6.3415 1.18184Z" fill="#141B38"/>
|
24 |
+
</svg>
|
25 |
+
<span>{{genericText.back}}</span>
|
26 |
+
</div>
|
27 |
+
<div class="cff-fb-btn cff-fb-slctf-nxt cff-fb-btn-ac cff-btn-orange" :data-active="creationProcessCheckAction()" @click.prevent.default="creationProcessNext()">
|
28 |
+
<span>{{genericText.next}}</span>
|
29 |
+
<svg width="7" height="11" viewBox="0 0 7 11" fill="none" xmlns="http://www.w3.org/2000/svg">
|
30 |
+
<path d="M1.3332 0.00683594L0.158203 1.18184L3.97487 5.00684L0.158203 8.83184L1.3332 10.0068L6.3332 5.00684L1.3332 0.00683594Z" fill="white"/>
|
31 |
+
</svg>
|
32 |
+
</div>
|
33 |
+
</div>
|
34 |
+
</div>
|
35 |
+
</div>
|
admin/builder/templates/screens/welcome.php
ADDED
@@ -0,0 +1,32 @@
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
1 |
+
<div class="cff-fb-full-wrapper cff-fb-fs" v-if="viewsActive.pageScreen == 'welcome' && !iscustomizerScreen">
|
2 |
+
<?php
|
3 |
+
/**
|
4 |
+
* CFF Admin Notices
|
5 |
+
*
|
6 |
+
* @since 4.0
|
7 |
+
*/
|
8 |
+
do_action('cff_admin_notices');
|
9 |
+
?>
|
10 |
+
|
11 |
+
<div class="cff-fb-wlcm-header cff-fb-fs">
|
12 |
+
<h2>{{welcomeScreen.mainHeading}}</h2>
|
13 |
+
<div class="sb-positioning-wrap" v-bind:class="{ 'sb-onboarding-highlight' : viewsActive.onboardingStep === 1 }">
|
14 |
+
<div class="cff-fb-btn cff-fb-btn-new cff-btn-orange" @click.prevent.default="! viewsActive.onboardingPopup ? switchScreen('pageScreen', 'selectFeed') : switchScreen('welcome')">
|
15 |
+
<svg width="10" height="10" viewBox="0 0 10 10" fill="none" xmlns="http://www.w3.org/2000/svg">
|
16 |
+
<path d="M9.66537 5.66659H5.66536V9.66659H4.33203V5.66659H0.332031V4.33325H4.33203V0.333252H5.66536V4.33325H9.66537V5.66659Z" fill="white"/>
|
17 |
+
</svg>
|
18 |
+
<span>{{genericText.addNew}}</span>
|
19 |
+
</div>
|
20 |
+
</div>
|
21 |
+
</div>
|
22 |
+
<?php
|
23 |
+
include_once CFF_BUILDER_DIR . 'templates/sections/empty-state.php';
|
24 |
+
include_once CFF_BUILDER_DIR . 'templates/sections/feeds-list.php';
|
25 |
+
?>
|
26 |
+
|
27 |
+
<div v-if="licenseType == 'free'" class="cff-fb-fs">
|
28 |
+
<?php
|
29 |
+
CustomFacebookFeed\CFF_View::render( 'sections.builder_footer_cta' );
|
30 |
+
?>
|
31 |
+
</div>
|
32 |
+
</div>
|
admin/builder/templates/sections/create-feed/featured-post.php
ADDED
@@ -0,0 +1,32 @@
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
1 |
+
<div class="cff-fb-section-wh cff-fb-sglelm-ctn" v-if="checkCreationFeedTypeChosen('featuredpost')">
|
2 |
+
<div class="cff-fb-section-wh-insd cff-fb-fs">
|
3 |
+
<div class="cff-fb-sec-heading cff-fb-fs cff-fb-sglelm-left">
|
4 |
+
<h4>{{addFeaturedPostScreen.mainHeading}}</h4>
|
5 |
+
<span class="sb-caption sb-lighter">{{addFeaturedPostScreen.description}}</span>
|
6 |
+
<div class="cff-fb-sglelm-inp-ctn cff-fb-fs">
|
7 |
+
<span class="cff-fb-wh-label cff-fb-fs sb-caption sb-lighter">{{addFeaturedPostScreen.URLorID}}</span>
|
8 |
+
<div class="cff-fb-fs">
|
9 |
+
<input type="text" class="cff-fb-wh-inp cff-fb-fs" placeholder="https://facebook.com/user/post/id" v-model="featuredPostFeedInfo.url">
|
10 |
+
<div class="cff-fb-sglelm-error-icon cff-fb-fs" v-if="featuredPostFeedInfo.isError">i</div>
|
11 |
+
<div class="cff-fb-sglelm-errormsg" v-if="featuredPostFeedInfo.isError" v-html="addFeaturedPostScreen.unable"></div>
|
12 |
+
</div>
|
13 |
+
</div>
|
14 |
+
</div>
|
15 |
+
<div class="cff-fb-sglelm-right">
|
16 |
+
<div class="cff-fb-sglelm-img-ctn cff-fb-sglelm-img-pf" v-if="!featuredPostFeedInfo.isError && !featuredPostFeedInfo.success">
|
17 |
+
<img src="<?php echo CFF_BUILDER_URL .'assets/img/process-featured-post.png' ?>">
|
18 |
+
<strong>{{addFeaturedPostScreen.preview}}</strong>
|
19 |
+
<span>{{addFeaturedPostScreen.previewDescription}}</span>
|
20 |
+
</div>
|
21 |
+
<div class="cff-fb-sglelm-img-ctn cff-fb-sglelm-img-errorctn" v-if="featuredPostFeedInfo.isError">
|
22 |
+
<img src="<?php echo CFF_BUILDER_URL .'assets/img/process-error-fetch.png' ?>">
|
23 |
+
<span class="cff-fb-fs">{{addFeaturedPostScreen.couldNotFetch}}</span>
|
24 |
+
</div>
|
25 |
+
<div class="cff-fb-sglelm-preview cff-fb-fs" v-if="!featuredPostFeedInfo.isError && featuredPostFeedInfo.success" :style="'background-image:url(' + (hasOwnNestedProperty(featuredPostFeedInfo, 'info.thumbnail') ? featuredPostFeedInfo.info.thumbnail : '') + ');'">
|
26 |
+
<div class="cff-fb-sglelm-prev-info cff-fb-fs">
|
27 |
+
<span v-if="hasOwnNestedProperty(featuredPostFeedInfo, 'info.description')">{{featuredPostFeedInfo.info.description}}</span>
|
28 |
+
</div>
|
29 |
+
</div>
|
30 |
+
</div>
|
31 |
+
</div>
|
32 |
+
</div>
|
admin/builder/templates/sections/create-feed/single-album.php
ADDED
@@ -0,0 +1,33 @@
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
1 |
+
<div class="cff-fb-section-wh cff-fb-sglelm-ctn" v-if="checkCreationFeedTypeChosen('singlealbum')">
|
2 |
+
<div class="cff-fb-section-wh-insd cff-fb-fs">
|
3 |
+
<div class="cff-fb-sec-heading cff-fb-fs cff-fb-sglelm-left">
|
4 |
+
<h4>{{addFeaturedAlbumScreen.mainHeading}}</h4>
|
5 |
+
<span>{{addFeaturedAlbumScreen.description}}</span>
|
6 |
+
<div class="cff-fb-sglelm-inp-ctn cff-fb-fs">
|
7 |
+
<span class="cff-fb-wh-label cff-fb-fs">{{addFeaturedAlbumScreen.URLorID}}</span>
|
8 |
+
<div class="cff-fb-fs">
|
9 |
+
<input type="text" class="cff-fb-wh-inp cff-fb-fs" placeholder="https://www.facebook.com/media/set/?vanity=username&set=a.1234567890123" v-model="singleAlbumFeedInfo.url">
|
10 |
+
<div class="cff-fb-sglelm-error-icon cff-fb-fs" v-if="singleAlbumFeedInfo.isError">i</div>
|
11 |
+
<div class="cff-fb-sglelm-errormsg" v-if="singleAlbumFeedInfo.isError" v-html="addFeaturedAlbumScreen.unable"></div>
|
12 |
+
</div>
|
13 |
+
</div>
|
14 |
+
</div>
|
15 |
+
<div class="cff-fb-sglelm-right">
|
16 |
+
<div class="cff-fb-sglelm-img-ctn" v-if="!singleAlbumFeedInfo.isError && !singleAlbumFeedInfo.success">
|
17 |
+
<img src="<?php echo CFF_BUILDER_URL .'assets/img/process-single-album.png' ?>">
|
18 |
+
<strong>{{addFeaturedAlbumScreen.preview}}</strong>
|
19 |
+
<span>{{addFeaturedAlbumScreen.previewDescription}}</span>
|
20 |
+
</div>
|
21 |
+
<div class="cff-fb-sglelm-img-ctn cff-fb-sglelm-img-errorctn" v-if="singleAlbumFeedInfo.isError">
|
22 |
+
<img src="<?php echo CFF_BUILDER_URL .'assets/img/process-error-fetch.png' ?>">
|
23 |
+
<span class="cff-fb-fs">{{addFeaturedAlbumScreen.couldNotFetch}}</span>
|
24 |
+
</div>
|
25 |
+
<div class="cff-fb-sglelm-preview cff-fb-fs" v-if="!singleAlbumFeedInfo.isError && singleAlbumFeedInfo.success" :style="'background-image:url(' + (hasOwnNestedProperty(singleAlbumFeedInfo, 'info.thumbnail') ? singleAlbumFeedInfo.info.thumbnail : '') + ');'">
|
26 |
+
<div class="cff-fb-sglelm-prev-info cff-fb-fs">
|
27 |
+
<strong v-if="hasOwnNestedProperty(singleAlbumFeedInfo, 'info.title')">{{singleAlbumFeedInfo.info.title}}</strong>
|
28 |
+
<span v-if="hasOwnNestedProperty(singleAlbumFeedInfo, 'info.description')">{{singleAlbumFeedInfo.info.description}}</span>
|
29 |
+
</div>
|
30 |
+
</div>
|
31 |
+
</div>
|
32 |
+
</div>
|
33 |
+
</div>
|
admin/builder/templates/sections/create-feed/videos.php
ADDED
@@ -0,0 +1,30 @@
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
1 |
+
<div class="cff-fb-section-wh cff-fb-sglelm-ctn cff-fb-section-videos" v-if="checkCreationFeedTypeChosen('videos')">
|
2 |
+
<div class="cff-fb-section-wh-insd cff-fb-fs">
|
3 |
+
<div class="cff-fb-sec-heading cff-fb-fs cff-fb-sglelm-left">
|
4 |
+
<h4>{{addVideosPostScreen.mainHeading}}</h4>
|
5 |
+
<span class="sb-caption sb-lighter">{{addVideosPostScreen.description}}</span>
|
6 |
+
</div>
|
7 |
+
</div>
|
8 |
+
<div class="cff-fb-videotype-chooser cff-fb-fs">
|
9 |
+
<div class="cff-fb-srcs-item" v-for="(videoType, videoTypeIndex) in addVideosPostScreen.sections" @click.prevent.default="changeVideoSource(videoType.id)" :data-active="videoType.id == videosTypeInfo.type">
|
10 |
+
<div class="cff-fb-srcs-item-chkbx">
|
11 |
+
<div class="cff-fb-srcs-item-chkbx-ic"></div>
|
12 |
+
</div>
|
13 |
+
<div class="cff-fb-srcs-item-inf">
|
14 |
+
<div class="cff-fb-srcs-item-name">
|
15 |
+
<span class="sb-small-p sb-bold" v-html="videoType.heading"></span>
|
16 |
+
</div>
|
17 |
+
<div class="cff-fb-srcs-item-description" v-html="videoType.description"></div>
|
18 |
+
</div>
|
19 |
+
</div>
|
20 |
+
</div>
|
21 |
+
<div class="cff-fb-section-wh-insd cff-fb-section-video-playlist cff-fb-fs" v-show="videosTypeInfo.type == 'playlist'">
|
22 |
+
<div class="cff-fb-sec-heading cff-fb-fs cff-fb-sglelm-left">
|
23 |
+
<strong>{{addVideosPostScreen.inputLabel}}</strong>
|
24 |
+
<input type="text" class="cff-fb-wh-inp cff-fb-fs" placeholder="https://" v-model="videosTypeInfo.playListUrl">
|
25 |
+
<span class="sb-caption sb-lighter">{{addVideosPostScreen.inputDescription}}</span>
|
26 |
+
<strong class="cff-fb-sglelm-errormsg" v-show="videosTypeInfo.playListUrlError">{{addVideosPostScreen.errorMessage}}</strong>
|
27 |
+
</div>
|
28 |
+
</div>
|
29 |
+
|
30 |
+
</div>
|
admin/builder/templates/sections/customizer/preview.php
ADDED
@@ -0,0 +1,51 @@
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
1 |
+
<div class="sb-customizer-preview" :data-preview-device="customizerScreens.previewScreen">
|
2 |
+
<?php
|
3 |
+
/**
|
4 |
+
* CFF Admin Notices
|
5 |
+
*
|
6 |
+
* @since 4.0
|
7 |
+
*/
|
8 |
+
do_action('cff_admin_notices');
|
9 |
+
?>
|
10 |
+
<div class="sb-preview-ctn sb-tr-2">
|
11 |
+
<div class="sb-preview-top-chooser cff-fb-fs">
|
12 |
+
<strong>{{genericText.preview}}</strong>
|
13 |
+
<div class="sb-preview-chooser">
|
14 |
+
<button class="sb-preview-chooser-btn" v-for="device in previewScreens" v-bind:class="'sb-' + device" v-html="svgIcons[device]" @click.prevent.default="switchCustomizerPreviewDevice(device)" :data-active="customizerScreens.previewScreen == device"></button>
|
15 |
+
</div>
|
16 |
+
</div>
|
17 |
+
|
18 |
+
<div class="cff-preview-ctn cff-fb-fs" :class="( !valueIsEnabled(customizerFeedData.settings.headeroutside) && !valueIsEnabled(customizerFeedData.settings.likeboxoutside) ) ? 'cff-feed-height' : ''" :data-preview-colorscheme="customizerFeedData.settings.colorpalette" :data-plugin="pluginType">
|
19 |
+
<?php
|
20 |
+
include_once CFF_BUILDER_DIR . 'templates/preview/error.php';
|
21 |
+
include_once CFF_BUILDER_DIR . 'templates/preview/header.php';
|
22 |
+
?>
|
23 |
+
<div class="cff-fb-fs" :class="( valueIsEnabled(customizerFeedData.settings.headeroutside) && !valueIsEnabled(customizerFeedData.settings.likeboxoutside) ) ? 'cff-feed-height' : ''" >
|
24 |
+
<div class="cff-fb-fs" :class="( valueIsEnabled(customizerFeedData.settings.headeroutside) && valueIsEnabled(customizerFeedData.settings.likeboxoutside) ) ? 'cff-feed-height' : ''" >
|
25 |
+
<?php
|
26 |
+
include_once CFF_BUILDER_DIR . 'templates/preview/timeline.php';
|
27 |
+
|
28 |
+
include_once CFF_BUILDER_DIR . 'templates/preview/post-types/photos.php';
|
29 |
+
include_once CFF_BUILDER_DIR . 'templates/preview/post-types/albums.php';
|
30 |
+
include_once CFF_BUILDER_DIR . 'templates/preview/post-types/videos.php';
|
31 |
+
include_once CFF_BUILDER_DIR . 'templates/preview/post-types/reviews.php';
|
32 |
+
include_once CFF_BUILDER_DIR . 'templates/preview/post-types/events.php';
|
33 |
+
include_once CFF_BUILDER_DIR . 'templates/preview/post-types/single-holder.php';
|
34 |
+
|
35 |
+
//include_once CFF_BUILDER_DIR . 'templates/preview/load-more.php';
|
36 |
+
?>
|
37 |
+
</div>
|
38 |
+
<?php
|
39 |
+
include_once CFF_BUILDER_DIR . 'templates/preview/like-box.php';
|
40 |
+
?>
|
41 |
+
</div>
|
42 |
+
|
43 |
+
<?php
|
44 |
+
include_once CFF_BUILDER_DIR . 'templates/preview/preview-components.php';
|
45 |
+
//include_once CFF_BUILDER_DIR . 'templates/preview/light-box.php';
|
46 |
+
?>
|
47 |
+
</div>
|
48 |
+
</div>
|
49 |
+
<cff-post-lightbox-component :single-post="lightBox.post" :light-box="lightBox" :customizer-feed-data="customizerFeedData" :translated-text="translatedText"></cff-post-lightbox-component>
|
50 |
+
<cff-post-dummy-lightbox-component :dummy-light-box-data="dummyLightBoxData" :light-box="lightBox" :customizer-feed-data="customizerFeedData" :translated-text="translatedText"></cff-post-dummy-lightbox-component>
|
51 |
+
</div>
|
admin/builder/templates/sections/customizer/sidebar.php
ADDED
@@ -0,0 +1,78 @@
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
1 |
+
<?php CustomFacebookFeed\Builder\CFF_Builder_Customizer::register_controls(); ?>
|
2 |
+
<div class="sb-customizer-sidebar" v-bind:class="{ 'sb-onboarding-highlight' : viewsActive.onboardingStep === 2 || viewsActive.onboardingStep === 3 }">
|
3 |
+
<div class="sb-customizer-sidebar-sec1 cff-fb-fs">
|
4 |
+
<div class="sb-customizer-sidebar-tab-ctn cff-fb-fs" v-if="customizerScreens.activeSection == null">
|
5 |
+
<div class="sb-customizer-sidebar-tab" v-for="tab in customizerSidebarBuilder" :data-active="customizerScreens.activeTab == tab.id" @click.prevent.default="switchCustomizerTab(tab.id)"><span class="sb-standard-p sb-bold">{{tab.heading}}</span></div>
|
6 |
+
</div>
|
7 |
+
|
8 |
+
<div class="sb-customizer-sidebar-sec-ctn cff-fb-fs" v-if="customizerScreens.activeSection == null">
|
9 |
+
<div v-for="(section, sectionId) in customizerSidebarBuilder[customizerScreens.activeTab].sections">
|
10 |
+
<div class="sb-customizer-sidebar-sec-el cff-fb-fs" v-if="!section.isHeader" @click.prevent.default="switchCustomizerSection(sectionId, section)">
|
11 |
+
<div class="sb-customizer-sidebar-sec-el-icon" v-html="svgIcons[section.icon]"></div>
|
12 |
+
<span class="sb-small-p sb-bold sb-dark-text">{{section.heading}}</span>
|
13 |
+
<div class="sb-customizer-chevron">
|
14 |
+
<svg width="6" height="8" viewBox="0 0 6 8" fill="none" xmlns="http://www.w3.org/2000/svg">
|
15 |
+
<path d="M1.66656 0L0.726562 0.94L3.7799 4L0.726562 7.06L1.66656 8L5.66656 4L1.66656 0Z" fill="#141B38"/>
|
16 |
+
</svg>
|
17 |
+
</div>
|
18 |
+
</div>
|
19 |
+
<div class="sb-customizer-sidebar-sec-elhead cff-fb-fs" v-if="section.isHeader">
|
20 |
+
{{section.heading}}
|
21 |
+
</div>
|
22 |
+
</div>
|
23 |
+
<div class="sb-customizer-sidebar-cache-wrapper cff-fb-fs">
|
24 |
+
<button class="sb-control-action-button sb-btn cff-fb-fs sb-btn-grey" v-if="customizerScreens.activeTab == 'settings'" @click.prevent.default="clearSingleFeedCache()">
|
25 |
+
<div v-html="svgIcons['update']"></div>
|
26 |
+
<span>{{genericText.clearFeedCache}}</span>
|
27 |
+
</button>
|
28 |
+
</div>
|
29 |
+
</div>
|
30 |
+
|
31 |
+
<div class="cff-fb-fs" v-if="customizerScreens.activeSection != null">
|
32 |
+
<div class="sb-customizer-sidebar-header cff-fb-fs" :data-separator="customizerScreens.activeSectionData.separator ? customizerScreens.activeSectionData.separator : ''">
|
33 |
+
<div class="sb-customizer-sidebar-breadcrumb cff-fb-fs">
|
34 |
+
<a @click.prevent.default="switchCustomizerTab(customizerScreens.activeTab)">
|
35 |
+
<svg width="6" height="8" viewBox="0 0 6 8" fill="none" xmlns="http://www.w3.org/2000/svg">
|
36 |
+
<path d="M5.27203 0.94L4.33203 0L0.332031 4L4.33203 8L5.27203 7.06L2.2187 4L5.27203 0.94Z" fill="#434960"/>
|
37 |
+
</svg>{{customizerScreens.activeTab}}
|
38 |
+
</a>
|
39 |
+
<a v-if="customizerScreens.parentActiveSection != null" @click.prevent.default="switchCustomizerSection(customizerScreens.parentActiveSection, customizerScreens.parentActiveSectionData)" class="cff-child-breadcrumb">
|
40 |
+
<svg width="6" height="8" viewBox="0 0 6 8" fill="none" xmlns="http://www.w3.org/2000/svg">
|
41 |
+
<path d="M5.27203 0.94L4.33203 0L0.332031 4L4.33203 8L5.27203 7.06L2.2187 4L5.27203 0.94Z" fill="#434960"/>
|
42 |
+
</svg>{{customizerScreens.parentActiveSectionData.heading}}
|
43 |
+
</a>
|
44 |
+
<a v-if="customizerScreens.parentActiveSection == 'customize_posts' && nestedStylingSection.includes(customizerScreens.activeSection)" @click.prevent.default="backToPostElements()" class="cff-child-breadcrumb">
|
45 |
+
<svg width="6" height="8" viewBox="0 0 6 8" fill="none" xmlns="http://www.w3.org/2000/svg">
|
46 |
+
<path d="M5.27203 0.94L4.33203 0L0.332031 4L4.33203 8L5.27203 7.06L2.2187 4L5.27203 0.94Z" fill="#434960"/>
|
47 |
+
</svg>Elements
|
48 |
+
</a>
|
49 |
+
</div>
|
50 |
+
<h3>{{customizerScreens.activeSectionData.heading}} <span v-if="customizerScreens.activeSectionData.proLabel != undefined && customizerScreens.activeSectionData.proLabel" class="sb-breadcrumb-pro-label">PRO</span></h3>
|
51 |
+
<span>
|
52 |
+
<span v-html="customizerScreens.activeSectionData.description "></span> <a v-if="customizerScreens.activeSectionData.checkExtensionPopup != undefined" @click.prevent.default="viewsActive.extensionsPopupElement = customizerScreens.activeSectionData.checkExtensionPopup">{{genericText.learnMore}}</a>
|
53 |
+
</span>
|
54 |
+
</div>
|
55 |
+
<div class="sb-customizer-sidebar-controls-ctn cff-fb-fs">
|
56 |
+
<div class="sb-customizer-sidebar-sec-el cff-fb-fs" v-if="customizerScreens.activeSectionData.nested_sections && ((nesetdSection.condition != undefined ? checkControlCondition(nesetdSection.condition) : false) || (nesetdSection.condition == undefined ))" v-for="(nesetdSection, nesetdSectionId) in customizerScreens.activeSectionData.nested_sections" @click.prevent.default="switchCustomizerSection(nesetdSectionId, nesetdSection, true)">
|
57 |
+
<div class="sb-customizer-sidebar-sec-el-icon" v-html="svgIcons[nesetdSection.icon]"></div>
|
58 |
+
<strong>{{nesetdSection.heading}}</strong>
|
59 |
+
<div class="sb-customizer-chevron">
|
60 |
+
<svg width="6" height="8" viewBox="0 0 6 8" fill="none" xmlns="http://www.w3.org/2000/svg">
|
61 |
+
<path d="M1.66656 0L0.726562 0.94L3.7799 4L0.726562 7.06L1.66656 8L5.66656 4L1.66656 0Z" fill="#141B38"/>
|
62 |
+
</svg>
|
63 |
+
</div>
|
64 |
+
</div>
|
65 |
+
<div class="sb-control-ctn cff-fb-fs" v-for="(control, ctlIndex) in customizerScreens.activeSectionData.controls">
|
66 |
+
<?php CustomFacebookFeed\Builder\CFF_Builder_Customizer::get_controls_templates('settings'); ?>
|
67 |
+
</div>
|
68 |
+
</div>
|
69 |
+
</div>
|
70 |
+
|
71 |
+
|
72 |
+
</div>
|
73 |
+
|
74 |
+
</div>
|
75 |
+
|
76 |
+
<?php
|
77 |
+
|
78 |
+
#CustomFacebookFeed\Builder\CFF_Builder_Customizer::get_controls_templates();
|
admin/builder/templates/sections/customizer/sidebar_sample.html
ADDED
@@ -0,0 +1,109 @@
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
1 |
+
|
2 |
+
|
3 |
+
<div class="sb-customizer-sidebar-sec-el cff-fb-fs">
|
4 |
+
<div class="sb-customizer-sidebar-sec-el-icon" v-html="svgIcons['users']"></div>
|
5 |
+
<strong>Slim Shady</strong>
|
6 |
+
</div>
|
7 |
+
<div class="sb-customizer-sidebar-sec-elhead cff-fb-fs">
|
8 |
+
Slim Shady
|
9 |
+
</div>
|
10 |
+
|
11 |
+
<!--SIDEBAR ELEMENTS & CONTROLS -->
|
12 |
+
|
13 |
+
<!--Fields-->
|
14 |
+
<div class="sb-control-elem-ctn cff-fb-fs" data-layout="block" data-type="" data-reverse="false">
|
15 |
+
<div class="sb-control-elem-label">
|
16 |
+
<div class="sb-control-elem-label-title cff-fb-fs">
|
17 |
+
<div class="sb-control-elem-icon" v-html="svgIcons['users']"></div>
|
18 |
+
<div class="sb-control-elem-heading">Background</div>
|
19 |
+
<div class="sb-control-elem-tltp">
|
20 |
+
<div class="sb-control-elem-tltp-icon" v-html="svgIcons['info']"></div>
|
21 |
+
</div>
|
22 |
+
</div>
|
23 |
+
<div class="sb-control-elem-description">for the real slim shady please stand up</div>
|
24 |
+
</div>
|
25 |
+
<div class="sb-control-elem-output">
|
26 |
+
<!--SWITCHER-->
|
27 |
+
<!--
|
28 |
+
<div class="sb-control-switcher-ctn" data-active="true">
|
29 |
+
<div class="sb-control-switcher sb-tr-2"></div>
|
30 |
+
<div class="sb-control-label" data-title="false">Enable</div>
|
31 |
+
</div>
|
32 |
+
-->
|
33 |
+
|
34 |
+
<!--TOGGLE SINGLE-->
|
35 |
+
<!--
|
36 |
+
<div class="sb-control-toggle-ctn cff-fb-fs">
|
37 |
+
<div class="sb-control-toggle-elm cff-fb-fs sb-tr-2" data-active="intrue">
|
38 |
+
<div class="sb-control-toggle-deco sb-tr-1"></div>
|
39 |
+
<div class="sb-control-toggle-icon" v-html="svgIcons['users']"></div>
|
40 |
+
<div class="sb-control-label">Slim Shady</div>
|
41 |
+
</div>
|
42 |
+
</div>
|
43 |
+
-->
|
44 |
+
|
45 |
+
<!--TOGGLE SET-->
|
46 |
+
<!--
|
47 |
+
<div class="sb-control-toggle-set-ctn cff-fb-fs">
|
48 |
+
<div class="sb-control-toggle-elm cff-fb-fs sb-tr-2" data-active="intrue">
|
49 |
+
<div class="sb-control-toggle-deco sb-tr-1"></div>
|
50 |
+
<div class="sb-control-toggle-icon" v-html="svgIcons['users']"></div>
|
51 |
+
<div class="sb-control-label">Slim Shady</div>
|
52 |
+
</div>
|
53 |
+
<div class="sb-control-toggle-elm cff-fb-fs sb-tr-2" data-active="true">
|
54 |
+
<div class="sb-control-toggle-deco sb-tr-1"></div>
|
55 |
+
<div class="sb-control-toggle-icon" v-html="svgIcons['users']"></div>
|
56 |
+
<div class="sb-control-label">Slim Shady</div>
|
57 |
+
</div>
|
58 |
+
<div class="sb-control-toggle-elm cff-fb-fs sb-tr-2" data-active="intrue">
|
59 |
+
<div class="sb-control-toggle-deco sb-tr-1"></div>
|
60 |
+
<div class="sb-control-toggle-icon" v-html="svgIcons['users']"></div>
|
61 |
+
<div class="sb-control-label">Slim Shady</div>
|
62 |
+
</div>
|
63 |
+
</div>
|
64 |
+
-->
|
65 |
+
|
66 |
+
<!--INPUT-->
|
67 |
+
<!--
|
68 |
+
<div class="sb-control-input-ctn cff-fb-fs">
|
69 |
+
<input type="text" class="sb-control-input cff-fb-fs">
|
70 |
+
<div class="sb-control-input-info">Slim Sahdy</div>
|
71 |
+
</div>
|
72 |
+
-->
|
73 |
+
|
74 |
+
<!--SELECT-->
|
75 |
+
<!--
|
76 |
+
<div class="sb-control-input-ctn cff-fb-fs">
|
77 |
+
<select class="sb-control-input cff-fb-fs">
|
78 |
+
<option>Slim Shady 1</option>
|
79 |
+
<option>Slim Shady 2</option>
|
80 |
+
<option>Slim Shady 3</option>
|
81 |
+
</select>
|
82 |
+
</div>
|
83 |
+
-->
|
84 |
+
|
85 |
+
<!--DATE PICKER-->
|
86 |
+
<!--
|
87 |
+
<div class="sb-control-input-ctn cff-fb-fs">
|
88 |
+
<input type="date" class="sb-control-input cff-fb-fs">
|
89 |
+
</div>
|
90 |
+
-->
|
91 |
+
|
92 |
+
<!--Check Box-->
|
93 |
+
<!--
|
94 |
+
<div class="sb-control-checkbox-ctn cff-fb-fs">
|
95 |
+
<div class="sb-control-checkbox" data-active="true"></div>
|
96 |
+
<div class="sb-control-label">Slim Shady</div>
|
97 |
+
</div>
|
98 |
+
-->
|
99 |
+
|
100 |
+
<!--Action Button-->
|
101 |
+
<!--
|
102 |
+
<button class="sb-control-action-button sb-btn cff-fb-fs">
|
103 |
+
<div v-html="svgIcons['edit']"></div>
|
104 |
+
<span>Change</span>
|
105 |
+
</button>
|
106 |
+
-->
|
107 |
+
|
108 |
+
</div>
|
109 |
+
</div>
|
admin/builder/templates/sections/empty-state.php
ADDED
@@ -0,0 +1,50 @@
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
1 |
+
<div class="cff-empty-state cff-fb-fs" v-if="(feedsList == null || feedsList.length == 0 ) && (legacyFeedsList == null || legacyFeedsList.length == 0)">
|
2 |
+
<div class="cff-fb-wlcm-content cff-fb-fs">
|
3 |
+
<div class="cff-fb-wlcm-inf-1 cff-fb-fs">
|
4 |
+
<div class="cff-fb-inf-svg">
|
5 |
+
<svg class="sb-head" width="13" height="7" viewBox="0 0 13 7" fill="none" xmlns="http://www.w3.org/2000/svg">
|
6 |
+
<path d="M1 6L5.5 1L11.5 6" stroke="#141B38" stroke-width="2" stroke-linejoin="round"/>
|
7 |
+
</svg>
|
8 |
+
|
9 |
+
<svg class="sb-shaft" width="85" height="62" viewBox="0 0 85 62" fill="none" xmlns="http://www.w3.org/2000/svg">
|
10 |
+
<path d="M84.5 59C63.5 66 4.5 54 1.5 0.5" stroke="#141B38" stroke-width="2" stroke-linejoin="round"/>
|
11 |
+
</svg>
|
12 |
+
</div>
|
13 |
+
<div class="cff-fb-inf-cnt">
|
14 |
+
<div class="cff-fb-inf-num"><span>1</span></div>
|
15 |
+
<div class="cff-fb-inf-txt">
|
16 |
+
<h4>{{welcomeScreen.createFeed}}</h4>
|
17 |
+
<p class="sb-small-p">{{welcomeScreen.createFeedDescription}}</p>
|
18 |
+
</div>
|
19 |
+
</div>
|
20 |
+
</div>
|
21 |
+
|
22 |
+
<div class="cff-fb-wlcm-inf-2 cff-fb-fs">
|
23 |
+
<div class="cff-fb-inf-cnt">
|
24 |
+
<div class="cff-fb-inf-num"><span>2</span></div>
|
25 |
+
<div class="cff-fb-inf-txt">
|
26 |
+
<h4>{{welcomeScreen.customizeFeed}}</h4>
|
27 |
+
<p class="sb-small-p">{{welcomeScreen.customizeFeedDescription}}</p>
|
28 |
+
</div>
|
29 |
+
<div class="cff-fb-inf-img">
|
30 |
+
<img src="<?php echo CFF_BUILDER_URL .'assets/img/welcome-1.png' ?>">
|
31 |
+
</div>
|
32 |
+
</div>
|
33 |
+
</div>
|
34 |
+
|
35 |
+
<div class="cff-fb-wlcm-inf-3 cff-fb-fs">
|
36 |
+
<div class="cff-fb-inf-cnt">
|
37 |
+
<div class="cff-fb-inf-img">
|
38 |
+
<img src="<?php echo CFF_BUILDER_URL .'assets/img/welcome-2.png' ?>">
|
39 |
+
</div>
|
40 |
+
<div class="cff-fb-inf-num"><span>3</span></div>
|
41 |
+
<div class="cff-fb-inf-txt">
|
42 |
+
<h4>{{welcomeScreen.embedFeed}}</h4>
|
43 |
+
<p class="sb-small-p">{{welcomeScreen.embedFeedDescription}}</p>
|
44 |
+
</div>
|
45 |
+
</div>
|
46 |
+
</div>
|
47 |
+
|
48 |
+
|
49 |
+
</div>
|
50 |
+
</div>
|
admin/builder/templates/sections/feeds-list.php
ADDED
@@ -0,0 +1,8 @@
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
1 |
+
<div class="cff-feeds-list cff-fb-fs" v-if="(feedsList != null && feedsList.length > 0 ) || (legacyFeedsList != null && legacyFeedsList.length > 0)">
|
2 |
+
<?php
|
3 |
+
include_once CFF_BUILDER_DIR . 'templates/sections/feeds/legacy-feeds.php';
|
4 |
+
include_once CFF_BUILDER_DIR . 'templates/sections/feeds/feeds.php';
|
5 |
+
?>
|
6 |
+
</div>
|
7 |
+
<?php
|
8 |
+
include_once CFF_BUILDER_DIR . 'templates/sections/feeds/instances.php';
|
admin/builder/templates/sections/feeds-type.php
ADDED
@@ -0,0 +1,37 @@
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
1 |
+
<div class="cff-fb-types-ctn cff-fb-fs sb-box-shadow" v-if="viewsActive.selectedFeedSection == 'feedsType'">
|
2 |
+
<div class="cff-fb-types cff-fb-fs">
|
3 |
+
<h4>{{selectFeedTypeScreen.feedTypeHeading}}</h4>
|
4 |
+
<div class="cff-fb-types-list cff-fb-types-list-free">
|
5 |
+
<div class="cff-fb-type-el" v-for="(feedTypeEl, feedTypeIn) in feedTypes" :data-active="selectedFeed === feedTypeEl.type" @click.prevent.default="chooseFeedType('normal', feedTypeEl)">
|
6 |
+
<div class="cff-fb-type-el-img cff-fb-fs" v-html="svgIcons[feedTypeEl.icon]"></div>
|
7 |
+
<div class="cff-fb-type-el-info cff-fb-fs">
|
8 |
+
<p class="sb-small-p sb-bold sb-dark-text">{{feedTypeEl.title}}</p>
|
9 |
+
<span class="sb-caption sb-lightest">{{feedTypeEl.description}}</span>
|
10 |
+
</div>
|
11 |
+
</div>
|
12 |
+
|
13 |
+
</div>
|
14 |
+
</div>
|
15 |
+
<div class="cff-fb-adv-types cff-fb-fs">
|
16 |
+
<h4>{{selectFeedTypeScreen.advancedHeading}}<span class="sb-breadcrumb-pro-label">PRO</span></h4>
|
17 |
+
<div class="cff-fb-types-list cff-fb-types-list-pro cff-fb-fs">
|
18 |
+
<div class="cff-fb-type-el-pro" v-for="(advFeedTypeEl, advFeedTypeIn) in advancedFeedTypes" @click.prevent.default="chooseFeedType('advanced', advFeedTypeEl)">
|
19 |
+
<div class="cff-fb-type-el-pro-img" v-html="svgIcons[advFeedTypeEl.icon +'Free']"></div>
|
20 |
+
<span>{{advFeedTypeEl.title}}</span>
|
21 |
+
</div>
|
22 |
+
<!--
|
23 |
+
<div class="cff-fb-type-el" v-for="(advFeedTypeEl, advFeedTypeIn) in advancedFeedTypes" :data-active="selectedFeed === advFeedTypeEl.type" @click.prevent.default="chooseFeedType('advanced', advFeedTypeEl)">
|
24 |
+
<div class="cff-fb-type-el-img cff-fb-fs" v-html="svgIcons[advFeedTypeEl.icon]"></div>
|
25 |
+
<div class="cff-fb-type-el-info cff-fb-fs">
|
26 |
+
<p class="sb-small-p sb-bold sb-dark-text">{{advFeedTypeEl.title}}<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
|
27 |
+
<path d="M7.75321 13.7934L6.66654 11.2401C7.71321 10.8534 8.69321 10.3334 9.59988 9.72677L7.75321 13.7934ZM2.75988 7.33344L0.206543 6.24677L4.27321 4.4001C3.66654 5.30677 3.14654 6.28677 2.75988 7.33344ZM13.4065 0.593436C13.4065 0.593436 10.1065 -0.820564 6.33321 2.95344C4.87321 4.41344 3.99988 6.0201 3.43321 7.42677C3.24654 7.92677 3.37321 8.47344 3.73988 8.84677L5.15988 10.2601C5.52654 10.6334 6.07321 10.7534 6.57321 10.5668C8.25224 9.92657 9.77676 8.93825 11.0465 7.66677C14.8199 3.89344 13.4065 0.593436 13.4065 0.593436ZM8.69321 5.30677C8.17321 4.78677 8.17321 3.9401 8.69321 3.4201C9.21321 2.9001 10.0599 2.9001 10.5799 3.4201C11.0932 3.9401 11.0999 4.78677 10.5799 5.30677C10.0599 5.82677 9.21321 5.82677 8.69321 5.30677ZM3.82667 13.0001L5.58654 11.2401C5.35988 11.1801 5.13988 11.0801 4.93988 10.9401L2.88667 13.0001H3.82667ZM1 13.0001H1.94L4.45321 10.4934L3.50654 9.55344L1 12.0601V13.0001ZM1 11.1134L3.05988 9.0601C2.91988 8.8601 2.81988 8.64677 2.75988 8.41344L1 10.1734V11.1134Z" fill="#E34F0E"/>
|
28 |
+
</svg>
|
29 |
+
</p>
|
30 |
+
<span class="sb-caption sb-lightest">{{advFeedTypeEl.description}}</span>
|
31 |
+
</div>
|
32 |
+
</div>
|
33 |
+
-->
|
34 |
+
|
35 |
+
</div>
|
36 |
+
</div>
|
37 |
+
</div>
|
admin/builder/templates/sections/feeds/feeds.php
ADDED
@@ -0,0 +1,104 @@
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
1 |
+
<div class="cff-fd-lst-bigctn cff-fb-fs" v-if="feedsList != null && feedsList.length > 0">
|
2 |
+
|
3 |
+
<div class="cff-fd-lst-bulk-ctn cff-fb-fs">
|
4 |
+
<select class="cff-fd-lst-bulk-select cff-fb-select sb-caption" v-model="selectedBulkAction">
|
5 |
+
<option value="false">{{allFeedsScreen.bulkActions}}</option>
|
6 |
+
<option value="delete">{{genericText.delete}}</option>
|
7 |
+
</select>
|
8 |
+
<button class="cff-fd-lst-bulk-btn cff-btn-grey sb-button-small sb-button" @click.prevent.default="bulkActionClick()">{{genericText.apply}}</button>
|
9 |
+
<div class="cff-fd-lst-pagination-ctn" v-if="feedPagination.feedsCount != null && feedPagination.feedsCount > 0">
|
10 |
+
<span class="cff-fd-lst-count sb-caption">{{feedPagination.feedsCount +' '+ (feedPagination.feedsCount > 1 ? genericText.items : genericText.item)}}</span>
|
11 |
+
<div class="cff-fd-lst-pagination" v-if="feedPagination.pagesNumber != null && feedPagination.pagesNumber > 1">
|
12 |
+
<button class="cff-fd-lst-pgnt-btn cff-fd-pgnt-prev sb-btn-grey" :data-active="feedPagination.currentPage == 1 ? 'false' : 'true'" :disabled="feedPagination.currentPage == 1" @click.prevent.default="feedListPagination('prev')"><</button>
|
13 |
+
<span class="cff-fd-lst-pgnt-info">
|
14 |
+
{{feedPagination.currentPage}} of {{feedPagination.pagesNumber}}
|
15 |
+
</span>
|
16 |
+
<button class="cff-fd-lst-pgnt-btn cff-fd-pgnt-next sb-btn-grey" :data-active="feedPagination.currentPage == feedPagination.pagesNumber ? 'false' : 'true'" :disabled="feedPagination.currentPage == feedPagination.pagesNumber" @click.prevent.default="feedListPagination('next')">></button>
|
17 |
+
</div>
|
18 |
+
</div>
|
19 |
+
</div>
|
20 |
+
<div class="cff-table-wrap" v-bind:class="{ 'sb-onboarding-highlight' : viewsActive.onboardingStep === 2 && allFeedsScreen.onboarding.type === 'single' }">
|
21 |
+
<table>
|
22 |
+
<thead class="cff-fd-lst-thtf cff-fd-lst-thead">
|
23 |
+
<tr>
|
24 |
+
<th>
|
25 |
+
<div class="cff-fd-lst-chkbx" @click.prevent.default="selectAllFeedCheckBox()" :data-active="checkAllFeedsActive()"></div>
|
26 |
+
</th>
|
27 |
+
<th>
|
28 |
+
<span class="sb-caption sb-lighter">{{allFeedsScreen.columns.nameText}}</span>
|
29 |
+
</th>
|
30 |
+
<th>
|
31 |
+
<span class="sb-caption sb-lighter">{{allFeedsScreen.columns.shortcodeText}}</span>
|
32 |
+
</th>
|
33 |
+
<th>
|
34 |
+
<span class="sb-caption sb-lighter">{{allFeedsScreen.columns.instancesText}}</span>
|
35 |
+
</th>
|
36 |
+
<th class="cff-fd-lst-act-th">
|
37 |
+
<span class="sb-caption sb-lighter">{{allFeedsScreen.columns.actionsText}}</span>
|
38 |
+
</th>
|
39 |
+
</tr>
|
40 |
+
</thead>
|
41 |
+
<tbody class="cff-fd-lst-tbody">
|
42 |
+
<tr v-for="(feed, feedIndex) in feedsList">
|
43 |
+
<td>
|
44 |
+
<div class="cff-fd-lst-chkbx" @click.prevent.default="selectFeedCheckBox(feed.id)" :data-active="feedsSelected.includes(feed.id)"></div>
|
45 |
+
</td>
|
46 |
+
<td>
|
47 |
+
<a :href="builderUrl+'&feed_id='+feed.id" class="cff-fd-lst-name sb-small-p sb-bold">{{feed.feed_name}}</a>
|
48 |
+
<span class="cff-fd-lst-type sb-caption sb-lighter">{{feed.settings.feedtype}}</span>
|
49 |
+
</td>
|
50 |
+
<td>
|
51 |
+
<div class="sb-flex-center">
|
52 |
+
<span class="cff-fd-lst-shortcode sb-caption sb-lighter">[custom-facebook-feed feed={{feed.id}}]</span>
|
53 |
+
<div class="cff-fd-lst-shortcode-cp cff-fd-lst-btn cff-fb-tltp-parent" @click.prevent.default="copyToClipBoard('[custom-facebook-feed feed='+feed.id+']')">
|
54 |
+
<div class="cff-fb-tltp-elem"><span>{{(genericText.copy +' '+ genericText.shortcode).replace(/ /g," ")}}</span></div>
|
55 |
+
<div v-html="svgIcons['copy']"></div>
|
56 |
+
</div>
|
57 |
+
</div>
|
58 |
+
</td>
|
59 |
+
<td class="sb-caption sb-lighter">
|
60 |
+
<div class="sb-instances-cell">
|
61 |
+
<span>{{genericText.usedIn}} <span class="cff-fb-view-instances cff-fb-tltp-parent" :data-active="feed.instance_count < 1 ? 'false' : 'true'" @click.prevent.default="feed.instance_count > 0 ? viewFeedInstances(feed) : checkAllFeedsActive()">{{feed.instance_count + ' ' + (feed.instance_count !== 1 ? genericText.places : genericText.place)}} <div class="cff-fb-tltp-elem" v-if="feed.instance_count > 0"><span>{{genericText.clickViewInstances.replace(/ /g," ")}}</span></div></span></span>
|
62 |
+
</div>
|
63 |
+
</td>
|
64 |
+
<td class="cff-fd-lst-actions">
|
65 |
+
<div class="sb-flex-center">
|
66 |
+
<a class="cff-fd-lst-btn cff-fb-tltp-parent":href="builderUrl+'&feed_id='+feed.id">
|
67 |
+
<div class="cff-fb-tltp-elem"><span>{{genericText.edit.replace(/ /g," ")}}</span></div>
|
68 |
+
<div v-html="svgIcons['edit']"></div>
|
69 |
+
</a>
|
70 |
+
<button class="cff-fd-lst-btn cff-fb-tltp-parent" @click.prevent.default="feedActionDuplicate(feed)">
|
71 |
+
<div class="cff-fb-tltp-elem"><span>{{genericText.duplicate.replace(/ /g," ")}}</span></div>
|
72 |
+
<div v-html="svgIcons['duplicate']"></div>
|
73 |
+
</button>
|
74 |
+
<button class="cff-fd-lst-btn cff-fd-lst-btn-delete cff-fb-tltp-parent" @click.prevent.default="openDialogBox('deleteSingleFeed', feed)">
|
75 |
+
<div class="cff-fb-tltp-elem"><span>{{genericText.delete.replace(/ /g," ")}}</span></div>
|
76 |
+
<div v-html="svgIcons['delete']"></div>
|
77 |
+
</button>
|
78 |
+
</div>
|
79 |
+
</td>
|
80 |
+
|
81 |
+
</tr>
|
82 |
+
</tbody>
|
83 |
+
<tfoot class="cff-fd-lst-thtf cff-fd-lst-tfoot">
|
84 |
+
<tr>
|
85 |
+
<td>
|
86 |
+
<div class="cff-fd-lst-chkbx" @click.prevent.default="selectAllFeedCheckBox()" :data-active="checkAllFeedsActive()"></div>
|
87 |
+
</td>
|
88 |
+
<td>
|
89 |
+
<span>{{allFeedsScreen.columns.nameText}}</span>
|
90 |
+
</td>
|
91 |
+
<td>
|
92 |
+
<span>{{allFeedsScreen.columns.shortcodeText}}</span>
|
93 |
+
</td>
|
94 |
+
<td>
|
95 |
+
<span>{{allFeedsScreen.columns.instancesText}}</span>
|
96 |
+
</td>
|
97 |
+
<td>
|
98 |
+
<span>{{allFeedsScreen.columns.actionsText}}</span>
|
99 |
+
</td>
|
100 |
+
</tr>
|
101 |
+
</tfoot>
|
102 |
+
</table>
|
103 |
+
</div>
|
104 |
+
</div>
|
admin/builder/templates/sections/feeds/instances.php
ADDED
@@ -0,0 +1,68 @@
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
1 |
+
<div class="sb-fs-boss cff-fb-center-boss" v-if="viewsActive.instanceFeedActive != null && (checkObjectArrayElement(feedsList, viewsActive.instanceFeedActive, 'id') || checkObjectArrayElement(legacyFeedsList, viewsActive.instanceFeedActive, 'feed_id'))">
|
2 |
+
<div class="cff-fb-popup-inside cff-fb-popup-feedinst">
|
3 |
+
<div class="cff-fb-popup-cls" @click.prevent.default="switchScreen('instanceFeedActive', null)"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
|
4 |
+
<path d="M14 1.41L12.59 0L7 5.59L1.41 0L0 1.41L5.59 7L0 12.59L1.41 14L7 8.41L12.59 14L14 12.59L8.41 7L14 1.41Z" fill="#141B38"/>
|
5 |
+
</svg>
|
6 |
+
</div>
|
7 |
+
<div class="cff-fb-source-top cff-fb-fs">
|
8 |
+
<h3>{{viewsActive.instanceFeedActive.feed_name}}</h3>
|
9 |
+
<div class="cff-fb-fdinst-type sb-small">TimeLine</div>
|
10 |
+
</div>
|
11 |
+
<div class="cff-fb-inst-tbl-ctn cff-fb-fs">
|
12 |
+
<table>
|
13 |
+
<thead class="cff-fd-lst-thtf cff-fd-lst-thead">
|
14 |
+
<tr>
|
15 |
+
<th>
|
16 |
+
<span class="sb-caption sb-lighter">{{genericText.page}}</span>
|
17 |
+
</th>
|
18 |
+
<th>
|
19 |
+
<span class="sb-caption sb-lighter">{{genericText.location}}</span>
|
20 |
+
</th>
|
21 |
+
<th>
|
22 |
+
<span class="sb-caption sb-lighter">{{allFeedsScreen.columns.shortcodeText}}</span>
|
23 |
+
</th>
|
24 |
+
<th></th>
|
25 |
+
</tr>
|
26 |
+
</thead>
|
27 |
+
<tbody class="cff-fd-lst-tbody">
|
28 |
+
<tr v-for="(instance, instanceIndex) in viewsActive.instanceFeedActive.location_summary">
|
29 |
+
<td><a :href="instance.link" class="cff-fd-lst-name sb-small-p sb-bold">{{instance.page_text}}</a></td>
|
30 |
+
<td><span class="cff-fd-lst-shortcode sb-caption sb-lighter">{{instance.html_location}}</span></td>
|
31 |
+
<td>
|
32 |
+
<div class="cff-fb-inst-tbl-shrtc">
|
33 |
+
<div class="sb-flex-center">
|
34 |
+
<span class="cff-fd-lst-shortcode sb-caption sb-lighter">{{instance.shortcode}}</span>
|
35 |
+
<div class="cff-fd-lst-shortcode-cp cff-fd-lst-btn cff-fb-tltp-parent">
|
36 |
+
<div class="cff-fb-tltp-elem"><span>{{(genericText.copy +' '+ genericText.shortcode).replace(/ /g," ")}}</span></div>
|
37 |
+
<div v-html="svgIcons['copy']" @click.prevent.default="copyToClipBoard(instance.shortcode)"></div>
|
38 |
+
</div>
|
39 |
+
</div>
|
40 |
+
</div>
|
41 |
+
</td>
|
42 |
+
<td>
|
43 |
+
<a :href="instance.link" class="cff-fd-lst-btn sb-button-no-border sb-icon-small sb-dark-hover">
|
44 |
+
<svg width="7" height="10" viewBox="0 0 7 10" fill="none" xmlns="http://www.w3.org/2000/svg">
|
45 |
+
<path d="M1.3332 0L0.158203 1.175L3.97487 5L0.158203 8.825L1.3332 10L6.3332 5L1.3332 0Z" fill="#8C8F9A"/>
|
46 |
+
</svg>
|
47 |
+
</a>
|
48 |
+
</td>
|
49 |
+
</tr>
|
50 |
+
</tbody>
|
51 |
+
<tfoot class="cff-fd-lst-thtf cff-fd-lst-tfoot">
|
52 |
+
<tr>
|
53 |
+
<td>
|
54 |
+
<span>{{genericText.page}}</span>
|
55 |
+
</td>
|
56 |
+
<td>
|
57 |
+
<span>{{genericText.location}}</span>
|
58 |
+
</td>
|
59 |
+
<td>
|
60 |
+
<span>{{allFeedsScreen.columns.shortcodeText}}</span>
|
61 |
+
</td>
|
62 |
+
<td></td>
|
63 |
+
</tr>
|
64 |
+
</tfoot>
|
65 |
+
</table>
|
66 |
+
</div>
|
67 |
+
</div>
|
68 |
+
</div>
|
admin/builder/templates/sections/feeds/legacy-feeds.php
ADDED
@@ -0,0 +1,138 @@
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
1 |
+
<div class="cff-fb-legacy-ctn cff-fb-fs" v-if="legacyFeedsList != null && legacyFeedsList.length > 0">
|
2 |
+
<div class="cff-fb-lgc-top-new cff-fb-fs" v-if="allFeedsScreen.onboarding.active">
|
3 |
+
<div class="cff-fb-lgc-gr">{{genericText.new}}</div> {{allFeedsScreen.onboarding.getStarted}}
|
4 |
+
</div>
|
5 |
+
<div class="cff-fb-lgc-ctn cff-fb-fs" v-bind:class="{ 'sb-onboarding-highlight' : viewsActive.onboardingStep === 2 && allFeedsScreen.onboarding.type === 'multiple' }">
|
6 |
+
<div class="cff-fb-lgc-inf-ctn cff-fb-fs">
|
7 |
+
<h4>{{allFeedsScreen.legacyFeeds.heading}}</h4>
|
8 |
+
<div class="cff-fb-onbrd-tltp-parent" @click.prevent.default="openTooltipBig(this)">
|
9 |
+
<div class="cff-fb-onbrd-infotxt sb-caption sb-lighter">{{allFeedsScreen.legacyFeeds.toolTip}}<div v-html="svgIcons['information']"></div></div>
|
10 |
+
<div class="cff-fb-onbrd-tltp-elem" :data-active="viewsActive.enabledToolTip == this">
|
11 |
+
<div class="cff-fb-popup-cls" @click.prevent.default="closeTooltipBig()">
|
12 |
+
<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
|
13 |
+
<path d="M11.8346 1.34175L10.6596 0.166748L6.0013 4.82508L1.34297 0.166748L0.167969 1.34175L4.8263 6.00008L0.167969 10.6584L1.34297 11.8334L6.0013 7.17508L10.6596 11.8334L11.8346 10.6584L7.1763 6.00008L11.8346 1.34175Z" fill="#141B38"/>
|
14 |
+
</svg>
|
15 |
+
</div>
|
16 |
+
<div class="cff-fb-onbrd-tltp-txt sb-small-p sb-lighter" v-for="legFeedTltp in allFeedsScreen.legacyFeeds.toolTipExpanded" v-html="legFeedTltp">
|
17 |
+
<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
|
18 |
+
<path d="M14 1.41L12.59 0L7 5.59L1.41 0L0 1.41L5.59 7L0 12.59L1.41 14L7 8.41L12.59 14L14 12.59L8.41 7L14 1.41Z" fill="#141B38"/>
|
19 |
+
</svg>
|
20 |
+
</div>
|
21 |
+
<div class="sb-pointer">
|
22 |
+
<svg width="21" height="11" viewBox="0 0 21 11" fill="none" xmlns="http://www.w3.org/2000/svg">
|
23 |
+
<path d="M8.59642 0.811655C9.39546 -0.135356 10.8545 -0.135357 11.6536 0.811654L20.25 11H0L8.59642 0.811655Z" fill="white"/>
|
24 |
+
</svg>
|
25 |
+
</div>
|
26 |
+
</div>
|
27 |
+
</div>
|
28 |
+
<a class="cff-fb-lgc-btn-stg cff-btn-grey cff-fb-hd-btn sb-button-standard" :href="builderUrl+'&feed_id=legacy'">
|
29 |
+
<div v-html="svgIcons['cog']"></div>
|
30 |
+
{{genericText.settings}}
|
31 |
+
</a>
|
32 |
+
</div>
|
33 |
+
<div class="cff-legacy-table-wrap" v-bind:class="{ 'sb-onboarding-highlight' : viewsActive.onboardingStep === 3 && allFeedsScreen.onboarding.type === 'multiple' }">
|
34 |
+
|
35 |
+
<table class="cff-fd-legacy-feed-ctn" v-if="viewsActive.legacyFeedsShown || feedsList === null || feedsList.length === 0">
|
36 |
+
<thead class="cff-fd-lst-thtf cff-fd-lst-thead">
|
37 |
+
<tr>
|
38 |
+
<th>
|
39 |
+
<div class="cff-fd-lst-chkbx"></div>
|
40 |
+
</th>
|
41 |
+
<th>
|
42 |
+
<span class="sb-caption sb-lighter">{{allFeedsScreen.columns.nameText}}</span>
|
43 |
+
</th>
|
44 |
+
<th>
|
45 |
+
<span class="sb-caption sb-lighter">{{allFeedsScreen.columns.shortcodeText}}</span>
|
46 |
+
</th>
|
47 |
+
<th>
|
48 |
+
<span class="sb-caption sb-lighter">{{allFeedsScreen.columns.instancesText}}</span>
|
49 |
+
</th>
|
50 |
+
<th class="cff-fd-lst-act-th">
|
51 |
+
<span class="sb-caption sb-lighter">{{allFeedsScreen.columns.actionsText}}</span>
|
52 |
+
</th>
|
53 |
+
</tr>
|
54 |
+
</thead>
|
55 |
+
<tbody class="cff-fd-lst-tbody">
|
56 |
+
<tr v-for="(legacyFeed, legacyFeedIndex) in legacyFeedsList">
|
57 |
+
<td>
|
58 |
+
<div class="cff-fd-lst-chkbx"></div>
|
59 |
+
</td>
|
60 |
+
<td>
|
61 |
+
<span class="sb-small-p sb-bold sb-lighter">{{legacyFeed.feed_name}}</span>
|
62 |
+
<span class="cff-fd-lst-type sb-caption sb-lighter">{{legacyFeed.feed_type}}</span>
|
63 |
+
</td>
|
64 |
+
<td>
|
65 |
+
<div class="sb-flex-center">
|
66 |
+
|
67 |
+
<span class="cff-fd-lst-shortcode sb-caption sb-lighter">{{legacyFeed.shortcode}}</span>
|
68 |
+
<div class="cff-fd-lst-shortcode-cp cff-fd-lst-btn cff-fb-tltp-parent">
|
69 |
+
<div class="cff-fb-tltp-elem"><span>{{(genericText.copy +' '+ genericText.shortcode).replace(/ /g," ")}}</span></div>
|
70 |
+
<div v-html="svgIcons['copy']" @click.prevent.default="copyToClipBoard(legacyFeed.id)"></div>
|
71 |
+
</div>
|
72 |
+
</div>
|
73 |
+
</td>
|
74 |
+
<td class="sb-caption sb-lighter">
|
75 |
+
<div class="sb-instances-cell" v-if="typeof legacyFeed.instance_count !== 'undefined' && legacyFeed.instance_count !== false">
|
76 |
+
<span>{{genericText.usedIn}} <span class="cff-fb-view-instances cff-fb-tltp-parent" :data-active="legacyFeed.instance_count < 1 ? 'false' : 'true'" @click.prevent.default="viewFeedInstances(legacyFeed)">{{legacyFeed.instance_count + ' ' + (legacyFeed.instance_count !== 1 ? genericText.places : genericText.place)}} <div class="cff-fb-tltp-elem"><span>{{genericText.clickViewInstances.replace(/ /g," ")}}</span></div></span></span>
|
77 |
+
</div>
|
78 |
+
</td>
|
79 |
+
<td class="cff-fd-lst-actions cff-fd-lst-dimmed cff-fb-onbrd-tltp-parent" data-tltp-pos="right" @click.prevent.default="openTooltipBig()">
|
80 |
+
<div class="cff-fb-onbrd-tltp-elem cff-fb-onbrd-tltp-elem-2" data-active="false">
|
81 |
+
<div class="cff-fb-popup-cls" @click.prevent.default="closeTooltipBig()"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
|
82 |
+
<path d="M14 1.41L12.59 0L7 5.59L1.41 0L0 1.41L5.59 7L0 12.59L1.41 14L7 8.41L12.59 14L14 12.59L8.41 7L14 1.41Z" fill="#141B38"/>
|
83 |
+
</svg>
|
84 |
+
</div>
|
85 |
+
<div class="cff-fb-onbrd-tltp-txt sb-small-p sb-lighter" v-for="legFeedTltp in allFeedsScreen.legacyFeeds.toolTipExpandedAction" v-html="legFeedTltp"></div>
|
86 |
+
<div class="sb-pointer">
|
87 |
+
<svg width="21" height="11" viewBox="0 0 21 11" fill="none" xmlns="http://www.w3.org/2000/svg">
|
88 |
+
<path d="M8.59642 0.811655C9.39546 -0.135356 10.8545 -0.135357 11.6536 0.811654L20.25 11H0L8.59642 0.811655Z" fill="white"/>
|
89 |
+
</svg>
|
90 |
+
</div>
|
91 |
+
</div>
|
92 |
+
<div class="cff-fd-lst-btn cff-fb-tltp-parent">
|
93 |
+
<div v-html="svgIcons['edit']"></div>
|
94 |
+
</div>
|
95 |
+
<div class="cff-fd-lst-btn cff-fb-tltp-parent">
|
96 |
+
<div v-html="svgIcons['duplicate']"></div>
|
97 |
+
</div>
|
98 |
+
<div class="cff-fd-lst-btn cff-fd-lst-btn-delete cff-fb-tltp-parent">
|
99 |
+
<div v-html="svgIcons['delete']"></div>
|
100 |
+
</div>
|
101 |
+
</td>
|
102 |
+
|
103 |
+
</tr>
|
104 |
+
</tbody>
|
105 |
+
<tfoot class="cff-fd-lst-thtf cff-fd-lst-tfoot">
|
106 |
+
<tr>
|
107 |
+
<td>
|
108 |
+
<div class="cff-fd-lst-chkbx"></div>
|
109 |
+
</td>
|
110 |
+
<td>
|
111 |
+
<span>{{allFeedsScreen.columns.nameText}}</span>
|
112 |
+
</td>
|
113 |
+
<td>
|
114 |
+
<span>{{allFeedsScreen.columns.shortcodeText}}</span>
|
115 |
+
</td>
|
116 |
+
<td>
|
117 |
+
<span>{{allFeedsScreen.columns.instancesText}}</span>
|
118 |
+
</td>
|
119 |
+
<td>
|
120 |
+
<span>{{allFeedsScreen.columns.actionsText}}</span>
|
121 |
+
</td>
|
122 |
+
</tr>
|
123 |
+
</tfoot>
|
124 |
+
</table>
|
125 |
+
</div>
|
126 |
+
|
127 |
+
<div v-if="feedsList !== null && feedsList.length > 0" class="cff-fd-legacy-feed-toggle cff-fb-fs" :data-active="viewsActive.legacyFeedsShown" @click.prevent.default="activateView('legacyFeedsShown')">
|
128 |
+
<span>{{viewsActive.legacyFeedsShown ? allFeedsScreen.legacyFeeds.hide : allFeedsScreen.legacyFeeds.show}}</span>
|
129 |
+
<svg v-if="! viewsActive.legacyFeedsShown" width="11" height="7" viewBox="0 0 11 7" fill="none" xmlns="http://www.w3.org/2000/svg">
|
130 |
+
<path d="M1.675 0.158447L5.5 3.97511L9.325 0.158447L10.5 1.33345L5.5 6.33345L0.5 1.33345L1.675 0.158447Z" fill="#004D77"/>
|
131 |
+
</svg>
|
132 |
+
<svg v-else width="11" height="7" viewBox="0 0 11 7" fill="none" xmlns="http://www.w3.org/2000/svg">
|
133 |
+
<path d="M9.325 6.84167L5.5 3.02501L1.675 6.84168L0.5 5.66668L5.5 0.666676L10.5 5.66668L9.325 6.84167Z" fill="#0068A0"/>
|
134 |
+
</svg>
|
135 |
+
|
136 |
+
</div>
|
137 |
+
</div>
|
138 |
+
</div>
|
admin/builder/templates/sections/footer.php
ADDED
@@ -0,0 +1,123 @@
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
1 |
+
<!--
|
2 |
+
<div id="sb-footer-banner" class="cff-fb-fs cff-bld-footer" :class="(viewsActive.pageScreen == 'welcome' && feedsList != null && feedsList.length != 0) ? 'cff-fb-full-wrapper' : 'cff-fb-wrapper'" v-if="(!viewsActive.footerDiabledScreens.includes(viewsActive.pageScreen) || (viewsActive.pageScreen == 'welcome' && feedsList != null && feedsList.length != 0)) && !iscustomizerScreen">
|
3 |
+
<div class="sb-box-shadow">
|
4 |
+
<div class="cff-bld-ft-content">
|
5 |
+
<div class="cff-bld-ft-img"><svg width="178" height="158" viewBox="0 0 178 158" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0)"><rect width="178" height="166" transform="translate(0 -4)" fill="white"/><g opacity="0.2" filter="url(#filter0_f)"><circle cx="33" cy="199" r="125" fill="#E34F0E"/></g><g opacity="0.3" filter="url(#filter1_f)"><circle cx="-23.5784" cy="90.1233" r="98.0868" transform="rotate(-137.681 -23.5784 90.1233)" fill="url(#paint0_linear)"/></g><g filter="url(#filter2_dddd)"><rect x="23.907" y="19.1011" width="56.0099" height="56.0099" rx="3.31121" transform="rotate(4 23.907 19.1011)" fill="white"/><path d="M50.5825 39.0902C45.1148 38.7078 40.329 42.8587 39.9446 48.3563C39.597 53.3269 42.9471 57.707 47.6469 58.7849L48.1335 51.826L45.6084 51.6494L45.81 48.7664L48.3351 48.943L48.4888 46.7459C48.6632 44.2507 50.2404 42.9823 52.517 43.1415C53.6006 43.2173 54.7207 43.4854 54.7207 43.4854L54.549 45.9409L53.2964 45.8534C52.0637 45.7672 51.6224 46.5055 51.5675 47.2909L51.4368 49.1599L54.2005 49.3531L53.5516 52.2048L51.2352 52.0429L50.7486 59.0018C53.1171 58.7956 55.3339 57.7495 56.9987 56.0523C58.6636 54.3551 59.6668 52.1186 59.8273 49.7466C60.2118 44.249 56.0503 39.4725 50.5825 39.0902Z" fill="#006BFA"/><rect x="24.11" y="19.3346" width="55.5723" height="55.5723" rx="3.09242" transform="rotate(4 24.11 19.3346)" stroke="url(#paint1_linear)" stroke-width="0.437577"/></g><g filter="url(#filter3_dddd)"><rect x="78.0662" y="19" width="56.0099" height="56.0099" rx="3.31121" transform="rotate(4 78.0662 19)" fill="white"/><path d="M114.865 43.6525C114.075 43.9469 113.234 44.1179 112.372 44.1675C113.283 43.7017 114.018 42.9139 114.406 41.9321C113.546 42.3715 112.607 42.6555 111.629 42.7869C110.903 41.877 109.835 41.3028 108.582 41.2152C106.246 41.0518 104.204 42.8271 104.039 45.1832C104.015 45.5212 104.032 45.852 104.08 46.1651C100.553 45.7387 97.5209 43.8183 95.6034 41.0968C95.1917 41.6974 94.9315 42.4185 94.8773 43.1939C94.7737 44.6752 95.4276 46.0395 96.5286 46.8658C95.8228 46.8164 95.1806 46.5717 94.6248 46.2332L94.6227 46.263C94.4781 48.3308 95.8285 50.1635 97.7499 50.6874C97.1123 50.8149 96.4539 50.7928 95.8263 50.6229C96.0371 51.4892 96.5141 52.2677 97.1902 52.849C97.8663 53.4303 98.7076 53.785 99.5957 53.8634C98.0048 54.9514 96.0911 55.4658 94.1691 55.3221C93.8311 55.2985 93.4945 55.255 93.1592 55.1916C94.9633 56.5365 97.1607 57.3994 99.5665 57.5677C107.4 58.1155 112.16 51.9148 112.554 46.2781C112.567 46.0892 112.579 45.9103 112.583 45.7207C113.459 45.1826 114.228 44.4771 114.865 43.6525Z" fill="#1B90EF"/><rect x="78.2692" y="19.2335" width="55.5723" height="55.5723" rx="3.09242" transform="rotate(4 78.2692 19.2335)" stroke="url(#paint2_linear)" stroke-width="0.437577"/></g><g filter="url(#filter4_dddd)"><rect x="27.5424" y="69.1201" width="56.0099" height="56.0099" rx="3.31121" transform="rotate(4 27.5424 69.1201)" fill="white"/><path d="M51.0542 102.209L57.0933 99.2598L51.5234 95.4987L51.0542 102.209ZM64.5953 94.3561C64.7039 94.8919 64.7553 95.6035 64.7598 96.5029C64.7756 97.4031 64.7551 98.1772 64.7082 98.8482L64.7096 99.7924C64.5384 102.242 64.2335 104.03 63.8398 105.16C63.4898 106.147 62.7958 106.75 61.7697 106.959C61.2339 107.068 60.265 107.101 58.784 107.065C57.3246 107.042 55.9914 106.982 54.7611 106.896L52.9782 106.839C48.2921 106.511 45.3855 106.128 44.2555 105.735C43.2685 105.385 42.6652 104.691 42.456 103.665C42.3473 103.129 42.2959 102.417 42.2914 101.518C42.2757 100.617 42.2961 99.8434 42.343 99.1724L42.3416 98.2282C42.5129 95.7789 42.8177 93.9908 43.2114 92.8608C43.5614 91.8737 44.2554 91.2704 45.2816 91.0612C45.8174 90.9526 46.7862 90.9192 48.2672 90.9553C49.7266 90.9787 51.0599 91.0382 52.2901 91.1242L54.0731 91.1815C58.7592 91.5092 61.6657 91.8922 62.7957 92.2859C63.7827 92.6359 64.3861 93.3299 64.5953 94.3561Z" fill="#EB2121"/><rect x="27.7454" y="69.3536" width="55.5723" height="55.5723" rx="3.09242" transform="rotate(4 27.7454 69.3536)" stroke="url(#paint3_linear)" stroke-width="0.437577"/></g><g filter="url(#filter5_dddd)"><rect x="81.8024" y="69.1201" width="56.0099" height="56.0099" rx="3.31121" transform="rotate(4 81.8024 69.1201)" fill="white"/><path d="M108.16 93.6514C105.178 93.4429 102.632 95.6999 102.427 98.6357C102.218 101.618 104.428 104.161 107.411 104.369C110.347 104.575 112.936 102.368 113.145 99.3852C113.35 96.4494 111.096 93.8567 108.16 93.6514ZM107.541 102.505C105.631 102.372 104.154 100.723 104.291 98.766C104.424 96.8554 106.07 95.4252 108.027 95.562C109.937 95.6956 111.368 97.341 111.234 99.2516C111.097 101.209 109.452 102.639 107.541 102.505ZM114.977 93.9408C115.026 93.2418 114.506 92.6435 113.807 92.5946C113.108 92.5457 112.509 93.0658 112.461 93.7648C112.412 94.4638 112.932 95.0621 113.631 95.111C114.33 95.1599 114.928 94.6398 114.977 93.9408ZM118.431 95.4466C118.455 93.7625 118.186 92.2453 117.059 90.9489C115.932 89.6526 114.467 89.1755 112.796 88.965C111.079 88.7512 105.906 88.3895 104.175 88.3622C102.491 88.3381 101.02 88.6098 99.6775 89.7335C98.3812 90.8603 97.9041 92.3255 97.6936 93.9966C97.4798 95.7143 97.1181 100.887 97.0907 102.618C97.0666 104.302 97.3384 105.772 98.462 107.115C99.6355 108.415 101.054 108.889 102.725 109.099C104.443 109.313 109.615 109.675 111.346 109.702C113.03 109.726 114.548 109.458 115.844 108.331C117.143 107.157 117.617 105.739 117.828 104.068C118.042 102.35 118.403 97.1774 118.431 95.4466ZM115.464 105.729C115.073 106.638 114.278 107.285 113.367 107.596C111.929 108.057 108.677 107.689 107.186 107.585C105.648 107.477 102.376 107.389 101.064 106.735C100.158 106.297 99.5081 105.549 99.2005 104.591C98.7358 103.201 99.1037 99.9487 99.2112 98.4109C99.3155 96.9197 99.4038 93.6479 100.061 92.289C100.495 91.4296 101.243 90.7795 102.201 90.4719C103.592 90.0072 106.844 90.3751 108.382 90.4826C109.873 90.5869 113.145 90.6752 114.504 91.3322C115.366 91.7203 116.013 92.5148 116.324 93.4262C116.786 94.8633 116.418 98.1156 116.313 99.6068C116.206 101.145 116.118 104.416 115.464 105.729Z" fill="url(#paint4_linear)"/><rect x="82.0054" y="69.3536" width="55.5723" height="55.5723" rx="3.09242" transform="rotate(4 82.0054 69.3536)" stroke="url(#paint5_linear)" stroke-width="0.437577"/></g></g><defs><filter id="filter0_f" x="-166" y="0" width="398" height="398" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur stdDeviation="37" result="effect1_foregroundBlur"/></filter><filter id="filter1_f" x="-195.666" y="-81.9644" width="344.175" height="344.175" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur stdDeviation="37" result="effect1_foregroundBlur"/></filter><filter id="filter2_dddd" x="12.4344" y="17.588" width="74.9115" height="74.9115" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dy="0.749837"/><feGaussianBlur stdDeviation="0.468648"/><feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0.101961 0 0 0 0 0.466667 0 0 0 0.1137 0"/><feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dy="1.80196"/><feGaussianBlur stdDeviation="1.12623"/><feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0.101961 0 0 0 0 0.466667 0 0 0 0.0484671 0"/><feBlend mode="normal" in2="effect1_dropShadow" result="effect2_dropShadow"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dy="3.39293"/><feGaussianBlur stdDeviation="2.12058"/><feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0.101961 0 0 0 0 0.466667 0 0 0 0.06 0"/><feBlend mode="normal" in2="effect2_dropShadow" result="effect3_dropShadow"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dy="6.05242"/><feGaussianBlur stdDeviation="3.78276"/><feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0.101961 0 0 0 0 0.466667 0 0 0 0.0715329 0"/><feBlend mode="normal" in2="effect3_dropShadow" result="effect4_dropShadow"/><feBlend mode="normal" in="SourceGraphic" in2="effect4_dropShadow" result="shape"/></filter><filter id="filter3_dddd" x="66.5936" y="17.4869" width="74.9115" height="74.9115" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dy="0.749837"/><feGaussianBlur stdDeviation="0.468648"/><feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0.101961 0 0 0 0 0.466667 0 0 0 0.1137 0"/><feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dy="1.80196"/><feGaussianBlur stdDeviation="1.12623"/><feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0.101961 0 0 0 0 0.466667 0 0 0 0.0484671 0"/><feBlend mode="normal" in2="effect1_dropShadow" result="effect2_dropShadow"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dy="3.39293"/><feGaussianBlur stdDeviation="2.12058"/><feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0.101961 0 0 0 0 0.466667 0 0 0 0.06 0"/><feBlend mode="normal" in2="effect2_dropShadow" result="effect3_dropShadow"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dy="6.05242"/><feGaussianBlur stdDeviation="3.78276"/><feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0.101961 0 0 0 0 0.466667 0 0 0 0.0715329 0"/><feBlend mode="normal" in2="effect3_dropShadow" result="effect4_dropShadow"/><feBlend mode="normal" in="SourceGraphic" in2="effect4_dropShadow" result="shape"/></filter><filter id="filter4_dddd" x="16.0698" y="67.607" width="74.9115" height="74.9115" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dy="0.749837"/><feGaussianBlur stdDeviation="0.468648"/><feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0.101961 0 0 0 0 0.466667 0 0 0 0.1137 0"/><feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dy="1.80196"/><feGaussianBlur stdDeviation="1.12623"/><feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0.101961 0 0 0 0 0.466667 0 0 0 0.0484671 0"/><feBlend mode="normal" in2="effect1_dropShadow" result="effect2_dropShadow"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dy="3.39293"/><feGaussianBlur stdDeviation="2.12058"/><feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0.101961 0 0 0 0 0.466667 0 0 0 0.06 0"/><feBlend mode="normal" in2="effect2_dropShadow" result="effect3_dropShadow"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dy="6.05242"/><feGaussianBlur stdDeviation="3.78276"/><feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0.101961 0 0 0 0 0.466667 0 0 0 0.0715329 0"/><feBlend mode="normal" in2="effect3_dropShadow" result="effect4_dropShadow"/><feBlend mode="normal" in="SourceGraphic" in2="effect4_dropShadow" result="shape"/></filter><filter id="filter5_dddd" x="70.3298" y="67.607" width="74.9115" height="74.9115" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dy="0.749837"/><feGaussianBlur stdDeviation="0.468648"/><feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0.101961 0 0 0 0 0.466667 0 0 0 0.1137 0"/><feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dy="1.80196"/><feGaussianBlur stdDeviation="1.12623"/><feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0.101961 0 0 0 0 0.466667 0 0 0 0.0484671 0"/><feBlend mode="normal" in2="effect1_dropShadow" result="effect2_dropShadow"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dy="3.39293"/><feGaussianBlur stdDeviation="2.12058"/><feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0.101961 0 0 0 0 0.466667 0 0 0 0.06 0"/><feBlend mode="normal" in2="effect2_dropShadow" result="effect3_dropShadow"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dy="6.05242"/><feGaussianBlur stdDeviation="3.78276"/><feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0.101961 0 0 0 0 0.466667 0 0 0 0.0715329 0"/><feBlend mode="normal" in2="effect3_dropShadow" result="effect4_dropShadow"/><feBlend mode="normal" in="SourceGraphic" in2="effect4_dropShadow" result="shape"/></filter><linearGradient id="paint0_linear" x1="-51.7783" y1="367.218" x2="361.412" y2="-54.5547" gradientUnits="userSpaceOnUse"><stop stop-color="white"/><stop offset="0.147864" stop-color="#F6640E"/><stop offset="0.443974" stop-color="#BA03A7"/><stop offset="0.733337" stop-color="#6A01B9"/><stop offset="1" stop-color="#6B01B9"/></linearGradient><linearGradient id="paint1_linear" x1="29.1579" y1="19.1011" x2="79.9169" y2="72.1938" gradientUnits="userSpaceOnUse"><stop stop-color="#B5CBEC"/><stop offset="1" stop-color="#B6CFF4" stop-opacity="0.32"/></linearGradient><linearGradient id="paint2_linear" x1="83.3171" y1="19" x2="134.076" y2="72.0927" gradientUnits="userSpaceOnUse"><stop stop-color="#B5DBEC"/><stop offset="1" stop-color="#B6CFF4" stop-opacity="0.32"/></linearGradient><linearGradient id="paint3_linear" x1="32.7933" y1="69.1201" x2="83.5522" y2="122.213" gradientUnits="userSpaceOnUse"><stop stop-color="#ECB5B5"/><stop offset="1" stop-color="#F4B6B6" stop-opacity="0.32"/></linearGradient><linearGradient id="paint4_linear" x1="102.698" y1="128.311" x2="149.808" y2="86.5004" gradientUnits="userSpaceOnUse"><stop stop-color="white"/><stop offset="0.147864" stop-color="#F6640E"/><stop offset="0.443974" stop-color="#BA03A7"/><stop offset="0.733337" stop-color="#6A01B9"/><stop offset="1" stop-color="#6B01B9"/></linearGradient><linearGradient id="paint5_linear" x1="87.0533" y1="69.1201" x2="137.812" y2="122.213" gradientUnits="userSpaceOnUse"><stop stop-color="#BAB5EC"/><stop offset="1" stop-color="#F3B6F4" stop-opacity="0.32"/></linearGradient><clipPath id="clip0"><rect width="178" height="166" fill="white" transform="translate(0 -4)"/></clipPath></defs></svg></div>
|
6 |
+
<div class="cff-bld-ft-txt">
|
7 |
+
<h3 class="cff-bld-ft-title" v-html="mainFooterScreen.heading"></h3>
|
8 |
+
<div class="cff-bld-ft-info sb-small-p" v-html="mainFooterScreen.description"></div>
|
9 |
+
</div>
|
10 |
+
<div class="cff-bld-ft-action">
|
11 |
+
<a :href="links.allAccessBundle" target="_blank" class="sb-button-standard sb-button-right-icon sb-button cff-btn-grey">{{genericText.learnMore}}
|
12 |
+
<svg width="7" height="10" viewBox="0 0 7 10" fill="none" xmlns="http://www.w3.org/2000/svg">
|
13 |
+
<path d="M1.33336 0L0.15836 1.175L3.97503 5L0.15836 8.825L1.33336 10L6.33336 5L1.33336 0Z" fill="#141B38"/>
|
14 |
+
</svg>
|
15 |
+
</a>
|
16 |
+
</div>
|
17 |
+
</div>
|
18 |
+
<div v-if="pluginType !== 'pro'" class="cff-bld-ft-btm" v-html="mainFooterScreen.promo"></div>
|
19 |
+
</div>
|
20 |
+
</div>
|
21 |
+
-->
|
22 |
+
<div class="cff-stck-wdg" v-if="viewsActive.pageScreen !== 'selectFeed' && ! iscustomizerScreen" :data-active="checkActiveView('footerWidget')">
|
23 |
+
<?php
|
24 |
+
$smashballoon_info = CustomFacebookFeed\Builder\CFF_Feed_Builder::get_smashballoon_info();
|
25 |
+
?>
|
26 |
+
<div class="cff-stck-pop">
|
27 |
+
|
28 |
+
<div class="cff-stck-el cff-stck-el-upgrd cff-fb-fs sb-btn-orange">
|
29 |
+
<div class="cff-stck-el-icon"><?php echo $icons[$smashballoon_info['upgrade']['icon']] ?></div>
|
30 |
+
<div class="cff-stck-el-txt sb-small-p sb-bold" style="color: #fff;"><?php echo $smashballoon_info['upgrade']['name'] ?></div>
|
31 |
+
<div class="cff-chevron">
|
32 |
+
<svg width="7" height="10" viewBox="0 0 7 10" fill="none" xmlns="http://www.w3.org/2000/svg">
|
33 |
+
<path d="M1.3332 0L0.158203 1.175L3.97487 5L0.158203 8.825L1.3332 10L6.3332 5L1.3332 0Z" fill="white"/>
|
34 |
+
</svg>
|
35 |
+
</div>
|
36 |
+
<a href="<?php echo esc_url($smashballoon_info['upgrade']['link']) ?>" target="_blank" class="cff-fs-a"></a>
|
37 |
+
</div>
|
38 |
+
|
39 |
+
<div class="cff-stck-title cff-fb-fs sb-small-p sb-bold sb-dark-text"><?php echo __('Our Feeds for other platforms','custom-facebook-feed') ?></div>
|
40 |
+
|
41 |
+
<div class="cff-stck-el-list cff-fb-fs">
|
42 |
+
<?php foreach ($smashballoon_info['platforms'] as $platform): ?>
|
43 |
+
<div class="cff-stck-el cff-fb-fs">
|
44 |
+
|
45 |
+
<div class="cff-stck-el-icon" style="color:<?php echo $smashballoon_info['colorSchemes'][$platform['icon']] ?>;"><?php echo $icons[$platform['icon']] ?></div>
|
46 |
+
<div class="cff-stck-el-txt sb-small-text sb-small-p sb-dark-text"><?php echo $platform['name'] ?></div>
|
47 |
+
<div class="cff-chevron">
|
48 |
+
<svg width="7" height="10" viewBox="0 0 7 10" fill="#8C8F9A" xmlns="http://www.w3.org/2000/svg"><path d="M1.3332 0L0.158203 1.175L3.97487 5L0.158203 8.825L1.3332 10L6.3332 5L1.3332 0Z" fill="#8C8F9A"></path></svg>
|
49 |
+
</div>
|
50 |
+
<a href="<?php echo esc_url($platform['link'] ) ?>" target="_blank" class="cff-fs-a"></a>
|
51 |
+
</div>
|
52 |
+
<?php endforeach ?>
|
53 |
+
</div>
|
54 |
+
<div class="cff-stck-follow cff-fb-fs">
|
55 |
+
<span><?php echo __('Follow Us','custom-facebook-feed') ?></span>
|
56 |
+
<div class="cff-stck-flw-links">
|
57 |
+
<?php foreach ($smashballoon_info['socialProfiles'] as $social_key => $social): ?>
|
58 |
+
<a href="<?php echo esc_url($social); ?>" target="_blank" style="color:<?php echo $smashballoon_info['colorSchemes'][$social_key] ?>;"><?php echo $icons[$social_key] ?></a>
|
59 |
+
<?php endforeach ?>
|
60 |
+
</div>
|
61 |
+
</div>
|
62 |
+
</div>
|
63 |
+
<div class="cff-stck-wdg-btn" @click.prevent.default="activateView('footerWidget')">
|
64 |
+
<?php echo $icons['smash']; ?>
|
65 |
+
<div class="cff-stck-wdg-btn-cls">
|
66 |
+
<svg width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg">
|
67 |
+
<path d="M14.501 1.77279L13.091 0.362793L7.50098 5.95279L1.91098 0.362793L0.500977 1.77279L6.09098 7.36279L0.500977 12.9528L1.91098 14.3628L7.50098 8.77279L13.091 14.3628L14.501 12.9528L8.91098 7.36279L14.501 1.77279Z" fill="#141B38"/>
|
68 |
+
</svg>
|
69 |
+
</div>
|
70 |
+
</div>
|
71 |
+
</div>
|
72 |
+
<?php
|
73 |
+
include_once CFF_BUILDER_DIR . 'templates/sections/popup/add-source-popup.php';
|
74 |
+
include_once CFF_BUILDER_DIR . 'templates/sections/popup/extensions-popup.php';
|
75 |
+
include_once CFF_BUILDER_DIR . 'templates/sections/popup/feedtypes-popup.php';
|
76 |
+
include_once CFF_BUILDER_DIR . 'templates/sections/popup/embed-popup.php';
|
77 |
+
include_once CFF_BUILDER_DIR . 'templates/sections/popup/confirm-dialog-popup.php';
|
78 |
+
include_once CFF_BUILDER_DIR . 'templates/sections/popup/onboarding-popup.php';
|
79 |
+
include_once CFF_BUILDER_DIR . 'templates/sections/popup/onboarding-customizer-popup.php';
|
80 |
+
include_once CFF_BUILDER_DIR . 'templates/sections/popup/install-plugin-popup.php';
|
81 |
+
?>
|
82 |
+
<div class="sb-notification-ctn" :data-active="notificationElement.shown" :data-type="notificationElement.type">
|
83 |
+
<div class="sb-notification-icon" v-html="svgIcons[notificationElement.type+'Notification']"></div>
|
84 |
+
<span class="sb-notification-text" v-html="notificationElement.text"></span>
|
85 |
+
</div>
|
86 |
+
|
87 |
+
<div class="sb-full-screen-loader" :data-show="fullScreenLoader ? 'shown' : 'hidden'">
|
88 |
+
<div class="sb-full-screen-loader-logo">
|
89 |
+
<div class="sb-full-screen-loader-spinner"></div>
|
90 |
+
<div class="sb-full-screen-loader-img" v-html="svgIcons['smash']"></div>
|
91 |
+
</div>
|
92 |
+
<div class="sb-full-screen-loader-txt">
|
93 |
+
Loading...
|
94 |
+
</div>
|
95 |
+
</div>
|
96 |
+
|
97 |
+
<sb-add-source-component
|
98 |
+
:sources-list="sourcesList"
|
99 |
+
:select-source-screen="selectSourceScreen"
|
100 |
+
:views-active="viewsActive"
|
101 |
+
:generic-text="genericText"
|
102 |
+
:selected-feed="selectedFeed"
|
103 |
+
:svg-icons="svgIcons"
|
104 |
+
:links="links"
|
105 |
+
ref="addSourceRef"
|
106 |
+
>
|
107 |
+
</sb-add-source-component>
|
108 |
+
|
109 |
+
<sb-confirm-dialog-component
|
110 |
+
:dialog-box.sync="dialogBox"
|
111 |
+
:source-to-delete="sourceToDelete"
|
112 |
+
:svg-icons="svgIcons"
|
113 |
+
:parent-type="'builder'"
|
114 |
+
:generic-text="genericText"
|
115 |
+
></sb-confirm-dialog-component>
|
116 |
+
|
117 |
+
<install-plugin-popup
|
118 |
+
:views-active="viewsActive"
|
119 |
+
:generic-text="genericText"
|
120 |
+
:svg-icons="svgIcons"
|
121 |
+
:plugins="plugins[viewsActive.installPluginModal]"
|
122 |
+
>
|
123 |
+
</install-plugin-popup>
|
admin/builder/templates/sections/header.php
ADDED
@@ -0,0 +1,77 @@
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
1 |
+
<?php
|
2 |
+
/**
|
3 |
+
* CFF Header Notices
|
4 |
+
*
|
5 |
+
* @since 4.0
|
6 |
+
*/
|
7 |
+
do_action('cff_header_notices');
|
8 |
+
?>
|
9 |
+
<div class="cff-fb-header cff-fb-fs" v-if="!iscustomizerScreen">
|
10 |
+
<div class="cff-fb-header-left">
|
11 |
+
<div class="cff-fb-hd-logo">
|
12 |
+
<svg width="25" height="32" viewBox="0 0 25 32" fill="none" xmlns="http://www.w3.org/2000/svg">
|
13 |
+
<path fill-rule="evenodd" clip-rule="evenodd" d="M11.4445 8.40195C9.20222 7.39434 6.86664 5.88954 4.68642 5.18909C5.46105 7.03648 6.11485 9.00467 6.7914 10.9501C5.44196 11.9642 3.86572 12.7514 2.35982 13.6091C3.6413 14.8758 5.45618 15.609 6.90219 16.7112C5.74393 18.1404 3.46828 19.6258 2.91377 20.9211C5.31159 20.6207 8.10569 20.1336 10.3366 20.0348C10.8269 22.4989 11.0797 25.2005 11.7769 27.4577C12.8152 24.4706 13.7539 21.384 14.9898 18.5945C16.897 19.3834 19.2214 20.3453 21.0831 20.8103C19.7768 18.9776 18.5847 17.0307 17.4271 15.0493C19.1401 13.8079 20.8727 12.5862 22.5234 11.2824C20.1903 11.0675 17.773 10.9367 15.3221 10.8394C14.9327 8.31133 15.035 5.29159 14.4358 2.97334C13.5292 4.87343 12.4594 6.61017 11.4445 8.40195ZM12.5524 29.3411C12.2443 30.6598 13.2595 31.2007 13.1064 32C12.104 31.6546 11.35 31.4771 10.0043 31.6676C10.0464 30.6387 10.9717 30.4932 10.7798 29.2303C-3.56031 27.5999 -3.58912 1.68764 10.669 0.0928438C28.4967 -1.90125 29.0561 28.8829 12.5524 29.3411Z" fill="#E34F0E"/>
|
14 |
+
</svg>
|
15 |
+
<div class="sb-logo-letters-wrap">
|
16 |
+
<svg width="60" height="13" viewBox="0 0 60 13" fill="none" xmlns="http://www.w3.org/2000/svg">
|
17 |
+
<path d="M0.375122 12.0739C1.077 12.4424 2.53616 12.8292 4.03227 12.8292C7.67094 12.8292 9.33327 11.0054 9.33327 8.86833C9.33327 7.13659 8.33587 5.93911 6.10095 5.11008C4.53097 4.53898 3.86603 4.28106 3.86603 3.65468C3.86603 3.102 4.42014 2.73354 5.43602 2.73354C6.67353 2.73354 7.59706 3.08358 8.1327 3.32307L8.83458 0.670189C8.02188 0.301733 6.95059 0.0253906 5.47296 0.0253906C2.33298 0.0253906 0.467473 1.72029 0.467473 3.9126C0.467473 5.75488 1.87122 6.91552 3.97685 7.65243C5.38061 8.13142 5.93472 8.48146 5.93472 9.08941C5.93472 9.71579 5.38061 10.1027 4.23544 10.1027C2.97945 10.1027 1.7604 9.71579 1.00311 9.32891L0.375122 12.0739ZM21.4591 12.645H24.6914L24.0634 0.228041H19.686L18.744 3.54415C18.3746 4.85217 17.9682 6.60233 17.6173 8.113H17.5619C17.3033 6.60233 16.9339 4.94428 16.5829 3.56257L15.7702 0.228041H11.2819L10.5062 12.645H13.5722L13.7754 8.20511C13.8308 6.78656 13.8862 4.94428 13.9601 3.19411H13.9971C14.2926 4.88901 14.662 6.73129 14.9945 8.07615L16.0288 12.3871H18.6331L19.8707 8.05773C20.277 6.69445 20.7942 4.83374 21.1821 3.19411H21.2375C21.2375 5.12851 21.2559 6.78656 21.3113 8.20511L21.4591 12.645ZM33.0585 9.77105L33.8528 12.645H37.4545L33.7419 0.228041H29.2906L25.6888 12.645H29.1428L29.8447 9.77105H33.0585ZM30.288 7.32082L30.8236 5.09166C30.9899 4.3916 31.1746 3.35992 31.3593 2.64143H31.3962C31.5994 3.35992 31.8395 4.3916 32.0242 5.09166L32.5968 7.32082H30.288ZM38.4519 12.0739C39.1538 12.4424 40.6129 12.8292 42.109 12.8292C45.7477 12.8292 47.4101 11.0054 47.4101 8.86833C47.4101 7.13659 46.4127 5.93911 44.1777 5.11008C42.6077 4.53898 41.9428 4.28106 41.9428 3.65468C41.9428 3.102 42.4969 2.73354 43.5128 2.73354C44.7503 2.73354 45.6738 3.08358 46.2095 3.32307L46.9114 0.670189C46.0987 0.301733 45.0274 0.0253906 43.5497 0.0253906C40.4098 0.0253906 38.5443 1.72029 38.5443 3.9126C38.5443 5.75488 39.948 6.91552 42.0536 7.65243C43.4574 8.13142 44.0115 8.48146 44.0115 9.08941C44.0115 9.71579 43.4574 10.1027 42.3122 10.1027C41.0562 10.1027 39.8372 9.71579 39.0799 9.32891L38.4519 12.0739ZM48.7944 0.228041V12.645H52.1375V7.72612H56.1826V12.645H59.5257V0.228041H56.1826V4.81532H52.1375V0.228041H48.7944Z" fill="#282828"/>
|
18 |
+
</svg>
|
19 |
+
<svg width="62" height="19" viewBox="0 0 62 19" fill="none" xmlns="http://www.w3.org/2000/svg">
|
20 |
+
<path d="M23.5967 1.00574C23.6869 0.76081 23.7997 0.583563 23.935 0.473994C24.0704 0.364425 24.2089 0.309631 24.3507 0.309631C24.4925 0.309631 24.6183 0.345081 24.7279 0.415997C24.8375 0.486896 24.9051 0.5739 24.9308 0.677027C24.9695 1.42469 25.0018 2.25614 25.0275 3.17139C25.0532 4.08665 25.0727 5.04378 25.0854 6.04282C25.0984 7.04185 25.1113 8.06666 25.1241 9.11728C25.1371 10.1679 25.1468 11.2088 25.1533 12.2401C25.1596 13.2713 25.1628 14.2703 25.1628 15.2372C25.1628 16.204 25.1693 17.0998 25.1822 17.9249C25.1178 18.1311 25.0017 18.2826 24.8342 18.3792C24.6665 18.476 24.4957 18.518 24.3217 18.505C24.1477 18.4921 23.993 18.4244 23.8577 18.302C23.7223 18.1795 23.6547 18.0022 23.6547 17.7703L23.5967 1.00574ZM26.5551 1.00574C26.6454 0.76081 26.758 0.583563 26.8935 0.473994C27.0288 0.364425 27.1674 0.309631 27.3092 0.309631C27.451 0.309631 27.5766 0.345081 27.6862 0.415997C27.7958 0.486896 27.8634 0.5739 27.8893 0.677027C27.928 1.42469 27.9601 2.25614 27.986 3.17139C28.0117 4.08665 28.031 5.04378 28.0439 6.04282C28.0569 7.04185 28.0698 8.06666 28.0826 9.11728C28.0956 10.1679 28.1053 11.2088 28.1116 12.2401C28.1181 13.2713 28.1213 14.2703 28.1213 15.2372C28.1213 16.204 28.1278 17.0998 28.1406 17.9249C28.0761 18.1311 27.9601 18.2826 27.7925 18.3792C27.625 18.476 27.4542 18.518 27.2802 18.505C27.1062 18.4921 26.9515 18.4244 26.8161 18.302C26.6808 18.1795 26.613 18.0022 26.613 17.7703L26.5551 1.00574ZM19.4055 17.7122C19.2895 17.6348 19.1736 17.4962 19.0575 17.2965C18.9414 17.0968 18.8255 16.8776 18.7095 16.639C18.5934 16.4005 18.4774 16.1589 18.3615 15.914C18.2454 15.6691 18.1229 15.4564 17.994 15.2759C17.8652 15.0954 17.7297 14.9633 17.5879 14.8795C17.4461 14.7956 17.2915 14.7988 17.1238 14.8892C16.8661 15.3146 16.605 15.727 16.3408 16.1267C16.0765 16.5263 15.7864 16.8679 15.4706 17.1515C15.1548 17.4351 14.7939 17.6348 14.3879 17.7509C13.9818 17.8669 13.508 17.854 12.9667 17.7122C12.438 17.5704 12.0094 17.2933 11.6808 16.8808C11.352 16.4682 11.1071 15.9784 10.9461 15.4112C10.7848 14.844 10.7042 14.2219 10.7042 13.5452C10.7042 12.8685 10.7784 12.1949 10.9266 11.5246C11.0749 10.8543 11.2908 10.2098 11.5744 9.591C11.858 8.97224 12.1996 8.4405 12.5992 7.99576C12.9989 7.55104 13.4533 7.21587 13.9625 6.99029C14.4716 6.7647 15.0227 6.70346 15.6157 6.80659C16.1699 6.90971 16.6275 7.14498 16.9885 7.51237C17.3494 7.87975 17.6492 8.32449 17.8877 8.84656C18.1261 9.36864 18.3131 9.9455 18.4484 10.5771C18.5837 11.2088 18.7062 11.8404 18.8158 12.4721C18.9254 13.1037 19.035 13.7064 19.1446 14.2801C19.254 14.8537 19.399 15.3468 19.5795 15.7592C19.76 16.1718 19.9889 16.4747 20.266 16.6681C20.5431 16.8614 20.9073 16.8871 21.3585 16.7453C21.8742 16.2168 22.2866 15.8656 22.596 15.6916C22.9055 15.5175 23.1309 15.4596 23.2727 15.5175C23.4145 15.5755 23.4757 15.7205 23.4565 15.9527C23.4372 16.1846 23.3534 16.4425 23.2051 16.7261C23.0568 17.0097 22.8538 17.2868 22.596 17.5574C22.3383 17.8282 22.045 18.0345 21.7162 18.1763C21.3874 18.318 21.0265 18.3665 20.6335 18.3213C20.2403 18.2761 19.8309 18.0731 19.4055 17.7122ZM60.5445 17.8282C60.506 17.1579 60.4479 16.4263 60.3705 15.6336C60.2933 14.8408 60.1902 14.0512 60.0612 13.2648C59.9324 12.4785 59.7776 11.7341 59.5971 11.0315C59.4166 10.329 59.204 9.73602 58.9591 9.25261C58.7141 8.76922 58.4338 8.43083 58.118 8.23746C57.8022 8.04411 57.4444 8.0699 57.0448 8.31482C56.6451 8.55975 56.2037 9.05282 55.7202 9.79403C55.2369 10.5353 54.6987 11.602 54.1057 12.9942C54.0541 13.0973 53.9864 13.2648 53.9027 13.4969C53.8189 13.7289 53.7287 13.99 53.6319 14.2801C53.5353 14.5701 53.4289 14.8762 53.3129 15.1985C53.197 15.5208 53.0906 15.8301 52.9938 16.1267C52.8972 16.4232 52.8101 16.6874 52.7329 16.9193C52.6555 17.1515 52.6039 17.3255 52.5781 17.4415C52.475 17.6992 52.346 17.8443 52.1914 17.8766C52.0367 17.9088 51.8821 17.8797 51.7274 17.7895C51.5726 17.6992 51.4308 17.5769 51.302 17.4221C51.1731 17.2675 51.0958 17.132 51.0699 17.0161C51.1859 16.5648 51.289 16.0622 51.3793 15.5078C51.4695 14.9536 51.5404 14.322 51.592 13.613C51.6435 12.9039 51.6629 12.1015 51.65 11.2056C51.637 10.3097 51.5726 9.29452 51.4566 8.16012C51.5984 7.86364 51.7403 7.69928 51.8821 7.66705C52.0239 7.63483 52.1657 7.67994 52.3073 7.80241C52.4491 7.92486 52.5814 8.10535 52.7038 8.34381C52.8263 8.5823 52.9359 8.824 53.0325 9.06892C53.1292 9.31385 53.2065 9.54267 53.2646 9.75536C53.3226 9.96806 53.3516 10.1066 53.3516 10.1711C53.6352 9.92617 53.8963 9.61357 54.1347 9.23329C54.3731 8.85301 54.618 8.47273 54.8694 8.09245C55.1208 7.71217 55.3948 7.37379 55.6912 7.0773C55.9878 6.78082 56.3423 6.60033 56.7547 6.53589C57.6055 6.38119 58.3274 6.4811 58.9204 6.83559C59.5135 7.19009 60 7.69928 60.3803 8.36316C60.7605 9.02703 61.0506 9.79726 61.2505 10.6738C61.4502 11.5504 61.592 12.4302 61.6759 13.3132C61.7596 14.1962 61.795 15.0405 61.7822 15.8463C61.7693 16.6519 61.7371 17.3125 61.6854 17.8282C61.5436 18.1246 61.3536 18.2729 61.115 18.2729C60.8766 18.2729 60.6865 18.1246 60.5445 17.8282ZM42.9949 17.6735C42.2472 17.3642 41.6575 16.958 41.2257 16.4554C40.7938 15.9527 40.4909 15.4015 40.3167 14.8021C40.1427 14.2027 40.0848 13.5743 40.1427 12.9168C40.2009 12.2594 40.3554 11.6181 40.6068 10.9929C40.8582 10.3677 41.1934 9.77791 41.6124 9.22362C42.0313 8.66932 42.5083 8.19557 43.0433 7.80241C43.5783 7.40924 44.1647 7.11919 44.8028 6.93228C45.4409 6.74537 46.1016 6.70346 46.7847 6.80659C47.3519 6.89683 47.8387 7.16432 48.2446 7.60904C48.6508 8.05378 48.9731 8.60486 49.2115 9.26229C49.4499 9.91971 49.6014 10.6416 49.6658 11.4279C49.7303 12.2143 49.6948 12.9909 49.5595 13.7579C49.4242 14.525 49.1921 15.2372 48.8635 15.8945C48.5347 16.5521 48.1028 17.0838 47.5679 17.4898C47.0329 17.8959 46.3851 18.1343 45.6246 18.2052C44.864 18.2761 43.9875 18.0989 42.9949 17.6735ZM32.046 17.6735C31.2983 17.3642 30.7086 16.958 30.2767 16.4554C29.8449 15.9527 29.542 15.4015 29.368 14.8021C29.194 14.2027 29.1359 13.5743 29.194 12.9168C29.2519 12.2594 29.4067 11.6181 29.6579 10.9929C29.9093 10.3677 30.2445 9.77791 30.6634 9.22362C31.0823 8.66932 31.5594 8.19557 32.0944 7.80241C32.6293 7.40924 33.2158 7.11919 33.8539 6.93228C34.492 6.74537 35.1527 6.70346 35.836 6.80659C36.4032 6.89683 36.8897 7.16432 37.2957 7.60904C37.7018 8.05378 38.0241 8.60486 38.2626 9.26229C38.501 9.91971 38.6525 10.6416 38.7169 11.4279C38.7815 12.2143 38.7461 12.9909 38.6106 13.7579C38.4753 14.525 38.2433 15.2372 37.9145 15.8945C37.5858 16.5521 37.1539 17.0838 36.6189 17.4898C36.084 17.8959 35.4363 18.1343 34.6757 18.2052C33.9152 18.2761 33.0385 18.0989 32.046 17.6735ZM0.965515 17.423C0.875357 16.838 0.801223 16.2061 0.743107 15.5269C0.685161 14.8476 0.636759 14.1471 0.598242 13.4255C0.559554 12.7038 0.533648 11.9727 0.520866 11.2322C0.507913 10.4916 0.501434 9.76525 0.501434 9.05301C0.501434 8.34078 0.507913 7.65684 0.520866 7.0012C0.533648 6.34556 0.553075 5.73474 0.57881 5.16872C0.617498 5.00835 0.717376 4.90222 0.878602 4.85033C1.03966 4.79845 1.21367 4.78665 1.40063 4.81496C1.58759 4.84325 1.75836 4.90222 1.91311 4.99183C2.06769 5.08146 2.15154 5.18759 2.16432 5.31023C2.13859 5.84794 2.11932 6.37387 2.10637 6.888C2.09342 7.40214 2.09666 7.90918 2.11609 8.40917C2.13535 8.90915 2.17404 9.41149 2.23216 9.9162C2.2901 10.4209 2.37071 10.9327 2.47382 11.4515C3.0797 10.8666 3.7016 10.4987 4.33969 10.3478C4.97778 10.1968 5.58042 10.2039 6.14761 10.369C6.7148 10.5341 7.23376 10.8218 7.70415 11.2322C8.17471 11.6426 8.54862 12.1119 8.82574 12.6401C9.10286 13.1685 9.26716 13.725 9.3188 14.3099C9.37027 14.8948 9.26392 15.4419 8.99975 15.9513C8.73541 16.4607 8.294 16.8994 7.67517 17.2673C7.05651 17.6353 6.21851 17.8712 5.1615 17.9748C4.69742 18.022 4.29452 18.0598 3.95298 18.0881C3.61144 18.1164 3.28916 18.1188 2.98613 18.0951C2.68328 18.0716 2.37395 18.0079 2.05797 17.9041C1.74217 17.8003 1.37796 17.6399 0.965515 17.423ZM2.41571 14.791C2.24818 15.3381 2.22244 15.7839 2.3385 16.1282C2.45439 16.4726 2.66062 16.7249 2.95717 16.8852C3.25371 17.0456 3.61468 17.1259 4.04007 17.1259C4.46546 17.1259 4.90364 17.0622 5.35477 16.9348C5.80607 16.8075 6.24748 16.6259 6.67935 16.39C7.11122 16.1541 7.48191 15.876 7.79124 15.5552C8.02319 15.3193 8.14573 15.0339 8.15868 14.699C8.17147 14.3641 8.11028 14.0222 7.97496 13.6732C7.83946 13.3241 7.63649 12.9892 7.36584 12.6685C7.0952 12.3477 6.79217 12.0836 6.45711 11.876C6.12187 11.6685 5.76414 11.5411 5.38391 11.494C5.00351 11.4468 4.62976 11.5246 4.26231 11.7274C3.89504 11.9303 3.55009 12.2746 3.22781 12.7604C2.90552 13.2462 2.63488 13.9232 2.41571 14.791ZM42.9949 16.0685C43.8327 16.61 44.5836 16.8356 45.2476 16.7453C45.9114 16.6552 46.4689 16.3716 46.9201 15.8945C47.3714 15.4177 47.7097 14.8086 47.9353 14.0674C48.161 13.3262 48.2576 12.5688 48.2254 11.7953C48.193 11.0219 48.0255 10.3032 47.7226 9.63934C47.4196 8.97546 46.9587 8.47595 46.3401 8.1408C45.9921 7.96031 45.5859 7.96999 45.1219 8.16979C44.6578 8.3696 44.2034 8.69186 43.7588 9.1366C43.3139 9.58134 42.911 10.1131 42.5502 10.7318C42.1893 11.3506 41.9444 11.9855 41.8153 12.6364C41.6865 13.2875 41.7025 13.9158 41.8637 14.5217C42.0248 15.1276 42.402 15.6432 42.9949 16.0685ZM32.046 16.0685C32.884 16.61 33.6347 16.8356 34.2987 16.7453C34.9625 16.6552 35.52 16.3716 35.9713 15.8945C36.4224 15.4177 36.7607 14.8086 36.9864 14.0674C37.212 13.3262 37.3087 12.5688 37.2765 11.7953C37.2442 11.0219 37.0767 10.3032 36.7737 9.63934C36.4708 8.97546 36.01 8.47595 35.3912 8.1408C35.0431 7.96031 34.637 7.96999 34.1729 8.16979C33.7088 8.3696 33.2545 8.69186 32.8098 9.1366C32.365 9.58134 31.9623 10.1131 31.6013 10.7318C31.2403 11.3506 30.9954 11.9855 30.8666 12.6364C30.7376 13.2875 30.7538 13.9158 30.9148 14.5217C31.076 15.1276 31.453 15.6432 32.046 16.0685ZM12.2899 15.3919C12.625 15.9075 12.9762 16.204 13.3437 16.2814C13.7111 16.3586 14.0687 16.291 14.4169 16.0783C14.7649 15.8656 15.0936 15.5498 15.403 15.1308C15.7123 14.7119 15.9766 14.2639 16.1958 13.787C16.4148 13.31 16.576 12.8427 16.6792 12.3851C16.7823 11.9275 16.808 11.5504 16.7565 11.2539C16.6921 10.9445 16.6405 10.6674 16.6018 10.4225C16.5631 10.1775 16.5212 9.9584 16.4762 9.76503C16.431 9.57167 16.3794 9.39441 16.3214 9.23329C16.2635 9.07215 16.1829 8.9078 16.0798 8.74022C15.564 8.37926 15.0839 8.23746 14.6391 8.31482C14.1945 8.39216 13.7948 8.6113 13.4403 8.97224C13.0858 9.33319 12.7894 9.79726 12.5508 10.3644C12.3124 10.9316 12.1384 11.5246 12.0288 12.1434C11.9192 12.7621 11.8838 13.3616 11.9225 13.9416C11.9611 14.5217 12.0835 15.0051 12.2899 15.3919Z" fill="#282828"/>
|
21 |
+
</svg>
|
22 |
+
</div>
|
23 |
+
<span class="breadcrumb-title">/ {{genericText.dashboard}}</span>
|
24 |
+
</div>
|
25 |
+
<div v-if="cff_builder.pluginsInfo.social_wall.activated" class="sb-social-wall-link-wrap">
|
26 |
+
<div v-for="(link, key) in allFeedsScreen.socialWallLinks" class="sb-social-wall-link" v-html="link"></div>
|
27 |
+
</div>
|
28 |
+
</div>
|
29 |
+
<div class="cff-fb-header-right">
|
30 |
+
<a class="cff-fb-hd-btn sb-btn-grey sb-button-standard" data-icon="left" :href="supportPageUrl">
|
31 |
+
<svg class="sb" width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
|
32 |
+
<path d="M8.16797 14.0001H9.83464V12.3334H8.16797V14.0001ZM9.0013 0.666748C4.4013 0.666748 0.667969 4.40008 0.667969 9.00008C0.667969 13.6001 4.4013 17.3334 9.0013 17.3334C13.6013 17.3334 17.3346 13.6001 17.3346 9.00008C17.3346 4.40008 13.6013 0.666748 9.0013 0.666748ZM9.0013 15.6667C5.3263 15.6667 2.33464 12.6751 2.33464 9.00008C2.33464 5.32508 5.3263 2.33341 9.0013 2.33341C12.6763 2.33341 15.668 5.32508 15.668 9.00008C15.668 12.6751 12.6763 15.6667 9.0013 15.6667ZM9.0013 4.00008C7.15964 4.00008 5.66797 5.49175 5.66797 7.33342H7.33464C7.33464 6.41675 8.08464 5.66675 9.0013 5.66675C9.91797 5.66675 10.668 6.41675 10.668 7.33342C10.668 9.00008 8.16797 8.79175 8.16797 11.5001H9.83464C9.83464 9.62508 12.3346 9.41675 12.3346 7.33342C12.3346 5.49175 10.843 4.00008 9.0013 4.00008Z" fill="#141B38"/>
|
33 |
+
</svg>
|
34 |
+
<span>{{genericText.help}}</span>
|
35 |
+
</a>
|
36 |
+
</div>
|
37 |
+
<div class="sb-loadingbar-ctn" v-if="loadingBar"></div>
|
38 |
+
</div>
|
39 |
+
<!--CFF customizer Heading-->
|
40 |
+
<div class="cff-fb-header cff-csz-header cff-fb-fs" v-if="iscustomizerScreen" v-bind:class="{ 'sb-onboarding-highlight' : viewsActive.onboardingStep === 1 && viewsActive.onboardingCustomizerPopup }">
|
41 |
+
<div class="cff-csz-header-insider">
|
42 |
+
<button class="cff-fb-hd-btn cff-btn-grey sb-button-standard cff-small-chevron" data-icon="left" @click.prevent.default="JSON.stringify(customizerFeedDataInitial) === JSON.stringify(customizerFeedData) ? window.location = builderUrl : openDialogBox('backAllToFeed')">
|
43 |
+
<svg width="6" height="8" viewBox="0 0 6 8" fill="none" xmlns="http://www.w3.org/2000/svg">
|
44 |
+
<path d="M5.27203 0.94L4.33203 0L0.332031 4L4.33203 8L5.27203 7.06L2.2187 4L5.27203 0.94Z" fill="#141B38"/>
|
45 |
+
</svg>
|
46 |
+
|
47 |
+
<span>{{genericText.backAllFeeds}}</span>
|
48 |
+
</button>
|
49 |
+
<div class="cff-csz-hd-name" :data-edit="viewsActive.editName">
|
50 |
+
<input id="cff-csz-hd-input" v-model="customizerFeedData.feed_info.feed_name" type="text" :style="'width:' + customizerScreens.inputNameWidth + ';'" :onfocus="updateInputWidth()" :onkeypress="updateInputWidth()" @keyup.enter="activateView('editName')">
|
51 |
+
<span class="sb-bold sb-standard-p" v-if="!viewsActive['editName']">{{customizerFeedData.feed_info.feed_name}}</span>
|
52 |
+
<button v-if="customizerFeedData.feed_info.id !== 'legacy'" class="cff-csz-name-ed-btn" v-html="viewsActive.editName ? svgIcons['checkmarklarge'] : svgIcons['edit']" @click.prevent.default="activateView('editName')"></button>
|
53 |
+
</div>
|
54 |
+
|
55 |
+
<div class="cff-csz-hd-actions">
|
56 |
+
<a :href="supportPageUrl" class="cff-fb-hd-btn cff-btn-grey sb-button-standard" target="_blank">
|
57 |
+
<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
|
58 |
+
<path d="M8.16797 14.0001H9.83464V12.3334H8.16797V14.0001ZM9.0013 0.666748C4.4013 0.666748 0.667969 4.40008 0.667969 9.00008C0.667969 13.6001 4.4013 17.3334 9.0013 17.3334C13.6013 17.3334 17.3346 13.6001 17.3346 9.00008C17.3346 4.40008 13.6013 0.666748 9.0013 0.666748ZM9.0013 15.6667C5.3263 15.6667 2.33464 12.6751 2.33464 9.00008C2.33464 5.32508 5.3263 2.33341 9.0013 2.33341C12.6763 2.33341 15.668 5.32508 15.668 9.00008C15.668 12.6751 12.6763 15.6667 9.0013 15.6667ZM9.0013 4.00008C7.15964 4.00008 5.66797 5.49175 5.66797 7.33342H7.33464C7.33464 6.41675 8.08464 5.66675 9.0013 5.66675C9.91797 5.66675 10.668 6.41675 10.668 7.33342C10.668 9.00008 8.16797 8.79175 8.16797 11.5001H9.83464C9.83464 9.62508 12.3346 9.41675 12.3346 7.33342C12.3346 5.49175 10.843 4.00008 9.0013 4.00008Z" fill="#141B38"/>
|
59 |
+
</svg>
|
60 |
+
<span>{{genericText.help}}</span>
|
61 |
+
</a>
|
62 |
+
<button v-if="customizerFeedData.feed_info.id !== 'legacy'" class="cff-fb-hd-btn cff-csz-btn-embd cff-btn-dark sb-button-standard" @click.prevent.default="activateView('embedPopup', null, true)">
|
63 |
+
<svg width="16" height="12" viewBox="0 0 16 12" fill="none" xmlns="http://www.w3.org/2000/svg">
|
64 |
+
<path d="M16 6L12.2287 9.77133L11.286 8.82867L14.1147 6L11.286 3.17133L12.2287 2.22867L16 6ZM1.88533 6L4.714 8.82867L3.77133 9.77133L0 6L3.77133 2.22867L4.71333 3.17133L1.88533 6ZM6.52533 12H5.10667L9.47467 0H10.8933L6.52533 12Z" fill="white"/>
|
65 |
+
</svg>
|
66 |
+
<span>{{customizeScreensText.common.embed}}</span>
|
67 |
+
</button>
|
68 |
+
<button class="cff-fb-hd-btn cff-csz-btn-save cff-btn-orange sb-button-standard" @click.prevent.default="saveFeedSettings()">
|
69 |
+
<svg width="16" height="12" viewBox="0 0 16 12" fill="none" xmlns="http://www.w3.org/2000/svg">
|
70 |
+
<path fill-rule="evenodd" clip-rule="evenodd" d="M6.08058 8.36133L14.0355 0.406383L15.8033 2.17415L6.08058 11.8969L0.777281 6.59357L2.54505 4.8258L6.08058 8.36133Z" fill="white"/>
|
71 |
+
</svg>
|
72 |
+
<span>{{customizeScreensText.common.save}}</span>
|
73 |
+
</button>
|
74 |
+
</div>
|
75 |
+
</div>
|
76 |
+
<div class="sb-loadingbar-ctn" v-if="loadingBar"></div>
|
77 |
+
</div>
|
admin/builder/templates/sections/popup/add-source-popup-old.php
ADDED
@@ -0,0 +1,328 @@
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
1 |
+
<script type="text/x-template" id="sb-add-source-component">
|
2 |
+
<div class="cff-fb-source-ctn sb-fs-boss cff-fb-center-boss" v-if="viewsActive.sourcePopup">
|
3 |
+
<!--START Source Popup on the Customizer-->
|
4 |
+
<div class="cff-fb-source-popup cff-fb-popup-inside cff-fb-source-pp-customizer" v-if="viewsActive.sourcePopupType == 'customizer'" :data-multifeed="$parent.activeExtensions['multifeed'] ? 'active' : 'inactive'">
|
5 |
+
<div class="cff-fb-popup-cls" @click.prevent.default="$parent.closeSourceCustomizer()">
|
6 |
+
<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
|
7 |
+
<path d="M14 1.41L12.59 0L7 5.59L1.41 0L0 1.41L5.59 7L0 12.59L1.41 14L7 8.41L12.59 14L14 12.59L8.41 7L14 1.41Z" fill="#141B38"/>
|
8 |
+
</svg>
|
9 |
+
</div>
|
10 |
+
<div class="cff-fb-source-top cff-fb-fs">
|
11 |
+
<h3>{{selectSourceScreen.updateHeading}}</h3>
|
12 |
+
<div class="cff-fb-srcs-desc">{{selectSourceScreen.updateDescription}}</div>
|
13 |
+
<div class="cff-fb-srcslist-ctn cff-fb-fs">
|
14 |
+
<div class="cff-fb-srcs-item cff-fb-srcs-new" @click.prevent.default="$parent.activateView('sourcePopupType', 'creation')">
|
15 |
+
<svg width="10" height="10" viewBox="0 0 10 10" fill="none" xmlns="http://www.w3.org/2000/svg">
|
16 |
+
<path d="M9.66634 5.66634H5.66634V9.66634H4.33301V5.66634H0.333008V4.33301H4.33301V0.333008H5.66634V4.33301H9.66634V5.66634Z" fill="#0096CC"/>
|
17 |
+
</svg>
|
18 |
+
<span class="sb-small-p sb-bold">{{genericText.addNew}}</span>
|
19 |
+
</div>
|
20 |
+
<div class="cff-fb-srcs-item" v-for="(source, sourceIndex) in sourcesList" @click.prevent.default="$parent.selectSourceCustomizer(source)" :data-type="source.account_type"
|
21 |
+
:data-active="$parent.isSourceActiveCustomizer(source)"
|
22 |
+
:data-test="(Array.isArray($parent.customizerFeedData.settings.sources.map) || $parent.customizerFeedData.settings.sources instanceof Object ) && $parent.customizerFeedData.settings.sources.map(s => s.account_id).includes(source.account_id)"
|
23 |
+
>
|
24 |
+
<div class="cff-fb-srcs-item-chkbx">
|
25 |
+
<div class="cff-fb-srcs-item-chkbx-ic"></div>
|
26 |
+
</div>
|
27 |
+
<div class="cff-fb-srcs-item-avatar">
|
28 |
+
<img :src="typeof source.avatar_url !== 'undefined' && source.account_type === 'group' ? source.avatar_url : 'https://graph.facebook.com/'+source.account_id+'/picture'">
|
29 |
+
</div>
|
30 |
+
<div class="cff-fb-srcs-item-inf">
|
31 |
+
<div class="cff-fb-srcs-item-name"><span class="sb-small-p sb-bold" v-html="source.username"></span></div>
|
32 |
+
<div class="cff-fb-left-boss">
|
33 |
+
<div class="cff-fb-srcs-item-type">
|
34 |
+
<div v-html="source.account_type == 'group' ? svgIcons['users'] : svgIcons['flag']"></div>
|
35 |
+
<span class="sb-small sb-lighter" v-html="source.account_type"></span>
|
36 |
+
</div>
|
37 |
+
<div v-if="source.error !== ''" class="sb-source-error-wrap">
|
38 |
+
<span v-html="genericText.invalid"></span><a href="#" @click.prevent.default="$parent.activateView('sourcePopupType', 'creation')" v-html="genericText.reconnect"></a>
|
39 |
+
</div>
|
40 |
+
</div>
|
41 |
+
</div>
|
42 |
+
</div>
|
43 |
+
</div>
|
44 |
+
<div class="cff-fb-srcs-update-ctn cff-fb-fs">
|
45 |
+
<button class="cff-fb-srcs-update sb-btn cff-fb-fs sb-btn-orange" @click.prevent.default="$parent.activateView('sourcePopup', 'updateCustomizer', 'feedFlyPreview')">
|
46 |
+
<svg width="16" height="12" viewBox="0 0 16 12" fill="none" xmlns="http://www.w3.org/2000/svg">
|
47 |
+
<path fill-rule="evenodd" clip-rule="evenodd" d="M6.08058 8.36133L14.0355 0.406383L15.8033 2.17415L6.08058 11.8969L0.777281 6.59357L2.54505 4.8258L6.08058 8.36133Z" fill="white"/>
|
48 |
+
</svg>
|
49 |
+
<span>{{genericText.update}}</span>
|
50 |
+
</button>
|
51 |
+
</div>
|
52 |
+
</div>
|
53 |
+
|
54 |
+
<div v-if="!$parent.activeExtensions['multifeed']" class="cff-fb-srcs-update-footer cff-fb-fs">
|
55 |
+
<div class="cff-fb-srcs-update-footer-image">
|
56 |
+
<svg width="171" height="107" viewBox="0 0 171 107" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0)"> <g style="mix-blend-mode:multiply" opacity="0.3" filter="url(#filter0_f)"> <circle cx="-52.5141" cy="81.0831" r="129.5" transform="rotate(27.5614 -52.5141 81.0831)" fill="url(#paint0_linear)"/> </g> <g style="mix-blend-mode:multiply" opacity="0.5" filter="url(#filter1_f)"> <circle cx="-0.490694" cy="175.917" r="129.5" transform="rotate(27.5614 -0.490694 175.917)" fill="#52D1FF"/> </g> <g filter="url(#filter2_d)"> <g clip-path="url(#clip1)"> <rect x="28.3672" y="27.6296" width="98.778" height="65.0678" rx="1.5679" transform="rotate(-3 28.3672 27.6296)" fill="white"/> <path d="M123.358 30.4864C123.227 27.9727 121.083 26.0427 118.569 26.1745C116.056 26.3062 114.126 28.4496 114.257 30.9634C114.377 33.2386 116.127 35.042 118.328 35.2578L118.161 32.0835L117.006 32.1441L116.936 30.823L118.092 30.7624L118.04 29.7716C117.981 28.634 118.626 27.9562 119.653 27.9023C120.167 27.8754 120.686 27.9402 120.686 27.9402L120.744 29.0595L120.176 29.0893C119.607 29.1191 119.442 29.4774 119.461 29.8443L119.505 30.6884L120.771 30.622L120.639 31.9537L119.574 32.0095L119.741 35.1838C121.907 34.7391 123.478 32.7617 123.358 30.4864Z" fill="#006BFA"/> <rect x="33.2227" y="43.8606" width="90.7776" height="44.6095" transform="rotate(-3 33.2227 43.8606)" fill="#F6966B"/> <path d="M85.0273 41.146L123.879 39.1099L126.213 83.6583L86.6466 72.0425L85.0273 41.146Z" fill="#86D0F9"/> <path d="M85.0245 41.1458L33.2227 43.8606L34.8419 74.7571L86.6437 72.0423L85.0245 41.1458Z" fill="#FCE1D5"/> </g> <rect x="28.5732" y="27.8151" width="98.386" height="64.6758" rx="1.37191" transform="rotate(-3 28.5732 27.8151)" stroke="#E8E8EB" stroke-width="0.391974"/> </g> <g filter="url(#filter3_d)"> <rect x="38" y="17" width="98.778" height="65.0678" rx="1.5679" fill="white"/> <path d="M132.714 24.8243C132.714 22.3071 130.674 20.2676 128.157 20.2676C125.64 20.2676 123.6 22.3071 123.6 24.8243C123.6 27.1026 125.254 28.9951 127.44 29.3259V26.1472H126.283V24.8243H127.44V23.8321C127.44 22.6929 128.12 22.0498 129.149 22.0498C129.663 22.0498 130.178 22.1417 130.178 22.1417V23.2625H129.608C129.039 23.2625 128.855 23.6116 128.855 23.9791V24.8243H130.123L129.921 26.1472H128.855V29.3259C131.042 28.9951 132.714 27.1026 132.714 24.8243Z" fill="#006BFA"/> <rect x="42" y="33.4629" width="90.7776" height="44.6095" fill="#43A6DB"/> <path d="M93.8789 33.4634L132.784 33.4634V78.0729L93.8789 64.4023V33.4634Z" fill="#86D0F9"/> <path d="M93.8729 33.4629L42 33.4629L42 64.4018H93.8729V33.4629Z" fill="#B5E5FF"/> <rect x="38.196" y="17.196" width="98.386" height="64.6758" rx="1.37191" stroke="#E8E8EB" stroke-width="0.391974"/> </g> <rect x="119.5" y="65.5" width="25" height="25" rx="12.5" fill="#E34F0E"/> <path d="M136.375 78.625H132.625V82.375H131.375V78.625H127.625V77.375H131.375V73.625H132.625V77.375H136.375V78.625Z" fill="white"/> </g> <defs> <filter id="filter0_f" x="-301.238" y="-167.64" width="497.446" height="497.446" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"> <feFlood flood-opacity="0" result="BackgroundImageFix"/> <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/> <feGaussianBlur stdDeviation="37" result="effect1_foregroundBlur"/> </filter> <filter id="filter1_f" x="-249.215" y="-72.8064" width="497.446" height="497.446" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"> <feFlood flood-opacity="0" result="BackgroundImageFix"/> <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/> <feGaussianBlur stdDeviation="37" result="effect1_foregroundBlur"/> </filter> <filter id="filter2_d" x="25.3672" y="22.46" width="110.048" height="78.1482" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"> <feFlood flood-opacity="0" result="BackgroundImageFix"/> <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/> <feOffset dx="1" dy="4"/> <feGaussianBlur stdDeviation="2"/> <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.05 0"/> <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"/> <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow" result="shape"/> </filter> <filter id="filter3_d" x="35" y="17" width="106.778" height="73.0678" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"> <feFlood flood-opacity="0" result="BackgroundImageFix"/> <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/> <feOffset dx="1" dy="4"/> <feGaussianBlur stdDeviation="2"/> <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.05 0"/> <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"/> <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow" result="shape"/> </filter> <linearGradient id="paint0_linear" x1="-89.7454" y1="446.921" x2="455.773" y2="-109.929" gradientUnits="userSpaceOnUse"> <stop stop-color="white"/> <stop offset="0.147864" stop-color="#F6640E"/> <stop offset="0.443974" stop-color="#BA03A7"/> <stop offset="0.733337" stop-color="#6A01B9"/> <stop offset="1" stop-color="#6B01B9"/> </linearGradient> <clipPath id="clip0"> <path d="M0 0H171V105C171 106.105 170.105 107 169 107H0V0Z" fill="white"/> </clipPath> <clipPath id="clip1"> <rect x="28.3672" y="27.6296" width="98.778" height="65.0678" rx="1.5679" transform="rotate(-3 28.3672 27.6296)" fill="white"/> </clipPath> </defs> </svg>
|
57 |
+
</div>
|
58 |
+
<div class="cff-fb-srcs-update-footer-txt">
|
59 |
+
<h4>{{selectSourceScreen.updateFooter}}</h4>
|
60 |
+
</div>
|
61 |
+
<div class="cff-fb-srcs-update-footer-btn">
|
62 |
+
<a :href="links.multifeedCTA" target="_blank" class="cff-fb-hd-btn cff-btn-grey sb-button-standard sb-button-right-icon">
|
63 |
+
{{genericText.learnMore}}
|
64 |
+
<svg width="7" height="11" viewBox="0 0 7 11" fill="none" xmlns="http://www.w3.org/2000/svg">
|
65 |
+
<path d="M1.67109 0.5L0.496094 1.675L4.31276 5.5L0.496094 9.325L1.67109 10.5L6.67109 5.5L1.67109 0.5Z" fill="#141B38"/>
|
66 |
+
</svg>
|
67 |
+
</a>
|
68 |
+
</div>
|
69 |
+
</div>
|
70 |
+
</div>
|
71 |
+
<!--END Source Popup on the Customizer-->
|
72 |
+
|
73 |
+
<div class="cff-fb-source-popup cff-fb-popup-inside" v-if="viewsActive.sourcePopupType != 'customizer'">
|
74 |
+
<div class="cff-fb-popup-cls" @click.prevent.default="$parent.activateView('sourcePopup')">
|
75 |
+
<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
|
76 |
+
<path d="M14 1.41L12.59 0L7 5.59L1.41 0L0 1.41L5.59 7L0 12.59L1.41 14L7 8.41L12.59 14L14 12.59L8.41 7L14 1.41Z" fill="#141B38"/>
|
77 |
+
</svg>
|
78 |
+
</div>
|
79 |
+
<!-- Step One Select Source -->
|
80 |
+
<div class="cff-fb-source-step1 cff-fb-fs" v-if="viewsActive.sourcePopupScreen == 'step_1'">
|
81 |
+
<div class="cff-fb-source-top cff-fb-fs">
|
82 |
+
<div class=" cff-fb-fs">
|
83 |
+
<div class="cff-fb-src-back-top" @click.prevent.default="$parent.activateView('sourcePopup', 'updateCustomizer')">
|
84 |
+
<svg width="6" height="9" viewBox="0 0 6 9" fill="none" xmlns="http://www.w3.org/2000/svg">
|
85 |
+
<path d="M5.27398 1.44L4.33398 0.5L0.333984 4.5L4.33398 8.5L5.27398 7.56L2.22065 4.5L5.27398 1.44Z" fill="#434960"/>
|
86 |
+
</svg>
|
87 |
+
{{selectSourceScreen.mainHeading}}
|
88 |
+
</div>
|
89 |
+
</div>
|
90 |
+
<h3>{{selectSourceScreen.modal.addNew}}</h3>
|
91 |
+
<div class="cff-fb-stp1-elm cff-fb-fs">
|
92 |
+
<div class="cff-fb-stp1-elm-ic">1</div>
|
93 |
+
<div class="cff-fb-stp1-elm-txt">
|
94 |
+
<div class="cff-fb-stp1-elm-head sb-small-p sb-bold sb-dark-text">{{selectSourceScreen.modal.selectSourceType}}</div>
|
95 |
+
</div>
|
96 |
+
<div class="cff-fb-stp1-elm-act cff-fb-stp-src-ctn">
|
97 |
+
<div class="cff-fb-stp-src-type sb-small-p sb-dark-text" :data-active="addNewSource.typeSelected == 'page'" @click.prevent.default="addNewSource.typeSelected = 'page'">
|
98 |
+
<div class="cff-fb-chbx-round"></div>{{selectSourceScreen.page}}
|
99 |
+
</div>
|
100 |
+
<div class="cff-fb-stp-src-type sb-small-p sb-dark-text" :data-disabled="typeof window.cffSelectedFeed !== 'undefined' && window.cffSelectedFeed === 'photos' ? true : false" :data-active="addNewSource.typeSelected == 'group'" @click.prevent.default="typeof window.cffSelectedFeed !== 'undefined' && window.cffSelectedFeed === 'photos' ? addNewSource.typeSelected = 'page' : addNewSource.typeSelected = 'group'">
|
101 |
+
<div class="cff-fb-chbx-round"></div>{{selectSourceScreen.group}}
|
102 |
+
|
103 |
+
<div class="cff-fb-onbrd-tltp-elem cff-no-groups-tooltip sb-tr-2" v-if="typeof window.cffSelectedFeed !== 'undefined' && window.cffSelectedFeed === 'photos'">
|
104 |
+
<div class="cff-fb-onbrd-tltp-txt sb-small-p sb-lighter">
|
105 |
+
{{selectSourceScreen.modal.noGroupTooltip}}
|
106 |
+
</div>
|
107 |
+
<div class="sb-pointer sb-bottom-pointer">
|
108 |
+
<svg width="20" height="10" viewBox="0 0 20 10" fill="none" xmlns="http://www.w3.org/2000/svg">
|
109 |
+
<path d="M11.4142 8.58579C10.6332 9.36683 9.36684 9.36683 8.58579 8.58579L0 0L20 0L11.4142 8.58579Z" fill="white"/>
|
110 |
+
</svg>
|
111 |
+
</div>
|
112 |
+
</div>
|
113 |
+
|
114 |
+
</div>
|
115 |
+
</div>
|
116 |
+
</div>
|
117 |
+
<div class="cff-fb-stp1-elm cff-fb-fs" v-if="(addNewSource.typeSelected == 'group' && selectedFeed == 'events') || selectedFeed != 'events'">
|
118 |
+
<div class="cff-fb-stp1-elm-ic">2</div>
|
119 |
+
<div class="cff-fb-stp1-elm-txt">
|
120 |
+
<div class="cff-fb-stp1-elm-head sb-small-p sb-bold sb-dark-text">{{selectSourceScreen.modal.connectAccount}}</div>
|
121 |
+
<div class="cff-fb-stp1-elm-desc sb-caption sb-caption-lighter">{{selectSourceScreen.modal.connectAccountDescription}}</div>
|
122 |
+
</div>
|
123 |
+
<div class="cff-fb-stp1-elm-act">
|
124 |
+
<button class="sb-btn cff-fb-stp1-connect sb-btn-blue" @click.prevent.default="processFBConnect()">
|
125 |
+
<a class="cff-fb-fs-link"></a>
|
126 |
+
<div v-html="svgIcons['facebook']"></div>
|
127 |
+
{{selectSourceScreen.modal.connect}}
|
128 |
+
</button>
|
129 |
+
</div>
|
130 |
+
</div>
|
131 |
+
|
132 |
+
<div class="cff-fb-fs" v-if="(addNewSource.typeSelected == 'page' && selectedFeed == 'events')">
|
133 |
+
<!--Add Event Source-->
|
134 |
+
<div class="cff-fb-stp1-elm cff-fb-stp1-event cff-fb-fs">
|
135 |
+
<div class="cff-fb-stp1-elm-ic">2</div>
|
136 |
+
<div class="cff-fb-stp1-elm-txt">
|
137 |
+
<div class="cff-fb-stp1-elm-head sb-small-p sb-bold sb-dark-text">{{selectSourceScreen.modal.enterEventToken}}</div>
|
138 |
+
<div class="cff-fb-stp1-elm-desc sb-caption sb-caption-lighter" v-html="selectSourceScreen.modal.enterEventTokenDescription"></div>
|
139 |
+
</div>
|
140 |
+
<div class="cff-fb-stp1-elm-act"></div>
|
141 |
+
</div>
|
142 |
+
<div class="cff-fb-fs">
|
143 |
+
<div class="cff-fb-source-inputs cff-fb-fs">
|
144 |
+
<div class="cff-fb-source-inp-label cff-fb-fs">{{selectSourceScreen.modal.fbPageID}}</div>
|
145 |
+
<input type="text" class="cff-fb-source-inp cff-fb-fs" v-model="addNewSource.manualSourceID" :placeholder="selectSourceScreen.modal.enterID">
|
146 |
+
<div class="cff-fb-source-inp-label cff-fb-fs">{{selectSourceScreen.modal.eventAccessToken}}</div>
|
147 |
+
<input type="text" class="cff-fb-source-inp cff-fb-fs" v-model="addNewSource.manualSourceToken" :placeholder="selectSourceScreen.modal.enterToken">
|
148 |
+
</div>
|
149 |
+
<button class="cff-fb-source-btn cff-fb-fs sb-btn-blue sb-account-connection-button" @click.prevent.default="addSourceManually(true)">
|
150 |
+
<div class="cff-fb-icon-success"></div>
|
151 |
+
{{selectSourceScreen.modal.addSource}}
|
152 |
+
</button>
|
153 |
+
</div>
|
154 |
+
</div>
|
155 |
+
|
156 |
+
|
157 |
+
</div>
|
158 |
+
<div class="cff-fb-source-bottom cff-fb-fs" v-if="(addNewSource.typeSelected == 'group' && selectedFeed == 'events') || selectedFeed != 'events'">
|
159 |
+
<div class="cff-manual-question">
|
160 |
+
<svg width="20" height="15" viewBox="0 0 20 15" fill="none" xmlns="http://www.w3.org/2000/svg">
|
161 |
+
<path d="M19.6004 7.4998L15.0748 12.0254L13.9436 10.8942L17.338 7.4998L13.9436 4.1054L15.0748 2.9742L19.6004 7.4998ZM2.66279 7.4998L6.05719 10.8942L4.92599 12.0254L0.400391 7.4998L4.92599 2.9742L6.05639 4.1054L2.66279 7.4998ZM8.23079 14.6998H6.52839L11.77 0.299805H13.4724L8.23079 14.6998Z" fill="#141B38"/>
|
162 |
+
</svg>
|
163 |
+
|
164 |
+
<div class="cff-fb-source-btm-hd sb-small-p sb-bold sb-dark-text">{{selectSourceScreen.modal.alreadyHave}}</div>
|
165 |
+
</div>
|
166 |
+
<button class="cff-fb-hd-btn cff-fb-src-add-manual sb-btn-grey" @click.prevent.default="$parent.switchScreen('sourcePopupScreen','step_3')">
|
167 |
+
<svg width="12" height="13" viewBox="0 0 12 13" fill="none" xmlns="http://www.w3.org/2000/svg">
|
168 |
+
<path d="M11.8327 7.33317H6.83268V12.3332H5.16602V7.33317H0.166016V5.6665H5.16602V0.666504H6.83268V5.6665H11.8327V7.33317Z" fill="#141B38"/>
|
169 |
+
</svg>
|
170 |
+
<span class="sb-small-p sb-bold sb-dark-text">{{selectSourceScreen.modal.addManuallyLink}}</span>
|
171 |
+
</button>
|
172 |
+
</div>
|
173 |
+
</div>
|
174 |
+
|
175 |
+
<!-- Step Two Show Pages Connected to -->
|
176 |
+
<div class="cff-fb-source-step2 cff-fb-fs" v-if="viewsActive.sourcePopupScreen == 'step_2'">
|
177 |
+
<div class="cff-fb-source-top cff-fb-fs">
|
178 |
+
<div class=" cff-fb-fs">
|
179 |
+
<div class="cff-fb-src-back-top" @click.prevent.default="$parent.switchScreen('sourcePopupScreen','step_1')">
|
180 |
+
<svg width="6" height="9" viewBox="0 0 6 9" fill="none" xmlns="http://www.w3.org/2000/svg">
|
181 |
+
<path d="M5.27398 1.44L4.33398 0.5L0.333984 4.5L4.33398 8.5L5.27398 7.56L2.22065 4.5L5.27398 1.44Z" fill="#434960"/>
|
182 |
+
</svg>
|
183 |
+
{{selectSourceScreen.modal.addNew}}
|
184 |
+
</div>
|
185 |
+
</div>
|
186 |
+
<div v-if="typeof $parent.newSourceData !== 'undefined' && typeof $parent.newSourceData.error !== 'undefined'" class="cff-groups-connect-actions">
|
187 |
+
<div class="sb-alert">
|
188 |
+
<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
|
189 |
+
<path d="M8.99935 0.666504C4.39935 0.666504 0.666016 4.39984 0.666016 8.99984C0.666016 13.5998 4.39935 17.3332 8.99935 17.3332C13.5993 17.3332 17.3327 13.5998 17.3327 8.99984C17.3327 4.39984 13.5993 0.666504 8.99935 0.666504ZM9.83268 13.1665H8.16602V11.4998H9.83268V13.1665ZM9.83268 9.83317H8.16602V4.83317H9.83268V9.83317Z" fill="#995C00"/>
|
190 |
+
</svg>
|
191 |
+
<span><strong v-html="genericText.errorNotice"></strong></span><br>
|
192 |
+
<span class="sb-caption"><span v-html="genericText.error"></span> <span v-html="typeof $parent.newSourceData.error.code !== 'undefined' ? $parent.newSourceData.error.code : ''"></span><br><span v-html="$parent.newSourceData.error.message"></span></span>
|
193 |
+
<br><span class="sb-caption" v-html="genericText.errorDirections"></span>
|
194 |
+
</div>
|
195 |
+
</div>
|
196 |
+
<div v-if="typeof $parent.newSourceData === 'undefined' || typeof $parent.newSourceData.error === 'undefined'" >
|
197 |
+
<h3>{{addNewSource.typeSelected === 'page' ? selectSourceScreen.modal.selectPage : selectSourceScreen.modal.selectGroup}}</h3>
|
198 |
+
<div class="cff-fb-source-account-info cff-fb-fs">
|
199 |
+
<span class="sb-small-p sb-bold">{{selectSourceScreen.modal.showing}} <strong>{{selectSourceScreen.modal.facebook}} {{addNewSource.typeSelected === 'page' ? selectSourceScreen.modal.pages : selectSourceScreen.modal.groups}}</strong> {{selectSourceScreen.modal.connectedTo}}</span>
|
200 |
+
<img :src="$parent.hasOwnNestedProperty(newSourceData,'user.picture.data.url') ? newSourceData.user.picture.data.url : ''"> <strong v-if="$parent.hasOwnNestedProperty(newSourceData,'user.name')" v-html="newSourceData.user.name"></strong>
|
201 |
+
<button class="cff-fb-hd-btn cff-fb-src-change sb-btn-grey" @click="processFBConnect()">
|
202 |
+
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
203 |
+
<path d="M0.5 12.3749V15.4999H3.625L12.8417 6.2832L9.71667 3.1582L0.5 12.3749ZM15.8417 3.2832L12.7167 0.158203L10.6083 2.27487L13.7333 5.39987L15.8417 3.2832Z" fill="#141B38"/>
|
204 |
+
</svg>
|
205 |
+
<span class="sb-small-p sb-bold sb-dark-text">{{genericText.change}}</span>
|
206 |
+
</button>
|
207 |
+
</div>
|
208 |
+
<div class="cff-fb-source-list cff-fb-fs">
|
209 |
+
<div class="cff-fb-srcs-item" v-for="(source, sourceIndex) in returnedApiSourcesList" @click.prevent.default="selectSourcesToConnect(source)" :data-active="selectedSourcesToConnect.includes(source.account_id)" >
|
210 |
+
<div class="cff-fb-srcs-item-chkbx">
|
211 |
+
<div class="cff-fb-srcs-item-chkbx-ic"></div>
|
212 |
+
</div>
|
213 |
+
<div class="cff-fb-srcs-item-avatar">
|
214 |
+
<img :src="returnGroupPageAvatar(source)">
|
215 |
+
</div>
|
216 |
+
<div class="cff-fb-srcs-item-inf" v-bind:class="{ 'sb-has-details' : source.account_type === 'group' }">
|
217 |
+
<div class="cff-fb-srcs-item-name"><span class="sb-small-p sb-bold" v-html="source.username"></span></div>
|
218 |
+
<div class="cff-fb-srcs-item-type" v-bind:class="{ 'sb-highlight-admin' : source.admin, 'sb-is-group' : source.account_type === 'group' }" v-if="source.account_type === 'group'">
|
219 |
+
<div class="sb-details-wrap">
|
220 |
+
<div class="cff-fb-srcs-item-svg" v-html="source.admin ? svgIcons['user_check'] : svgIcons['users']"></div>
|
221 |
+
<span class="sb-small" v-html="source.admin ? genericText.admin : genericText.member"></span>
|
222 |
+
</div>
|
223 |
+
</div>
|
224 |
+
</div>
|
225 |
+
</div>
|
226 |
+
</div>
|
227 |
+
<button v-if="addNewSource.typeSelected !== 'group'" class="cff-fb-source-btn cff-fb-fs sb-btn-blue" @click.prevent.default="addSourcesOnConnect()">
|
228 |
+
<div class="cff-fb-icon-success"></div>
|
229 |
+
{{genericText.add}}
|
230 |
+
</button>
|
231 |
+
<div class="cff-groups-connect-actions" v-if="addNewSource.typeSelected === 'group'">
|
232 |
+
<div class="sb-alert">
|
233 |
+
<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
|
234 |
+
<path d="M8.99935 0.666504C4.39935 0.666504 0.666016 4.39984 0.666016 8.99984C0.666016 13.5998 4.39935 17.3332 8.99935 17.3332C13.5993 17.3332 17.3327 13.5998 17.3327 8.99984C17.3327 4.39984 13.5993 0.666504 8.99935 0.666504ZM9.83268 13.1665H8.16602V11.4998H9.83268V13.1665ZM9.83268 9.83317H8.16602V4.83317H9.83268V9.83317Z" fill="#995C00"/>
|
235 |
+
</svg>
|
236 |
+
<span class="sb-caption" v-html="selectSourceScreen.modal.disclaimer"></span>
|
237 |
+
</div>
|
238 |
+
<button class="cff-fb-source-btn cff-fb-source-btn-next cff-fb-fs sb-btn-blue" @click.prevent.default="$parent.switchScreen('sourcePopupScreen','step_4')" :data-active="typeof window.cffSelected !== 'undefined' && window.cffSelected.length ? 'true' : 'false'">
|
239 |
+
<span>{{genericText.next}}</span>
|
240 |
+
<svg width="7" height="11" viewBox="0 0 7 11" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.3332 0.00683594L0.158203 1.18184L3.97487 5.00684L0.158203 8.83184L1.3332 10.0068L6.3332 5.00684L1.3332 0.00683594Z" fill="white"></path></svg>
|
241 |
+
</button>
|
242 |
+
</div>
|
243 |
+
</div>
|
244 |
+
|
245 |
+
</div>
|
246 |
+
</div>
|
247 |
+
<!-- Step Three Connect Manually-->
|
248 |
+
<div class="cff-fb-source-step3 cff-fb-fs" v-if="viewsActive.sourcePopupScreen == 'step_3'">
|
249 |
+
<div class="cff-fb-source-top cff-fb-fs">
|
250 |
+
<div class=" cff-fb-fs">
|
251 |
+
<div class="cff-fb-src-back-top" @click.prevent.default="$parent.switchScreen('sourcePopupScreen','step_1')">
|
252 |
+
<svg width="6" height="9" viewBox="0 0 6 9" fill="none" xmlns="http://www.w3.org/2000/svg">
|
253 |
+
<path d="M5.27398 1.44L4.33398 0.5L0.333984 4.5L4.33398 8.5L5.27398 7.56L2.22065 4.5L5.27398 1.44Z" fill="#434960"/>
|
254 |
+
</svg>
|
255 |
+
{{selectSourceScreen.modal.addNew}}
|
256 |
+
</div>
|
257 |
+
</div>
|
258 |
+
<h3>{{selectSourceScreen.modal.addManually}}</h3>
|
259 |
+
<div class="cff-fb-fs">
|
260 |
+
<div class="cff-fb-source-inp-label cff-fb-fs"><span class="sb-caption sb-caption-lighter">{{selectSourceScreen.modal.sourceType}}</span></div>
|
261 |
+
<div class="cff-fb-source-mnl-type cff-fb-fs">
|
262 |
+
<div class="cff-fb-stp1-elm-act cff-fb-stp-src-ctn">
|
263 |
+
<div class="cff-fb-stp-src-type" :data-active="addNewSource.typeSelected == 'page'" @click.prevent.default="addNewSource.typeSelected = 'page'">
|
264 |
+
<div class="cff-fb-chbx-round"></div><span class="sb-small-p sb-dark-text">{{selectSourceScreen.page}}</span>
|
265 |
+
</div>
|
266 |
+
<div class="cff-fb-stp-src-type" :data-active="addNewSource.typeSelected == 'group'" @click.prevent.default="addNewSource.typeSelected = 'group'">
|
267 |
+
<div class="cff-fb-chbx-round"></div><span class="sb-small-p sb-dark-text">{{selectSourceScreen.group}}</span>
|
268 |
+
</div>
|
269 |
+
</div>
|
270 |
+
</div>
|
271 |
+
</div>
|
272 |
+
<div class="cff-fb-source-inputs cff-fb-fs">
|
273 |
+
<div class="cff-fb-source-inp-label cff-fb-fs"><span class="sb-caption sb-caption-lighter">{{selectSourceScreen.modal.pageOrGroupID}}</span></div>
|
274 |
+
<input type="text" class="cff-fb-source-inp cff-fb-fs" v-model="addNewSource.manualSourceID" :placeholder="selectSourceScreen.modal.enterID">
|
275 |
+
<div class="cff-fb-source-inp-label cff-fb-fs"><span class="sb-caption sb-caption-lighter">{{selectSourceScreen.modal.accessToken}}</span></div>
|
276 |
+
<input type="text" class="cff-fb-source-inp cff-fb-fs" v-model="addNewSource.manualSourceToken" :placeholder="selectSourceScreen.modal.enterToken">
|
277 |
+
</div>
|
278 |
+
<button class="cff-fb-source-btn cff-fb-fs sb-btn-blue sb-account-connection-button" @click.prevent.default="addSourceManually()" :data-active="checkManualEmpty() && loadingAjax == false ? 'true' : 'false'">
|
279 |
+
<div v-if="loadingAjax === false" class="cff-fb-icon-success"></div>
|
280 |
+
<span v-if="loadingAjax === false">{{genericText.add}}</span>
|
281 |
+
<span v-if="loadingAjax" class="spinner" style="display: inline-block;visibility: visible;margin: 1px;"></span>
|
282 |
+
</button>
|
283 |
+
|
284 |
+
</div>
|
285 |
+
</div>
|
286 |
+
|
287 |
+
<!-- Step Four Group Instructions -->
|
288 |
+
<div class="cff-fb-source-step4 cff-fb-fs" v-if="viewsActive.sourcePopupScreen == 'step_4'">
|
289 |
+
<div class="cff-fb-source-top cff-fb-fs">
|
290 |
+
<div class="cff-fb-fs">
|
291 |
+
<div class="cff-fb-src-back-top" @click.prevent.default="$parent.switchScreen('sourcePopupScreen','step_2')">
|
292 |
+
<svg width="6" height="9" viewBox="0 0 6 9" fill="none" xmlns="http://www.w3.org/2000/svg">
|
293 |
+
<path d="M5.27398 1.44L4.33398 0.5L0.333984 4.5L4.33398 8.5L5.27398 7.56L2.22065 4.5L5.27398 1.44Z" fill="#434960"/>
|
294 |
+
</svg>
|
295 |
+
{{selectSourceScreen.modal.selectGroup}}
|
296 |
+
</div>
|
297 |
+
</div>
|
298 |
+
<h3>{{selectSourceScreen.modal.addApp}}</h3>
|
299 |
+
<div v-if="typeof window.cffSelected !== 'undefined' && window.cffSelected.indexOf(true) > -1" class="sb-directions-wrap">
|
300 |
+
<div class="cff-fb-stp1-elm-desc sb-caption sb-caption-lighter">{{selectSourceScreen.modal.addAppDetails}}</div>
|
301 |
+
<div class="sb-numbered-steps-wrap">
|
302 |
+
<div class="sb-single-step" v-for="(addAppStep, index) in selectSourceScreen.modal.addAppSteps">
|
303 |
+
<div class="sb-step-number"><span class="sb-caption sb-bold" v-html="index + 1"></span></div>
|
304 |
+
<p class="sb-step-text sb-small-p"><span v-html="addAppStep"></span><span v-if="index === 0"><a id="cff-group-admin-link" :href="'https://www.facebook.com/groups/'+selectedSourcesToConnect[0]+'/apps/store'" target="_blank" rel="noopener noreferrer" v-html="$parent.genericText.clickingHere"></a></span></p>
|
305 |
+
</div>
|
306 |
+
</div>
|
307 |
+
</div>
|
308 |
+
|
309 |
+
<div v-if="typeof window.cffSelected !== 'undefined' && window.cffSelected.indexOf(false) > -1 " class="sb-directions-wrap">
|
310 |
+
<h4 v-if="typeof window.cffSelected !== 'undefined' && window.cffSelected.indexOf(false) > -1 && window.cffSelected.indexOf(true) > -1" v-html="selectSourceScreen.modal.notAdmin"></h4>
|
311 |
+
<div class="sb-directions-p sb-caption sb-caption-lighter" v-html="selectSourceScreen.modal.appMemberInstructions"></div>
|
312 |
+
</div>
|
313 |
+
|
314 |
+
</div>
|
315 |
+
<div class="sb-two-buttons-wrap">
|
316 |
+
<button class="cff-fb-source-btn cff-fb-fs sb-btn-blue" @click.prevent.default="addSourcesOnConnect()">
|
317 |
+
<div class="cff-fb-icon-success"></div>
|
318 |
+
{{genericText.done}}
|
319 |
+
</button>
|
320 |
+
<a href="https://smashballoon.com/display-facebook-group-feed/" target="_blank" data-icon="left" class="cff-fb-source-btn cff-fb-fs sb-btn-grey">
|
321 |
+
<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg" class="sb-question-circle"><path d="M8.16797 14.0001H9.83464V12.3334H8.16797V14.0001ZM9.0013 0.666748C4.4013 0.666748 0.667969 4.40008 0.667969 9.00008C0.667969 13.6001 4.4013 17.3334 9.0013 17.3334C13.6013 17.3334 17.3346 13.6001 17.3346 9.00008C17.3346 4.40008 13.6013 0.666748 9.0013 0.666748ZM9.0013 15.6667C5.3263 15.6667 2.33464 12.6751 2.33464 9.00008C2.33464 5.32508 5.3263 2.33341 9.0013 2.33341C12.6763 2.33341 15.668 5.32508 15.668 9.00008C15.668 12.6751 12.6763 15.6667 9.0013 15.6667ZM9.0013 4.00008C7.15964 4.00008 5.66797 5.49175 5.66797 7.33342H7.33464C7.33464 6.41675 8.08464 5.66675 9.0013 5.66675C9.91797 5.66675 10.668 6.41675 10.668 7.33342C10.668 9.00008 8.16797 8.79175 8.16797 11.5001H9.83464C9.83464 9.62508 12.3346 9.41675 12.3346 7.33342C12.3346 5.49175 10.843 4.00008 9.0013 4.00008Z" fill="#141B38"></path></svg>
|
322 |
+
<span>{{genericText.help}}</span>
|
323 |
+
</a>
|
324 |
+
</div>
|
325 |
+
</div>
|
326 |
+
</div>
|
327 |
+
</div>
|
328 |
+
</script>
|
admin/builder/templates/sections/popup/add-source-popup.php
ADDED
@@ -0,0 +1,342 @@
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
1 |
+
<script type="text/x-template" id="sb-add-source-component">
|
2 |
+
<div class="cff-fb-source-ctn sb-fs-boss cff-fb-center-boss" v-show="viewsActive.sourcePopup">
|
3 |
+
<!--START Source Popup on the Customizer-->
|
4 |
+
<div class="cff-fb-source-popup cff-fb-popup-inside cff-fb-source-pp-customizer" v-if="viewsActive.sourcePopupType == 'customizer'" :data-multifeed="$parent.activeExtensions['multifeed'] ? 'active' : 'inactive'">
|
5 |
+
<div class="cff-fb-popup-cls" @click.prevent.default="$parent.closeSourceCustomizer()">
|
6 |
+
<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
|
7 |
+
<path d="M14 1.41L12.59 0L7 5.59L1.41 0L0 1.41L5.59 7L0 12.59L1.41 14L7 8.41L12.59 14L14 12.59L8.41 7L14 1.41Z" fill="#141B38"/>
|
8 |
+
</svg>
|
9 |
+
</div>
|
10 |
+
<div class="cff-fb-source-top cff-fb-fs">
|
11 |
+
<h3>{{selectSourceScreen.updateHeading}}</h3>
|
12 |
+
<div class="cff-fb-srcs-desc">{{selectSourceScreen.updateDescription}}</div>
|
13 |
+
<div class="cff-fb-srcslist-ctn cff-fb-fs">
|
14 |
+
<div class="cff-fb-srcs-item cff-fb-srcs-new" @click.prevent.default="$parent.activateView('sourcePopupType', 'creationRedirect')">
|
15 |
+
<svg width="10" height="10" viewBox="0 0 10 10" fill="none" xmlns="http://www.w3.org/2000/svg">
|
16 |
+
<path d="M9.66634 5.66634H5.66634V9.66634H4.33301V5.66634H0.333008V4.33301H4.33301V0.333008H5.66634V4.33301H9.66634V5.66634Z" fill="#0096CC"/>
|
17 |
+
</svg>
|
18 |
+
<span class="sb-small-p sb-bold">{{genericText.addNew}}</span>
|
19 |
+
</div>
|
20 |
+
<div class="cff-fb-srcs-item" v-for="(source, sourceIndex) in sourcesList" @click.prevent.default="$parent.selectSourceCustomizer(source)" :data-type="source.account_type"
|
21 |
+
:data-active="$parent.isSourceActiveCustomizer(source)"
|
22 |
+
:data-test="(Array.isArray($parent.customizerFeedData.settings.sources.map) || $parent.customizerFeedData.settings.sources instanceof Object ) && $parent.customizerFeedData.settings.sources.map(s => s.account_id).includes(source.account_id)"
|
23 |
+
>
|
24 |
+
<div class="cff-fb-srcs-item-chkbx">
|
25 |
+
<div class="cff-fb-srcs-item-chkbx-ic"></div>
|
26 |
+
</div>
|
27 |
+
<div class="cff-fb-srcs-item-avatar">
|
28 |
+
<img :src="typeof source.avatar_url !== 'undefined' && source.account_type === 'group' ? source.avatar_url : 'https://graph.facebook.com/'+source.account_id+'/picture'">
|
29 |
+
</div>
|
30 |
+
<div class="cff-fb-srcs-item-inf">
|
31 |
+
<div class="cff-fb-srcs-item-name"><span class="sb-small-p sb-bold" v-html="source.username"></span></div>
|
32 |
+
<div class="cff-fb-left-boss">
|
33 |
+
<div class="cff-fb-srcs-item-type">
|
34 |
+
<div v-html="source.account_type == 'group' ? svgIcons['users'] : svgIcons['flag']"></div>
|
35 |
+
<span class="sb-small sb-lighter" v-html="source.account_type"></span>
|
36 |
+
</div>
|
37 |
+
<div v-if="source.error !== ''" class="sb-source-error-wrap">
|
38 |
+
<span v-html="genericText.invalid"></span><a href="#" @click.prevent.default="$parent.activateView('sourcePopupType', 'creation')" v-html="genericText.reconnect"></a>
|
39 |
+
</div>
|
40 |
+
</div>
|
41 |
+
</div>
|
42 |
+
</div>
|
43 |
+
</div>
|
44 |
+
<div class="cff-fb-srcs-update-ctn cff-fb-fs">
|
45 |
+
<button class="cff-fb-srcs-update sb-btn cff-fb-fs sb-btn-orange" @click.prevent.default="$parent.activateView('sourcePopup', 'updateCustomizer', 'feedFlyPreview')">
|
46 |
+
<svg width="16" height="12" viewBox="0 0 16 12" fill="none" xmlns="http://www.w3.org/2000/svg">
|
47 |
+
<path fill-rule="evenodd" clip-rule="evenodd" d="M6.08058 8.36133L14.0355 0.406383L15.8033 2.17415L6.08058 11.8969L0.777281 6.59357L2.54505 4.8258L6.08058 8.36133Z" fill="white"/>
|
48 |
+
</svg>
|
49 |
+
<span>{{genericText.update}}</span>
|
50 |
+
</button>
|
51 |
+
</div>
|
52 |
+
</div>
|
53 |
+
|
54 |
+
<div v-if="!$parent.activeExtensions['multifeed']" class="cff-fb-srcs-update-footer cff-fb-fs">
|
55 |
+
<div class="cff-fb-srcs-update-footer-image">
|
56 |
+
<svg width="171" height="107" viewBox="0 0 171 107" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0)"> <g style="mix-blend-mode:multiply" opacity="0.3" filter="url(#filter0_f)"> <circle cx="-52.5141" cy="81.0831" r="129.5" transform="rotate(27.5614 -52.5141 81.0831)" fill="url(#paint0_linear)"/> </g> <g style="mix-blend-mode:multiply" opacity="0.5" filter="url(#filter1_f)"> <circle cx="-0.490694" cy="175.917" r="129.5" transform="rotate(27.5614 -0.490694 175.917)" fill="#52D1FF"/> </g> <g filter="url(#filter2_d)"> <g clip-path="url(#clip1)"> <rect x="28.3672" y="27.6296" width="98.778" height="65.0678" rx="1.5679" transform="rotate(-3 28.3672 27.6296)" fill="white"/> <path d="M123.358 30.4864C123.227 27.9727 121.083 26.0427 118.569 26.1745C116.056 26.3062 114.126 28.4496 114.257 30.9634C114.377 33.2386 116.127 35.042 118.328 35.2578L118.161 32.0835L117.006 32.1441L116.936 30.823L118.092 30.7624L118.04 29.7716C117.981 28.634 118.626 27.9562 119.653 27.9023C120.167 27.8754 120.686 27.9402 120.686 27.9402L120.744 29.0595L120.176 29.0893C119.607 29.1191 119.442 29.4774 119.461 29.8443L119.505 30.6884L120.771 30.622L120.639 31.9537L119.574 32.0095L119.741 35.1838C121.907 34.7391 123.478 32.7617 123.358 30.4864Z" fill="#006BFA"/> <rect x="33.2227" y="43.8606" width="90.7776" height="44.6095" transform="rotate(-3 33.2227 43.8606)" fill="#F6966B"/> <path d="M85.0273 41.146L123.879 39.1099L126.213 83.6583L86.6466 72.0425L85.0273 41.146Z" fill="#86D0F9"/> <path d="M85.0245 41.1458L33.2227 43.8606L34.8419 74.7571L86.6437 72.0423L85.0245 41.1458Z" fill="#FCE1D5"/> </g> <rect x="28.5732" y="27.8151" width="98.386" height="64.6758" rx="1.37191" transform="rotate(-3 28.5732 27.8151)" stroke="#E8E8EB" stroke-width="0.391974"/> </g> <g filter="url(#filter3_d)"> <rect x="38" y="17" width="98.778" height="65.0678" rx="1.5679" fill="white"/> <path d="M132.714 24.8243C132.714 22.3071 130.674 20.2676 128.157 20.2676C125.64 20.2676 123.6 22.3071 123.6 24.8243C123.6 27.1026 125.254 28.9951 127.44 29.3259V26.1472H126.283V24.8243H127.44V23.8321C127.44 22.6929 128.12 22.0498 129.149 22.0498C129.663 22.0498 130.178 22.1417 130.178 22.1417V23.2625H129.608C129.039 23.2625 128.855 23.6116 128.855 23.9791V24.8243H130.123L129.921 26.1472H128.855V29.3259C131.042 28.9951 132.714 27.1026 132.714 24.8243Z" fill="#006BFA"/> <rect x="42" y="33.4629" width="90.7776" height="44.6095" fill="#43A6DB"/> <path d="M93.8789 33.4634L132.784 33.4634V78.0729L93.8789 64.4023V33.4634Z" fill="#86D0F9"/> <path d="M93.8729 33.4629L42 33.4629L42 64.4018H93.8729V33.4629Z" fill="#B5E5FF"/> <rect x="38.196" y="17.196" width="98.386" height="64.6758" rx="1.37191" stroke="#E8E8EB" stroke-width="0.391974"/> </g> <rect x="119.5" y="65.5" width="25" height="25" rx="12.5" fill="#E34F0E"/> <path d="M136.375 78.625H132.625V82.375H131.375V78.625H127.625V77.375H131.375V73.625H132.625V77.375H136.375V78.625Z" fill="white"/> </g> <defs> <filter id="filter0_f" x="-301.238" y="-167.64" width="497.446" height="497.446" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"> <feFlood flood-opacity="0" result="BackgroundImageFix"/> <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/> <feGaussianBlur stdDeviation="37" result="effect1_foregroundBlur"/> </filter> <filter id="filter1_f" x="-249.215" y="-72.8064" width="497.446" height="497.446" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"> <feFlood flood-opacity="0" result="BackgroundImageFix"/> <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/> <feGaussianBlur stdDeviation="37" result="effect1_foregroundBlur"/> </filter> <filter id="filter2_d" x="25.3672" y="22.46" width="110.048" height="78.1482" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"> <feFlood flood-opacity="0" result="BackgroundImageFix"/> <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/> <feOffset dx="1" dy="4"/> <feGaussianBlur stdDeviation="2"/> <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.05 0"/> <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"/> <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow" result="shape"/> </filter> <filter id="filter3_d" x="35" y="17" width="106.778" height="73.0678" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"> <feFlood flood-opacity="0" result="BackgroundImageFix"/> <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/> <feOffset dx="1" dy="4"/> <feGaussianBlur stdDeviation="2"/> <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.05 0"/> <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"/> <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow" result="shape"/> </filter> <linearGradient id="paint0_linear" x1="-89.7454" y1="446.921" x2="455.773" y2="-109.929" gradientUnits="userSpaceOnUse"> <stop stop-color="white"/> <stop offset="0.147864" stop-color="#F6640E"/> <stop offset="0.443974" stop-color="#BA03A7"/> <stop offset="0.733337" stop-color="#6A01B9"/> <stop offset="1" stop-color="#6B01B9"/> </linearGradient> <clipPath id="clip0"> <path d="M0 0H171V105C171 106.105 170.105 107 169 107H0V0Z" fill="white"/> </clipPath> <clipPath id="clip1"> <rect x="28.3672" y="27.6296" width="98.778" height="65.0678" rx="1.5679" transform="rotate(-3 28.3672 27.6296)" fill="white"/> </clipPath> </defs> </svg>
|
57 |
+
</div>
|
58 |
+
<div class="cff-fb-srcs-update-footer-txt">
|
59 |
+
<h4>{{selectSourceScreen.updateFooter}}</h4>
|
60 |
+
</div>
|
61 |
+
<div class="cff-fb-srcs-update-footer-btn">
|
62 |
+
<a :href="links.multifeedCTA" target="_blank" class="cff-fb-hd-btn cff-btn-grey sb-button-standard sb-button-right-icon">
|
63 |
+
{{genericText.learnMore}}
|
64 |
+
<svg width="7" height="11" viewBox="0 0 7 11" fill="none" xmlns="http://www.w3.org/2000/svg">
|
65 |
+
<path d="M1.67109 0.5L0.496094 1.675L4.31276 5.5L0.496094 9.325L1.67109 10.5L6.67109 5.5L1.67109 0.5Z" fill="#141B38"/>
|
66 |
+
</svg>
|
67 |
+
</a>
|
68 |
+
</div>
|
69 |
+
</div>
|
70 |
+
</div>
|
71 |
+
<!--END Source Popup on the Customizer-->
|
72 |
+
|
73 |
+
<div class="cff-fb-source-popup cff-fb-popup-inside" :data-step="viewsActive.sourcePopupScreen" v-if="viewsActive.sourcePopupType != 'customizer'">
|
74 |
+
<div class="cff-fb-popup-cls" @click.prevent.default="$parent.activateView('sourcePopup')" v-if="viewsActive.sourcePopupScreen != 'redirect_1'">
|
75 |
+
<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
|
76 |
+
<path d="M14 1.41L12.59 0L7 5.59L1.41 0L0 1.41L5.59 7L0 12.59L1.41 14L7 8.41L12.59 14L14 12.59L8.41 7L14 1.41Z" fill="#141B38"/>
|
77 |
+
</svg>
|
78 |
+
</div>
|
79 |
+
<!-- Step One Select Source -->
|
80 |
+
<div class="cff-fb-source-step1 cff-fb-fs" v-if="viewsActive.sourcePopupScreen == 'step_18'">
|
81 |
+
<div class="cff-fb-source-top cff-fb-fs">
|
82 |
+
<div class=" cff-fb-fs">
|
83 |
+
<div class="cff-fb-src-back-top" @click.prevent.default="$parent.activateView('sourcePopup', 'updateCustomizer')">
|
84 |
+
<svg width="6" height="9" viewBox="0 0 6 9" fill="none" xmlns="http://www.w3.org/2000/svg">
|
85 |
+
<path d="M5.27398 1.44L4.33398 0.5L0.333984 4.5L4.33398 8.5L5.27398 7.56L2.22065 4.5L5.27398 1.44Z" fill="#434960"/>
|
86 |
+
</svg>
|
87 |
+
{{selectSourceScreen.mainHeading}}
|
88 |
+
</div>
|
89 |
+
</div>
|
90 |
+
<h3>{{selectSourceScreen.modal.addNew}}</h3>
|
91 |
+
<div class="cff-fb-stp1-elm cff-fb-fs">
|
92 |
+
<div class="cff-fb-stp1-elm-ic">1</div>
|
93 |
+
<div class="cff-fb-stp1-elm-txt">
|
94 |
+
<div class="cff-fb-stp1-elm-head sb-small-p sb-bold sb-dark-text">{{selectSourceScreen.modal.selectSourceType}}</div>
|
95 |
+
</div>
|
96 |
+
<div class="cff-fb-stp1-elm-act cff-fb-stp-src-ctn">
|
97 |
+
<div class="cff-fb-stp-src-type sb-small-p sb-dark-text" :data-active="addNewSource.typeSelected == 'page'" @click.prevent.default="addNewSource.typeSelected = 'page'">
|
98 |
+
<div class="cff-fb-chbx-round"></div>{{selectSourceScreen.page}}
|
99 |
+
</div>
|
100 |
+
<div class="cff-fb-stp-src-type sb-small-p sb-dark-text" :data-disabled="typeof window.cffSelectedFeed !== 'undefined' && window.cffSelectedFeed === 'photos' ? true : false" :data-active="addNewSource.typeSelected == 'group'" @click.prevent.default="typeof window.cffSelectedFeed !== 'undefined' && window.cffSelectedFeed === 'photos' ? addNewSource.typeSelected = 'page' : addNewSource.typeSelected = 'group'">
|
101 |
+
<div class="cff-fb-chbx-round"></div>{{selectSourceScreen.group}}
|
102 |
+
|
103 |
+
<div class="cff-fb-onbrd-tltp-elem cff-no-groups-tooltip sb-tr-2" v-if="typeof window.cffSelectedFeed !== 'undefined' && window.cffSelectedFeed === 'photos'">
|
104 |
+
<div class="cff-fb-onbrd-tltp-txt sb-small-p sb-lighter">
|
105 |
+
{{selectSourceScreen.modal.noGroupTooltip}}
|
106 |
+
</div>
|
107 |
+
<div class="sb-pointer sb-bottom-pointer">
|
108 |
+
<svg width="20" height="10" viewBox="0 0 20 10" fill="none" xmlns="http://www.w3.org/2000/svg">
|
109 |
+
<path d="M11.4142 8.58579C10.6332 9.36683 9.36684 9.36683 8.58579 8.58579L0 0L20 0L11.4142 8.58579Z" fill="white"/>
|
110 |
+
</svg>
|
111 |
+
</div>
|
112 |
+
</div>
|
113 |
+
|
114 |
+
</div>
|
115 |
+
</div>
|
116 |
+
</div>
|
117 |
+
<div class="cff-fb-stp1-elm cff-fb-fs" v-if="(addNewSource.typeSelected == 'group' && selectedFeed == 'events') || selectedFeed != 'events'">
|
118 |
+
<div class="cff-fb-stp1-elm-ic">2</div>
|
119 |
+
<div class="cff-fb-stp1-elm-txt">
|
120 |
+
<div class="cff-fb-stp1-elm-head sb-small-p sb-bold sb-dark-text">{{selectSourceScreen.modal.connectAccount}}</div>
|
121 |
+
<div class="cff-fb-stp1-elm-desc sb-caption sb-caption-lighter">{{selectSourceScreen.modal.connectAccountDescription}}</div>
|
122 |
+
</div>
|
123 |
+
<div class="cff-fb-stp1-elm-act">
|
124 |
+
<button class="sb-btn cff-fb-stp1-connect sb-btn-blue" @click.prevent.default="processFBConnect()">
|
125 |
+
<a class="cff-fb-fs-link"></a>
|
126 |
+
<div v-html="svgIcons['facebook']"></div>
|
127 |
+
{{selectSourceScreen.modal.connect}}
|
128 |
+
</button>
|
129 |
+
</div>
|
130 |
+
</div>
|
131 |
+
|
132 |
+
<div class="cff-fb-fs" v-if="(addNewSource.typeSelected == 'page' && selectedFeed == 'events')">
|
133 |
+
<!--Add Event Source-->
|
134 |
+
<div class="cff-fb-stp1-elm cff-fb-stp1-event cff-fb-fs">
|
135 |
+
<div class="cff-fb-stp1-elm-ic">2</div>
|
136 |
+
<div class="cff-fb-stp1-elm-txt">
|
137 |
+
<div class="cff-fb-stp1-elm-head sb-small-p sb-bold sb-dark-text">{{selectSourceScreen.modal.enterEventToken}}</div>
|
138 |
+
<div class="cff-fb-stp1-elm-desc sb-caption sb-caption-lighter" v-html="selectSourceScreen.modal.enterEventTokenDescription"></div>
|
139 |
+
</div>
|
140 |
+
<div class="cff-fb-stp1-elm-act"></div>
|
141 |
+
</div>
|
142 |
+
<div class="cff-fb-fs">
|
143 |
+
<div class="cff-fb-source-inputs cff-fb-fs">
|
144 |
+
<div class="cff-fb-source-inp-label cff-fb-fs">{{selectSourceScreen.modal.fbPageID}}</div>
|
145 |
+
<input type="text" class="cff-fb-source-inp cff-fb-fs" v-model="addNewSource.manualSourceID" :placeholder="selectSourceScreen.modal.enterID">
|
146 |
+
<div class="cff-fb-source-inp-label cff-fb-fs">{{selectSourceScreen.modal.eventAccessToken}}</div>
|
147 |
+
<input type="text" class="cff-fb-source-inp cff-fb-fs" v-model="addNewSource.manualSourceToken" :placeholder="selectSourceScreen.modal.enterToken">
|
148 |
+
</div>
|
149 |
+
<button class="cff-fb-source-btn cff-fb-fs sb-btn-blue sb-account-connection-button" @click.prevent.default="addSourceManually(true)">
|
150 |
+
<div class="cff-fb-icon-success"></div>
|
151 |
+
{{selectSourceScreen.modal.addSource}}
|
152 |
+
</button>
|
153 |
+
</div>
|
154 |
+
</div>
|
155 |
+
|
156 |
+
|
157 |
+
</div>
|
158 |
+
<div class="cff-fb-source-bottom cff-fb-fs" v-if="(addNewSource.typeSelected == 'group' && selectedFeed == 'events') || selectedFeed != 'events'">
|
159 |
+
<div class="cff-manual-question">
|
160 |
+
<svg width="20" height="15" viewBox="0 0 20 15" fill="none" xmlns="http://www.w3.org/2000/svg">
|
161 |
+
<path d="M19.6004 7.4998L15.0748 12.0254L13.9436 10.8942L17.338 7.4998L13.9436 4.1054L15.0748 2.9742L19.6004 7.4998ZM2.66279 7.4998L6.05719 10.8942L4.92599 12.0254L0.400391 7.4998L4.92599 2.9742L6.05639 4.1054L2.66279 7.4998ZM8.23079 14.6998H6.52839L11.77 0.299805H13.4724L8.23079 14.6998Z" fill="#141B38"/>
|
162 |
+
</svg>
|
163 |
+
|
164 |
+
<div class="cff-fb-source-btm-hd sb-small-p sb-bold sb-dark-text">{{selectSourceScreen.modal.alreadyHave}}</div>
|
165 |
+
</div>
|
166 |
+
<button class="cff-fb-hd-btn cff-fb-src-add-manual sb-btn-grey" @click.prevent.default="$parent.switchScreen('sourcePopupScreen','step_3')">
|
167 |
+
<svg width="12" height="13" viewBox="0 0 12 13" fill="none" xmlns="http://www.w3.org/2000/svg">
|
168 |
+
<path d="M11.8327 7.33317H6.83268V12.3332H5.16602V7.33317H0.166016V5.6665H5.16602V0.666504H6.83268V5.6665H11.8327V7.33317Z" fill="#141B38"/>
|
169 |
+
</svg>
|
170 |
+
<span class="sb-small-p sb-bold sb-dark-text">{{selectSourceScreen.modal.addManuallyLink}}</span>
|
171 |
+
</button>
|
172 |
+
</div>
|
173 |
+
</div>
|
174 |
+
|
175 |
+
<div class="cff-fb-source-redirect cff-fb-fs" v-if="viewsActive.sourcePopupScreen == 'redirect_1'" >
|
176 |
+
<div class="cff-fb-source-redirect-ld cff-fb-fs">
|
177 |
+
<div></div>
|
178 |
+
</div>
|
179 |
+
<div class="cff-fb-source-redirect-info cff-fb-fs">
|
180 |
+
<strong class="cff-fb-fs">{{genericText.redirectLoading.heading}}</strong>
|
181 |
+
<p class="cff-fb-fs">{{genericText.redirectLoading.description}}</p>
|
182 |
+
</div>
|
183 |
+
</div>
|
184 |
+
|
185 |
+
<!-- Step Two Show Pages Connected to -->
|
186 |
+
<div class="cff-fb-source-step2 cff-fb-fs" v-if="viewsActive.sourcePopupScreen == 'step_2'">
|
187 |
+
<div class="cff-fb-source-top cff-fb-fs">
|
188 |
+
<div class=" cff-fb-fs">
|
189 |
+
<!--
|
190 |
+
<div class="cff-fb-src-back-top" @click.prevent.default="$parent.switchScreen('sourcePopupScreen','step_1')">
|
191 |
+
<svg width="6" height="9" viewBox="0 0 6 9" fill="none" xmlns="http://www.w3.org/2000/svg">
|
192 |
+
<path d="M5.27398 1.44L4.33398 0.5L0.333984 4.5L4.33398 8.5L5.27398 7.56L2.22065 4.5L5.27398 1.44Z" fill="#434960"/>
|
193 |
+
</svg>
|
194 |
+
{{selectSourceScreen.modal.addNew}}
|
195 |
+
</div>
|
196 |
+
-->
|
197 |
+
</div>
|
198 |
+
<div v-if="typeof $parent.newSourceData !== 'undefined' && typeof $parent.newSourceData.error !== 'undefined'" class="cff-groups-connect-actions">
|
199 |
+
<div class="sb-alert">
|
200 |
+
<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
|
201 |
+
<path d="M8.99935 0.666504C4.39935 0.666504 0.666016 4.39984 0.666016 8.99984C0.666016 13.5998 4.39935 17.3332 8.99935 17.3332C13.5993 17.3332 17.3327 13.5998 17.3327 8.99984C17.3327 4.39984 13.5993 0.666504 8.99935 0.666504ZM9.83268 13.1665H8.16602V11.4998H9.83268V13.1665ZM9.83268 9.83317H8.16602V4.83317H9.83268V9.83317Z" fill="#995C00"/>
|
202 |
+
</svg>
|
203 |
+
<span><strong v-html="genericText.errorNotice"></strong></span><br>
|
204 |
+
<span class="sb-caption"><span v-html="genericText.error"></span> <span v-html="typeof $parent.newSourceData.error.code !== 'undefined' ? $parent.newSourceData.error.code : ''"></span><br><span v-html="$parent.newSourceData.error.message"></span></span>
|
205 |
+
<br><span class="sb-caption" v-html="genericText.errorDirections"></span>
|
206 |
+
</div>
|
207 |
+
</div>
|
208 |
+
<div v-if="typeof $parent.newSourceData === 'undefined' || typeof $parent.newSourceData.error === 'undefined'" >
|
209 |
+
<h3>{{addNewSource.typeSelected === 'page' ? selectSourceScreen.modal.selectPage : selectSourceScreen.modal.selectGroup}}</h3>
|
210 |
+
<div class="cff-fb-source-account-info cff-fb-fs">
|
211 |
+
<span class="sb-small-p sb-bold">{{selectSourceScreen.modal.showing}} <strong>{{selectSourceScreen.modal.facebook}} {{addNewSource.typeSelected === 'page' ? selectSourceScreen.modal.pages : selectSourceScreen.modal.groups}}</strong> {{selectSourceScreen.modal.connectedTo}}</span>
|
212 |
+
<img :src="$parent.hasOwnNestedProperty(newSourceData,'user.picture.data.url') ? newSourceData.user.picture.data.url : ''"> <strong v-if="$parent.hasOwnNestedProperty(newSourceData,'user.name')" v-html="newSourceData.user.name"></strong>
|
213 |
+
<button class="cff-fb-hd-btn cff-fb-src-change sb-btn-grey" @click="processFBConnect()">
|
214 |
+
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
215 |
+
<path d="M0.5 12.3749V15.4999H3.625L12.8417 6.2832L9.71667 3.1582L0.5 12.3749ZM15.8417 3.2832L12.7167 0.158203L10.6083 2.27487L13.7333 5.39987L15.8417 3.2832Z" fill="#141B38"/>
|
216 |
+
</svg>
|
217 |
+
<span class="sb-small-p sb-bold sb-dark-text">{{genericText.change}}</span>
|
218 |
+
</button>
|
219 |
+
</div>
|
220 |
+
<div class="cff-fb-source-list cff-fb-fs">
|
221 |
+
<div class="cff-fb-srcs-item" v-for="(source, sourceIndex) in returnedApiSourcesList" @click.prevent.default="selectSourcesToConnect(source)" :data-active="selectedSourcesToConnect.includes(source.account_id)" >
|
222 |
+
<div class="cff-fb-srcs-item-chkbx">
|
223 |
+
<div class="cff-fb-srcs-item-chkbx-ic"></div>
|
224 |
+
</div>
|
225 |
+
<div class="cff-fb-srcs-item-avatar">
|
226 |
+
<img :src="returnGroupPageAvatar(source)">
|
227 |
+
</div>
|
228 |
+
<div class="cff-fb-srcs-item-inf" v-bind:class="{ 'sb-has-details' : source.account_type === 'group' }">
|
229 |
+
<div class="cff-fb-srcs-item-name"><span class="sb-small-p sb-bold" v-html="source.username"></span></div>
|
230 |
+
<div class="cff-fb-srcs-item-type" v-bind:class="{ 'sb-highlight-admin' : source.admin, 'sb-is-group' : source.account_type === 'group' }" v-if="source.account_type === 'group'">
|
231 |
+
<div class="sb-details-wrap">
|
232 |
+
<div class="cff-fb-srcs-item-svg" v-html="source.admin ? svgIcons['user_check'] : svgIcons['users']"></div>
|
233 |
+
<span class="sb-small" v-html="source.admin ? genericText.admin : genericText.member"></span>
|
234 |
+
</div>
|
235 |
+
</div>
|
236 |
+
</div>
|
237 |
+
</div>
|
238 |
+
</div>
|
239 |
+
<button v-if="addNewSource.typeSelected !== 'group'" class="cff-fb-source-btn cff-fb-fs sb-btn-blue" @click.prevent.default="addSourcesOnConnect()">
|
240 |
+
<div class="cff-fb-icon-success"></div>
|
241 |
+
{{genericText.add}}
|
242 |
+
</button>
|
243 |
+
<div class="cff-groups-connect-actions" v-if="addNewSource.typeSelected === 'group'">
|
244 |
+
<div class="sb-alert">
|
245 |
+
<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
|
246 |
+
<path d="M8.99935 0.666504C4.39935 0.666504 0.666016 4.39984 0.666016 8.99984C0.666016 13.5998 4.39935 17.3332 8.99935 17.3332C13.5993 17.3332 17.3327 13.5998 17.3327 8.99984C17.3327 4.39984 13.5993 0.666504 8.99935 0.666504ZM9.83268 13.1665H8.16602V11.4998H9.83268V13.1665ZM9.83268 9.83317H8.16602V4.83317H9.83268V9.83317Z" fill="#995C00"/>
|
247 |
+
</svg>
|
248 |
+
<span class="sb-caption" v-html="selectSourceScreen.modal.disclaimer"></span>
|
249 |
+
</div>
|
250 |
+
<button class="cff-fb-source-btn cff-fb-source-btn-next cff-fb-fs sb-btn-blue" @click.prevent.default="$parent.switchScreen('sourcePopupScreen','step_4')" :data-active="typeof window.cffSelected !== 'undefined' && window.cffSelected.length ? 'true' : 'false'">
|
251 |
+
<span>{{genericText.next}}</span>
|
252 |
+
<svg width="7" height="11" viewBox="0 0 7 11" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.3332 0.00683594L0.158203 1.18184L3.97487 5.00684L0.158203 8.83184L1.3332 10.0068L6.3332 5.00684L1.3332 0.00683594Z" fill="white"></path></svg>
|
253 |
+
</button>
|
254 |
+
</div>
|
255 |
+
</div>
|
256 |
+
|
257 |
+
</div>
|
258 |
+
</div>
|
259 |
+
<!-- Step Three Connect Manually-->
|
260 |
+
<div class="cff-fb-source-step3 cff-fb-fs" v-if="viewsActive.sourcePopupScreen == 'step_3'">
|
261 |
+
<div class="cff-fb-source-top cff-fb-fs">
|
262 |
+
<div class=" cff-fb-fs">
|
263 |
+
<!--
|
264 |
+
<div class="cff-fb-src-back-top" @click.prevent.default="$parent.switchScreen('sourcePopupScreen','step_1')">
|
265 |
+
<svg width="6" height="9" viewBox="0 0 6 9" fill="none" xmlns="http://www.w3.org/2000/svg">
|
266 |
+
<path d="M5.27398 1.44L4.33398 0.5L0.333984 4.5L4.33398 8.5L5.27398 7.56L2.22065 4.5L5.27398 1.44Z" fill="#434960"/>
|
267 |
+
</svg>
|
268 |
+
{{selectSourceScreen.modal.addNew}}
|
269 |
+
</div>
|
270 |
+
-->
|
271 |
+
</div>
|
272 |
+
<h3>{{selectSourceScreen.modal.addManually}}</h3>
|
273 |
+
<div class="cff-fb-fs">
|
274 |
+
<div class="cff-fb-source-inp-label cff-fb-fs"><span class="sb-caption sb-caption-lighter">{{selectSourceScreen.modal.sourceType}}</span></div>
|
275 |
+
<div class="cff-fb-source-mnl-type cff-fb-fs">
|
276 |
+
<div class="cff-fb-stp1-elm-act cff-fb-stp-src-ctn">
|
277 |
+
<div class="cff-fb-stp-src-type" :data-active="addNewSource.typeSelected == 'page'" @click.prevent.default="addNewSource.typeSelected = 'page'">
|
278 |
+
<div class="cff-fb-chbx-round"></div><span class="sb-small-p sb-dark-text">{{selectSourceScreen.page}}</span>
|
279 |
+
</div>
|
280 |
+
<div class="cff-fb-stp-src-type" :data-active="addNewSource.typeSelected == 'group'" @click.prevent.default="addNewSource.typeSelected = 'group'">
|
281 |
+
<div class="cff-fb-chbx-round"></div><span class="sb-small-p sb-dark-text">{{selectSourceScreen.group}}</span>
|
282 |
+
</div>
|
283 |
+
</div>
|
284 |
+
</div>
|
285 |
+
</div>
|
286 |
+
<div class="cff-fb-source-inputs cff-fb-fs">
|
287 |
+
<div class="cff-fb-source-inp-label cff-fb-fs"><span class="sb-caption sb-caption-lighter">{{selectSourceScreen.modal.pageOrGroupID}}</span></div>
|
288 |
+
<input type="text" class="cff-fb-source-inp cff-fb-fs" v-model="addNewSource.manualSourceID" :placeholder="selectSourceScreen.modal.enterID">
|
289 |
+
<div class="cff-fb-source-inp-label cff-fb-fs"><span class="sb-caption sb-caption-lighter">{{selectSourceScreen.modal.accessToken}}</span></div>
|
290 |
+
<input type="text" class="cff-fb-source-inp cff-fb-fs" v-model="addNewSource.manualSourceToken" :placeholder="selectSourceScreen.modal.enterToken">
|
291 |
+
</div>
|
292 |
+
<button class="cff-fb-source-btn cff-fb-fs sb-btn-blue sb-account-connection-button" @click.prevent.default="addSourceManually()" :data-active="checkManualEmpty() && loadingAjax == false ? 'true' : 'false'">
|
293 |
+
<div v-if="loadingAjax === false" class="cff-fb-icon-success"></div>
|
294 |
+
<span v-if="loadingAjax === false">{{genericText.add}}</span>
|
295 |
+
<span v-if="loadingAjax" class="spinner" style="display: inline-block;visibility: visible;margin: 1px;"></span>
|
296 |
+
</button>
|
297 |
+
|
298 |
+
</div>
|
299 |
+
</div>
|
300 |
+
|
301 |
+
<!-- Step Four Group Instructions -->
|
302 |
+
<div class="cff-fb-source-step4 cff-fb-fs" v-if="viewsActive.sourcePopupScreen == 'step_4'">
|
303 |
+
<div class="cff-fb-source-top cff-fb-fs">
|
304 |
+
<div class="cff-fb-fs">
|
305 |
+
<div class="cff-fb-src-back-top" @click.prevent.default="$parent.switchScreen('sourcePopupScreen','step_2')">
|
306 |
+
<svg width="6" height="9" viewBox="0 0 6 9" fill="none" xmlns="http://www.w3.org/2000/svg">
|
307 |
+
<path d="M5.27398 1.44L4.33398 0.5L0.333984 4.5L4.33398 8.5L5.27398 7.56L2.22065 4.5L5.27398 1.44Z" fill="#434960"/>
|
308 |
+
</svg>
|
309 |
+
{{selectSourceScreen.modal.selectGroup}}
|
310 |
+
</div>
|
311 |
+
</div>
|
312 |
+
<h3>{{selectSourceScreen.modal.addApp}}</h3>
|
313 |
+
<div v-if="typeof window.cffSelected !== 'undefined' && window.cffSelected.indexOf(true) > -1" class="sb-directions-wrap">
|
314 |
+
<div class="cff-fb-stp1-elm-desc sb-caption sb-caption-lighter">{{selectSourceScreen.modal.addAppDetails}}</div>
|
315 |
+
<div class="sb-numbered-steps-wrap">
|
316 |
+
<div class="sb-single-step" v-for="(addAppStep, index) in selectSourceScreen.modal.addAppSteps">
|
317 |
+
<div class="sb-step-number"><span class="sb-caption sb-bold" v-html="index + 1"></span></div>
|
318 |
+
<p class="sb-step-text sb-small-p"><span v-html="addAppStep"></span><span v-if="index === 0"><a id="cff-group-admin-link" :href="'https://www.facebook.com/groups/'+selectedSourcesToConnect[0]+'/apps/store'" target="_blank" rel="noopener noreferrer" v-html="$parent.genericText.clickingHere"></a></span></p>
|
319 |
+
</div>
|
320 |
+
</div>
|
321 |
+
</div>
|
322 |
+
|
323 |
+
<div v-if="typeof window.cffSelected !== 'undefined' && window.cffSelected.indexOf(false) > -1 " class="sb-directions-wrap">
|
324 |
+
<h4 v-if="typeof window.cffSelected !== 'undefined' && window.cffSelected.indexOf(false) > -1 && window.cffSelected.indexOf(true) > -1" v-html="selectSourceScreen.modal.notAdmin"></h4>
|
325 |
+
<div class="sb-directions-p sb-caption sb-caption-lighter" v-html="selectSourceScreen.modal.appMemberInstructions"></div>
|
326 |
+
</div>
|
327 |
+
|
328 |
+
</div>
|
329 |
+
<div class="sb-two-buttons-wrap">
|
330 |
+
<button class="cff-fb-source-btn cff-fb-fs sb-btn-blue" @click.prevent.default="addSourcesOnConnect()">
|
331 |
+
<div class="cff-fb-icon-success"></div>
|
332 |
+
{{genericText.done}}
|
333 |
+
</button>
|
334 |
+
<a href="https://smashballoon.com/display-facebook-group-feed/" target="_blank" data-icon="left" class="cff-fb-source-btn cff-fb-fs sb-btn-grey">
|
335 |
+
<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg" class="sb-question-circle"><path d="M8.16797 14.0001H9.83464V12.3334H8.16797V14.0001ZM9.0013 0.666748C4.4013 0.666748 0.667969 4.40008 0.667969 9.00008C0.667969 13.6001 4.4013 17.3334 9.0013 17.3334C13.6013 17.3334 17.3346 13.6001 17.3346 9.00008C17.3346 4.40008 13.6013 0.666748 9.0013 0.666748ZM9.0013 15.6667C5.3263 15.6667 2.33464 12.6751 2.33464 9.00008C2.33464 5.32508 5.3263 2.33341 9.0013 2.33341C12.6763 2.33341 15.668 5.32508 15.668 9.00008C15.668 12.6751 12.6763 15.6667 9.0013 15.6667ZM9.0013 4.00008C7.15964 4.00008 5.66797 5.49175 5.66797 7.33342H7.33464C7.33464 6.41675 8.08464 5.66675 9.0013 5.66675C9.91797 5.66675 10.668 6.41675 10.668 7.33342C10.668 9.00008 8.16797 8.79175 8.16797 11.5001H9.83464C9.83464 9.62508 12.3346 9.41675 12.3346 7.33342C12.3346 5.49175 10.843 4.00008 9.0013 4.00008Z" fill="#141B38"></path></svg>
|
336 |
+
<span>{{genericText.help}}</span>
|
337 |
+
</a>
|
338 |
+
</div>
|
339 |
+
</div>
|
340 |
+
</div>
|
341 |
+
</div>
|
342 |
+
</script>
|
admin/builder/templates/sections/popup/confirm-dialog-popup.php
ADDED
@@ -0,0 +1,32 @@
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
1 |
+
<script type="text/x-template" id="sb-confirm-dialog-component">
|
2 |
+
<div class="sb-dialog-ctn sb-fs-boss cff-fb-center-boss" v-if="dialogBoxElement.active">
|
3 |
+
<div class="sb-dialog-popup cff-fb-popup-inside">
|
4 |
+
<div class="cff-fb-popup-cls" @click.prevent.default="closeConfirmDialog"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
|
5 |
+
<path d="M14 1.41L12.59 0L7 5.59L1.41 0L0 1.41L5.59 7L0 12.59L1.41 14L7 8.41L12.59 14L14 12.59L8.41 7L14 1.41Z" fill="#141B38"/>
|
6 |
+
</svg></div>
|
7 |
+
<div class="sb-dialog-remove-source cff-fb-fs" v-if="dialogBoxElement.type == 'deleteSourceCustomizer'">
|
8 |
+
<div class="cff-fb-srcs-item" :data-type="sourceToDelete.account_type">
|
9 |
+
<div class="cff-fb-srcs-item-avatar">
|
10 |
+
<img :src="typeof sourceToDelete.avatar_url !== 'undefined' && sourceToDelete.account_type === 'group' ? sourceToDelete.avatar_url : 'https://graph.facebook.com/'+sourceToDelete.account_id+'/picture'">
|
11 |
+
</div>
|
12 |
+
<div class="cff-fb-srcs-item-inf">
|
13 |
+
<div class="cff-fb-srcs-item-name"><span>{{sourceToDelete.username}}</span></div>
|
14 |
+
<div class="cff-fb-srcs-item-type">
|
15 |
+
<div v-html="sourceToDelete.account_type == 'group' ? svgIcons['users'] : svgIcons['flag']"></div>
|
16 |
+
<span v-html="sourceToDelete.account_type"></span>
|
17 |
+
</div>
|
18 |
+
</div>
|
19 |
+
<div class="cff-fb-srcs-item-remove" v-html="svgIcons['delete']"></div>
|
20 |
+
</div>
|
21 |
+
</div>
|
22 |
+
<div class="sb-dialog-popup-content cff-fb-fs">
|
23 |
+
<strong v-html="dialogBoxElement.heading"></strong>
|
24 |
+
<span v-html="dialogBoxElement.description"></span>
|
25 |
+
<div class="sb-dialog-popup-actions cff-fb-fs">
|
26 |
+
<button class="sb-btn sb-btn-red" @click.prevent.default="confirmDialogAction">{{genericText.confirm}}</button>
|
27 |
+
<button class="sb-btn sb-btn-grey" @click.prevent.default="closeConfirmDialog">{{genericText.cancel}}</button>
|
28 |
+
</div>
|
29 |
+
</div>
|
30 |
+
</div>
|
31 |
+
</div>
|
32 |
+
</script>
|
admin/builder/templates/sections/popup/embed-popup.php
ADDED
@@ -0,0 +1,78 @@
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
1 |
+
<div class="cff-fb-embed-ctn sb-fs-boss cff-fb-center-boss" v-if="viewsActive.embedPopup">
|
2 |
+
<div class="cff-fb-embed-popup cff-fb-popup-inside">
|
3 |
+
<div class="cff-fb-popup-cls" @click.prevent.default="activateView('embedPopup')"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
|
4 |
+
<path d="M14 1.41L12.59 0L7 5.59L1.41 0L0 1.41L5.59 7L0 12.59L1.41 14L7 8.41L12.59 14L14 12.59L8.41 7L14 1.41Z" fill="#141B38"/>
|
5 |
+
</svg>
|
6 |
+
</div>
|
7 |
+
|
8 |
+
<h3 v-show="viewsActive.embedPopupScreen == 'step_1'">{{embedPopupScreen.heading}}</h3>
|
9 |
+
|
10 |
+
<div class="cff-fb-embed-step-1 cff-fb-fs" v-show="viewsActive.embedPopupScreen == 'step_1'">
|
11 |
+
<div class="cff-fb-embed-step-1-top cff-fb-fs">
|
12 |
+
<h4 class="cff-fb-fs">{{embedPopupScreen.description}}</h4>
|
13 |
+
<div class="cff-fb-embed-input-ctn cff-fb-fs">
|
14 |
+
<input class="cff-fb-fs" type="text" :value="'[custom-facebook-feed feed='+ customizerFeedData.feed_info.id +']'">
|
15 |
+
<button class="cff-fb-hd-btn cff-csz-btn-save cff-btn-orange sb-standard-p sb-bold" @click.prevent.default="copyToClipBoard('[custom-facebook-feed feed='+customizerFeedData.feed_info.id+']')">
|
16 |
+
<div v-html="svgIcons['copy2']"></div>
|
17 |
+
<span>{{genericText.copy}}</span>
|
18 |
+
</button>
|
19 |
+
</div>
|
20 |
+
</div>
|
21 |
+
|
22 |
+
<div class="cff-fb-embed-step-1-bottom cff-fb-fs">
|
23 |
+
<h4>{{embedPopupScreen.description_2}}</h4>
|
24 |
+
<div class="cff-fb-embed-btns-ctn cff-fb-fs">
|
25 |
+
<a class="cff-fb-embed-btn cff-btn-grey" @click.prevent.default="switchScreen('embedPopupScreen','step_2')">
|
26 |
+
<div class="sb-icon-label">
|
27 |
+
<div v-html="svgIcons['addPage']"></div>
|
28 |
+
<span>{{embedPopupScreen.addPage}}</span>
|
29 |
+
</div>
|
30 |
+
<svg width="7" height="10" viewBox="0 0 7 10" fill="none" xmlns="http://www.w3.org/2000/svg">
|
31 |
+
<path d="M1.83516 0L0.660156 1.175L4.47682 5L0.660156 8.825L1.83516 10L6.83516 5L1.83516 0Z" fill="#141B38"/>
|
32 |
+
</svg>
|
33 |
+
|
34 |
+
</a>
|
35 |
+
<a :href="widgetsPageURL + '?cff_feed_id=' + customizerFeedData.feed_info.id" class="cff-fb-embed-btn cff-btn-grey">
|
36 |
+
<div class="sb-icon-label">
|
37 |
+
<div v-html="svgIcons['addWidget']"></div>
|
38 |
+
<span>{{embedPopupScreen.addWidget}}</span>
|
39 |
+
</div>
|
40 |
+
<svg width="7" height="10" viewBox="0 0 7 10" fill="none" xmlns="http://www.w3.org/2000/svg">
|
41 |
+
<path d="M1.83516 0L0.660156 1.175L4.47682 5L0.660156 8.825L1.83516 10L6.83516 5L1.83516 0Z" fill="#141B38"/>
|
42 |
+
</svg>
|
43 |
+
</a>
|
44 |
+
</div>
|
45 |
+
</div>
|
46 |
+
</div>
|
47 |
+
|
48 |
+
<div class="cff-fb-embed-step-2 cff-fb-fs" v-show="viewsActive.embedPopupScreen == 'step_2'">
|
49 |
+
<div class="sb-embed-breadcrumb cff-fb-fs">
|
50 |
+
<svg width="6" height="8" viewBox="0 0 6 8" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.27203 0.94L4.33203 0L0.332031 4L4.33203 8L5.27203 7.06L2.2187 4L5.27203 0.94Z" fill="#434960"></path></svg>
|
51 |
+
<a @click.prevent.default="switchScreen('embedPopupScreen','step_1')">{{embedPopupScreen.heading}}</a>
|
52 |
+
</div>
|
53 |
+
<h3>{{embedPopupScreen.addPage}}</h3>
|
54 |
+
<div class="cff-fb-embed-step-2-list">
|
55 |
+
<strong>{{embedPopupScreen.selectPage}}</strong>
|
56 |
+
<div class="cff-fb-embed-step-2-pages cff-fb-fs">
|
57 |
+
<div class="sb-control-toggle-set-ctn cff-fb-fs">
|
58 |
+
<div class="sb-control-toggle-elm cff-fb-fs sb-tr-2" v-for="page in wordpressPageLists" :data-active="viewsActive.embedPopupSelectedPage == page.id" @click.prevent.default="switchScreen('embedPopupSelectedPage',page.id)">
|
59 |
+
<div class="sb-control-toggle-deco sb-tr-1"></div>
|
60 |
+
<div class="sb-control-toggle-icon" v-html="svgIcons['article_2']"></div>
|
61 |
+
<div class="sb-control-label sb-small-p sb-dark-text">{{page.title}}</div>
|
62 |
+
</div>
|
63 |
+
</div>
|
64 |
+
</div>
|
65 |
+
</div>
|
66 |
+
<div class="cff-fb-embed-step-2-action cff-fb-fs">
|
67 |
+
<a class="cff-fb-srcs-update cff-fb-btn cff-fb-fs cff-btn-orange" :href="viewsActive.embedPopupSelectedPage != null ? adminPostURL + '?post='+viewsActive.embedPopupSelectedPage+'&action=edit&cff_wizard=' + customizerFeedData.feed_info.id : '#'" target="_blank" :data-active="viewsActive.embedPopupSelectedPage != null ? 'true' : 'false'">
|
68 |
+
<svg width="16" height="12" viewBox="0 0 16 12" fill="none" xmlns="http://www.w3.org/2000/svg">
|
69 |
+
<path fill-rule="evenodd" clip-rule="evenodd" d="M5.58058 8.36158L13.5355 0.406627L15.3033 2.17439L5.58058 11.8971L0.277281 6.59381L2.04505 4.82604L5.58058 8.36158Z" fill="currentColor"/>
|
70 |
+
</svg>
|
71 |
+
|
72 |
+
<span>{{genericText.add}}</span>
|
73 |
+
</a>
|
74 |
+
</div>
|
75 |
+
</div>
|
76 |
+
|
77 |
+
</div>
|
78 |
+
</div>
|
admin/builder/templates/sections/popup/extensions-popup.php
ADDED
@@ -0,0 +1,42 @@
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
1 |
+
<div class="cff-fb-extensions-pp-ctn sb-fs-boss cff-fb-center-boss" v-if="viewsActive.extensionsPopupElement != null && viewsActive.extensionsPopupElement != false">
|
2 |
+
<div class="cff-fb-extensions-popup cff-fb-popup-inside" v-if="viewsActive.extensionsPopupElement != null && viewsActive.extensionsPopupElement != false" :data-getext-view="viewsActive.extensionsPopupElement">
|
3 |
+
<div class="cff-fb-popup-cls" @click.prevent.default="activateView('extensionsPopupElement')">
|
4 |
+
<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
|
5 |
+
<path d="M14 1.41L12.59 0L7 5.59L1.41 0L0 1.41L5.59 7L0 12.59L1.41 14L7 8.41L12.59 14L14 12.59L8.41 7L14 1.41Z" fill="#141B38"/>
|
6 |
+
</svg>
|
7 |
+
</div>
|
8 |
+
<div>
|
9 |
+
<div class="cff-fb-extpp-top cff-fb-fs" :class="iscustomizerScreen && customizerScreens.popupBackButton.includes(viewsActive.extensionsPopupElement) ? 'cff-fb-extpp-top-fdtype' : ''">
|
10 |
+
<div class="cff-fb-extpp-info">
|
11 |
+
<div v-if="iscustomizerScreen && customizerScreens.popupBackButton.includes(viewsActive.extensionsPopupElement)" class="cff-fb-slctf-back cff-fb-hd-btn cff-btn-grey" @click.prevent.default="activateView('feedtypesPopup')"><svg width="7" height="11" viewBox="0 0 7 11" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6.3415 1.18184L5.1665 0.00683594L0.166504 5.00684L5.1665 10.0068L6.3415 8.83184L2.52484 5.00684L6.3415 1.18184Z" fill="#141B38"></path></svg> <span>Back</span></div>
|
12 |
+
<div class="cff-fb-extpp-head cff-fb-fs"><h2 v-html="extensionsPopup[viewsActive.extensionsPopupElement].heading"></h2></div>
|
13 |
+
<div class="cff-fb-extpp-desc cff-fb-fs sb-caption" v-html="extensionsPopup[viewsActive.extensionsPopupElement].description"></div>
|
14 |
+
<div class="cff-fb-fs">
|
15 |
+
<div class="cff-fb-extpp-lite-btn" href="" target="_blank" v-if="customizerScreens.popupBackButton.includes(viewsActive.extensionsPopupElement)">
|
16 |
+
<svg width="18" height="17" viewBox="0 0 18 17" fill="none"><path d="M16.843 8.15001L9.34297 0.650006C9.03048 0.340071 8.60809 0.166321 8.16797 0.166672H2.33464C1.89261 0.166672 1.46869 0.342267 1.15612 0.654828C0.843564 0.967388 0.667969 1.39131 0.667969 1.83334V7.66667C0.667795 7.8866 0.711149 8.10439 0.795533 8.30748C0.879917 8.51057 1.00366 8.69496 1.15964 8.85001L8.65964 16.35C8.97212 16.6599 9.39452 16.8337 9.83464 16.8333C10.276 16.8315 10.6985 16.6547 11.0096 16.3417L16.843 10.5083C17.156 10.1972 17.3328 9.77465 17.3346 9.33334C17.3348 9.11341 17.2915 8.89563 17.2071 8.69253C17.1227 8.48944 16.9989 8.30505 16.843 8.15001ZM9.83464 15.1667L2.33464 7.66667V1.83334H8.16797L15.668 9.33334L9.83464 15.1667ZM4.41797 2.66667C4.6652 2.66667 4.90687 2.73998 5.11243 2.87734C5.31799 3.01469 5.47821 3.20991 5.57282 3.43832C5.66743 3.66673 5.69218 3.91806 5.64395 4.16054C5.59572 4.40301 5.47667 4.62574 5.30185 4.80056C5.12704 4.97537 4.90431 5.09442 4.66183 5.14265C4.41936 5.19089 4.16802 5.16613 3.93962 5.07152C3.71121 4.97691 3.51598 4.8167 3.37863 4.61114C3.24128 4.40557 3.16797 4.1639 3.16797 3.91667C3.16797 3.58515 3.29967 3.26721 3.53409 3.03279C3.76851 2.79837 4.08645 2.66667 4.41797 2.66667Z" fill="#0068A0"/></svg>
|
17 |
+
{{genericText.liteFeedUsers}}
|
18 |
+
</div>
|
19 |
+
</div>
|
20 |
+
</div>
|
21 |
+
<div class="cff-fb-extpp-img" v-html="extensionsPopup[viewsActive.extensionsPopupElement].img">
|
22 |
+
</div>
|
23 |
+
</div>
|
24 |
+
<div class="cff-fb-extpp-bottom cff-fb-fs">
|
25 |
+
<div v-if="typeof extensionsPopup[viewsActive.extensionsPopupElement].bullets !== 'undefined'" class="cff-extension-bullets">
|
26 |
+
<h4>{{extensionsPopup[viewsActive.extensionsPopupElement].bullets.heading}}</h4>
|
27 |
+
<div class="cff-extension-bullet-list">
|
28 |
+
<div class="cff-extension-single-bullet" v-for="bullet in extensionsPopup[viewsActive.extensionsPopupElement].bullets.content">
|
29 |
+
<svg width="4" height="4" viewBox="0 0 4 4" fill="none" xmlns="http://www.w3.org/2000/svg">
|
30 |
+
<rect width="4" height="4" fill="#0096CC"/>
|
31 |
+
</svg>
|
32 |
+
<span class="sb-small-p">{{bullet}}</span>
|
33 |
+
</div>
|
34 |
+
</div>
|
35 |
+
</div>
|
36 |
+
<div class="cff-fb-extpp-btns cff-fb-fs">
|
37 |
+
<a class="cff-fb-extpp-get-btn cff-btn-orange" :href="extensionsPopup[viewsActive.extensionsPopupElement].buyUrl" target="_blank" class="cff-fb-fs-link" v-html="viewsActive.extensionsPopupElement == 'socialwall' ? genericText.seeTheDemo : genericText.seeProDemo"></a>
|
38 |
+
</div>
|
39 |
+
</div>
|
40 |
+
</div>
|
41 |
+
</div>
|
42 |
+
</div>
|
admin/builder/templates/sections/popup/feedtypes-popup.php
ADDED
@@ -0,0 +1,42 @@
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
1 |
+
<div class="cff-fb-feedtypes-pp-ctn sb-fs-boss cff-fb-center-boss" v-if="viewsActive.feedtypesPopup">
|
2 |
+
<div class="cff-fb-feedtypes-popup cff-fb-popup-inside">
|
3 |
+
<div class="cff-fb-popup-cls" @click.prevent.default="activateView('feedtypesPopup')"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
|
4 |
+
<path d="M14 1.41L12.59 0L7 5.59L1.41 0L0 1.41L5.59 7L0 12.59L1.41 14L7 8.41L12.59 14L14 12.59L8.41 7L14 1.41Z" fill="#141B38"/>
|
5 |
+
</svg>
|
6 |
+
</div>
|
7 |
+
<div class="cff-fb-source-top cff-fb-fs">
|
8 |
+
<h3>{{selectFeedTypeScreen.updateHeading}}</h3>
|
9 |
+
<div class="cff-fb-types cff-fb-fs">
|
10 |
+
<div class="cff-fb-types-list cff-fb-types-list-free">
|
11 |
+
<div class="cff-fb-type-el" v-for="(feedTypeEl, feedTypeIn) in feedTypes" :data-active="choosedFeedTypeCustomizer(feedTypeEl.type)" @click.prevent.default="chooseFeedType('normal', feedTypeEl, true)">
|
12 |
+
<div class="cff-fb-type-el-img cff-fb-fs" v-html="svgIcons[feedTypeEl.icon]"></div>
|
13 |
+
<div class="cff-fb-type-el-info cff-fb-fs">
|
14 |
+
<p class="sb-small-p sb-bold sb-dark-text">{{feedTypeEl.title}}</p>
|
15 |
+
<span class="sb-caption sb-lightest">{{feedTypeEl.description}}</span>
|
16 |
+
</div>
|
17 |
+
</div>
|
18 |
+
|
19 |
+
</div>
|
20 |
+
</div>
|
21 |
+
<div class="cff-fb-adv-types cff-fb-fs">
|
22 |
+
<h4>{{selectFeedTypeScreen.advancedHeading}}<span class="sb-breadcrumb-pro-label">PRO</span></h4>
|
23 |
+
<div class="cff-fb-types-list cff-fb-types-list-pro cff-fb-fs">
|
24 |
+
<div class="cff-fb-type-el-pro" v-for="(advFeedTypeEl, advFeedTypeIn) in advancedFeedTypes" @click.prevent.default="chooseFeedType('advanced', advFeedTypeEl)">
|
25 |
+
<div class="cff-fb-type-el-pro-img" v-html="svgIcons[advFeedTypeEl.icon +'Free']"></div>
|
26 |
+
<span>{{advFeedTypeEl.title}}</span>
|
27 |
+
</div>
|
28 |
+
|
29 |
+
</div>
|
30 |
+
</div>
|
31 |
+
<div class="cff-fb-srcs-update-ctn cff-fb-fs">
|
32 |
+
<button class="cff-fb-srcs-update cff-fb-btn cff-fb-fs cff-btn-orange" @click.prevent.default="updateFeedTypeCustomizer()">
|
33 |
+
<svg width="16" height="12" viewBox="0 0 16 12" fill="none" xmlns="http://www.w3.org/2000/svg">
|
34 |
+
<path fill-rule="evenodd" clip-rule="evenodd" d="M6.08058 8.36133L14.0355 0.406383L15.8033 2.17415L6.08058 11.8969L0.777281 6.59357L2.54505 4.8258L6.08058 8.36133Z" fill="white"/>
|
35 |
+
</svg>
|
36 |
+
|
37 |
+
<span>{{genericText.update}}</span>
|
38 |
+
</button>
|
39 |
+
</div>
|
40 |
+
</div>
|
41 |
+
</div>
|
42 |
+
</div>
|
admin/builder/templates/sections/popup/install-plugin-popup.php
ADDED
@@ -0,0 +1,40 @@
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
1 |
+
<script type="text/x-template" id="install-plugin-popup">
|
2 |
+
<div class="cff-fb-source-ctn sb-fs-boss cff-fb-center-boss" v-if="viewsActive.installPluginPopup">
|
3 |
+
<div class="cff-fb-source-popup cff-fb-popup-inside cff-install-plugin-modal">
|
4 |
+
<div class="cff-fb-popup-cls" @click.prevent.default="$parent.activateView('installPluginPopup')">
|
5 |
+
<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
|
6 |
+
<path d="M14 1.41L12.59 0L7 5.59L1.41 0L0 1.41L5.59 7L0 12.59L1.41 14L7 8.41L12.59 14L14 12.59L8.41 7L14 1.41Z" fill="#141B38"/>
|
7 |
+
</svg>
|
8 |
+
</div>
|
9 |
+
<div class="cff-install-plugin-body cff-fb-fs">
|
10 |
+
<div class="cff-install-plugin-header">
|
11 |
+
<div class="sb-plugin-image" v-html="plugins.svgIcon"></div>
|
12 |
+
<div class="sb-plugin-name">
|
13 |
+
<h3>
|
14 |
+
{{plugins.name}}
|
15 |
+
<span>{{genericText.free}}</span>
|
16 |
+
</h3>
|
17 |
+
<p>
|
18 |
+
<span class="sb-author-logo">
|
19 |
+
<svg width="13" height="17" viewBox="0 0 13 17" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M5.72226 4.70098C4.60111 4.19717 3.43332 3.44477 2.34321 3.09454C2.73052 4.01824 3.05742 5.00234 3.3957 5.97507C2.72098 6.48209 1.93286 6.8757 1.17991 7.30453C1.82065 7.93788 2.72809 8.3045 3.45109 8.85558C2.87196 9.57021 1.73414 10.3129 1.45689 10.9606C2.65579 10.8103 4.05285 10.5668 5.16832 10.5174C5.41343 11.7495 5.53984 13.1002 5.88845 14.2288C6.40758 12.7353 6.87695 11.192 7.49488 9.79727C8.44849 10.1917 9.61069 10.6726 10.5416 10.9052C9.88842 9.98881 9.29237 9.01536 8.71356 8.02465C9.57007 7.40396 10.4364 6.79309 11.2617 6.14122C10.0952 6.03375 8.88647 5.96834 7.66107 5.91968C7.46633 4.65567 7.5175 3.14579 7.21791 1.98667C6.76462 2.93671 6.2297 3.80508 5.72226 4.70098ZM6.27621 15.1705C6.12214 15.8299 6.62974 16.1004 6.55318 16.5C6.052 16.3273 5.67498 16.2386 5.00213 16.3338C5.02318 15.8194 5.48587 15.7466 5.3899 15.1151C-1.78016 14.3 -1.79456 1.34382 5.3345 0.546422C14.2483 -0.450627 14.528 14.9414 6.27621 15.1705Z" fill="#E34F0E"/><path fill-rule="evenodd" clip-rule="evenodd" d="M7.21769 1.98657C7.51728 3.1457 7.46611 4.65557 7.66084 5.91955C8.88625 5.96824 10.0949 6.03362 11.2615 6.14113C10.4362 6.79299 9.56984 7.40386 8.71334 8.02454C9.29215 9.01527 9.8882 9.98869 10.5414 10.9051C9.61046 10.6725 8.44827 10.1916 7.49466 9.79716C6.87673 11.1919 6.40736 12.7352 5.88823 14.2287C5.53962 13.1001 5.41321 11.7494 5.16809 10.5173C4.05262 10.5667 2.65558 10.8102 1.45666 10.9605C1.73392 10.3128 2.87174 9.57012 3.45087 8.85547C2.72786 8.30438 1.82043 7.93778 1.17969 7.30443C1.93264 6.8756 2.72074 6.482 3.39547 5.97494C3.05719 5.00224 2.73031 4.01814 2.34299 3.09445C3.43308 3.44467 4.60089 4.19707 5.72204 4.70088C6.22947 3.80499 6.7644 2.93662 7.21769 1.98657Z" fill="white"/></svg>
|
20 |
+
</span>
|
21 |
+
<span class="sb-author-name">{{plugins.author}}</span>
|
22 |
+
</p>
|
23 |
+
</div>
|
24 |
+
</div>
|
25 |
+
<div class="cff-install-plugin-content">
|
26 |
+
<p v-html="plugins.description"></p>
|
27 |
+
<button v-if="plugins.installed && plugins.activated" class="cff-install-plugin-btn cff-btn-orange" :disabled="plugins.installed">{{genericText.installedAndActivated}}</button>
|
28 |
+
<button v-else-if="plugins.installed && !plugins.activated" @click.prevent.default="installOrActivatePlugin(plugins, plugins.plugin, 'cff_activate_addon')" class="cff-install-plugin-btn cff-btn-orange">
|
29 |
+
<span v-html="svgIcons.spinner" v-if="installerStatus !== null"></span>
|
30 |
+
{{genericText.activate}}
|
31 |
+
</button>
|
32 |
+
<button v-else @click.prevent.default="installOrActivatePlugin(plugins, plugins.download_plugin, 'cff_install_addon')" class="cff-install-plugin-btn cff-btn-orange">
|
33 |
+
<span v-html="svgIcons.spinner" v-if="installerStatus !== null"></span>
|
34 |
+
{{genericText.install}}
|
35 |
+
</button>
|
36 |
+
</div>
|
37 |
+
</div>
|
38 |
+
</div>
|
39 |
+
</div>
|
40 |
+
</script>
|
admin/builder/templates/sections/popup/onboarding-customizer-popup.php
ADDED
@@ -0,0 +1,44 @@
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
1 |
+
<div class="sb-onboarding-overlay sb-fs-boss cff-fb-center-boss" v-if="viewsActive.onboardingCustomizerPopup && iscustomizerScreen">
|
2 |
+
</div>
|
3 |
+
<div v-for="tooltip in customizeScreensText.onboarding.tooltips"
|
4 |
+
v-if="viewsActive.onboardingCustomizerPopup && iscustomizerScreen"
|
5 |
+
v-bind:id="'sb-onboarding-tooltip-' + customizeScreensText.onboarding.type + '-' + tooltip.step" class="cff-fb-popup-inside sb-onboarding-tooltip cff-fb-source-top" v-bind:class="'sb-onboarding-tooltip-' + tooltip.step" v-bind:data-step="tooltip.step">
|
6 |
+
<div class="cff-fb-popup-cls" @click.prevent.default="onboardingClose()">
|
7 |
+
<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
|
8 |
+
<path d="M14 1.41L12.59 0L7 5.59L1.41 0L0 1.41L5.59 7L0 12.59L1.41 14L7 8.41L12.59 14L14 12.59L8.41 7L14 1.41Z" fill="#141B38"/>
|
9 |
+
</svg>
|
10 |
+
</div>
|
11 |
+
<div class="sb-onboarding-top-row">
|
12 |
+
<p class="sb-standard-p sb-bold">{{tooltip.heading}}</p>
|
13 |
+
<div class="wp-clearfix"></div>
|
14 |
+
<p class="sb-onboarding-step">{{tooltip.p}}</p>
|
15 |
+
</div>
|
16 |
+
<div class="sb-onboarding-bottom-row">
|
17 |
+
<div class="sb-step-counter-wrap">
|
18 |
+
<span>{{tooltip.step}}/{{customizeScreensText.onboarding.tooltips.length}}</span>
|
19 |
+
</div>
|
20 |
+
<div class="sb-previous-next-wrap">
|
21 |
+
<div class="cff-fb-wrapper">
|
22 |
+
<div class="cff-onboarding-previous cff-fb-hd-btn cff-btn-grey sb-button-small sb-button-left-icon" v-bind:data-active="tooltip.step === 1 ? 'false' : 'true'" @click.prevent.default="onboardingPrev">
|
23 |
+
<svg width="6" height="8" viewBox="0 0 6 8" fill="none" xmlns="http://www.w3.org/2000/svg">
|
24 |
+
<path d="M5.27203 0.94L4.33203 0L0.332031 4L4.33203 8L5.27203 7.06L2.2187 4L5.27203 0.94Z" fill="#141B38"/>
|
25 |
+
</svg>{{genericText.previous}}
|
26 |
+
</div>
|
27 |
+
<div v-if="customizeScreensText.onboarding.tooltips.length > tooltip.step" class="cff-onboarding-next cff-fb-hd-btn cff-btn-grey sb-button-small sb-button-right-icon" @click.prevent.default="onboardingNext">{{genericText.next}}
|
28 |
+
<svg width="6" height="8" viewBox="0 0 6 8" fill="none" xmlns="http://www.w3.org/2000/svg">
|
29 |
+
<path d="M1.66656 0L0.726562 0.94L3.7799 4L0.726562 7.06L1.66656 8L5.66656 4L1.66656 0Z" fill="#141B38"/>
|
30 |
+
</svg>
|
31 |
+
</div>
|
32 |
+
<div v-if="customizeScreensText.onboarding.tooltips.length === tooltip.step" class="cff-onboarding-finish sb-button-small cff-btn-grey cff-fb-hd-btn" @click.prevent.default="onboardingClose">{{genericText.finish}}</div>
|
33 |
+
</div>
|
34 |
+
</div>
|
35 |
+
</div>
|
36 |
+
<div class="sb-pointer" v-bind:class="{ 'sb-bottom-pointer' : typeof tooltip.pointer === 'undefined' || tooltip.pointer === 'bottom' }">
|
37 |
+
<svg v-if="typeof tooltip.pointer !== 'undefined' && tooltip.pointer === 'top'" width="20" height="10" viewBox="0 0 20 10" fill="none" xmlns="http://www.w3.org/2000/svg">
|
38 |
+
<path d="M8.58578 1.41421C9.36683 0.633166 10.6332 0.633165 11.4142 1.41421L20 10H0L8.58578 1.41421Z" fill="white"/>
|
39 |
+
</svg>
|
40 |
+
<svg v-else width="20" height="10" viewBox="0 0 20 10" fill="none" xmlns="http://www.w3.org/2000/svg">
|
41 |
+
<path d="M11.4142 8.58579C10.6332 9.36683 9.36684 9.36683 8.58579 8.58579L0 0L20 0L11.4142 8.58579Z" fill="white"/>
|
42 |
+
</svg>
|
43 |
+
</div>
|
44 |
+
</div>
|
admin/builder/templates/sections/popup/onboarding-popup.php
ADDED
@@ -0,0 +1,44 @@
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
1 |
+
<div class="sb-onboarding-overlay sb-fs-boss cff-fb-center-boss" v-if="viewsActive.onboardingPopup && viewsActive.pageScreen === 'welcome'">
|
2 |
+
</div>
|
3 |
+
<div v-for="tooltip in allFeedsScreen.onboarding.tooltips"
|
4 |
+
v-if="viewsActive.onboardingPopup && viewsActive.pageScreen === 'welcome'"
|
5 |
+
v-bind:id="'sb-onboarding-tooltip-' + allFeedsScreen.onboarding.type + '-' + tooltip.step" class="cff-fb-popup-inside sb-onboarding-tooltip cff-fb-source-top" v-bind:class="'sb-onboarding-tooltip-' + tooltip.step" v-bind:data-step="tooltip.step">
|
6 |
+
<div class="cff-fb-popup-cls" @click.prevent.default="onboardingClose()">
|
7 |
+
<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
|
8 |
+
<path d="M14 1.41L12.59 0L7 5.59L1.41 0L0 1.41L5.59 7L0 12.59L1.41 14L7 8.41L12.59 14L14 12.59L8.41 7L14 1.41Z" fill="#141B38"/>
|
9 |
+
</svg>
|
10 |
+
</div>
|
11 |
+
<div class="sb-onboarding-top-row">
|
12 |
+
<p class="sb-standard-p sb-bold">{{tooltip.heading}}</p>
|
13 |
+
<div class="wp-clearfix"></div>
|
14 |
+
<p class="sb-onboarding-step">{{tooltip.p}}</p>
|
15 |
+
</div>
|
16 |
+
<div class="sb-onboarding-bottom-row">
|
17 |
+
<div class="sb-step-counter-wrap">
|
18 |
+
<span>{{tooltip.step}}/{{allFeedsScreen.onboarding.tooltips.length}}</span>
|
19 |
+
</div>
|
20 |
+
<div class="sb-previous-next-wrap">
|
21 |
+
<div class="cff-fb-wrapper">
|
22 |
+
<div class="cff-onboarding-previous cff-fb-hd-btn cff-btn-grey sb-button-small sb-button-left-icon" v-bind:data-active="tooltip.step === 1 ? 'false' : 'true'" @click.prevent.default="onboardingPrev">
|
23 |
+
<svg width="6" height="8" viewBox="0 0 6 8" fill="none" xmlns="http://www.w3.org/2000/svg">
|
24 |
+
<path d="M5.27203 0.94L4.33203 0L0.332031 4L4.33203 8L5.27203 7.06L2.2187 4L5.27203 0.94Z" fill="#141B38"/>
|
25 |
+
</svg>{{genericText.previous}}
|
26 |
+
</div>
|
27 |
+
<div v-if="allFeedsScreen.onboarding.tooltips.length > tooltip.step" class="cff-onboarding-next cff-fb-hd-btn cff-btn-grey sb-button-small sb-button-right-icon" @click.prevent.default="onboardingNext">{{genericText.next}}
|
28 |
+
<svg width="6" height="8" viewBox="0 0 6 8" fill="none" xmlns="http://www.w3.org/2000/svg">
|
29 |
+
<path d="M1.66656 0L0.726562 0.94L3.7799 4L0.726562 7.06L1.66656 8L5.66656 4L1.66656 0Z" fill="#141B38"/>
|
30 |
+
</svg>
|
31 |
+
</div>
|
32 |
+
<div v-if="allFeedsScreen.onboarding.tooltips.length === tooltip.step" class="cff-onboarding-finish sb-button-small cff-btn-grey cff-fb-hd-btn" @click.prevent.default="onboardingClose">{{genericText.finish}}</div>
|
33 |
+
</div>
|
34 |
+
</div>
|
35 |
+
</div>
|
36 |
+
<div class="sb-pointer" v-bind:class="{ 'sb-bottom-pointer' : typeof tooltip.pointer === 'undefined' || tooltip.pointer === 'bottom' }">
|
37 |
+
<svg v-if="typeof tooltip.pointer !== 'undefined' && tooltip.pointer === 'top'" width="20" height="10" viewBox="0 0 20 10" fill="none" xmlns="http://www.w3.org/2000/svg">
|
38 |
+
<path d="M8.58578 1.41421C9.36683 0.633166 10.6332 0.633165 11.4142 1.41421L20 10H0L8.58578 1.41421Z" fill="white"/>
|
39 |
+
</svg>
|
40 |
+
<svg v-else width="20" height="10" viewBox="0 0 20 10" fill="none" xmlns="http://www.w3.org/2000/svg">
|
41 |
+
<path d="M11.4142 8.58579C10.6332 9.36683 9.36684 9.36683 8.58579 8.58579L0 0L20 0L11.4142 8.58579Z" fill="white"/>
|
42 |
+
</svg>
|
43 |
+
</div>
|
44 |
+
</div>
|
admin/builder/templates/sections/popup/source-instances.php
ADDED
@@ -0,0 +1,70 @@
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
1 |
+
<div class="sb-fs-boss cff-fb-center-boss" v-if="viewsActive.instanceSourceActive != null">
|
2 |
+
<div class="cff-fb-popup-inside cff-fb-popup-feedinst">
|
3 |
+
<div class="cff-fb-popup-cls" @click.prevent.default="switchScreen('instanceSourceActive', null)"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
|
4 |
+
<path d="M14 1.41L12.59 0L7 5.59L1.41 0L0 1.41L5.59 7L0 12.59L1.41 14L7 8.41L12.59 14L14 12.59L8.41 7L14 1.41Z" fill="#141B38"/>
|
5 |
+
</svg>
|
6 |
+
</div>
|
7 |
+
<div class="cff-fb-source-top cff-fb-fs">
|
8 |
+
<h3>{{viewsActive.instanceSourceActive.username}}</h3>
|
9 |
+
<div class="cff-fb-fdinst-type sb-small">{{viewsActive.instanceSourceActive.account_type}}</div>
|
10 |
+
</div>
|
11 |
+
<div class="cff-fb-inst-tbl-ctn cff-fb-fs">
|
12 |
+
<table>
|
13 |
+
<thead class="cff-fd-lst-thtf cff-fd-lst-thead">
|
14 |
+
<tr>
|
15 |
+
<th>
|
16 |
+
<span class="sb-caption sb-lighter">{{genericText.feedName}}</span>
|
17 |
+
</th>
|
18 |
+
<th>
|
19 |
+
<span class="sb-caption sb-lighter">{{genericText.id}}</span>
|
20 |
+
</th>
|
21 |
+
<th>
|
22 |
+
<span class="sb-caption sb-lighter">{{genericText.shortcodeText}}</span>
|
23 |
+
</th>
|
24 |
+
<th></th>
|
25 |
+
</tr>
|
26 |
+
</thead>
|
27 |
+
<tbody class="cff-fd-lst-tbody">
|
28 |
+
<tr v-for="(instance, instanceIndex) in viewsActive.instanceSourceActive.instances">
|
29 |
+
<td><a :href="cff_settings.builderUrl+'&feed_id=' + instance.id" class="cff-fd-lst-name sb-small-p sb-bold">{{instance.feed_name}}</a></td>
|
30 |
+
<td><span class="cff-fd-lst-shortcode sb-caption sb-lighter">{{instance.id}}</span></td>
|
31 |
+
<td>
|
32 |
+
<div class="cff-fb-inst-tbl-shrtc">
|
33 |
+
<div class="sb-flex-center">
|
34 |
+
<span v-if="instance.id !== 'legacy'" class="cff-fd-lst-shortcode sb-caption sb-lighter" v-html="'[custom-facebook-feed feed='+instance.id+']'"></span>
|
35 |
+
<span v-if="instance.id === 'legacy'" class="cff-fd-lst-shortcode sb-caption sb-lighter" v-html="'[custom-facebook-feed]'"></span>
|
36 |
+
|
37 |
+
<div class="cff-fd-lst-shortcode-cp cff-fd-lst-btn cff-fb-tltp-parent">
|
38 |
+
<div class="cff-fb-tltp-elem"><span>{{(genericText.copy +' '+ genericText.shortcode).replace(/ /g," ")}}</span></div>
|
39 |
+
<div v-html="svgIcons['copy']" @click.prevent.default="copyToClipBoard('[custom-facebook-feed feed='+instance.id+']')"></div>
|
40 |
+
</div>
|
41 |
+
</div>
|
42 |
+
</div>
|
43 |
+
</td>
|
44 |
+
<td>
|
45 |
+
<a :href="cff_settings.builderUrl+'&feed_id=' + instance.id" class="cff-fd-lst-btn sb-button-no-border sb-icon-small sb-dark-hover">
|
46 |
+
<svg width="7" height="10" viewBox="0 0 7 10" fill="none" xmlns="http://www.w3.org/2000/svg">
|
47 |
+
<path d="M1.3332 0L0.158203 1.175L3.97487 5L0.158203 8.825L1.3332 10L6.3332 5L1.3332 0Z" fill="#8C8F9A"/>
|
48 |
+
</svg>
|
49 |
+
</a>
|
50 |
+
</td>
|
51 |
+
</tr>
|
52 |
+
</tbody>
|
53 |
+
<tfoot class="cff-fd-lst-thtf cff-fd-lst-tfoot">
|
54 |
+
<tr>
|
55 |
+
<td>
|
56 |
+
<span class="sb-caption sb-lighter">{{genericText.feedName}}</span>
|
57 |
+
</td>
|
58 |
+
<td>
|
59 |
+
<span class="sb-caption sb-lighter">{{genericText.id}}</span>
|
60 |
+
</td>
|
61 |
+
<td>
|
62 |
+
<span class="sb-caption sb-lighter">{{genericText.shortcodeText}}</span>
|
63 |
+
</td>
|
64 |
+
<td></td>
|
65 |
+
</tr>
|
66 |
+
</tfoot>
|
67 |
+
</table>
|
68 |
+
</div>
|
69 |
+
</div>
|
70 |
+
</div>
|
admin/builder/templates/sections/select-source.php
ADDED
@@ -0,0 +1,177 @@
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
1 |
+
<div class="cff-fb-slctsrc-ctn cff-fb-fs sb-box-shadow" v-if="viewsActive.selectedFeedSection == 'selectSource'" :data-multifeed="activeExtensions['multifeed'] ? 'active' : 'inactive'">
|
2 |
+
<div class="cff-fb-slctsrc-content cff-fb-fs">
|
3 |
+
<div class="cff-fb-sec-heading cff-fb-fs">
|
4 |
+
<h4>{{selectSourceScreen.mainHeading}}</h4>
|
5 |
+
<span class="sb-caption sb-lighter">{{selectSourceScreen.description}}</span>
|
6 |
+
</div>
|
7 |
+
<div class="cff-fb-srcslist-ctn cff-fb-fs">
|
8 |
+
<div class="cff-fb-srcs-item cff-fb-srcs-new" @click.prevent.default="activateView('sourcePopup','creationRedirect')">
|
9 |
+
<svg width="10" height="10" viewBox="0 0 10 10" fill="none" xmlns="http://www.w3.org/2000/svg">
|
10 |
+
<path d="M9.66634 5.66634H5.66634V9.66634H4.33301V5.66634H0.333008V4.33301H4.33301V0.333008H5.66634V4.33301H9.66634V5.66634Z" fill="#0096CC"/>
|
11 |
+
</svg>
|
12 |
+
<span class="sb-small-p sb-bold">{{genericText.addNew}}</span>
|
13 |
+
</div>
|
14 |
+
<div :class="checkSourceForEvents(source) || checkTypeForGroup(source) ? ' cff-fb-onbrd-tltp-parent cff-fb-onbrd-tltp-center-top cff-fb-onbrd-tltp-hover ' : ''" class="cff-fb-srcs-item" v-for="(source, sourceIndex) in sourcesList" @click.prevent.default="selectSource(source)" :data-type="source.account_type" :data-active="selectedSources.includes(source.account_id)" :data-disabled="checkSourceForEvents(source) || checkTypeForGroup(source)">
|
15 |
+
<div class="cff-fb-onbrd-tltp-elem">
|
16 |
+
<p v-if="checkSourceForEvents(source)" class="cff-fb-onbrd-tltp-txt" v-for="eventsToolTipTxt in selectSourceScreen.eventsToolTip" v-html="eventsToolTipTxt.replace(/ /g,' ')"></p>
|
17 |
+
<p v-if="checkTypeForGroup(source)" class="cff-fb-onbrd-tltp-txt" v-for="groupsToolTipTxt in selectSourceScreen.groupsToolTip" v-html="groupsToolTipTxt.replace(/ /g,' ')"></p>
|
18 |
+
</div>
|
19 |
+
<div class="cff-fb-srcs-item-chkbx">
|
20 |
+
<div class="cff-fb-srcs-item-chkbx-ic"></div>
|
21 |
+
</div>
|
22 |
+
<div class="cff-fb-srcs-item-avatar">
|
23 |
+
<img :src="typeof source.avatar_url !== 'undefined' && source.account_type === 'group' ? source.avatar_url : 'https://graph.facebook.com/'+source.account_id+'/picture'">
|
24 |
+
</div>
|
25 |
+
<div class="cff-fb-srcs-item-inf">
|
26 |
+
<div class="cff-fb-srcs-item-name sb-small-p sb-bold"><span>{{source.username}}</span> <span class="cff-fb-srcs-item-name-event" v-if="source.privilege == 'events'">(events)</span></div>
|
27 |
+
<div class="cff-fb-left-boss">
|
28 |
+
<div class="cff-fb-srcs-item-type">
|
29 |
+
<div v-html="source.account_type == 'group' ? svgIcons['users'] : svgIcons['flag']"></div>
|
30 |
+
<span class="sb-small sb-lighter">{{source.account_type}}</span>
|
31 |
+
</div>
|
32 |
+
<div v-if="source.error !== ''" class="sb-source-error-wrap">
|
33 |
+
<svg width="13" height="13" viewBox="0 0 13 13" fill="none" xmlns="http://www.w3.org/2000/svg">
|
34 |
+
<path d="M6.50008 0.666664C3.28008 0.666664 0.666748 3.28 0.666748 6.5C0.666748 9.72 3.28008 12.3333 6.50008 12.3333C9.72008 12.3333 12.3334 9.72 12.3334 6.5C12.3334 3.28 9.72008 0.666664 6.50008 0.666664ZM7.08342 9.41667H5.91675V8.25H7.08342V9.41667ZM7.08342 7.08333H5.91675V3.58333H7.08342V7.08333Z" fill="#D72C2C"/>
|
35 |
+
</svg>
|
36 |
+
<span v-html="genericText.errorSource"></span><a href="#" @click.prevent.default="activateView('sourcePopup')" v-html="genericText.reconnect"></a>
|
37 |
+
</div>
|
38 |
+
</div>
|
39 |
+
</div>
|
40 |
+
</div>
|
41 |
+
</div>
|
42 |
+
</div>
|
43 |
+
</div>
|
44 |
+
|
45 |
+
<div class="cff-fb-mr-feeds cff-fb-fs" v-if="viewsActive.selectedFeedSection == 'selectSource'">
|
46 |
+
<div class="cff-fb-mr-fd-img">
|
47 |
+
<svg width="335" height="185" viewBox="0 0 335 185" fill="none" xmlns="http://www.w3.org/2000/svg">
|
48 |
+
<g clip-path="url(#clip0)">
|
49 |
+
<rect width="335" height="185" fill="white"/>
|
50 |
+
<g opacity="0.3" filter="url(#filter0_f)">
|
51 |
+
<circle cx="128.5" cy="188.5" r="129.5" fill="#1B90EF"/>
|
52 |
+
</g>
|
53 |
+
<g opacity="0.1" filter="url(#filter1_f)">
|
54 |
+
<circle cx="58.5" cy="28.5" r="129.5" fill="url(#paint0_linear)"/>
|
55 |
+
</g>
|
56 |
+
<g filter="url(#filter2_d)">
|
57 |
+
<rect x="85.6269" y="-79.76" width="98.3855" height="64.6757" rx="1.37191" transform="rotate(15 85.6269 -79.76)" fill="white" stroke="#E8E8EB" stroke-width="0.391974"/>
|
58 |
+
<g clip-path="url(#clip1)">
|
59 |
+
<rect x="81.6348" y="-65.6123" width="98.7775" height="50.1727" transform="rotate(15 81.6348 -65.6123)" fill="#EFADAD"/>
|
60 |
+
</g>
|
61 |
+
<rect x="66.411" y="-8.04512" width="98.3855" height="64.6757" rx="1.37191" transform="rotate(15 66.411 -8.04512)" fill="white" stroke="#E8E8EB" stroke-width="0.391974"/>
|
62 |
+
<path d="M155.224 22.4831C155.651 22.312 156.056 22.0782 156.404 21.772C156.047 21.8284 155.645 21.835 155.263 21.7707C155.715 21.6446 156.095 21.3657 156.355 20.9601C155.943 21.0779 155.492 21.1283 155.06 21.1076C154.805 20.6398 154.383 20.2985 153.851 20.1558C152.821 19.88 151.764 20.4906 151.488 21.52C151.45 21.662 151.43 21.8087 151.427 21.9602C149.907 21.4577 148.722 20.3414 148.099 18.976C147.868 19.1994 147.693 19.4951 147.598 19.85C147.427 20.489 147.594 21.1425 148.019 21.6176C147.722 21.519 147.439 21.3672 147.229 21.1586L147.224 21.1764C146.981 22.0815 147.421 22.9981 148.225 23.4038C148.073 23.4013 147.886 23.3892 147.727 23.3464C147.603 23.3131 147.501 23.2669 147.381 23.2158C147.412 24.0231 147.962 24.741 148.773 24.9775C148.001 25.3032 147.122 25.3909 146.252 25.1579C146.093 25.1151 145.955 25.0593 145.818 25.0035C146.492 25.7547 147.387 26.318 148.452 26.6033C151.877 27.5211 154.497 25.1985 155.158 22.7316C155.182 22.6429 155.201 22.5719 155.224 22.4831Z" fill="#1B90EF"/>
|
63 |
+
<circle cx="79.5038" cy="13.5211" r="9.01541" transform="rotate(15 79.5038 13.5211)" fill="#D0D1D7"/>
|
64 |
+
<rect x="66.0264" y="28.9824" width="80.7467" height="5.48764" rx="0.728392" transform="rotate(15 66.0264 28.9824)" fill="#D0D1D7"/>
|
65 |
+
<rect x="63.3896" y="38.8262" width="47.0369" height="5.48764" rx="0.728392" transform="rotate(15 63.3896 38.8262)" fill="#D0D1D7"/>
|
66 |
+
<rect x="47.1952" y="63.6697" width="98.3855" height="64.6757" rx="1.37191" transform="rotate(15 47.1952 63.6697)" fill="white" stroke="#E8E8EB" stroke-width="0.391974"/>
|
67 |
+
<path d="M132.093 92.1284C130.958 91.824 129.805 92.5044 129.505 93.6225C129.201 94.7583 129.864 95.906 131 96.2103C132.118 96.5099 133.283 95.8521 133.587 94.7162C133.887 93.5981 133.211 92.428 132.093 92.1284ZM131.19 95.5004C130.462 95.3055 130.016 94.5581 130.215 93.8127C130.41 93.085 131.153 92.6563 131.898 92.856C132.626 93.051 133.055 93.7936 132.86 94.5213C132.66 95.2667 131.917 95.6954 131.19 95.5004ZM134.704 92.7517C134.775 92.4855 134.619 92.2154 134.353 92.1441C134.087 92.0728 133.817 92.2287 133.745 92.4949C133.674 92.7611 133.83 93.0311 134.096 93.1025C134.362 93.1738 134.632 93.0179 134.704 92.7517ZM135.924 93.5923C136.06 92.9439 136.07 92.3379 135.732 91.7528C135.394 91.1677 134.864 90.8736 134.235 90.6669C133.588 90.4554 131.618 89.9276 130.952 89.7871C130.303 89.6514 129.715 89.646 129.112 89.979C128.527 90.3168 128.233 90.8467 128.026 91.4761C127.815 92.1232 127.287 94.0932 127.146 94.7594C127.011 95.4079 127.005 95.9961 127.338 96.5989C127.694 97.1887 128.206 97.4781 128.835 97.6848C129.483 97.8963 131.453 98.4241 132.119 98.5646C132.767 98.7003 133.373 98.7105 133.958 98.3727C134.548 98.0172 134.838 97.505 135.044 96.8756C135.256 96.2285 135.784 94.2585 135.924 93.5923ZM134.007 97.3395C133.788 97.6612 133.432 97.8513 133.057 97.9029C132.467 97.9732 131.239 97.5871 130.671 97.4349C130.086 97.278 128.829 96.9984 128.372 96.6475C128.055 96.4104 127.86 96.0728 127.813 95.6798C127.738 95.1081 128.124 93.88 128.281 93.2943C128.433 92.7264 128.713 91.4698 129.068 90.9944C129.301 90.6953 129.638 90.5004 130.031 90.4535C130.603 90.3785 131.831 90.7646 132.417 90.9215C132.985 91.0737 134.241 91.3533 134.717 91.709C135.021 91.9236 135.211 92.2789 135.262 92.6541C135.333 93.2436 134.946 94.4717 134.794 95.0396C134.637 95.6253 134.358 96.8819 134.007 97.3395Z" fill="url(#paint1_linear)"/>
|
68 |
+
<rect x="42.7979" y="79.333" width="98.7775" height="48.6048" transform="rotate(15 42.7979 79.333)" fill="#FEF4EF"/>
|
69 |
+
<path d="M97.3184 93.9414L138.209 104.898L125.629 151.847L88.5936 126.503L97.3184 93.9414Z" fill="#FCE1D5"/>
|
70 |
+
<path d="M97.3188 93.9419L42.7979 79.333L34.0731 111.894L88.5941 126.503L97.3188 93.9419Z" fill="#F9BBA0"/>
|
71 |
+
<rect x="27.9794" y="135.386" width="98.3855" height="64.6757" rx="1.37191" transform="rotate(15 27.9794 135.386)" fill="white" stroke="#E8E8EB" stroke-width="0.391974"/>
|
72 |
+
<path d="M116.792 165.914C117.218 165.743 117.623 165.509 117.972 165.203C117.614 165.259 117.213 165.266 116.831 165.201C117.283 165.075 117.662 164.796 117.923 164.391C117.511 164.509 117.06 164.559 116.628 164.538C116.373 164.07 115.951 163.729 115.418 163.586C114.389 163.311 113.331 163.921 113.055 164.951C113.017 165.093 112.997 165.239 112.994 165.391C111.474 164.888 110.29 163.772 109.666 162.407C109.435 162.63 109.261 162.926 109.166 163.281C108.995 163.92 109.162 164.573 109.586 165.048C109.289 164.95 109.007 164.798 108.796 164.589L108.791 164.607C108.549 165.512 108.988 166.429 109.792 166.835C109.641 166.832 109.454 166.82 109.294 166.777C109.17 166.744 109.068 166.698 108.949 166.646C108.98 167.454 109.529 168.172 110.341 168.408C109.569 168.734 108.689 168.822 107.82 168.589C107.66 168.546 107.523 168.49 107.385 168.434C108.059 169.185 108.954 169.749 110.019 170.034C113.445 170.952 116.064 168.629 116.725 166.162C116.749 166.074 116.768 166.003 116.792 165.914Z" fill="#1B90EF"/>
|
73 |
+
<circle cx="41.0711" cy="156.952" r="9.01541" transform="rotate(15 41.0711 156.952)" fill="#D0D1D7"/>
|
74 |
+
<rect x="27.5947" y="172.413" width="80.7467" height="5.48764" rx="0.728392" transform="rotate(15 27.5947 172.413)" fill="#D0D1D7"/>
|
75 |
+
<rect x="24.957" y="182.257" width="47.0369" height="5.48764" rx="0.728392" transform="rotate(15 24.957 182.257)" fill="#D0D1D7"/>
|
76 |
+
</g>
|
77 |
+
<g filter="url(#filter3_d)">
|
78 |
+
<rect x="195.769" y="-73.092" width="98.3855" height="64.6757" rx="1.37191" transform="rotate(15 195.769 -73.092)" fill="white" stroke="#E8E8EB" stroke-width="0.391974"/>
|
79 |
+
<rect x="191.37" y="-57.4287" width="98.7775" height="48.6048" transform="rotate(15 191.37 -57.4287)" fill="#FEF4EF"/>
|
80 |
+
<path d="M245.892 -42.8203L286.782 -31.8637L274.203 15.085L237.167 -10.2592L245.892 -42.8203Z" fill="#FCE1D5"/>
|
81 |
+
<rect x="176.554" y="-1.37618" width="98.3855" height="64.6757" rx="1.37191" transform="rotate(15 176.554 -1.37618)" fill="white" stroke="#E8E8EB" stroke-width="0.391974"/>
|
82 |
+
<path d="M261.453 27.0825C260.317 26.7781 259.164 27.4585 258.865 28.5766C258.561 29.7124 259.223 30.8601 260.359 31.1644C261.477 31.464 262.642 30.8062 262.947 29.6703C263.246 28.5522 262.571 27.3821 261.453 27.0825ZM260.549 30.4545C259.822 30.2596 259.375 29.5122 259.575 28.7668C259.77 28.0391 260.512 27.6104 261.258 27.8101C261.985 28.0051 262.414 28.7477 262.219 29.4754C262.019 30.2208 261.277 30.6495 260.549 30.4545ZM264.063 27.7058C264.134 27.4396 263.978 27.1695 263.712 27.0982C263.446 27.0269 263.176 27.1828 263.105 27.449C263.033 27.7152 263.189 27.9852 263.455 28.0566C263.722 28.1279 263.992 27.972 264.063 27.7058ZM265.283 28.5464C265.419 27.898 265.429 27.292 265.091 26.7069C264.754 26.1218 264.224 25.8277 263.594 25.621C262.947 25.4095 260.977 24.8817 260.311 24.7412C259.663 24.6055 259.074 24.6001 258.472 24.9331C257.886 25.2709 257.592 25.8008 257.386 26.4302C257.174 27.0774 256.646 29.0473 256.506 29.7135C256.37 30.362 256.365 30.9502 256.698 31.553C257.053 32.1428 257.565 32.4322 258.195 32.6389C258.842 32.8504 260.812 33.3782 261.478 33.5187C262.127 33.6544 262.733 33.6646 263.318 33.3268C263.907 32.9713 264.197 32.4591 264.404 31.8297C264.615 31.1826 265.143 29.2126 265.283 28.5464ZM263.366 32.2936C263.147 32.6153 262.792 32.8054 262.416 32.857C261.827 32.9273 260.599 32.5412 260.031 32.389C259.445 32.2321 258.189 31.9525 257.731 31.6016C257.414 31.3645 257.219 31.0269 257.172 30.6339C257.097 30.0622 257.483 28.8341 257.64 28.2485C257.792 27.6805 258.072 26.4239 258.428 25.9486C258.66 25.6494 258.998 25.4545 259.391 25.4076C259.962 25.3326 261.19 25.7187 261.776 25.8756C262.344 26.0278 263.601 26.3074 264.076 26.6631C264.38 26.8777 264.57 27.233 264.622 27.6082C264.692 28.1977 264.306 29.4258 264.154 29.9937C263.997 30.5794 263.717 31.836 263.366 32.2936Z" fill="url(#paint2_linear)"/>
|
83 |
+
<rect x="172.154" y="14.2852" width="98.7775" height="48.6048" transform="rotate(15 172.154 14.2852)" fill="#FEF4EF"/>
|
84 |
+
<path d="M226.673 28.8936L267.564 39.8502L254.984 86.7988L217.948 61.4547L226.673 28.8936Z" fill="#FCE1D5"/>
|
85 |
+
<path d="M226.675 28.894L172.154 14.2852L163.43 46.8463L217.951 61.4552L226.675 28.894Z" fill="#F9BBA0"/>
|
86 |
+
<rect x="157.337" y="70.3387" width="98.3855" height="64.6757" rx="1.37191" transform="rotate(15 157.337 70.3387)" fill="white" stroke="#E8E8EB" stroke-width="0.391974"/>
|
87 |
+
<path d="M246.769 98.8958C246.776 98.4413 246.529 98.0138 246.15 97.7979C245.444 97.3804 242.426 96.572 242.426 96.572C242.426 96.572 239.392 95.7588 238.571 95.7673C238.135 95.7644 237.707 96.0113 237.486 96.4087C237.074 97.097 236.646 98.6943 236.646 98.6943C236.646 98.6943 236.223 100.274 236.231 101.094C236.223 101.549 236.475 101.958 236.855 102.174C237.565 102.574 240.6 103.387 240.6 103.387C240.6 103.387 243.617 104.196 244.433 104.205C244.87 104.208 245.292 103.979 245.513 103.581C245.931 102.875 246.354 101.296 246.354 101.296C246.354 101.296 246.782 99.6983 246.769 98.8958ZM240.13 101.169L240.9 98.2934L243.035 100.406L240.13 101.169Z" fill="#EB2121"/>
|
88 |
+
<g clip-path="url(#clip2)">
|
89 |
+
<rect x="153.345" y="84.4863" width="98.7775" height="50.1727" transform="rotate(15 153.345 84.4863)" fill="#EFADAD"/>
|
90 |
+
<path d="M191.49 108.726L206.118 122.975L186.325 128.002L191.49 108.726Z" fill="white"/>
|
91 |
+
</g>
|
92 |
+
<rect x="138.121" y="142.054" width="98.3855" height="64.6757" rx="1.37191" transform="rotate(15 138.121 142.054)" fill="white" stroke="#E8E8EB" stroke-width="0.391974"/>
|
93 |
+
<path d="M226.933 172.582C227.36 172.411 227.765 172.177 228.113 171.871C227.756 171.927 227.354 171.934 226.972 171.869C227.424 171.743 227.804 171.464 228.064 171.059C227.652 171.177 227.201 171.227 226.769 171.206C226.514 170.738 226.092 170.397 225.56 170.254C224.53 169.979 223.473 170.589 223.197 171.619C223.159 171.761 223.139 171.907 223.136 172.059C221.616 171.556 220.431 170.44 219.808 169.075C219.577 169.298 219.402 169.594 219.307 169.949C219.136 170.588 219.303 171.241 219.728 171.716C219.431 171.618 219.148 171.466 218.938 171.257L218.933 171.275C218.69 172.18 219.13 173.097 219.934 173.502C219.782 173.5 219.595 173.488 219.436 173.445C219.311 173.412 219.21 173.366 219.09 173.314C219.121 174.122 219.671 174.84 220.482 175.076C219.71 175.402 218.831 175.49 217.961 175.257C217.801 175.214 217.664 175.158 217.527 175.102C218.201 175.853 219.096 176.417 220.161 176.702C223.586 177.62 226.206 175.297 226.867 172.83C226.891 172.741 226.91 172.67 226.933 172.582Z" fill="#1B90EF"/>
|
94 |
+
<circle cx="151.213" cy="163.62" r="9.01541" transform="rotate(15 151.213 163.62)" fill="#D0D1D7"/>
|
95 |
+
<rect x="137.735" y="179.081" width="80.7467" height="5.48764" rx="0.728392" transform="rotate(15 137.735 179.081)" fill="#D0D1D7"/>
|
96 |
+
</g>
|
97 |
+
</g>
|
98 |
+
<defs>
|
99 |
+
<filter id="filter0_f" x="-75" y="-15" width="407" height="407" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
|
100 |
+
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
|
101 |
+
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
|
102 |
+
<feGaussianBlur stdDeviation="37" result="effect1_foregroundBlur"/>
|
103 |
+
</filter>
|
104 |
+
<filter id="filter1_f" x="-145" y="-175" width="407" height="407" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
|
105 |
+
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
|
106 |
+
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
|
107 |
+
<feGaussianBlur stdDeviation="37" result="effect1_foregroundBlur"/>
|
108 |
+
</filter>
|
109 |
+
<filter id="filter2_d" x="5.17286" y="-85.0987" width="181.555" height="315.216" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
|
110 |
+
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
|
111 |
+
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/>
|
112 |
+
<feOffset dy="0.728392"/>
|
113 |
+
<feGaussianBlur stdDeviation="2.91357"/>
|
114 |
+
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.05 0"/>
|
115 |
+
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"/>
|
116 |
+
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow" result="shape"/>
|
117 |
+
</filter>
|
118 |
+
<filter id="filter3_d" x="115.314" y="-78.4308" width="181.556" height="315.216" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
|
119 |
+
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
|
120 |
+
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/>
|
121 |
+
<feOffset dy="0.728392"/>
|
122 |
+
<feGaussianBlur stdDeviation="2.91357"/>
|
123 |
+
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.05 0"/>
|
124 |
+
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"/>
|
125 |
+
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow" result="shape"/>
|
126 |
+
</filter>
|
127 |
+
<linearGradient id="paint0_linear" x1="21.2688" y1="394.337" x2="566.787" y2="-162.513" gradientUnits="userSpaceOnUse">
|
128 |
+
<stop stop-color="white"/>
|
129 |
+
<stop offset="0.147864" stop-color="#F6640E"/>
|
130 |
+
<stop offset="0.443974" stop-color="#BA03A7"/>
|
131 |
+
<stop offset="0.733337" stop-color="#6A01B9"/>
|
132 |
+
<stop offset="1" stop-color="#6B01B9"/>
|
133 |
+
</linearGradient>
|
134 |
+
<linearGradient id="paint1_linear" x1="126.522" y1="108.888" x2="153.008" y2="97.2448" gradientUnits="userSpaceOnUse">
|
135 |
+
<stop stop-color="white"/>
|
136 |
+
<stop offset="0.147864" stop-color="#F6640E"/>
|
137 |
+
<stop offset="0.443974" stop-color="#BA03A7"/>
|
138 |
+
<stop offset="0.733337" stop-color="#6A01B9"/>
|
139 |
+
<stop offset="1" stop-color="#6B01B9"/>
|
140 |
+
</linearGradient>
|
141 |
+
<linearGradient id="paint2_linear" x1="255.881" y1="43.8426" x2="282.368" y2="32.1989" gradientUnits="userSpaceOnUse">
|
142 |
+
<stop stop-color="white"/>
|
143 |
+
<stop offset="0.147864" stop-color="#F6640E"/>
|
144 |
+
<stop offset="0.443974" stop-color="#BA03A7"/>
|
145 |
+
<stop offset="0.733337" stop-color="#6A01B9"/>
|
146 |
+
<stop offset="1" stop-color="#6B01B9"/>
|
147 |
+
</linearGradient>
|
148 |
+
<clipPath id="clip0">
|
149 |
+
<rect width="335" height="185" fill="white"/>
|
150 |
+
</clipPath>
|
151 |
+
<clipPath id="clip1">
|
152 |
+
<rect width="98.7775" height="50.1727" fill="white" transform="translate(81.6348 -65.6123) rotate(15)"/>
|
153 |
+
</clipPath>
|
154 |
+
<clipPath id="
|