Version Description
- Important: Minimum supported WordPress version has been raised from 3.5 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 Twitter 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 v1.8 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: 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 | Craig at Smash Balloon |
| Plugin |  Custom Twitter Feeds |
| Version | 2.0 |
| Comparing to | |
| See all releases | |
Code changes from version 1.8.4 to 2.0
- README.txt +326 -313
- admin/Traits/CTF_Settings.php +204 -0
- admin/assets/css/about.css +765 -0
- admin/assets/css/admin-notifications.css +224 -0
- admin/assets/css/cff-admin-style.css +3276 -0
- admin/assets/css/oembeds.css +775 -0
- admin/assets/css/settings.css +2088 -0
- admin/assets/css/support.css +1012 -0
- admin/assets/img/about/api-error.png +0 -0
- admin/assets/img/about/icon-full.svg +1 -0
- admin/assets/img/about/icon-none.svg +1 -0
- admin/assets/img/about/icon-partial.svg +1 -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
- img/ctf-icon.jpg → 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/balloon-120.png +0 -0
- admin/assets/img/balloon.png +0 -0
- admin/assets/img/balloon.svg +4 -0
- admin/assets/img/book-icon.png +0 -0
- admin/assets/img/book-icon.svg +4 -0
- admin/assets/img/cff-sprite.png +0 -0
- admin/assets/img/ctf-icon.svg +11 -0
- admin/assets/img/fb-icon.png +0 -0
- admin/assets/img/fb-icon.svg +16 -0
- admin/assets/img/fb-icon2.png +0 -0
- admin/assets/img/fb-icon3.png +0 -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/instagram-icon.png +0 -0
- admin/assets/img/rocket-icon.png +0 -0
- admin/assets/img/rocket-icon.svg +4 -0
- admin/assets/img/save-plus-icon.png +0 -0
- admin/assets/img/save-plus-icon.svg +4 -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/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/admin-notifications.js +209 -0
- admin/assets/js/oembeds.js +177 -0
- admin/assets/js/settings.js +1217 -0
- admin/assets/js/support.js +122 -0
- admin/builder/assets/css/builder.css +5650 -0
- admin/builder/assets/css/global.css +3154 -0
- admin/builder/assets/css/preview.css +1452 -0
- admin/builder/assets/css/tooltipster.css +513 -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/builder.js +2977 -0
- admin/builder/assets/js/confirm-dialog.js +104 -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 +97 -0
- admin/builder/assets/js/vue-color.min.js +1 -0
- admin/builder/templates/builder.php +13 -0
- admin/builder/templates/form-data-examples.html +134 -0
- admin/builder/templates/preview/error.php +9 -0
- admin/builder/templates/preview/header.php +33 -0
- admin/builder/templates/preview/theme-styles.php +12 -0
- admin/builder/templates/screens/customizer.php +8 -0
- admin/builder/templates/screens/select-feed.php +33 -0
- admin/builder/templates/screens/welcome.php +31 -0
- admin/builder/templates/sections/create-feed/multiple-sources-list.php +128 -0
- admin/builder/templates/sections/customizer/preview.php +30 -0
- admin/builder/templates/sections/customizer/sidebar.php +78 -0
- admin/builder/templates/sections/empty-state.php +144 -0
- admin/builder/templates/sections/feeds-list.php +8 -0
- admin/builder/templates/sections/feeds-type.php +26 -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 +119 -0
- admin/builder/templates/sections/footer.php +109 -0
- admin/builder/templates/sections/header.php +67 -0
- admin/builder/templates/sections/popup/add-source-popup.php +304 -0
- admin/builder/templates/sections/popup/confirm-dialog-popup.php +32 -0
- admin/builder/templates/sections/popup/connect-account-popup.php +94 -0
- admin/builder/templates/sections/popup/embed-popup.php +78 -0
- admin/builder/templates/sections/popup/extensions-popup.php +38 -0
- admin/builder/templates/sections/popup/feedtemplates-popup.php +40 -0
- admin/builder/templates/sections/popup/feedtypes-customizer-popup.php +29 -0
- admin/builder/templates/sections/popup/feedtypes-popup.php +52 -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/popup/sources-list-popup.php +62 -0
- admin/builder/templates/sections/select-source.php +11 -0
- admin/builder/templates/sections/select-template.php +14 -0
- admin/views/about/content.php +72 -0
README.txt
CHANGED
|
@@ -1,313 +1,326 @@
|
|
| 1 |
-
=== Custom Twitter Feeds (Tweets Widget) ===
|
| 2 |
-
Author: Smash Balloon
|
| 3 |
-
Contributors: smashballoon, craig-at-smash-balloon
|
| 4 |
-
Support Website: http://smashballoon/custom-twitter-feeds/
|
| 5 |
-
Tags: Twitter, Twitter feed, Twitter Tweets, Twitter widget, Custom Twitter Feed
|
| 6 |
-
Requires at least:
|
| 7 |
-
Tested up to: 6.0
|
| 8 |
-
Stable tag:
|
| 9 |
-
|
| 10 |
-
License
|
| 11 |
-
|
| 12 |
-
|
| 13 |
-
|
| 14 |
-
|
| 15 |
-
|
| 16 |
-
|
| 17 |
-
|
| 18 |
-
|
| 19 |
-
*
|
| 20 |
-
*
|
| 21 |
-
*
|
| 22 |
-
* Display
|
| 23 |
-
*
|
| 24 |
-
*
|
| 25 |
-
*
|
| 26 |
-
*
|
| 27 |
-
*
|
| 28 |
-
*
|
| 29 |
-
|
| 30 |
-
|
| 31 |
-
|
| 32 |
-
|
| 33 |
-
|
| 34 |
-
* **
|
| 35 |
-
* **
|
| 36 |
-
* **
|
| 37 |
-
* **
|
| 38 |
-
*
|
| 39 |
-
*
|
| 40 |
-
*
|
| 41 |
-
*
|
| 42 |
-
|
| 43 |
-
|
| 44 |
-
|
| 45 |
-
|
| 46 |
-
|
| 47 |
-
|
| 48 |
-
|
| 49 |
-
|
| 50 |
-
|
| 51 |
-
|
| 52 |
-
|
| 53 |
-
|
| 54 |
-
|
| 55 |
-
|
| 56 |
-
|
| 57 |
-
|
| 58 |
-
|
| 59 |
-
|
| 60 |
-
|
| 61 |
-
|
| 62 |
-
|
| 63 |
-
|
| 64 |
-
|
| 65 |
-
|
| 66 |
-
|
| 67 |
-
|
| 68 |
-
|
| 69 |
-
|
| 70 |
-
|
| 71 |
-
* Display
|
| 72 |
-
*
|
| 73 |
-
*
|
| 74 |
-
*
|
| 75 |
-
*
|
| 76 |
-
*
|
| 77 |
-
*
|
| 78 |
-
*
|
| 79 |
-
*
|
| 80 |
-
* **
|
| 81 |
-
* **
|
| 82 |
-
|
| 83 |
-
|
| 84 |
-
|
| 85 |
-
|
| 86 |
-
|
| 87 |
-
|
| 88 |
-
|
| 89 |
-
|
| 90 |
-
|
| 91 |
-
|
| 92 |
-
|
| 93 |
-
|
| 94 |
-
|
| 95 |
-
|
| 96 |
-
|
| 97 |
-
|
| 98 |
-
|
| 99 |
-
|
| 100 |
-
|
| 101 |
-
|
| 102 |
-
|
| 103 |
-
|
| 104 |
-
|
| 105 |
-
|
| 106 |
-
|
| 107 |
-
|
| 108 |
-
|
| 109 |
-
|
| 110 |
-
|
| 111 |
-
|
| 112 |
-
|
| 113 |
-
|
| 114 |
-
|
| 115 |
-
|
| 116 |
-
|
| 117 |
-
|
| 118 |
-
|
| 119 |
-
|
| 120 |
-
|
| 121 |
-
|
| 122 |
-
|
| 123 |
-
|
| 124 |
-
|
| 125 |
-
|
| 126 |
-
|
| 127 |
-
|
| 128 |
-
|
| 129 |
-
|
| 130 |
-
|
| 131 |
-
|
| 132 |
-
|
| 133 |
-
|
| 134 |
-
|
| 135 |
-
|
| 136 |
-
|
| 137 |
-
|
| 138 |
-
|
| 139 |
-
|
| 140 |
-
|
| 141 |
-
|
| 142 |
-
|
| 143 |
-
|
| 144 |
-
|
| 145 |
-
|
| 146 |
-
|
| 147 |
-
|
| 148 |
-
|
| 149 |
-
|
| 150 |
-
|
| 151 |
-
|
| 152 |
-
|
| 153 |
-
|
| 154 |
-
|
| 155 |
-
|
| 156 |
-
-
|
| 157 |
-
-
|
| 158 |
-
- Display
|
| 159 |
-
-
|
| 160 |
-
-
|
| 161 |
-
-
|
| 162 |
-
-
|
| 163 |
-
-
|
| 164 |
-
-
|
| 165 |
-
|
| 166 |
-
|
| 167 |
-
|
| 168 |
-
|
| 169 |
-
|
| 170 |
-
|
| 171 |
-
|
| 172 |
-
|
| 173 |
-
|
| 174 |
-
|
| 175 |
-
|
| 176 |
-
|
| 177 |
-
- You
|
| 178 |
-
|
| 179 |
-
|
| 180 |
-
|
| 181 |
-
|
| 182 |
-
|
| 183 |
-
|
| 184 |
-
|
| 185 |
-
|
| 186 |
-
|
| 187 |
-
|
| 188 |
-
|
| 189 |
-
|
| 190 |
-
|
| 191 |
-
|
| 192 |
-
|
| 193 |
-
|
| 194 |
-
|
| 195 |
-
|
| 196 |
-
|
| 197 |
-
|
| 198 |
-
|
| 199 |
-
|
| 200 |
-
|
| 201 |
-
|
| 202 |
-
|
| 203 |
-
|
| 204 |
-
|
| 205 |
-
|
| 206 |
-
|
| 207 |
-
|
| 208 |
-
|
| 209 |
-
|
| 210 |
-
|
| 211 |
-
|
| 212 |
-
|
| 213 |
-
|
| 214 |
-
|
| 215 |
-
|
| 216 |
-
|
| 217 |
-
|
| 218 |
-
|
| 219 |
-
|
| 220 |
-
|
| 221 |
-
|
| 222 |
-
|
| 223 |
-
|
| 224 |
-
|
| 225 |
-
|
| 226 |
-
|
| 227 |
-
|
| 228 |
-
|
| 229 |
-
|
| 230 |
-
|
| 231 |
-
|
| 232 |
-
|
| 233 |
-
|
| 234 |
-
|
| 235 |
-
|
| 236 |
-
|
| 237 |
-
|
| 238 |
-
*
|
| 239 |
-
*
|
| 240 |
-
|
| 241 |
-
|
| 242 |
-
*
|
| 243 |
-
*
|
| 244 |
-
*
|
| 245 |
-
*
|
| 246 |
-
|
| 247 |
-
|
| 248 |
-
|
| 249 |
-
|
| 250 |
-
*
|
| 251 |
-
|
| 252 |
-
|
| 253 |
-
|
| 254 |
-
|
| 255 |
-
|
| 256 |
-
|
| 257 |
-
*
|
| 258 |
-
*
|
| 259 |
-
|
| 260 |
-
|
| 261 |
-
|
| 262 |
-
|
| 263 |
-
*
|
| 264 |
-
|
| 265 |
-
|
| 266 |
-
|
| 267 |
-
|
| 268 |
-
|
| 269 |
-
|
| 270 |
-
*
|
| 271 |
-
|
| 272 |
-
|
| 273 |
-
*
|
| 274 |
-
|
| 275 |
-
|
| 276 |
-
|
| 277 |
-
|
| 278 |
-
*
|
| 279 |
-
|
| 280 |
-
|
| 281 |
-
*
|
| 282 |
-
|
| 283 |
-
|
| 284 |
-
|
| 285 |
-
|
| 286 |
-
*
|
| 287 |
-
|
| 288 |
-
|
| 289 |
-
|
| 290 |
-
|
| 291 |
-
*
|
| 292 |
-
*
|
| 293 |
-
|
| 294 |
-
|
| 295 |
-
|
| 296 |
-
|
| 297 |
-
* New:
|
| 298 |
-
*
|
| 299 |
-
*
|
| 300 |
-
|
| 301 |
-
|
| 302 |
-
* Tweak:
|
| 303 |
-
*
|
| 304 |
-
*
|
| 305 |
-
*
|
| 306 |
-
|
| 307 |
-
|
| 308 |
-
|
| 309 |
-
* New:
|
| 310 |
-
*
|
| 311 |
-
*
|
| 312 |
-
|
| 313 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 1 |
+
=== Custom Twitter Feeds (Tweets Widget) ===
|
| 2 |
+
Author: Smash Balloon
|
| 3 |
+
Contributors: smashballoon, craig-at-smash-balloon
|
| 4 |
+
Support Website: http://smashballoon/custom-twitter-feeds/
|
| 5 |
+
Tags: Twitter, Twitter feed, Twitter Tweets, Twitter widget, Custom Twitter Feed
|
| 6 |
+
Requires at least: 4.1
|
| 7 |
+
Tested up to: 6.0
|
| 8 |
+
Stable tag: 2.0
|
| 9 |
+
Requires PHP: 5.6
|
| 10 |
+
License: GPLv2 or later
|
| 11 |
+
License URI: http://www.gnu.org/licenses/gpl-2.0.html
|
| 12 |
+
|
| 13 |
+
Custom Twitter Feeds allows you to display completely customizable Twitter Tweets from any user timeline, Twitter hashtag, or home timeline on your website.
|
| 14 |
+
|
| 15 |
+
== Description ==
|
| 16 |
+
Display **completely customizable**, **responsive** and **search engine crawlable** Twitter feeds on your website. The Custom Twitter Feeds plugin will display Tweets that completely match the look and feel of your site and includes tons of customization options!
|
| 17 |
+
|
| 18 |
+
= Features =
|
| 19 |
+
* **Completely Customizable** - by default the Twitter feeds will inherit your theme's styles
|
| 20 |
+
* Twitter feed content is **crawlable by search engines** adding SEO value to your site
|
| 21 |
+
* **Completely responsive and mobile optimized** - your Twitter feeds work on any screen size
|
| 22 |
+
* Display Tweets from any user, your own Twitter account and those you follow, or from a specific hashtag
|
| 23 |
+
* Display **multiple Twitter feeds** from different Twitter users on multiple pages or widgets
|
| 24 |
+
* Post caching means that your Twitter feed loads **lightning fast** and minimizes Twitter API requests
|
| 25 |
+
* **Infinitely load more** of your Tweets with the 'Load More' button
|
| 26 |
+
* Built-in easy to use "Custom Twitter Feeds" Widget makes it easy to display Tweets from any Twitter account
|
| 27 |
+
* Fully internationalized and translatable into any language
|
| 28 |
+
* Display a beautiful header at the top of your Twitter feed
|
| 29 |
+
* Enter your own custom CSS or JavaScript for even deeper customization of your Tweets
|
| 30 |
+
|
| 31 |
+
For simple step-by-step directions on how to set up the Custom Twitter Feeds plugin please refer to our [setup guide](http://smashballoon.com/custom-twitter-feeds/free/?utm_campaign=twitter-free&utm_source=readme&utm_medium=stepbystep 'Custom Twitter Feeds setup guide').
|
| 32 |
+
|
| 33 |
+
= Benefits =
|
| 34 |
+
* **Increase social engagement** between you and your users, customers, or fans
|
| 35 |
+
* **Save time** by using the Custom Twitter Feeds plugin to generate dynamic, search engine crawlable content on your website
|
| 36 |
+
* **Get more follows** by displaying your Twitter content directly on your site
|
| 37 |
+
* **Improve your SEO** as all of that quality keyword-rich Twitter content is directly embedded into your website
|
| 38 |
+
* **Keep users on your site** by letting them reply and like your Tweets directly on your site
|
| 39 |
+
* Display your Twitter content **your way** to perfectly match your website's style
|
| 40 |
+
* The Custom Twitter Feeds plugin is **updated regularly** with new features, bug-fixes and Twitter API changes
|
| 41 |
+
* Support is quick and effective
|
| 42 |
+
* We're dedicated to providing the **most customizable**, **robust** and **well supported** Twitter feed plugin in the world!
|
| 43 |
+
|
| 44 |
+
[View the reviews](https://wordpress.org/support/plugin/custom-twitter-feeds/reviews/) to see what other users are saying about the Custom Twitter Feeds plugin.
|
| 45 |
+
|
| 46 |
+
= Feedback or Support =
|
| 47 |
+
We're dedicated to providing the most robust and well supported Twitter feed plugin in the world, so if you have an issue or any feedback on how to improve the plugin then please [let us know](https://smashballoon.com/custom-twitter-feeds/support/?utm_campaign=twitter-free&utm_source=readme&utm_medium=letusknowimprove 'Twitter Feed Support').
|
| 48 |
+
|
| 49 |
+
If you like the plugin then please consider leaving a review, as it really helps to support the plugin. If you have an issue then please allow us to help you fix it before leaving a review. Just [let us know](https://smashballoon.com/custom-twitter-feeds/support/?utm_campaign=twitter-free&utm_source=readme&utm_medium=letusknowbug 'Twitter Feed Support') what the problem is and we'll get back to you right away.
|
| 50 |
+
|
| 51 |
+
= Featured Reviews =
|
| 52 |
+
"***Great for Customization** - Great plugin! Superb customization options! Am changing all twitter feeds for all my websites to this! I have tried several Twitter plugins so far. This is the best I have come across :)*" - [@nehavivekpatil](https://wordpress.org/support/topic/great-for-customization-2/)
|
| 53 |
+
|
| 54 |
+
"***Excellent plug-in. Excellent support.** - Excellent instructions and guidance. Patient and prompt support for the newbies. Regular updates. You can't lose. Thank you Smash Balloon.* - [@nuspa](https://wordpress.org/support/topic/excellent-plug-in-excellent-support-2/)
|
| 55 |
+
|
| 56 |
+
"***Amazing Support and a Great Twitter Plugin** - I am using the free version of this Twitter plugin and identified a real problem in the display on my website. I emailed support and Craig was all over the fix for me. Seven or so emails later (even on a Sunday) the problem was fixed and Craig was still reaching out to make sure all was well.*
|
| 57 |
+
|
| 58 |
+
*In a world of crappy support for premium plugins, and even worse support for free plugins, this kind of support (and listening to customers) that Craig and Smash Balloon provided me make their premium products worth every penny. In fact, I am going to buy them on my next project. They deserve it.*
|
| 59 |
+
|
| 60 |
+
*Thanks again, Craig!*" - [@kcwebguy](https://wordpress.org/support/topic/amazing-support-and-a-great-twitter-plugin/)
|
| 61 |
+
|
| 62 |
+
"***At last a configurable Twitter Feed that WORKS!** - I have messed with Twitter feeds on sites so many times only to be frustrated. This Plugin is the best I have tried. Stable, configurable and not too hefty a drag on performance. Well done!* - [@mikemac67](https://wordpress.org/support/topic/at-last-a-configurable-feed-that-works/)
|
| 63 |
+
|
| 64 |
+
"***Everything you'll need in a Twitter feed plugin** - We've tried a few Twitter feed plugins across a bunch of our sites, and this one is now our go-to favorite. Most of the others we've tried have either styling or performance issues, but we've been using this plugin for a few months now, and it's been perfect. There are tons of customization options, the feed looks great, and... it works!*
|
| 65 |
+
|
| 66 |
+
*Kudos to the SmashBalloon team on a well supported, tightly developed, feature-packed WordPress Plugin.* - [@laymanlab](https://wordpress.org/support/topic/everything-youll-need-in-a-twitter-feed-plugin/)
|
| 67 |
+
|
| 68 |
+
= Pro Version =
|
| 69 |
+
We have a [Pro version](http://smashballoon.com/custom-twitter-feeds/?utm_campaign=twitter-free&utm_source=readme&utm_medium=havepro 'Custom Twitter Feeds Pro') which includes some awesome additional features:
|
| 70 |
+
|
| 71 |
+
* Display Tweets from **multiple users or hashtags in the same Twitter feed**
|
| 72 |
+
* Display **photos**, **videos**, and **gifs** and view them in a **popup lightbox** directly on your site
|
| 73 |
+
* Multi-column **Masonry layout** [demo](http://smashballoon.com/custom-twitter-feeds/demo/masonry/?utm_campaign=twitter-free&utm_source=readme&utm_medium=masonry 'Custom Twitter Feeds Pro Masonry Demo')
|
| 74 |
+
* Allow **filtering** of Twitter timelines include/exclude any/all keywords/hashtags
|
| 75 |
+
* Customizable **Carousels** and **Slideshows** of your Tweets
|
| 76 |
+
* Fully functional Twitter **search endpoint**
|
| 77 |
+
* Display Tweets you're mentioned in
|
| 78 |
+
* Tweet-specific **moderation system**
|
| 79 |
+
* Visual **Twitter cards** displayed with links which support them
|
| 80 |
+
* Include **Tweet replies** (in reply to tweets)
|
| 81 |
+
* **Combine multiple Twitter feeds** into one
|
| 82 |
+
* **Autoload more Tweets** when scrolling
|
| 83 |
+
|
| 84 |
+
Try the Pro version [demo here](http://smashballoon.com/custom-twitter-feeds/demo?utm_campaign=twitter-free&utm_source=readme&utm_medium=trydemo 'Custom Twitter Feeds Pro Demo')
|
| 85 |
+
|
| 86 |
+
== Installation ==
|
| 87 |
+
1. Install the Custom Twitter Feeds plugin either via the WordPress plugin directory, or by uploading the files to your web server (in the /wp-content/plugins/ directory).
|
| 88 |
+
2. Activate the Custom Twitter Feeds plugin through the 'Plugins' menu in WordPress.
|
| 89 |
+
3. Navigate to the 'Twitter Feed' settings page to configure your Twitter feed.
|
| 90 |
+
4. Use the shortcode [custom-twitter-feeds] in your page, post or widget to display your Twitter feed.
|
| 91 |
+
5. You can display multiple Twitter feeds with different configurations by specifying the necessary parameters directly in the shortcode: [custom-twitter-feeds hashtag=#smashballoon].
|
| 92 |
+
|
| 93 |
+
For simple step-by-step directions on how to set up the Custom Twitter Feeds plugin please refer to our [setup guide](http://smashballoon.com/custom-twitter-feeds/free/?utm_campaign=twitter-free&utm_source=readme&utm_medium=stepbystep2 'Custom Twitter Feeds setup guide').
|
| 94 |
+
|
| 95 |
+
= Setting up the Free Custom Twitter Feeds WordPress Plugin =
|
| 96 |
+
|
| 97 |
+
If you have an issue or question while setting up or using the plugin then please submit a support ticket and we'll get back to you as soon as we can.
|
| 98 |
+
|
| 99 |
+
1) Once you've installed the Custom Twitter Feeds plugin click on the "Twitter Feeds" item in your WordPress menu
|
| 100 |
+
|
| 101 |
+
2) Click on the large blue Twitter login button to get your Twitter Access Token and Twitter Secret. Note; if you have your own Twitter Developer App set up then you can enter your Twitter information manually by enabling the checkbox below the Twitter login button.
|
| 102 |
+
|
| 103 |
+
3) Authorize the Custom Twitter Feeds plugin to read your Tweets.
|
| 104 |
+
Note; the plugin does not obtain permission to edit or write to your Twitter account, only to read your Twitter content.
|
| 105 |
+
|
| 106 |
+
4) Twitter sends back your Twitter Access Token and Twitter Secret which are then automatically saved by the Custom Twitter Feeds plugin. This information is required in order to connect to the Twitter API.
|
| 107 |
+
|
| 108 |
+
5) Enter a Twitter screenname to display Tweets from. Alternatively, choose to display Tweets from your Twitter home timeline or a Twitter hashtag.
|
| 109 |
+
|
| 110 |
+
6) Navigate to the Customize and Style pages to customize your Twitter feed.
|
| 111 |
+
|
| 112 |
+
7) Once you've customized your Twitter feed, click on the "Display Your Feed" tab for directions on how to display your Twitter feed (or multiple Twitter feeds).
|
| 113 |
+
|
| 114 |
+
8) Copy the [custom-twitter-feeds] shortcode and paste it into any page, post or widget where you want the Twitter feed to appear.
|
| 115 |
+
|
| 116 |
+
9) You can paste the [custom-twitter-feeds] shortcode directly into your page editor.
|
| 117 |
+
|
| 118 |
+
10) You can use the default WordPress 'Text' widget to display your Twitter Feed in a sidebar or other widget area.
|
| 119 |
+
|
| 120 |
+
11) View your website to see your Twitter feed(s) in all their glory!
|
| 121 |
+
|
| 122 |
+
== Frequently Asked Questions ==
|
| 123 |
+
|
| 124 |
+
= Can I display multiple Twitter feeds on my site or on the same page? =
|
| 125 |
+
|
| 126 |
+
Yep. You can display multiple Twitter feeds by using our built-in shortcode options, for example: `[custom-twitter-feeds screenname="smashballoon" num=3]`. You can add it to any post, page, or widget, to easily display your Twitter feed in a beautiful Twitter widget.
|
| 127 |
+
|
| 128 |
+
= How do I embed the Twitter Feed directly into a WordPress page template? =
|
| 129 |
+
|
| 130 |
+
You can embed your Twitter feed directly into a template file by using the WordPress [do_shortcode](http://codex.wordpress.org/Function_Reference/do_shortcode) function: `<?php echo do_shortcode('[custom-twitter-feeds]'); ?>`.
|
| 131 |
+
|
| 132 |
+
= Is the content of my Twitter feed crawlable by search engines and how does it help improve my SEO? =
|
| 133 |
+
|
| 134 |
+
Unlike other Twitter plugins which use iframes to embed your Twitter feed into your page in a widget, the Custom Twitter Feeds uses server-side code to embed your Twitter feed widget content directly into your page. This adds dynamic, search engine crawlable content to your site.
|
| 135 |
+
|
| 136 |
+
= Will Custom Twitter Feeds work with W3 Total Cache or other caching plugins? =
|
| 137 |
+
|
| 138 |
+
The Custom Twitter Feeds plugin should work in compatibility with most, if not all, caching plugins, but you may need to tweak the settings in order to allow the Twitter feed to update successfully and display your latest Twitter posts. If you are experiencing problems with your Twitter feed widget not updating then try disabling either 'Page Caching' or 'Object Caching' in W3 Total Cache (or any other similar caching plugin) to see whether that fixes the problem and the Twitter feed displays and updates successfully.
|
| 139 |
+
|
| 140 |
+
= The font in my Twitter feed isn't inherited from my website =
|
| 141 |
+
|
| 142 |
+
Be default your Twitter feed should inherit the font from your website. If this isn't the case then it's possible that something in the theme is preventing this from happening. An issue that we've run into before is that <code> tags are added into the Twitter feed widget HTML by either the theme, another plugin, or perhaps even the custom-twitter-feeds shortcode being wrapped in code tags in your page editor. To fix this;
|
| 143 |
+
|
| 144 |
+
1) First – go to your page editor, click on the 'Text' tab in the top right of the editor box, and check whether the [custom-twitter-feeds] shortcode is being wrapped in <code> tags, like so: <code>[custom-twitter-feeds]</code>. If it is, then remove them.
|
| 145 |
+
|
| 146 |
+
2) If this doesn't solve the problem then try adding the following to the plugin's "Custom CSS" section (Twitter Feeds > Customize > Custom CSS):
|
| 147 |
+
|
| 148 |
+
`#ctf code { font-family: sans-serif; }`
|
| 149 |
+
|
| 150 |
+
You can replace the font-family with whatever font your theme is using.
|
| 151 |
+
|
| 152 |
+
= Differences between the free version and Pro version of the Custom Twitter Feeds plugin =
|
| 153 |
+
|
| 154 |
+
The main differences between the free version and Pro version of the Custom Twitter Feeds plugin are listed below. The extra features available in the Pro version are as follows:
|
| 155 |
+
|
| 156 |
+
- Display photos, videos, and gifs in your Tweets, with support for 3rd party services such as YouTube, Vimeo, Vine, and SoundCloud
|
| 157 |
+
- View Twitter media in a pop-up lightbox directly on your site
|
| 158 |
+
- Display Tweets in a multi-column Masonry layout
|
| 159 |
+
- Display your Twitter feed in rotating Carousels / Slideshows
|
| 160 |
+
- Twitter Cards (rich, standout links) are displayed in Tweets for links that support them
|
| 161 |
+
- Create advanced Twitter "Search" feeds or use the "Mentions" timeline
|
| 162 |
+
- Combine Twitter feeds of multiple types (i.e. User feeds and Hashtag Twitter feeds combined)
|
| 163 |
+
- Filter feeds by hashtag, word(s), or remove specific tweets
|
| 164 |
+
- Autoload more tweets when scrolling to the bottom of the Twitter feed
|
| 165 |
+
- Include Tweet replies ("in reply to")
|
| 166 |
+
|
| 167 |
+
You can see the demo of the Custom Twitter Feeds Pro version [here](https://smashballoon.com/custom-twitter-feeds/demo/?utm_source=wordpress&utm_campaign=ctf), and a video screencast [here](https://smashballoon.com/custom-twitter-feeds/#watch-video?utm_campaign=twitter-free&utm_source=readme&utm_medium=watchvideo).
|
| 168 |
+
|
| 169 |
+
= I'm receiving an error message when trying to display my Twitter feed =
|
| 170 |
+
|
| 171 |
+
If you receive an error message when trying to display your Twitter Feed widget then you can use the error reference below to diagnose the issue and find the relevant solution.
|
| 172 |
+
|
| 173 |
+
**Twitter Error:**
|
| 174 |
+
Could not authenticate you
|
| 175 |
+
|
| 176 |
+
**Causes:**
|
| 177 |
+
- You may be using Twitter access tokens that are not valid - See #1 below
|
| 178 |
+
- You checked the box to enter your own Twitter app information, but one or more of the fields are incorrect - See #2 below
|
| 179 |
+
|
| 180 |
+
**Twitter Error:**
|
| 181 |
+
Invalid or expired token
|
| 182 |
+
|
| 183 |
+
**Causes:**
|
| 184 |
+
- You may not have entered your Twitter access tokens or they are not valid - See #1 below
|
| 185 |
+
|
| 186 |
+
**Twitter Error:**
|
| 187 |
+
Unable to load tweets (with no other explanation)
|
| 188 |
+
|
| 189 |
+
**Causes:**
|
| 190 |
+
- You may need to raise the number of tweets to retrieve and display in your Twitter feed widget - See #3 below
|
| 191 |
+
|
| 192 |
+
**Twitter Error:**
|
| 193 |
+
Sorry, that Twitter page does not exist
|
| 194 |
+
|
| 195 |
+
**Causes:**
|
| 196 |
+
- There may be a typo in the Twitter screen name or hashtag you are attempting to use
|
| 197 |
+
|
| 198 |
+
**Twitter Error:**
|
| 199 |
+
Over capacity
|
| 200 |
+
|
| 201 |
+
**Causes:**
|
| 202 |
+
- Twitter's servers are over capacity so the API is unusable. This will correct itself after some time.
|
| 203 |
+
|
| 204 |
+
**Twitter Error:**
|
| 205 |
+
Connection timed out after 10000 milliseconds
|
| 206 |
+
|
| 207 |
+
**Causes:**
|
| 208 |
+
- Most likely this is due to your server blocking access to the Twitter API – See #4 below
|
| 209 |
+
|
| 210 |
+
**Solutions**
|
| 211 |
+
|
| 212 |
+
**#1 - Your Twitter access tokens might not be valid**
|
| 213 |
+
|
| 214 |
+
The easiest way to verify this is by going back to the Settings page for the Custom Twitter Feeds plugin and clicking the big blue Twitter login button on the "Configure" tab to get new Twitter access tokens. If you haven't set up your own Twitter App, the only way to use the Custom Twitter Feeds plugin is to click the big blue button to get a Twitter access token and Twitter access token secret that is compatible with the default Twitter client used by Smash Balloon.
|
| 215 |
+
|
| 216 |
+
**#2 - You have checked the box to use your own Twitter app information but one or more of the fields are incorrect**
|
| 217 |
+
|
| 218 |
+
All four fields, Twitter consumer token, Twitter consumer secret, Twitter access token, and Twitter access token secret, need to come from the Twitter app that you set up on Twitter.com. Try returning to your personal Twitter app management page https://apps.twitter.com/ and confirming that all four fields, Twitter consumer token, Twitter consumer secret, Twitter access token, and Twitter access token secret are entered correctly in the corresponding fields on the Custom Twitter Feeds plugin's "Configure" tab.
|
| 219 |
+
|
| 220 |
+
**#3 - You may need to raise the number of tweets to retrieve**
|
| 221 |
+
|
| 222 |
+
Navigate to the type of Twitter feed you are trying to display on twitter.com. For example, if you are displaying a Twitter feed from the screenname "smashballoon", go to https://twitter.com/smashballoon. Make sure there are tweets visible. Then click on the link "Tweets & replies". If there are a more recent replies than original tweets, there may be too many tweets being filtered out to display any. Twitter replies are removed by default. You can raise the number of tweets to retrieve initially by going to the Custom Twitter Feed Settings page, "Customize" tab, and navigating to the "Advanced" area. Then raise the "Tweet Multiplier" and test to see if your Twitter feed now displays tweets.
|
| 223 |
+
|
| 224 |
+
If you're still having trouble displaying your Tweets after trying the common issues above then please [contact support](https://smashballoon.com/custom-twitter-feeds/support/?utm_campaign=twitter-free&utm_source=readme&utm_medium=troubledisplaying) for assistance.
|
| 225 |
+
|
| 226 |
+
== Screenshots ==
|
| 227 |
+
|
| 228 |
+
1. By default the Custom Twitter Feeds plugin inherits styles from your theme
|
| 229 |
+
2. Display multiple Twitter feeds and customize each one
|
| 230 |
+
3. Custom Twitter Feeds Settings pages
|
| 231 |
+
4. Built in customization settings make customizing your Twitter feed widget easy
|
| 232 |
+
5. Additional styling options are built into the Custom Twitter Feeds plugin
|
| 233 |
+
6. Use handy shortcode options to customize individual Twitter feeds
|
| 234 |
+
7. To display a Twitter feed just copy and paste the shortcode into a Twitter widget or page
|
| 235 |
+
|
| 236 |
+
== Changelog ==
|
| 237 |
+
= 2.0 =
|
| 238 |
+
* Important: Minimum supported WordPress version has been raised from 3.5 to 4.1.
|
| 239 |
+
* 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 Twitter feeds.
|
| 240 |
+
* 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 v1.8 then you may need to view your feeds on your webpage so that the plugin can locate them and list them here.
|
| 241 |
+
* New: Easily edit individual feed settings for new feeds instead of cumbersome shortcode options.
|
| 242 |
+
* New: It's now much easier to create feeds. Just click "Add New", select your feed type, connect your account, and you're done!
|
| 243 |
+
* New: Brand new feed customizer. We've completely redesigned feed customization from the ground up, reorganizing the settings to make them easier to find.
|
| 244 |
+
* 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.
|
| 245 |
+
* 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.
|
| 246 |
+
* New: You can now change the number of columns in your feed across desktop, tablet, and mobile.
|
| 247 |
+
* New: Easily import and export feed settings to make it simple to move feeds across sites.
|
| 248 |
+
|
| 249 |
+
= 1.8.4 =
|
| 250 |
+
* Tweak: When clearing the Twitter cache, caches from common page caching solutions are now also cleared.
|
| 251 |
+
* Tweak: Changed capability check from 'edit_posts' to 'manage_custom_twitter_feeds' when clearing the Twitter cache using AJAX.
|
| 252 |
+
* Tweak: An alert bubble is added to the Twitter Feeds menu item when there are new notifications available.
|
| 253 |
+
|
| 254 |
+
= 1.8.3 =
|
| 255 |
+
* Tweak: Added "noopener" attribute to hasthags and account tags linked in tweets.
|
| 256 |
+
* Fix: Fixed a compatibility issue with the Complianz Cookie Consent plugin integration.
|
| 257 |
+
* Fix: Fixed a compatibility issue with the Web Toffee GDPR Cookie Consent plugin integration.
|
| 258 |
+
* Fix: Bio text was missing from the header even when this feature was enabled.
|
| 259 |
+
|
| 260 |
+
= 1.8.2 =
|
| 261 |
+
* Tested with WordPress 5.8 update.
|
| 262 |
+
* Fix: "Display your feed" tab was showing the wrong shortcode for the "layout" setting available in the pro version.
|
| 263 |
+
* Fix: Fixed an issue with GDPR Cookie Consent by Web Toffee integration.
|
| 264 |
+
|
| 265 |
+
= 1.8.1 =
|
| 266 |
+
* Fix: Fixed several issues with GDPR Cookie Consent by Web Toffee integration.
|
| 267 |
+
* Tweak: Added an easy link to the [Pro demo](https://smashballoon.com/custom-twitter-feeds/demo/?utm_campaign=twitter-free&utm_source=readme&utm_medium=easypro)
|
| 268 |
+
|
| 269 |
+
= 1.8 =
|
| 270 |
+
* New: The locations of the Twitter feeds on your site will now be logged and listed on a single page for easier management. After this feature has been active for awhile, a "Feed Finder" link will appear next to the Feed Type setting on the plugin Settings page which allows you to see a list of all feeds on your site along with their locations.
|
| 271 |
+
* New: Added support for WordPress based translations using language files.
|
| 272 |
+
* Tweak: Changed the default method of retrieving posts to use the WP_HTTP class.
|
| 273 |
+
* Fix: Updated jQuery methods for compatibility with WordPress 5.7.
|
| 274 |
+
|
| 275 |
+
= 1.7 =
|
| 276 |
+
* New: Integrations with popular GDPR cookie consent solutions added: Cookie Notice by dFactory, GDPR Cookie Consent by WebToffee, Cookiebot by Cybot A/S, Complianz by Really Simple Plugins, and Borlabs Cookie by Borlabs. Visit the Twitter Feed settings page, Customize tab, Advanced section for more information.
|
| 277 |
+
* Tweak: Icon font support was discontinued. Only SVGs will be used for icons in feeds.
|
| 278 |
+
* Tweak: Twitter Intents JS updated to the latest version.
|
| 279 |
+
|
| 280 |
+
= 1.6.1 =
|
| 281 |
+
* Tweak: Added support for improved dashboard notices on the plugin settings page.
|
| 282 |
+
* Tweak: HTML attribute rel="noopener noreferrer" added to all outbound links for extra security.
|
| 283 |
+
* Fix: Fixed PHP warning "non-numeric value encountered" when setting the tweet multiplier option to something that wasn't a number.
|
| 284 |
+
|
| 285 |
+
= 1.6 =
|
| 286 |
+
* New: Updated icons in the feed to match Twitter.
|
| 287 |
+
* Tweak: Several CSS changes to make the Twitter feed text responsive with more themes.
|
| 288 |
+
* Fix: Removed debugging code causing issue when saving settings on the "Customize" tab.
|
| 289 |
+
|
| 290 |
+
= 1.5.1 =
|
| 291 |
+
* New: To help us improve the plugin we have added usage tracking so that we can understand what features and settings are being used, and which features matter to you the most. The plugin will send a report in the background once per week with your plugin settings and basic information about your website environment. No personal or sensitive data is collected (such as email addresses, Twitter account information, license keys, etc). You can opt-out by simply disabling the setting at: Twitter Feed > Customize > Misc > Enable Usage Tracking. See [here](https://smashballoon.com/custom-twitter-feeds/docs/usage-tracking/) for more information.
|
| 292 |
+
* Tweak: When a feed is from a Twitter account that has a lot of reply tweets, the plugin will collect more tweets initially for better performance.
|
| 293 |
+
* Tweak: Hashtag feeds have retweets filtered out by default for improved feed performance.
|
| 294 |
+
* Fix: Several strings updated to be translatable.
|
| 295 |
+
|
| 296 |
+
= 1.5 =
|
| 297 |
+
* New: Added a "Twitter Feeds" Gutenberg block to use in the block editor, allowing you to easily add a Twitter feed to posts and pages.
|
| 298 |
+
* Tweak: Added function ctf_init() to easily rerun JavaScript for the plugin.
|
| 299 |
+
* Tweak: Non Feeds for YouTube admin notices are removed when viewing settings pages for Feeds for YouTube.
|
| 300 |
+
|
| 301 |
+
= 1.4.1 =
|
| 302 |
+
* Tweak: Added aria-label attributes to SVG icons for improved accessibility.
|
| 303 |
+
* Fix: Fixed PHP warning that occurred when a URL in the tweet text did not have a full length URL available from the Twitter API.
|
| 304 |
+
* Fix: Using the setting to link the tweet text to Twitter would cause nested links and invalid HTML.
|
| 305 |
+
* Fix: Fixed Twitter logo not displaying if avatar, author, and date were hidden.
|
| 306 |
+
|
| 307 |
+
= 1.4 =
|
| 308 |
+
* New: Twitter logo added to the top right of each tweet to fit with Twitter's display guidelines. Customize the logo on the "Style" tab, "Author" area or hide it using the settings at Twitter Feeds > Customize > Show/Hide.
|
| 309 |
+
* New: Minified versions of JavaScript and CSS files now used.
|
| 310 |
+
* New: JavaScript file added to the source of the page only when the Custom Twitter Feeds shortcode is used on the page.
|
| 311 |
+
* New: SVGs used for icons instead of Font Awesome font file. You can switch back to using the Font Awesome font file using the setting at Twitter Feeds > Customize > Advanced.
|
| 312 |
+
* New: Tweets that are replies to the same Twitter account or mention the same account can be included in the Twitter feed widget by enabling the setting "Always include replies to self in the feed".
|
| 313 |
+
* New: Added a setting to completely disable Twitter intents widget.js file.
|
| 314 |
+
* Tweak: The HTML element used for icons has been switched from "i" to "span" for better accessibility.
|
| 315 |
+
* Tweak: Changed styling of Twitter media placeholder icons.
|
| 316 |
+
* Tweak: Combined widgets.js file with native JavaScript file for the plugin.
|
| 317 |
+
* Tweak: Twitter widgets.js will only be enqueued when "actions" are included in the Twitter feed.
|
| 318 |
+
* Tweak: Tweet text line height style set to 1.4.
|
| 319 |
+
* Fix: Bio text not displaying in header even when enabled.
|
| 320 |
+
|
| 321 |
+
= 1.3 =
|
| 322 |
+
* New: You can now choose to only display a certain amount of text characters in the Tweets in your Twitter widget, with a clickable link to display the rest. This is set to be 280 characters by default, but can be changed by using the following setting: Twitter Feeds > Customize > Style > Tweet Text > Text Length, or by using the "textlength" shortcode setting.
|
| 323 |
+
* Tweak: Twitter intents JavaScript not loaded on the page if tweet actions are removed
|
| 324 |
+
* Fix: Removed target="_blank" from div element
|
| 325 |
+
|
| 326 |
+
[See changelog for all versions](https://plugins.svn.wordpress.org/custom-twitter-feeds/trunk/changelog.txt).
|
admin/Traits/CTF_Settings.php
ADDED
|
@@ -0,0 +1,204 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 1 |
+
<?php
|
| 2 |
+
/**
|
| 3 |
+
* The Settings Trait
|
| 4 |
+
*
|
| 5 |
+
* @since 2.0
|
| 6 |
+
*/
|
| 7 |
+
|
| 8 |
+
namespace TwitterFeed\Admin\Traits;
|
| 9 |
+
if ( ! defined( 'ABSPATH' ) ) exit; // Exit if accessed directly
|
| 10 |
+
|
| 11 |
+
|
| 12 |
+
trait CTF_Settings {
|
| 13 |
+
|
| 14 |
+
/**
|
| 15 |
+
* Return the locales
|
| 16 |
+
*
|
| 17 |
+
* @since 2.0
|
| 18 |
+
*
|
| 19 |
+
* @return array
|
| 20 |
+
*/
|
| 21 |
+
public static function locales() {
|
| 22 |
+
return array(
|
| 23 |
+
'af_ZA' => 'Afrikaans',
|
| 24 |
+
'ar_AR' => 'Arabic',
|
| 25 |
+
'az_AZ' => 'Azerbaijani',
|
| 26 |
+
'be_BY' => 'Belarusian',
|
| 27 |
+
'bg_BG' => 'Bulgarian',
|
| 28 |
+
'bn_IN' => 'Bengali',
|
| 29 |
+
'bs_BA' => 'Bosnian',
|
| 30 |
+
'ca_ES' => 'Catalan',
|
| 31 |
+
'cs_CZ' => 'Czech',
|
| 32 |
+
'cy_GB' => 'Welsh',
|
| 33 |
+
'da_DK' => 'Danish',
|
| 34 |
+
'de_DE' => 'German',
|
| 35 |
+
'el_GR' => 'Greek',
|
| 36 |
+
'en_GB' => 'English (UK',
|
| 37 |
+
'en_PI' => 'English (Pirate)',
|
| 38 |
+
'en_US' => 'English (US)',
|
| 39 |
+
'eo_EO' => 'Esperanto',
|
| 40 |
+
'es_ES' => 'Spanish (Spain)',
|
| 41 |
+
'es_LA' => 'Spanish',
|
| 42 |
+
'et_EE' => 'Estonian',
|
| 43 |
+
'eu_ES' => 'Basque',
|
| 44 |
+
'fa_IR' => 'Persian',
|
| 45 |
+
'fb_LT' => 'Leet Speak',
|
| 46 |
+
'fi_FI' => 'Finnish',
|
| 47 |
+
'fo_FO' => 'Faroese',
|
| 48 |
+
'fr_CA' => 'French (Canada)',
|
| 49 |
+
'fr_FR' => 'French (France)',
|
| 50 |
+
'fy_NL' => 'Frisian',
|
| 51 |
+
'ga_IE' => 'Irish',
|
| 52 |
+
'gl_ES' => 'Galician',
|
| 53 |
+
'he_IL' => 'Hebrew',
|
| 54 |
+
'hi_IN' => 'Hindi',
|
| 55 |
+
'hr_HR' => 'Croatian',
|
| 56 |
+
'hu_HU' => 'Hungarian',
|
| 57 |
+
'hy_AM' => 'Armenian',
|
| 58 |
+
'id_ID' => 'Indonesian',
|
| 59 |
+
'is_IS' => 'Icelandic',
|
| 60 |
+
'it_IT' => 'Italian',
|
| 61 |
+
'ja_JP' => 'Japanese',
|
| 62 |
+
'ka_GE' => 'Georgian',
|
| 63 |
+
'km_KH' => 'Khmer',
|
| 64 |
+
'ko_KR' => 'Korean',
|
| 65 |
+
'ku_TR' => 'Kurdish',
|
| 66 |
+
'la_VA' => 'Latin',
|
| 67 |
+
'lt_LT' => 'Lithuanian',
|
| 68 |
+
'lv_LV' => 'Latvian',
|
| 69 |
+
'mk_MK' => 'Macedonian',
|
| 70 |
+
'ml_IN' => 'Malayalam',
|
| 71 |
+
'ms_MY' => 'Malay',
|
| 72 |
+
'nb_NO' => 'Norwegian (bokmal)',
|
| 73 |
+
'ne_NP' => 'Nepali',
|
| 74 |
+
'nl_NL' => 'Dutch',
|
| 75 |
+
'nn_NO' => 'Norwegian (nynorsk)',
|
| 76 |
+
'pa_IN' => 'Punjabi',
|
| 77 |
+
'pl_PL' => 'Polish',
|
| 78 |
+
'ps_AF' => 'Pashto',
|
| 79 |
+
'pt_BR' => 'Portuguese (Brazil)',
|
| 80 |
+
'pt_PT' => 'Portuguese (Portugal)',
|
| 81 |
+
'ro_RO' => 'Romanian',
|
| 82 |
+
'ru_RU' => 'Russian',
|
| 83 |
+
'sk_SK' => 'Slovak',
|
| 84 |
+
'sl_SI' => 'Slovenian',
|
| 85 |
+
'sq_AL' => 'Albanian',
|
| 86 |
+
'sr_RS' => 'Serbian',
|
| 87 |
+
'sv_SE' => 'Swedish',
|
| 88 |
+
'sw_KE' => 'Swahili',
|
| 89 |
+
'ta_IN' => 'Tamil',
|
| 90 |
+
'te_IN' => 'Telugu',
|
| 91 |
+
'th_TH' => 'Thai',
|
| 92 |
+
'tl_PH' => 'Filipino',
|
| 93 |
+
'tr_TR' => 'Turkish',
|
| 94 |
+
'uk_UA' => 'Ukrainian',
|
| 95 |
+
'vi_VN' => 'Vietnamese',
|
| 96 |
+
'zh_CN' => 'Simplified Chinese (China)',
|
| 97 |
+
'zh_HK' => 'Traditional Chinese (Hong Kong)',
|
| 98 |
+
'zh_TW' => 'Traditional Chinese (Taiwan)',
|
| 99 |
+
);
|
| 100 |
+
}
|
| 101 |
+
|
| 102 |
+
/**
|
| 103 |
+
* Return the timezones
|
| 104 |
+
*
|
| 105 |
+
* @since 2.0
|
| 106 |
+
*
|
| 107 |
+
* @return array
|
| 108 |
+
*/
|
| 109 |
+
public static function timezones() {
|
| 110 |
+
return array(
|
| 111 |
+
'Pacific/Midway' => '(GMT-11:00) Midway Island, Samoa',
|
| 112 |
+
'America/Adak' => '(GMT-10:00) Hawaii-Aleutian',
|
| 113 |
+
'Etc/GMT+10' => '(GMT-10:00) Hawaii',
|
| 114 |
+
'Pacific/Marquesas' => '(GMT-09:30) Marquesas Islands',
|
| 115 |
+
'Pacific/Gambier' => '(GMT-09:00) Gambier Islands',
|
| 116 |
+
'America/Anchorage' => '(GMT-09:00) Alaska',
|
| 117 |
+
'America/Ensenada' => '(GMT-08:00) Tijuana, Baja California',
|
| 118 |
+
'Etc/GMT+8' => '(GMT-08:00) Pitcairn Islands',
|
| 119 |
+
'America/Los_Angeles' => '(GMT-08:00) Pacific Time (US & Canada',
|
| 120 |
+
'America/Denver' => '(GMT-07:00) Mountain Time (US & Canada',
|
| 121 |
+
'America/Chihuahua' => '(GMT-07:00) Chihuahua, La Paz, Mazatlan',
|
| 122 |
+
'America/Dawson_Creek' => '(GMT-07:00) Arizona',
|
| 123 |
+
'America/Belize' => '(GMT-06:00) Saskatchewan, Central America',
|
| 124 |
+
'America/Cancun' => '(GMT-06:00) Guadalajara, Mexico City, Monterrey',
|
| 125 |
+
'Chile/EasterIsland' => '(GMT-06:00) Easter Island',
|
| 126 |
+
'America/Chicago' => '(GMT-06:00) Central Time (US & Canada)',
|
| 127 |
+
'America/New_York' => '(GMT-05:00) Eastern Time (US & Canada)',
|
| 128 |
+
'America/Havana' => '(GMT-05:00) Cuba',
|
| 129 |
+
'America/Bogota' => '(GMT-05:00) Bogota, Lima, Quito, Rio Branco',
|
| 130 |
+
'America/Caracas' => '(GMT-04:30) Caracas',
|
| 131 |
+
'America/Santiago' => '(GMT-04:00) Santiago',
|
| 132 |
+
'America/La_Paz' => '(GMT-04:00) La Paz',
|
| 133 |
+
'Atlantic/Stanley' => '(GMT-04:00) Faukland Islands',
|
| 134 |
+
'America/Campo_Grande' => '(GMT-04:00) Brazil',
|
| 135 |
+
'America/Goose_Bay' => '(GMT-04:00) Atlantic Time (Goose Bay)',
|
| 136 |
+
'America/Glace_Bay' => '(GMT-04:00) Atlantic Time (Canada)',
|
| 137 |
+
'America/St_Johns' => '(GMT-03:30) Newfoundland',
|
| 138 |
+
'America/Araguaina' => '(GMT-03:00) UTC-3',
|
| 139 |
+
'America/Montevideo' => '(GMT-03:00) Montevideo',
|
| 140 |
+
'America/Miquelon' => '(GMT-03:00) Miquelon, St. Pierre',
|
| 141 |
+
'America/Godthab' => '(GMT-03:00) Greenland',
|
| 142 |
+
'America/Argentina/Buenos_Aires' => '(GMT-03:00) Buenos Aires',
|
| 143 |
+
'America/Sao_Paulo' => '(GMT-03:00) Brasilia',
|
| 144 |
+
'America/Noronha' => '(GMT-02:00) Mid-Atlantic',
|
| 145 |
+
'Atlantic/Cape_Verde' => '(GMT-01:00) Cape Verde Is',
|
| 146 |
+
'Atlantic/Azores' => '(GMT-01:00) Azores',
|
| 147 |
+
'Europe/Belfast' => '(GMT) Greenwich Mean Time : Belfast',
|
| 148 |
+
'Europe/Dublin' => '(GMT) Greenwich Mean Time : Dublin',
|
| 149 |
+
'Europe/Lisbon' => '(GMT) Greenwich Mean Time : Lisbon',
|
| 150 |
+
'Europe/London' => '(GMT) Greenwich Mean Time : London',
|
| 151 |
+
'Africa/Abidjan' => '(GMT) Monrovia, Reykjavik',
|
| 152 |
+
'Europe/Amsterdam' => '(GMT+01:00) Amsterdam, Berlin, Bern, Rome, Stockholm, Vienna',
|
| 153 |
+
'Europe/Belgrade' => '(GMT+01:00) Belgrade, Bratislava, Budapest, Ljubljana, Prague',
|
| 154 |
+
'Europe/Brussels' => '(GMT+01:00) Brussels, Copenhagen, Madrid, Paris',
|
| 155 |
+
'Africa/Algiers' => '(GMT+01:00) West Central Africa',
|
| 156 |
+
'Africa/Windhoek' => '(GMT+01:00) Windhoek',
|
| 157 |
+
'Asia/Beirut' => '(GMT+02:00) Beirut',
|
| 158 |
+
'Africa/Cairo' => '(GMT+02:00) Cairo',
|
| 159 |
+
'Asia/Gaza' => '(GMT+02:00) Gaza',
|
| 160 |
+
'Africa/Blantyre' => '(GMT+02:00) Harare, Pretoria',
|
| 161 |
+
'Asia/Jerusalem' => '(GMT+02:00) Jerusalem',
|
| 162 |
+
'Europe/Helsinki' => '(GMT+02:00) Helsinki',
|
| 163 |
+
'Europe/Minsk' => '(GMT+02:00) Minsk',
|
| 164 |
+
'Asia/Damascus' => '(GMT+02:00) Syria',
|
| 165 |
+
'Europe/Moscow' => '(GMT+03:00) Moscow, St. Petersburg, Volgograd',
|
| 166 |
+
'Africa/Addis_Ababa' => '(GMT+03:00) Nairobi',
|
| 167 |
+
'Asia/Tehran' => '(GMT+03:30) Tehran',
|
| 168 |
+
'Asia/Dubai' => '(GMT+04:00) Abu Dhabi, Muscat',
|
| 169 |
+
'Asia/Yerevan' => '(GMT+04:00) Yerevan',
|
| 170 |
+
'Asia/Kabul' => '(GMT+04:30) Kabul',
|
| 171 |
+
'Asia/Yekaterinburg' => '(GMT+05:00) Ekaterinburg',
|
| 172 |
+
'Asia/Tashkent' => '(GMT+05:00) Tashkent',
|
| 173 |
+
'Asia/Kolkata' => '(GMT+05:30) Chennai, Kolkata, Mumbai, New Delhi',
|
| 174 |
+
'Asia/Katmandu' => '(GMT+05:45) Kathmandu',
|
| 175 |
+
'Asia/Dhaka' => '(GMT+06:00) Astana, Dhaka',
|
| 176 |
+
'Asia/Novosibirsk' => '(GMT+06:00) Novosibirsk',
|
| 177 |
+
'Asia/Rangoon' => '(GMT+06:30) Yangon (Rangoon',
|
| 178 |
+
'Asia/Bangkok' => '(GMT+07:00) Bangkok, Hanoi, Jakarta',
|
| 179 |
+
'Asia/Krasnoyarsk' => '(GMT+07:00) Krasnoyarsk',
|
| 180 |
+
'Asia/Hong_Kong' => '(GMT+08:00) Beijing, Chongqing, Hong Kong, Urumqi',
|
| 181 |
+
'Asia/Irkutsk' => '(GMT+08:00) Irkutsk, Ulaan Bataar',
|
| 182 |
+
'Australia/Perth' => '(GMT+08:00) Perth',
|
| 183 |
+
'Australia/Eucla' => '(GMT+08:45) Eucla',
|
| 184 |
+
'Asia/Tokyo' => '(GMT+09:00) Osaka, Sapporo, Tokyo',
|
| 185 |
+
'Asia/Seoul' => '(GMT+09:00) Seoul',
|
| 186 |
+
'Asia/Yakutsk' => '(GMT+09:00) Yakutsk',
|
| 187 |
+
'Australia/Adelaide' => '(GMT+09:30) Adelaide',
|
| 188 |
+
'Australia/Darwin' => '(GMT+09:30) Darwin',
|
| 189 |
+
'Australia/Brisbane' => '(GMT+10:00) Brisbane',
|
| 190 |
+
'Australia/Hobart' => '(GMT+10:00) Sydney',
|
| 191 |
+
'Asia/Vladivostok' => '(GMT+10:00) Vladivostok',
|
| 192 |
+
'Australia/Lord_Howe' => '(GMT+10:30) Lord Howe Island',
|
| 193 |
+
'Etc/GMT-11' => '(GMT+11:00) Solomon Is., New Caledonia',
|
| 194 |
+
'Asia/Magadan' => '(GMT+11:00) Magadan',
|
| 195 |
+
'Pacific/Norfolk' => '(GMT+11:30) Norfolk Island',
|
| 196 |
+
'Asia/Anadyr' => '(GMT+12:00) Anadyr, Kamchatka',
|
| 197 |
+
'Pacific/Auckland' => '(GMT+12:00) Auckland, Wellington',
|
| 198 |
+
'Etc/GMT-12' => 'GMT+12:00) Fiji, Kamchatka, Marshall Is',
|
| 199 |
+
'Pacific/Chatham' => '(GMT+12:45) Chatham Islands',
|
| 200 |
+
'Pacific/Tongatapu' => '(GMT+13:00) Nuku\'alofa',
|
| 201 |
+
'Pacific/Kiritimati' => '(GMT+14:00) Kiritimati'
|
| 202 |
+
);
|
| 203 |
+
}
|
| 204 |
+
}
|
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 |
+
#ctf-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: #FE544F!important;
|
| 40 |
+
color: #fff!important;
|
| 41 |
+
}
|
| 42 |
+
.sb-btn-orange:hover{
|
| 43 |
+
background: #EC352F!important;
|
| 44 |
+
color: #fff!important;
|
| 45 |
+
}
|
| 46 |
+
.sb-btn-orange:focus,
|
| 47 |
+
.sb-btn-orange:active{
|
| 48 |
+
background: #BC120E!important;
|
| 49 |
+
color: #fff!important;
|
| 50 |
+
}
|
| 51 |
+
.ctf-fb-full-wrapper{
|
| 52 |
+
padding: 0 53px;
|
| 53 |
+
padding-top: 82px;
|
| 54 |
+
}
|
| 55 |
+
.ctf-fb-fs {
|
| 56 |
+
width: 100%;
|
| 57 |
+
position: relative;
|
| 58 |
+
float: left;
|
| 59 |
+
box-sizing: border-box;
|
| 60 |
+
}
|
| 61 |
+
|
| 62 |
+
/*** 2.0 - HEADER ***/
|
| 63 |
+
.ctf-fb-create-ctn{
|
| 64 |
+
margin-top: 90px;
|
| 65 |
+
}
|
| 66 |
+
.ctf-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 |
+
.ctf-fb-header-left {
|
| 78 |
+
display: flex;
|
| 79 |
+
}
|
| 80 |
+
.ctf-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 |
+
.ctf-fb-hd-logo{
|
| 111 |
+
display: flex;
|
| 112 |
+
vertical-align: middle;
|
| 113 |
+
align-items: center;
|
| 114 |
+
gap: 5px;
|
| 115 |
+
}
|
| 116 |
+
.ctf-fb-hd-logo .sb-logo-letters-wrap {
|
| 117 |
+
margin-bottom: 4px;
|
| 118 |
+
}
|
| 119 |
+
.ctf-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 |
+
.ctf-fb-hd-logo .separator{
|
| 127 |
+
margin: 0 5px 0 10px;
|
| 128 |
+
}
|
| 129 |
+
.ctf-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 16px;
|
| 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.15s ease-in-out;
|
| 146 |
+
}
|
| 147 |
+
.ctf-fb-hd-btn:focus {
|
| 148 |
+
outline: none;
|
| 149 |
+
box-shadow: none;
|
| 150 |
+
}
|
| 151 |
+
.ctf-fb-hd-btn:hover {
|
| 152 |
+
color: inherit;
|
| 153 |
+
background-color: #fff;
|
| 154 |
+
}
|
| 155 |
+
.ctf-fb-hd-btn i{
|
| 156 |
+
margin: 0px 5px;
|
| 157 |
+
}
|
| 158 |
+
.ctf-fb-hd-btn[data-icon="left"]{
|
| 159 |
+
padding-right: 20px!important;
|
| 160 |
+
}
|
| 161 |
+
.ctf-fb-full-wrapper .section-header h1 {
|
| 162 |
+
font-size: 32px;
|
| 163 |
+
line-height: 40px;
|
| 164 |
+
}
|
| 165 |
+
/*** 3.0 - SB CONTAINER ***/
|
| 166 |
+
.ctf-sb-container {
|
| 167 |
+
max-width: 875px;
|
| 168 |
+
position: relative;
|
| 169 |
+
margin: auto;
|
| 170 |
+
margin-top: 33px;
|
| 171 |
+
box-sizing: border-box;
|
| 172 |
+
}
|
| 173 |
+
|
| 174 |
+
/*** 3.1 - SECTION HEADER ***/
|
| 175 |
+
.ctf-section-header h2 {
|
| 176 |
+
font-weight: 600;
|
| 177 |
+
font-size: 32px;
|
| 178 |
+
line-height: 40px;
|
| 179 |
+
color: #141B38;
|
| 180 |
+
margin: 0 0 5px 0;
|
| 181 |
+
}
|
| 182 |
+
|
| 183 |
+
.ctf-section-header p {
|
| 184 |
+
font-size: 13px;
|
| 185 |
+
line-height: 18px;
|
| 186 |
+
color: #8C8F9A;
|
| 187 |
+
margin: 0;
|
| 188 |
+
}
|
| 189 |
+
.ctf-section-second-header {
|
| 190 |
+
margin-top: 36px;
|
| 191 |
+
}
|
| 192 |
+
.ctf-section-second-header h3 {
|
| 193 |
+
font-weight: 600;
|
| 194 |
+
font-size: 24px;
|
| 195 |
+
line-height: 29px;
|
| 196 |
+
color: #141B38;
|
| 197 |
+
margin: 0 0 5px 0;
|
| 198 |
+
}
|
| 199 |
+
.ctf-section-second-header p {
|
| 200 |
+
font-size: 14px;
|
| 201 |
+
line-height: 22px;
|
| 202 |
+
color: #8C8F9A;
|
| 203 |
+
margin-top: 0px;
|
| 204 |
+
}
|
| 205 |
+
.ctf-oembed-plugin-box {
|
| 206 |
+
background: #FFFFFF;
|
| 207 |
+
box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05), 0px 4px 5px rgba(0, 0, 0, 0.05);
|
| 208 |
+
margin-bottom: 10px;
|
| 209 |
+
padding: 12px 20px;
|
| 210 |
+
display: flex;
|
| 211 |
+
justify-content: space-between;
|
| 212 |
+
align-items: center;
|
| 213 |
+
}
|
| 214 |
+
.sb-action-buttons .ctf-btn {
|
| 215 |
+
display: flex;
|
| 216 |
+
align-items: center;
|
| 217 |
+
vertical-align: middle;
|
| 218 |
+
justify-content: center;
|
| 219 |
+
background: #F3F4F5;
|
| 220 |
+
border: 1px solid #DCDDE1;
|
| 221 |
+
box-sizing: border-box;
|
| 222 |
+
border-radius: 2px;
|
| 223 |
+
padding: 6px 19px;
|
| 224 |
+
font-weight: 600;
|
| 225 |
+
font-size: 12px;
|
| 226 |
+
line-height: 18px;
|
| 227 |
+
color: #141B38;
|
| 228 |
+
box-sizing: border-box;
|
| 229 |
+
letter-spacing: 0.2px;
|
| 230 |
+
cursor: pointer;
|
| 231 |
+
text-decoration: none;
|
| 232 |
+
transition: all 0.15s ease-in-out;
|
| 233 |
+
}
|
| 234 |
+
.sb-action-buttons .ctf-btn:hover {
|
| 235 |
+
background: #FFFFFF;
|
| 236 |
+
border: 1px solid #D0D1D7;
|
| 237 |
+
}
|
| 238 |
+
.sb-action-buttons .ctf-btn:focus,
|
| 239 |
+
.sb-action-buttons .ctf-btn:active {
|
| 240 |
+
background: #E8E8EB;
|
| 241 |
+
border: 1px solid #D0D1D7;
|
| 242 |
+
box-shadow: none;
|
| 243 |
+
outline: none;
|
| 244 |
+
}
|
| 245 |
+
.sb-action-buttons .ctf-btn.loading svg {
|
| 246 |
+
height: 13px;
|
| 247 |
+
transform: translate(0px, 2px);
|
| 248 |
+
}
|
| 249 |
+
.sb-action-buttons .ctf-btn.sb-btn-add svg {
|
| 250 |
+
margin-right: 10px;
|
| 251 |
+
height: 10px;
|
| 252 |
+
}
|
| 253 |
+
.sb-action-buttons .ctf-btn.sb-btn-add path {
|
| 254 |
+
fill: #141B38;
|
| 255 |
+
}
|
| 256 |
+
.sb-action-buttons .ctf-btn.sb-btn-installed {
|
| 257 |
+
background: #E8E8EB;
|
| 258 |
+
color: #8C8F9A;
|
| 259 |
+
cursor: not-allowed
|
| 260 |
+
}
|
| 261 |
+
.sb-action-buttons .ctf-btn.sb-btn-add {
|
| 262 |
+
min-width: 110px;
|
| 263 |
+
}
|
| 264 |
+
.sb-action-buttons .ctf-btn.sb-btn-activate {
|
| 265 |
+
background-color: #0068A0;
|
| 266 |
+
border-color: #0068A0;
|
| 267 |
+
color: #fff;
|
| 268 |
+
}
|
| 269 |
+
.sb-action-buttons .ctf-btn.sb-btn-activate:hover {
|
| 270 |
+
background-color: #0096CC;
|
| 271 |
+
border-color: #0096CC;
|
| 272 |
+
}
|
| 273 |
+
.sb-action-buttons .ctf-btn.sb-btn-activate:focus,
|
| 274 |
+
.sb-action-buttons .ctf-btn.sb-btn-activate:active {
|
| 275 |
+
background-color: #004D77;
|
| 276 |
+
border-color: #004D77;
|
| 277 |
+
}
|
| 278 |
+
.sb-action-buttons .ctf-btn.sb-btn-deactivate {
|
| 279 |
+
background-color: #D72C2C;
|
| 280 |
+
border-color: #D72C2C;
|
| 281 |
+
color: #fff;
|
| 282 |
+
display: none;
|
| 283 |
+
}
|
| 284 |
+
.sb-action-buttons .ctf-btn.sb-btn-deactivate:hover {
|
| 285 |
+
background-color: #DF5757;
|
| 286 |
+
border-color: #DF5757;
|
| 287 |
+
}
|
| 288 |
+
.sb-action-buttons .ctf-btn.sb-btn-deactivate:focus,
|
| 289 |
+
.sb-action-buttons .ctf-btn.sb-btn-deactivate:active {
|
| 290 |
+
background-color: #841919;
|
| 291 |
+
border-color: #841919;
|
| 292 |
+
}
|
| 293 |
+
.sb-action-buttons .ctf-btn:not(:last-child) {
|
| 294 |
+
margin-right: 8px;
|
| 295 |
+
}
|
| 296 |
+
.sb-btn-add-plugin svg {
|
| 297 |
+
height: 10px;
|
| 298 |
+
margin-right: 10px;
|
| 299 |
+
}
|
| 300 |
+
.sb-btn-add-plugin svg path {
|
| 301 |
+
fill: #141B38;
|
| 302 |
+
}
|
| 303 |
+
.sb-btn-installed svg {
|
| 304 |
+
margin-right: 10px;
|
| 305 |
+
}
|
| 306 |
+
/*** 3.2 - ABOUT TEAM BOX ***/
|
| 307 |
+
.ctf-about-box {
|
| 308 |
+
margin-top: 11px;
|
| 309 |
+
}
|
| 310 |
+
.ctf-about-box .sb-team-avatar {
|
| 311 |
+
padding: 55px 0 50px;
|
| 312 |
+
background-image: linear-gradient(to right, #0068A0 , #0096CC);
|
| 313 |
+
text-align: center;
|
| 314 |
+
}
|
| 315 |
+
.ctf-about-box .sb-team-avatar img {
|
| 316 |
+
max-width: 100%;
|
| 317 |
+
width: 603px;
|
| 318 |
+
}
|
| 319 |
+
.ctf-about-box .sb-team-info {
|
| 320 |
+
display: flex;
|
| 321 |
+
padding: 48px;
|
| 322 |
+
background: #fff;
|
| 323 |
+
box-shadow: 0px 1px 2px rgb(0 0 0 / 5%), 0px 4px 5px rgb(0 0 0 / 5%);
|
| 324 |
+
border-radius: 0 0 2px 2px;
|
| 325 |
+
text-align: left;
|
| 326 |
+
}
|
| 327 |
+
.sb-team-info > div {
|
| 328 |
+
min-width: 50%;
|
| 329 |
+
}
|
| 330 |
+
.ctf-about-box .sb-team-info .sb-team-left h2 {
|
| 331 |
+
font-size: 24px;
|
| 332 |
+
line-height: 29px;
|
| 333 |
+
letter-spacing: 0;
|
| 334 |
+
color: #141B38;
|
| 335 |
+
margin: 0;
|
| 336 |
+
padding-right: 5px;
|
| 337 |
+
}
|
| 338 |
+
.ctf-about-box .sb-team-info .sb-team-right {
|
| 339 |
+
padding-left: 37px;
|
| 340 |
+
max-width: 365px;
|
| 341 |
+
box-sizing: border-box;
|
| 342 |
+
}
|
| 343 |
+
.ctf-about-box .sb-team-info .sb-team-right p {
|
| 344 |
+
font-size: 14px;
|
| 345 |
+
line-height: 22px;
|
| 346 |
+
color: #64748B;
|
| 347 |
+
margin-top: 0;
|
| 348 |
+
}
|
| 349 |
+
|
| 350 |
+
/*** 3.3 - EXTENSION PLUGINS BOX CONTAINER ***/
|
| 351 |
+
.ctf-plugins-boxes-container {
|
| 352 |
+
display: flex;
|
| 353 |
+
flex-wrap: wrap;
|
| 354 |
+
align-items: center;
|
| 355 |
+
justify-content: space-between;
|
| 356 |
+
margin-top: 20px;
|
| 357 |
+
gap: 12px;
|
| 358 |
+
}
|
| 359 |
+
.ctf-plugins-boxes-container.sb-recommended-plugins {
|
| 360 |
+
margin-top: 26px;
|
| 361 |
+
}
|
| 362 |
+
.ctf-plugins-boxes-container .sb-plugins-box{
|
| 363 |
+
background-color: #fff;
|
| 364 |
+
padding: 20px 16px;
|
| 365 |
+
box-shadow: 0px 1px 2px rgb(0 0 0 / 5%), 0px 4px 5px rgb(0 0 0 / 5%);
|
| 366 |
+
border-radius: 4px;
|
| 367 |
+
display: flex;
|
| 368 |
+
width: calc((100% / 2) - 6px);
|
| 369 |
+
box-sizing: border-box;
|
| 370 |
+
}
|
| 371 |
+
.ctf-plugins-boxes-container .sb-plugins-box .icon {
|
| 372 |
+
max-width: 80px;
|
| 373 |
+
padding-right: 5px;
|
| 374 |
+
box-sizing: border-box;
|
| 375 |
+
width: 80px;
|
| 376 |
+
min-width: 72px;
|
| 377 |
+
}
|
| 378 |
+
.ctf-plugins-boxes-container.sb-recommended-plugins .sb-plugins-box .icon {
|
| 379 |
+
max-width: 80px;
|
| 380 |
+
padding-right: 23px;
|
| 381 |
+
box-sizing: border-box;
|
| 382 |
+
width: 80px;
|
| 383 |
+
min-width: 72px;
|
| 384 |
+
padding-left: 8px;
|
| 385 |
+
}
|
| 386 |
+
.ctf-plugins-boxes-container .sb-plugins-box .icon img {
|
| 387 |
+
max-width: 100%;
|
| 388 |
+
}
|
| 389 |
+
.sb-plugins-box .sb-box-title {
|
| 390 |
+
font-weight: 600;
|
| 391 |
+
font-size: 16px;
|
| 392 |
+
line-height: 22px;
|
| 393 |
+
color: #141B38;
|
| 394 |
+
margin-top: 0;
|
| 395 |
+
margin-bottom: 5px;
|
| 396 |
+
}
|
| 397 |
+
.sb-plugins-box .sb-box-description {
|
| 398 |
+
margin: 0;
|
| 399 |
+
font-size: 13px;
|
| 400 |
+
line-height: 18px;
|
| 401 |
+
color: #8C8F9A;
|
| 402 |
+
}
|
| 403 |
+
.sb-recommended-plugins .sb-plugins-box .sb-box-description {
|
| 404 |
+
min-height: 69px;
|
| 405 |
+
}
|
| 406 |
+
.sb-plugins-box .sb-action-buttons {
|
| 407 |
+
margin-top: 20px;
|
| 408 |
+
display: flex;
|
| 409 |
+
}
|
| 410 |
+
|
| 411 |
+
.ctf-plugins-boxes-container .sb-plugins-box.ctf-social-wall-plugin-box {
|
| 412 |
+
padding: 27px 20px 35px 120px;
|
| 413 |
+
flex-basis: 100%;
|
| 414 |
+
margin-right: 0;
|
| 415 |
+
justify-content: center;
|
| 416 |
+
position: relative;
|
| 417 |
+
overflow: hidden;
|
| 418 |
+
}
|
| 419 |
+
.ctf-social-wall-plugin-box .sb-action-buttons .sb-btn-add {
|
| 420 |
+
padding: 6px 4px 6px 15px;
|
| 421 |
+
}
|
| 422 |
+
.ctf-social-wall-plugin-box .sb-action-buttons .sb-btn-add span {
|
| 423 |
+
margin-left: 12px;
|
| 424 |
+
}
|
| 425 |
+
.ctf-plugins-boxes-container .sb-plugins-box.ctf-social-wall-plugin-box .plugin-box-content {
|
| 426 |
+
z-index: 11;
|
| 427 |
+
}
|
| 428 |
+
.ctf-social-wall-plugin-box .sb-box-title {
|
| 429 |
+
font-size: 24px;
|
| 430 |
+
line-height: 27px;
|
| 431 |
+
letter-spacing: 0;
|
| 432 |
+
color: #141B38;
|
| 433 |
+
}
|
| 434 |
+
.ctf-social-wall-plugin-box .sb-box-description {
|
| 435 |
+
font-size: 14px;
|
| 436 |
+
line-height: 22px;
|
| 437 |
+
color: #8C8F9A;
|
| 438 |
+
}
|
| 439 |
+
.ctf-social-wall-plugin-box .sb-box-bg-image {
|
| 440 |
+
position: absolute;
|
| 441 |
+
z-index: 0;
|
| 442 |
+
left: -40px;
|
| 443 |
+
width: 356px;
|
| 444 |
+
top: 0;
|
| 445 |
+
}
|
| 446 |
+
.ctf-social-wall-plugin-box .sb-box-bg-image img {
|
| 447 |
+
max-width: 100%;
|
| 448 |
+
}
|
| 449 |
+
|
| 450 |
+
|
| 451 |
+
/*** 4.0 Sticky Widget ***/
|
| 452 |
+
.ctf-stck-wdg{
|
| 453 |
+
position: fixed;
|
| 454 |
+
right: 21px;
|
| 455 |
+
z-index: 9;
|
| 456 |
+
bottom: 20px;
|
| 457 |
+
}
|
| 458 |
+
.ctf-stck-wdg-btn{
|
| 459 |
+
width: 52px;
|
| 460 |
+
height: 52px;
|
| 461 |
+
background: #fff;
|
| 462 |
+
border-radius: 50%;
|
| 463 |
+
cursor: pointer;
|
| 464 |
+
display: flex;
|
| 465 |
+
justify-content: center;
|
| 466 |
+
align-items: center;
|
| 467 |
+
filter: drop-shadow(0px 9px 13px rgba(0, 0, 0, 0.2));
|
| 468 |
+
}
|
| 469 |
+
.ctf-stck-wdg-btn svg{
|
| 470 |
+
width: 25px;
|
| 471 |
+
fill: #FE544F;
|
| 472 |
+
height: 33px;
|
| 473 |
+
float: left;
|
| 474 |
+
}
|
| 475 |
+
|
| 476 |
+
.ctf-stck-wdg[data-active="true"] .ctf-stck-wdg-btn-cls,
|
| 477 |
+
.ctf-stck-wdg[data-active="true"] .ctf-stck-wdg-btn-cls svg{
|
| 478 |
+
display: block;
|
| 479 |
+
}
|
| 480 |
+
.ctf-stck-wdg-btn-cls{
|
| 481 |
+
width: inherit;
|
| 482 |
+
height: inherit;
|
| 483 |
+
position: relative;
|
| 484 |
+
color: #364152;
|
| 485 |
+
box-shadow: 0px 1px 6px rgb(0 0 0 / 5%), 0px 9px 12px rgb(0 0 0 / 5%);
|
| 486 |
+
border-radius: 70px;
|
| 487 |
+
}
|
| 488 |
+
.ctf-stck-wdg-btn-cls svg {
|
| 489 |
+
width: 14px;
|
| 490 |
+
height: 14px;
|
| 491 |
+
position: absolute;
|
| 492 |
+
top: 50%;
|
| 493 |
+
right: 0;
|
| 494 |
+
bottom: 0;
|
| 495 |
+
left: 50%;
|
| 496 |
+
margin-top: -7px;
|
| 497 |
+
margin-left: -7px;
|
| 498 |
+
}
|
| 499 |
+
|
| 500 |
+
.ctf-stck-pop{
|
| 501 |
+
position: absolute;
|
| 502 |
+
width: 292px;
|
| 503 |
+
height: auto;
|
| 504 |
+
background: #fff;
|
| 505 |
+
border: 1px solid #E2E8F0;
|
| 506 |
+
box-sizing: border-box;
|
| 507 |
+
box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.15), 0px 3px 14px rgba(0, 0, 0, 0.12);
|
| 508 |
+
border-radius: 2px;
|
| 509 |
+
padding: 20px;
|
| 510 |
+
right: 0px;
|
| 511 |
+
bottom: 66px;
|
| 512 |
+
color: #141B38;
|
| 513 |
+
padding-bottom: 82px;
|
| 514 |
+
}
|
| 515 |
+
.ctf-stck-wdg[data-active="true"] .ctf-stck-pop{
|
| 516 |
+
bottom: 66px;
|
| 517 |
+
opacity: 1;
|
| 518 |
+
visibility: visible;
|
| 519 |
+
}
|
| 520 |
+
|
| 521 |
+
.ctf-stck-pop svg{
|
| 522 |
+
fill: currentColor;
|
| 523 |
+
}
|
| 524 |
+
.ctf-stck-el-list{
|
| 525 |
+
border: 1px solid #DCDDE1;
|
| 526 |
+
border-radius: 2px;
|
| 527 |
+
}
|
| 528 |
+
.ctf-stck-el{
|
| 529 |
+
display: flex;
|
| 530 |
+
align-items: center;
|
| 531 |
+
padding: 11px 13px;
|
| 532 |
+
border-bottom: 1px solid #DCDDE1;
|
| 533 |
+
transition: background .15s ease-in-out;
|
| 534 |
+
font-size: 12px;
|
| 535 |
+
}
|
| 536 |
+
.ctf-stck-el:hover{
|
| 537 |
+
background: #F3F4F5;
|
| 538 |
+
}
|
| 539 |
+
.ctf-stck-el:last-of-type{
|
| 540 |
+
border-bottom: 0px;
|
| 541 |
+
}
|
| 542 |
+
.ctf-stck-el-list .ctf-chevron svg{
|
| 543 |
+
width: 5px;
|
| 544 |
+
height: 8px;
|
| 545 |
+
}
|
| 546 |
+
.ctf-fs-a {
|
| 547 |
+
width: 100%;
|
| 548 |
+
height: 100%;
|
| 549 |
+
display: block;
|
| 550 |
+
position: absolute;
|
| 551 |
+
left: 0;
|
| 552 |
+
top: 0;
|
| 553 |
+
z-index: 1;
|
| 554 |
+
}
|
| 555 |
+
.ctf-stck-el .ctf-stck-el-txt{
|
| 556 |
+
color: #27303F;
|
| 557 |
+
}
|
| 558 |
+
.ctf-stck-el.ctf-stck-el-upgrd{
|
| 559 |
+
padding: 9px 14px;
|
| 560 |
+
font-size: 14px;
|
| 561 |
+
background: var(--cl-orange);
|
| 562 |
+
color: #fff;
|
| 563 |
+
position: relative;
|
| 564 |
+
transition: background .15s ease-in-out;
|
| 565 |
+
font-weight: 600;
|
| 566 |
+
}
|
| 567 |
+
.ctf-chevron {
|
| 568 |
+
position: absolute;
|
| 569 |
+
right: 14px
|
| 570 |
+
}
|
| 571 |
+
.ctf-stck-el.ctf-stck-el-upgrd .ctf-stck-el-txt{
|
| 572 |
+
color: #fff;
|
| 573 |
+
}
|
| 574 |
+
.ctf-stck-el.ctf-stck-el-upgrd:after{
|
| 575 |
+
top: 20px;
|
| 576 |
+
opacity: 1;
|
| 577 |
+
}
|
| 578 |
+
.ctf-stck-el-icon{
|
| 579 |
+
margin-right: 10px;
|
| 580 |
+
}
|
| 581 |
+
.ctf-stck-el-icon svg{
|
| 582 |
+
width: 17px;
|
| 583 |
+
float: left;
|
| 584 |
+
}
|
| 585 |
+
.ctf-stck-title{
|
| 586 |
+
margin-top: 20px;
|
| 587 |
+
margin-bottom: 10px;
|
| 588 |
+
color: #141B38;
|
| 589 |
+
font-weight: 600;
|
| 590 |
+
font-size: 14px;
|
| 591 |
+
line-height: 160%;
|
| 592 |
+
}
|
| 593 |
+
.ctf-stck-follow{
|
| 594 |
+
background: #F3F4F5;
|
| 595 |
+
margin-top: 20px;
|
| 596 |
+
left: 0px;
|
| 597 |
+
bottom: 0px;
|
| 598 |
+
position: absolute;
|
| 599 |
+
padding: 12px 20px;
|
| 600 |
+
display: flex;
|
| 601 |
+
align-items: center;
|
| 602 |
+
}
|
| 603 |
+
.ctf-stck-follow span{
|
| 604 |
+
font-weight: 600;
|
| 605 |
+
font-size: 14px;
|
| 606 |
+
}
|
| 607 |
+
.ctf-stck-flw-links{
|
| 608 |
+
display: flex;
|
| 609 |
+
justify-content: center;
|
| 610 |
+
align-items: center;
|
| 611 |
+
margin-left: auto;
|
| 612 |
+
}
|
| 613 |
+
.ctf-stck-flw-links a{
|
| 614 |
+
width: 36px;
|
| 615 |
+
height: 28px;
|
| 616 |
+
color: inherit;
|
| 617 |
+
display: inline-flex;
|
| 618 |
+
justify-content: center;
|
| 619 |
+
align-items: center;
|
| 620 |
+
margin-left: 4px;
|
| 621 |
+
border-radius: 2px;
|
| 622 |
+
transition: background .15s ease-in-out;
|
| 623 |
+
}
|
| 624 |
+
.ctf-stck-flw-links svg{
|
| 625 |
+
width: 17px;
|
| 626 |
+
color: #141B38;
|
| 627 |
+
}
|
| 628 |
+
.ctf-stck-flw-links a:hover{
|
| 629 |
+
background: #fff;
|
| 630 |
+
}
|
| 631 |
+
.ctf-stck-flw-links a:hover svg{
|
| 632 |
+
color: inherit;
|
| 633 |
+
}
|
| 634 |
+
.ctf-stck-flw-links a[data-type="instagram"] svg path{
|
| 635 |
+
fill: currentColor;
|
| 636 |
+
}
|
| 637 |
+
|
| 638 |
+
/*** 5.0 - RESPONSIVENESS ***/
|
| 639 |
+
@media (max-width: 1024px) {
|
| 640 |
+
.ctf-extensions-boxes-container .sb-extensions-box{
|
| 641 |
+
width: calc(48% - 33px);
|
| 642 |
+
}
|
| 643 |
+
.ctf-extensions-boxes-container .sb-extensions-box:not(:nth-child(3n)) {
|
| 644 |
+
margin-right: 0;
|
| 645 |
+
}
|
| 646 |
+
.ctf-extensions-boxes-container .sb-extensions-box:not(:nth-child(2n)) {
|
| 647 |
+
margin-right: 12px;
|
| 648 |
+
}
|
| 649 |
+
.ctf-plugins-boxes-container {
|
| 650 |
+
padding-right: 0px;
|
| 651 |
+
}
|
| 652 |
+
.ctf-social-wall-plugin-box .sb-box-bg-image {
|
| 653 |
+
left: -45px;
|
| 654 |
+
}
|
| 655 |
+
.ctf-plugins-boxes-container .sb-plugins-box.ctf-social-wall-plugin-box {
|
| 656 |
+
padding: 27px 20px 22px 130px;
|
| 657 |
+
}
|
| 658 |
+
.ctf-section-second-header {
|
| 659 |
+
padding-right: 15px;
|
| 660 |
+
}
|
| 661 |
+
}
|
| 662 |
+
@media (min-width: 768px) and (max-width: 1024px) {
|
| 663 |
+
.ctf-social-wall-plugin-box .sb-box-bg-image {
|
| 664 |
+
left: -85px;
|
| 665 |
+
}
|
| 666 |
+
.sb-action-buttons .ctf-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 |
+
.ctf-fb-full-wrapper {
|
| 682 |
+
padding: 70px 20px 0 20px;
|
| 683 |
+
}
|
| 684 |
+
.ctf-fb-hd-btn {
|
| 685 |
+
padding: 0px 15px 0px 7px;
|
| 686 |
+
}
|
| 687 |
+
.ctf-fb-header {
|
| 688 |
+
padding: 0px 20px;
|
| 689 |
+
}
|
| 690 |
+
.ctf-about-box .sb-team-info {
|
| 691 |
+
padding: 30px;
|
| 692 |
+
}
|
| 693 |
+
.ctf-plugins-boxes-container .sb-plugins-box {
|
| 694 |
+
width: 100%;
|
| 695 |
+
}
|
| 696 |
+
.ctf-plugins-boxes-container .sb-plugins-box.ctf-social-wall-plugin-box {
|
| 697 |
+
display: flex;
|
| 698 |
+
flex-direction: column;
|
| 699 |
+
padding: 0px;
|
| 700 |
+
}
|
| 701 |
+
.ctf-social-wall-plugin-box .sb-box-bg-image {
|
| 702 |
+
position: initial;
|
| 703 |
+
background-color: #c3d7f3;
|
| 704 |
+
width: 100%;
|
| 705 |
+
height: 190px;
|
| 706 |
+
}
|
| 707 |
+
.ctf-plugins-boxes-container .sb-plugins-box.ctf-social-wall-plugin-box .plugin-box-content {
|
| 708 |
+
padding: 18px 24px 24px;
|
| 709 |
+
}
|
| 710 |
+
.ctf-social-wall-plugin-box .sb-box-title {
|
| 711 |
+
font-size: 18px;
|
| 712 |
+
}
|
| 713 |
+
.ctf-social-wall-plugin-box .sb-box-bg-image img {
|
| 714 |
+
max-width: 401px;
|
| 715 |
+
}
|
| 716 |
+
.ctf-about-box .sb-team-info {
|
| 717 |
+
flex-direction: column;
|
| 718 |
+
}
|
| 719 |
+
.ctf-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 |
+
.ctf-about-box .sb-team-avatar {
|
| 729 |
+
display: none;
|
| 730 |
+
}
|
| 731 |
+
.ctf-about-box .sb-team-info .sb-team-left h2 {
|
| 732 |
+
font-size: 21px;
|
| 733 |
+
}
|
| 734 |
+
}
|
| 735 |
+
|
| 736 |
+
@media (max-width: 570px) {
|
| 737 |
+
.ctf-extensions-boxes-container .sb-extensions-box {
|
| 738 |
+
width: calc(100% - 30px);
|
| 739 |
+
}
|
| 740 |
+
.ctf-plugins-boxes-container {
|
| 741 |
+
padding-right: 0px;
|
| 742 |
+
}
|
| 743 |
+
.ctf-plugins-boxes-container .sb-plugins-box:not(:nth-child(2n)) {
|
| 744 |
+
margin-right: 0px;
|
| 745 |
+
}
|
| 746 |
+
}
|
| 747 |
+
|
| 748 |
+
@media (max-width: 480px) {
|
| 749 |
+
.ctf-fb-hd-btn {
|
| 750 |
+
padding: 0px 10px 0px 7px !important;
|
| 751 |
+
}
|
| 752 |
+
.ctf-fb-hd-btn[data-icon="left"] {
|
| 753 |
+
padding-right: 10px!important;
|
| 754 |
+
}
|
| 755 |
+
.ctf-plugins-boxes-container .sb-plugins-box .icon {
|
| 756 |
+
width: 60px;
|
| 757 |
+
min-width: 60px;
|
| 758 |
+
}
|
| 759 |
+
.ctf-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
ADDED
|
@@ -0,0 +1,224 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 1 |
+
#ctf-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 |
+
}
|
| 11 |
+
|
| 12 |
+
#ctf-notifications * {
|
| 13 |
+
box-sizing: border-box;
|
| 14 |
+
}
|
| 15 |
+
|
| 16 |
+
#ctf-notifications .bell,
|
| 17 |
+
#ctf-notifications .thumb{
|
| 18 |
+
position: absolute;
|
| 19 |
+
top: 20px;
|
| 20 |
+
left: 24px;
|
| 21 |
+
width: 34px;
|
| 22 |
+
height: 44px;
|
| 23 |
+
}
|
| 24 |
+
#ctf-notifications .thumb img {
|
| 25 |
+
max-width: 100%;
|
| 26 |
+
}
|
| 27 |
+
#ctf-notifications .thumb .img-overlay {
|
| 28 |
+
top: 42px;
|
| 29 |
+
left: -6px;
|
| 30 |
+
width: 54px;
|
| 31 |
+
position: absolute;
|
| 32 |
+
background: #ca4a1f;
|
| 33 |
+
color: #fff;
|
| 34 |
+
padding: 2px 4px;
|
| 35 |
+
border-radius: 3px;
|
| 36 |
+
line-height: 1;
|
| 37 |
+
font-size: 11px;
|
| 38 |
+
font-weight: bold;
|
| 39 |
+
text-align: center;
|
| 40 |
+
}
|
| 41 |
+
|
| 42 |
+
#ctf-notifications .messages .message {
|
| 43 |
+
display: none;
|
| 44 |
+
}
|
| 45 |
+
|
| 46 |
+
#ctf-notifications .messages .message.current {
|
| 47 |
+
display: block;
|
| 48 |
+
}
|
| 49 |
+
|
| 50 |
+
#ctf-notifications .messages .message .title {
|
| 51 |
+
font-weight: 600;
|
| 52 |
+
font-size: 18px;
|
| 53 |
+
line-height: 25px;
|
| 54 |
+
margin: 0;
|
| 55 |
+
color: #141B38;
|
| 56 |
+
letter-spacing: 0;
|
| 57 |
+
}
|
| 58 |
+
|
| 59 |
+
#ctf-notifications .messages .message .content {
|
| 60 |
+
font-weight: normal;
|
| 61 |
+
font-size: 14px;
|
| 62 |
+
line-height: 22px;
|
| 63 |
+
margin: 6px 0 32px 0;
|
| 64 |
+
color: #434960;
|
| 65 |
+
}
|
| 66 |
+
|
| 67 |
+
#ctf-notifications .messages .message .buttons {
|
| 68 |
+
margin: -15px 105px 3px 0;
|
| 69 |
+
display: flex;
|
| 70 |
+
}
|
| 71 |
+
.ctf-btn {
|
| 72 |
+
transition: all 0.15s ease-in-out;
|
| 73 |
+
letter-spacing: 0.2px;
|
| 74 |
+
}
|
| 75 |
+
/*orange*/
|
| 76 |
+
.ctf-btn-orange{
|
| 77 |
+
background: #FE544F!important;
|
| 78 |
+
color: #fff!important;
|
| 79 |
+
}
|
| 80 |
+
.ctf-btn-orange:hover{
|
| 81 |
+
background: #EC352F!important;
|
| 82 |
+
color: #fff!important;
|
| 83 |
+
}
|
| 84 |
+
.ctf-btn-orange:focus,
|
| 85 |
+
.ctf-btn-orange:active{
|
| 86 |
+
background: #BC120E!important;
|
| 87 |
+
color: #fff!important;
|
| 88 |
+
}
|
| 89 |
+
/*grey*/
|
| 90 |
+
.ctf-btn-grey{
|
| 91 |
+
background: #F3F4F5!important;
|
| 92 |
+
color: #141B38!important;
|
| 93 |
+
border: 1px solid #D0D1D7!important;
|
| 94 |
+
}
|
| 95 |
+
.ctf-btn-grey:hover{
|
| 96 |
+
background: #fff!important;
|
| 97 |
+
color: #141B38!important;
|
| 98 |
+
border: 1px solid #DCDDE1!important;
|
| 99 |
+
}
|
| 100 |
+
.ctf-btn-grey:focus,
|
| 101 |
+
.ctf-btn-grey:active{
|
| 102 |
+
background: #E8E8EB!important;
|
| 103 |
+
color: #141B38!important;
|
| 104 |
+
border: 1px solid #D0D1D7!important;
|
| 105 |
+
}
|
| 106 |
+
#ctf-notifications .messages .message .buttons a {
|
| 107 |
+
font-weight: 600;
|
| 108 |
+
padding: 6px 12px;
|
| 109 |
+
border-radius: 2px;
|
| 110 |
+
box-sizing: border-box;
|
| 111 |
+
height: 32px;
|
| 112 |
+
text-decoration: none;
|
| 113 |
+
font-size: 12px;
|
| 114 |
+
}
|
| 115 |
+
#ctf-notifications .messages .message .buttons a.ctf-btn-orange {
|
| 116 |
+
border: 1px solid #FE544F
|
| 117 |
+
}
|
| 118 |
+
#ctf-notifications .messages .message .buttons a:not(:last-child) {
|
| 119 |
+
margin-right: 8px;
|
| 120 |
+
}
|
| 121 |
+
#ctf-notifications .messages .message .buttons a:focus,
|
| 122 |
+
#ctf-notifications .messages .message .buttons a:active {
|
| 123 |
+
outline: none;
|
| 124 |
+
box-shadow: none;
|
| 125 |
+
}
|
| 126 |
+
#ctf-notifications .dismiss {
|
| 127 |
+
position: absolute;
|
| 128 |
+
top: 14px;
|
| 129 |
+
right: 14px;
|
| 130 |
+
width: 16px;
|
| 131 |
+
height: 16px;
|
| 132 |
+
color: #72777C;
|
| 133 |
+
font-size: 16px;
|
| 134 |
+
cursor: pointer;
|
| 135 |
+
text-align: center;
|
| 136 |
+
vertical-align: middle;
|
| 137 |
+
line-height: 16px;
|
| 138 |
+
}
|
| 139 |
+
#ctf-notifications .dismiss svg {
|
| 140 |
+
width: 15px;
|
| 141 |
+
height: 15px;
|
| 142 |
+
}
|
| 143 |
+
#ctf-notifications .dismiss svg path {
|
| 144 |
+
fill: #8C8F9A;
|
| 145 |
+
}
|
| 146 |
+
#ctf-notifications .navigation {
|
| 147 |
+
position: absolute;
|
| 148 |
+
bottom: 24px;
|
| 149 |
+
right: 21px;
|
| 150 |
+
width: 72px;
|
| 151 |
+
height: 30px;
|
| 152 |
+
}
|
| 153 |
+
|
| 154 |
+
#ctf-notifications .navigation a {
|
| 155 |
+
display: block;
|
| 156 |
+
width: 32px;
|
| 157 |
+
height: 32px;
|
| 158 |
+
border: 1px solid #DCDDE1;
|
| 159 |
+
border-radius: 2px;
|
| 160 |
+
font-size: 8px;
|
| 161 |
+
text-align: center;
|
| 162 |
+
vertical-align: middle;
|
| 163 |
+
line-height: 30px;
|
| 164 |
+
cursor: pointer;
|
| 165 |
+
background: #F3F4F5;
|
| 166 |
+
color: #141B38;
|
| 167 |
+
display: flex;
|
| 168 |
+
align-items: center;
|
| 169 |
+
justify-content: center;
|
| 170 |
+
transition: all 0.15s ease-in-out;
|
| 171 |
+
}
|
| 172 |
+
|
| 173 |
+
#ctf-notifications .navigation svg {
|
| 174 |
+
width: 9px;
|
| 175 |
+
height: 9px;
|
| 176 |
+
}
|
| 177 |
+
|
| 178 |
+
#ctf-notifications .navigation a:not(.disabled):hover {
|
| 179 |
+
background-color: #fff;
|
| 180 |
+
}
|
| 181 |
+
#ctf-notifications .navigation a:not(.disabled):focus,
|
| 182 |
+
#ctf-notifications .navigation a:not(.disabled):active {
|
| 183 |
+
background: #E8E8EB;
|
| 184 |
+
color: #141B38;
|
| 185 |
+
}
|
| 186 |
+
|
| 187 |
+
#ctf-notifications .navigation .prev {
|
| 188 |
+
float: left;
|
| 189 |
+
}
|
| 190 |
+
|
| 191 |
+
#ctf-notifications .navigation .next {
|
| 192 |
+
float: right;
|
| 193 |
+
}
|
| 194 |
+
|
| 195 |
+
#ctf-notifications .navigation .disabled {
|
| 196 |
+
background: #E8E8EB;
|
| 197 |
+
color: #8C8F9A;
|
| 198 |
+
cursor: default;
|
| 199 |
+
}
|
| 200 |
+
|
| 201 |
+
@media screen and (max-width: 768px) {
|
| 202 |
+
#ctf-notifications {
|
| 203 |
+
padding: 15px 15px 15px 72px;
|
| 204 |
+
}
|
| 205 |
+
#ctf-notifications .messages .message .title {
|
| 206 |
+
margin: 0 30px 0 0;
|
| 207 |
+
}
|
| 208 |
+
#ctf-notifications .messages .message .content {
|
| 209 |
+
font-size: 16px;
|
| 210 |
+
line-height: 24px;
|
| 211 |
+
}
|
| 212 |
+
#ctf-notifications .messages .message .buttons {
|
| 213 |
+
margin: -30px 80px 0 0;
|
| 214 |
+
}
|
| 215 |
+
#ctf-notifications .messages .message .buttons a {
|
| 216 |
+
margin: 0;
|
| 217 |
+
display: table;
|
| 218 |
+
}
|
| 219 |
+
#ctf-notifications .messages .message .buttons .button-secondary {
|
| 220 |
+
margin-top: 6px;
|
| 221 |
+
}
|
| 222 |
+
}
|
| 223 |
+
|
| 224 |
+
/*# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXNzZXRzL2Nzcy9hZG1pbi1ub3RpZmljYXRpb25zLmNzcyIsInNvdXJjZXMiOlsiYXNzZXRzL3Njc3MvYWRtaW4tbm90aWZpY2F0aW9ucy5zY3NzIl0sInNvdXJjZXNDb250ZW50IjpbIi8vIEFkbWluIG5vdGlmaWNhdGlvbiBzdHlsZXMuXG5cbiN3cGZvcm1zLW5vdGlmaWNhdGlvbnMge1xuXG5cdHBvc2l0aW9uOiByZWxhdGl2ZTtcblx0YmFja2dyb3VuZDogI0ZGRkZGRiAwIDAgbm8tcmVwZWF0IHBhZGRpbmctYm94O1xuXHRib3gtc2hhZG93OiAwcHggNXB4IDE1cHggIzAwMDAwMDBEO1xuXHRib3JkZXItcmFkaXVzOiA2cHg7XG5cdG9wYWNpdHk6IDE7XG5cdG1pbi1oZWlnaHQ6IDQ4cHg7XG5cdHBhZGRpbmc6IDE1cHggMTAycHggMTVweCA3MnB4O1xuXHRtYXJnaW46IDAgMCAxNHB4IDA7XG5cblx0KiB7XG5cdFx0Ym94LXNpemluZzogYm9yZGVyLWJveDtcblx0fVxuXG5cdC5iZWxsIHtcblx0XHRwb3NpdGlvbjogYWJzb2x1dGU7XG5cdFx0dG9wOiAxNXB4O1xuXHRcdGxlZnQ6IDE1cHg7XG5cdFx0d2lkdGg6IDQycHg7XG5cdFx0aGVpZ2h0OiA0OHB4O1xuXHR9XG5cblx0Lm1lc3NhZ2VzIHtcblx0XHQubWVzc2FnZSB7XG5cdFx0XHRkaXNwbGF5OiBub25lO1xuXG5cdFx0XHQmLmN1cnJlbnQge1xuXHRcdFx0XHRkaXNwbGF5OiBibG9jaztcblx0XHRcdH1cblxuXHRcdFx0LnRpdGxlIHtcblx0XHRcdFx0Zm9udC13ZWlnaHQ6IGJvbGQ7XG5cdFx0XHRcdGZvbnQtc2l6ZTogMTdweDtcblx0XHRcdFx0bGluZS1oZWlnaHQ6IDIwcHg7XG5cdFx0XHRcdG1hcmdpbjogMDtcblx0XHRcdFx0Y29sb3I6ICM0NDQ7XG5cdFx0XHR9XG5cblx0XHRcdC5jb250ZW50IHtcblx0XHRcdFx0Zm9udC13ZWlnaHQ6IG5vcm1hbDtcblx0XHRcdFx0Zm9udC1zaXplOiAxM3B4O1xuXHRcdFx0XHRsaW5lLWhlaWdodDogMjBweDtcblx0XHRcdFx0bWFyZ2luOiA2cHggMCA0MHB4IDA7XG5cdFx0XHR9XG5cblx0XHRcdC5idXR0b25zIHtcblx0XHRcdFx0bWFyZ2luOiAtMzBweCA4MHB4IDAgMDtcblxuXHRcdFx0XHRhIHtcblx0XHRcdFx0XHRtYXJnaW46IDAgNnB4IDAgMDtcblx0XHRcdFx0XHRwYWRkaW5nOiA4cHggMTBweDtcblx0XHRcdFx0XHRsaW5lLWhlaWdodDogMTNweDtcblx0XHRcdFx0XHRmb250LXNpemU6IDEzcHg7XG5cdFx0XHRcdFx0bWluLWhlaWdodDogdW5zZXQ7XG5cdFx0XHRcdH1cblxuXHRcdFx0XHQuYnV0dG9uLXNlY29uZGFyeSB7XG5cdFx0XHRcdFx0Ym9yZGVyOiAxcHggc29saWQgIzAwNzFBMTtcblx0XHRcdFx0fVxuXHRcdFx0fVxuXHRcdH1cblx0fVxuXG5cdC5kaXNtaXNzIHtcblx0XHRwb3NpdGlvbjogYWJzb2x1dGU7XG5cdFx0dG9wOiAxNXB4O1xuXHRcdHJpZ2h0OiAxNXB4O1xuXHRcdHdpZHRoOiAxNnB4O1xuXHRcdGhlaWdodDogMTZweDtcblx0XHRjb2xvcjogIzcyNzc3Qztcblx0XHRmb250LXNpemU6IDE2cHg7XG5cdFx0Y3Vyc29yOiBwb2ludGVyO1xuXHRcdHRleHQtYWxpZ246IGNlbnRlcjtcblx0XHR2ZXJ0aWNhbC1hbGlnbjogbWlkZGxlO1xuXHRcdGxpbmUtaGVpZ2h0OiAxNnB4O1xuXG5cdFx0Jjpob3ZlciB7XG5cdFx0XHRjb2xvcjogI2RjMzIzMjtcblx0XHR9XG5cdH1cblxuXHQubmF2aWdhdGlvbiB7XG5cdFx0cG9zaXRpb246IGFic29sdXRlO1xuXHRcdGJvdHRvbTogMTVweDtcblx0XHRyaWdodDogMTVweDtcblx0XHR3aWR0aDogNjNweDtcblx0XHRoZWlnaHQ6IDMwcHg7XG5cblx0XHRhIHtcblx0XHRcdGRpc3BsYXk6IGJsb2NrO1xuXHRcdFx0d2lkdGg6IDMwcHg7XG5cdFx0XHRoZWlnaHQ6IDMwcHg7XG5cdFx0XHRib3JkZXI6IDFweCBzb2xpZCAjN0U4OTkzO1xuXHRcdFx0Ym9yZGVyLXJhZGl1czogM3B4O1xuXHRcdFx0Zm9udC1zaXplOiA4cHg7XG5cdFx0XHR0ZXh0LWFsaWduOiBjZW50ZXI7XG5cdFx0XHR2ZXJ0aWNhbC1hbGlnbjogbWlkZGxlO1xuXHRcdFx0bGluZS1oZWlnaHQ6IDMwcHg7XG5cdFx0XHRjdXJzb3I6IHBvaW50ZXI7XG5cdFx0XHRiYWNrZ3JvdW5kLWNvbG9yOiAjZmZmZmZmO1xuXHRcdFx0Y29sb3I6ICM0MTQ1NEE7XG5cblx0XHRcdCY6aG92ZXIge1xuXHRcdFx0XHRiYWNrZ3JvdW5kLWNvbG9yOiAjZjFmMWYxO1xuXHRcdFx0fVxuXHRcdH1cblxuXHRcdC5wcmV2IHtcblx0XHRcdGZsb2F0OiBsZWZ0O1xuXHRcdH1cblxuXHRcdC5uZXh0IHtcblx0XHRcdGZsb2F0OiByaWdodDtcblx0XHR9XG5cblx0XHQuZGlzYWJsZWQge1xuXHRcdFx0Ym9yZGVyLWNvbG9yOiAjZGRkZGRkO1xuXHRcdFx0Y29sb3I6ICNBMEE1QUE7XG5cdFx0XHRjdXJzb3I6IGRlZmF1bHQ7XG5cblx0XHRcdCY6aG92ZXIge1xuXHRcdFx0XHRiYWNrZ3JvdW5kLWNvbG9yOiAjZmZmZmZmO1xuXHRcdFx0fVxuXHRcdH1cblx0fVxufVxuXG5AbWVkaWEgc2NyZWVuIGFuZCAobWF4LXdpZHRoOiA3NjhweCkge1xuXG5cdCN3cGZvcm1zLW5vdGlmaWNhdGlvbnMge1xuXHRcdHBhZGRpbmc6IDE1cHggMTVweCAxNXB4IDcycHg7XG5cblx0XHQubWVzc2FnZXMge1xuXG5cdFx0XHQubWVzc2FnZSB7XG5cblx0XHRcdFx0LnRpdGxlIHtcblx0XHRcdFx0XHRtYXJnaW46IDAgMzBweCAwIDA7XG5cdFx0XHRcdH1cblxuXHRcdFx0XHQuY29udGVudCB7XG5cdFx0XHRcdFx0Zm9udC1zaXplOiAxNnB4O1xuXHRcdFx0XHRcdGxpbmUtaGVpZ2h0OiAyNHB4XG5cdFx0XHRcdH1cblxuXHRcdFx0XHQuYnV0dG9ucyB7XG5cdFx0XHRcdFx0bWFyZ2luOiAtMzBweCA4MHB4IDAgMDtcblxuXHRcdFx0XHRcdGEge1xuXHRcdFx0XHRcdFx0bWFyZ2luOiAwO1xuXHRcdFx0XHRcdFx0ZGlzcGxheTogdGFibGU7XG5cdFx0XHRcdFx0fVxuXG5cdFx0XHRcdFx0LmJ1dHRvbi1zZWNvbmRhcnkge1xuXHRcdFx0XHRcdFx0bWFyZ2luLXRvcDogNnB4O1xuXHRcdFx0XHRcdH1cblx0XHRcdFx0fVxuXHRcdFx0fVxuXHRcdH1cblx0fVxufSJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFFQSxBQUFBLHNCQUFzQixDQUFDO0VBRXRCLFFBQVEsRUFBRSxRQUFRO0VBQ2xCLFVBQVUsRUFBRSxpQ0FBaUM7RUFDN0MsVUFBVSxFQUFFLHNCQUFzQjtFQUNsQyxhQUFhLEVBQUUsR0FBRztFQUNsQixPQUFPLEVBQUUsQ0FBQztFQUNWLFVBQVUsRUFBRSxJQUFJO0VBQ2hCLE9BQU8sRUFBRSxvQkFBb0I7RUFDN0IsTUFBTSxFQUFFLFVBQVU7Q0FxSGxCOztBQTlIRCxBQVdDLHNCQVhxQixDQVdyQixDQUFDLENBQUM7RUFDRCxVQUFVLEVBQUUsVUFBVTtDQUN0Qjs7QUFiRixBQWVDLHNCQWZxQixDQWVyQixLQUFLLENBQUM7RUFDTCxRQUFRLEVBQUUsUUFBUTtFQUNsQixHQUFHLEVBQUUsSUFBSTtFQUNULElBQUksRUFBRSxJQUFJO0VBQ1YsS0FBSyxFQUFFLElBQUk7RUFDWCxNQUFNLEVBQUUsSUFBSTtDQUNaOztBQXJCRixBQXdCRSxzQkF4Qm9CLENBdUJyQixTQUFTLENBQ1IsUUFBUSxDQUFDO0VBQ1IsT0FBTyxFQUFFLElBQUk7Q0FvQ2I7O0FBN0RILEFBMkJHLHNCQTNCbUIsQ0F1QnJCLFNBQVMsQ0FDUixRQUFRLEFBR04sUUFBUSxDQUFDO0VBQ1QsT0FBTyxFQUFFLEtBQUs7Q0FDZDs7QUE3QkosQUErQkcsc0JBL0JtQixDQXVCckIsU0FBUyxDQUNSLFFBQVEsQ0FPUCxNQUFNLENBQUM7RUFDTixXQUFXLEVBQUUsSUFBSTtFQUNqQixTQUFTLEVBQUUsSUFBSTtFQUNmLFdBQVcsRUFBRSxJQUFJO0VBQ2pCLE1BQU0sRUFBRSxDQUFDO0VBQ1QsS0FBSyxFQUFFLElBQUk7Q0FDWDs7QUFyQ0osQUF1Q0csc0JBdkNtQixDQXVCckIsU0FBUyxDQUNSLFFBQVEsQ0FlUCxRQUFRLENBQUM7RUFDUixXQUFXLEVBQUUsTUFBTTtFQUNuQixTQUFTLEVBQUUsSUFBSTtFQUNmLFdBQVcsRUFBRSxJQUFJO0VBQ2pCLE1BQU0sRUFBRSxZQUFZO0NBQ3BCOztBQTVDSixBQThDRyxzQkE5Q21CLENBdUJyQixTQUFTLENBQ1IsUUFBUSxDQXNCUCxRQUFRLENBQUM7RUFDUixNQUFNLEVBQUUsY0FBYztDQWF0Qjs7QUE1REosQUFpREksc0JBakRrQixDQXVCckIsU0FBUyxDQUNSLFFBQVEsQ0FzQlAsUUFBUSxDQUdQLENBQUMsQ0FBQztFQUNELE1BQU0sRUFBRSxTQUFTO0VBQ2pCLE9BQU8sRUFBRSxRQUFRO0VBQ2pCLFdBQVcsRUFBRSxJQUFJO0VBQ2pCLFNBQVMsRUFBRSxJQUFJO0VBQ2YsVUFBVSxFQUFFLEtBQUs7Q0FDakI7O0FBdkRMLEFBeURJLHNCQXpEa0IsQ0F1QnJCLFNBQVMsQ0FDUixRQUFRLENBc0JQLFFBQVEsQ0FXUCxpQkFBaUIsQ0FBQztFQUNqQixNQUFNLEVBQUUsaUJBQWlCO0NBQ3pCOztBQTNETCxBQWdFQyxzQkFoRXFCLENBZ0VyQixRQUFRLENBQUM7RUFDUixRQUFRLEVBQUUsUUFBUTtFQUNsQixHQUFHLEVBQUUsSUFBSTtFQUNULEtBQUssRUFBRSxJQUFJO0VBQ1gsS0FBSyxFQUFFLElBQUk7RUFDWCxNQUFNLEVBQUUsSUFBSTtFQUNaLEtBQUssRUFBRSxPQUFPO0VBQ2QsU0FBUyxFQUFFLElBQUk7RUFDZixNQUFNLEVBQUUsT0FBTztFQUNmLFVBQVUsRUFBRSxNQUFNO0VBQ2xCLGNBQWMsRUFBRSxNQUFNO0VBQ3RCLFdBQVcsRUFBRSxJQUFJO0NBS2pCOztBQWhGRixBQTZFRSxzQkE3RW9CLENBZ0VyQixRQUFRLEFBYU4sTUFBTSxDQUFDO0VBQ1AsS0FBSyxFQUFFLE9BQU87Q0FDZDs7QUEvRUgsQUFrRkMsc0JBbEZxQixDQWtGckIsV0FBVyxDQUFDO0VBQ1gsUUFBUSxFQUFFLFFBQVE7RUFDbEIsTUFBTSxFQUFFLElBQUk7RUFDWixLQUFLLEVBQUUsSUFBSTtFQUNYLEtBQUssRUFBRSxJQUFJO0VBQ1gsTUFBTSxFQUFFLElBQUk7Q0FzQ1o7O0FBN0hGLEFBeUZFLHNCQXpGb0IsQ0FrRnJCLFdBQVcsQ0FPVixDQUFDLENBQUM7RUFDRCxPQUFPLEVBQUUsS0FBSztFQUNkLEtBQUssRUFBRSxJQUFJO0VBQ1gsTUFBTSxFQUFFLElBQUk7RUFDWixNQUFNLEVBQUUsaUJBQWlCO0VBQ3pCLGFBQWEsRUFBRSxHQUFHO0VBQ2xCLFNBQVMsRUFBRSxHQUFHO0VBQ2QsVUFBVSxFQUFFLE1BQU07RUFDbEIsY0FBYyxFQUFFLE1BQU07RUFDdEIsV0FBVyxFQUFFLElBQUk7RUFDakIsTUFBTSxFQUFFLE9BQU87RUFDZixnQkFBZ0IsRUFBRSxPQUFPO0VBQ3pCLEtBQUssRUFBRSxPQUFPO0NBS2Q7O0FBMUdILEFBdUdHLHNCQXZHbUIsQ0FrRnJCLFdBQVcsQ0FPVixDQUFDLEFBY0MsTUFBTSxDQUFDO0VBQ1AsZ0JBQWdCLEVBQUUsT0FBTztDQUN6Qjs7QUF6R0osQUE0R0Usc0JBNUdvQixDQWtGckIsV0FBVyxDQTBCVixLQUFLLENBQUM7RUFDTCxLQUFLLEVBQUUsSUFBSTtDQUNYOztBQTlHSCxBQWdIRSxzQkFoSG9CLENBa0ZyQixXQUFXLENBOEJWLEtBQUssQ0FBQztFQUNMLEtBQUssRUFBRSxLQUFLO0NBQ1o7O0FBbEhILEFBb0hFLHNCQXBIb0IsQ0FrRnJCLFdBQVcsQ0FrQ1YsU0FBUyxDQUFDO0VBQ1QsWUFBWSxFQUFFLE9BQU87RUFDckIsS0FBSyxFQUFFLE9BQU87RUFDZCxNQUFNLEVBQUUsT0FBTztDQUtmOztBQTVISCxBQXlIRyxzQkF6SG1CLENBa0ZyQixXQUFXLENBa0NWLFNBQVMsQUFLUCxNQUFNLENBQUM7RUFDUCxnQkFBZ0IsRUFBRSxPQUFPO0NBQ3pCOztBQUtKLE1BQU0sQ0FBQyxNQUFNLE1BQU0sU0FBUyxFQUFFLEtBQUs7RUFFbEMsQUFBQSxzQkFBc0IsQ0FBQztJQUN0QixPQUFPLEVBQUUsbUJBQW1CO0dBNkI1QjtFQTlCRCxBQU9HLHNCQVBtQixDQUdyQixTQUFTLENBRVIsUUFBUSxDQUVQLE1BQU0sQ0FBQztJQUNOLE1BQU0sRUFBRSxVQUFVO0dBQ2xCO0VBVEosQUFXRyxzQkFYbUIsQ0FHckIsU0FBUyxDQUVSLFFBQVEsQ0FNUCxRQUFRLENBQUM7SUFDUixTQUFTLEVBQUUsSUFBSTtJQUNmLFdBQVcsRUFBRSxJQUNkO0dBQUM7RUFkSixBQWdCRyxzQkFoQm1CLENBR3JCLFNBQVMsQ0FFUixRQUFRLENBV1AsUUFBUSxDQUFDO0lBQ1IsTUFBTSxFQUFFLGNBQWM7R0FVdEI7RUEzQkosQUFtQkksc0JBbkJrQixDQUdyQixTQUFTLENBRVIsUUFBUSxDQVdQLFFBQVEsQ0FHUCxDQUFDLENBQUM7SUFDRCxNQUFNLEVBQUUsQ0FBQztJQUNULE9BQU8sRUFBRSxLQUFLO0dBQ2Q7RUF0QkwsQUF3Qkksc0JBeEJrQixDQUdyQixTQUFTLENBRVIsUUFBUSxDQVdQLFFBQVEsQ0FRUCxpQkFBaUIsQ0FBQztJQUNqQixVQUFVLEVBQUUsR0FBRztHQUNmIn0= */
|
admin/assets/css/cff-admin-style.css
ADDED
|
@@ -0,0 +1,3276 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 1 |
+
|
| 2 |
+
/*** Global CSS Button Classes ***/
|
| 3 |
+
|
| 4 |
+
/*btn*/
|
| 5 |
+
.ctf-notice-btn {
|
| 6 |
+
box-sizing: border-box;
|
| 7 |
+
border-radius: 2px;
|
| 8 |
+
display: inline-block;
|
| 9 |
+
padding: 6px 12px;
|
| 10 |
+
color: #141B38;
|
| 11 |
+
font-weight: 600;
|
| 12 |
+
padding: 6px 12px;
|
| 13 |
+
font-size: 12px;
|
| 14 |
+
line-height: 19px;
|
| 15 |
+
cursor: pointer;
|
| 16 |
+
transition: all 0.15s ease-in-out;
|
| 17 |
+
text-decoration: none;
|
| 18 |
+
}
|
| 19 |
+
|
| 20 |
+
/*grey*/
|
| 21 |
+
.ctf-btn-grey{
|
| 22 |
+
background: #F3F4F5!important;
|
| 23 |
+
color: #141B38!important;
|
| 24 |
+
border: 1px solid #D0D1D7!important;
|
| 25 |
+
}
|
| 26 |
+
.ctf-btn-grey:hover{
|
| 27 |
+
background: #fff!important;
|
| 28 |
+
color: #141B38!important;
|
| 29 |
+
border: 1px solid #DCDDE1!important;
|
| 30 |
+
}
|
| 31 |
+
.ctf-btn-grey:focus,
|
| 32 |
+
.ctf-btn-grey:active{
|
| 33 |
+
background: #E8E8EB!important;
|
| 34 |
+
color: #141B38!important;
|
| 35 |
+
border: 1px solid #D0D1D7!important;
|
| 36 |
+
}
|
| 37 |
+
|
| 38 |
+
/* blue buttons */
|
| 39 |
+
.ctf-btn-blue{
|
| 40 |
+
background: #0068A0!important;
|
| 41 |
+
color: #fff!important;
|
| 42 |
+
}
|
| 43 |
+
.ctf-btn-blue:hover{
|
| 44 |
+
background: #0096CC!important;
|
| 45 |
+
color: #fff!important;
|
| 46 |
+
}
|
| 47 |
+
.ctf-btn-blue:focus,
|
| 48 |
+
.ctf-btn-blue:active{
|
| 49 |
+
background: #004D77!important;
|
| 50 |
+
color: #fff!important;
|
| 51 |
+
}
|
| 52 |
+
|
| 53 |
+
|
| 54 |
+
#ctf-admin{
|
| 55 |
+
overflow: hidden;
|
| 56 |
+
}
|
| 57 |
+
#ctf-admin #header{
|
| 58 |
+
padding: 0 0 10px 0;
|
| 59 |
+
}
|
| 60 |
+
#ctf-admin th.bump-left,
|
| 61 |
+
#ctf-admin a.bump-left{
|
| 62 |
+
padding-left: 10px;
|
| 63 |
+
}
|
| 64 |
+
#ctf-admin .ctf-tooltip{
|
| 65 |
+
display: none;
|
| 66 |
+
padding: 10px 0;
|
| 67 |
+
font-weight: normal;
|
| 68 |
+
}
|
| 69 |
+
#ctf-admin .ctf-tooltip ul{
|
| 70 |
+
margin-top: 0;
|
| 71 |
+
margin-bottom: 0;
|
| 72 |
+
}
|
| 73 |
+
#ctf-admin .ctf-tooltip li{
|
| 74 |
+
padding: 4px 0;
|
| 75 |
+
}
|
| 76 |
+
#ctf-admin .ctf-highlight{
|
| 77 |
+
background: #ffed51;
|
| 78 |
+
font-weight: bold;
|
| 79 |
+
color: black;
|
| 80 |
+
}
|
| 81 |
+
#ctf-admin .ctf-tooltip-link,
|
| 82 |
+
#ctf-admin .ctf-external-link{
|
| 83 |
+
font-size: 13px;
|
| 84 |
+
margin-left: 10px;
|
| 85 |
+
}
|
| 86 |
+
#ctf-admin .ctf-more-info{
|
| 87 |
+
padding: 10px 15px;
|
| 88 |
+
margin: 10px 0;
|
| 89 |
+
font-size: 13px;
|
| 90 |
+
background: #f9f9f9;
|
| 91 |
+
background: rgba(255,255,255,0.8);
|
| 92 |
+
|
| 93 |
+
-moz-border-radius: 8px;
|
| 94 |
+
-webkit-border-radius: 8px;
|
| 95 |
+
border-radius: 8px;
|
| 96 |
+
}
|
| 97 |
+
#ctf-admin .postbox .ctf-more-info{
|
| 98 |
+
background: #eee;
|
| 99 |
+
background: rgba(0,0,0,0.05);
|
| 100 |
+
}
|
| 101 |
+
#ctf-admin .ctf-more-info p{
|
| 102 |
+
font-size: 13px;
|
| 103 |
+
}
|
| 104 |
+
#ctf-admin hr{
|
| 105 |
+
border: none;
|
| 106 |
+
margin: 25px 0;
|
| 107 |
+
border-bottom: 1px solid #ccc;
|
| 108 |
+
}
|
| 109 |
+
#ctf-admin select{
|
| 110 |
+
width: 150px;
|
| 111 |
+
}
|
| 112 |
+
#ctf-admin .ctf-list {
|
| 113 |
+
list-style: inside disc;
|
| 114 |
+
}
|
| 115 |
+
#wpbody-content #ctf-admin .metabox-holder {
|
| 116 |
+
padding-top: 0;
|
| 117 |
+
}
|
| 118 |
+
#ctf-admin .ctf-notice{
|
| 119 |
+
margin-top: 5px;
|
| 120 |
+
background: #f9ecda;
|
| 121 |
+
padding: 5px 10px;
|
| 122 |
+
border: 1px solid #e89a2e;
|
| 123 |
+
color: #cf6100;
|
| 124 |
+
|
| 125 |
+
-moz-border-radius: 3px;
|
| 126 |
+
-webkit-border-radius: 3px;
|
| 127 |
+
border-radius: 3px;
|
| 128 |
+
}
|
| 129 |
+
#ctf-admin .ctf-notice a{
|
| 130 |
+
color: #d85600;
|
| 131 |
+
}
|
| 132 |
+
#ctf-admin .ctf-notice a:hover,
|
| 133 |
+
#ctf-admin .ctf-notice a:focus{
|
| 134 |
+
color: #a34100;
|
| 135 |
+
}
|
| 136 |
+
#ctf-admin .ctf-warning {
|
| 137 |
+
position: relative;
|
| 138 |
+
display: inline-block;
|
| 139 |
+
border: 1px solid #ccc;
|
| 140 |
+
font-size: 12px;
|
| 141 |
+
padding: 4px 4px 4px 8px;
|
| 142 |
+
vertical-align: top;
|
| 143 |
+
margin: 4px 5px 0 0;
|
| 144 |
+
border-radius: 4px;
|
| 145 |
+
|
| 146 |
+
background: #fdf4e5;
|
| 147 |
+
border: 1px solid #e6bc88;
|
| 148 |
+
color: #94570c;
|
| 149 |
+
}
|
| 150 |
+
.ctf-note-notice {
|
| 151 |
+
float: left;
|
| 152 |
+
clear: both;
|
| 153 |
+
width: 100%;
|
| 154 |
+
padding: 8px 12px;
|
| 155 |
+
box-sizing: border-box;
|
| 156 |
+
background: #fff5e2;
|
| 157 |
+
border: 1px solid #e6bc88;
|
| 158 |
+
border-radius: 5px;
|
| 159 |
+
color: #613d12;
|
| 160 |
+
font-size: 13px;
|
| 161 |
+
line-height: 1.5;
|
| 162 |
+
margin-top: 15px;
|
| 163 |
+
}
|
| 164 |
+
.ctf-note-group-notice{
|
| 165 |
+
display: none;
|
| 166 |
+
}
|
| 167 |
+
#ctf-admin .ctf-profile-error,
|
| 168 |
+
#ctf-admin .ctf-group-error{
|
| 169 |
+
display: none;
|
| 170 |
+
|
| 171 |
+
margin-top: 5px;
|
| 172 |
+
background: #F7E6E6;
|
| 173 |
+
padding: 5px 10px;
|
| 174 |
+
border: 1px solid #BA7B7B;
|
| 175 |
+
color: #592626;
|
| 176 |
+
|
| 177 |
+
-moz-border-radius: 3px;
|
| 178 |
+
-webkit-border-radius: 3px;
|
| 179 |
+
border-radius: 3px;
|
| 180 |
+
}
|
| 181 |
+
|
| 182 |
+
#ctf-admin .ctf-oembed-button .ctf-profile-error,
|
| 183 |
+
#ctf-admin .ctf-oembed-button .ctf-warning{
|
| 184 |
+
clear: both;
|
| 185 |
+
padding: 20px 30px;
|
| 186 |
+
border-radius: 3px;
|
| 187 |
+
}
|
| 188 |
+
|
| 189 |
+
#ctf-admin .ctf-profile-error p,
|
| 190 |
+
#ctf-admin .ctf-group-error p{
|
| 191 |
+
font-size: 13px;
|
| 192 |
+
}
|
| 193 |
+
#ctf-admin .ctf-notice p{
|
| 194 |
+
margin: 0;
|
| 195 |
+
padding: 5px 0;
|
| 196 |
+
}
|
| 197 |
+
.ctf-admin-notice-button{
|
| 198 |
+
display: inline-block;
|
| 199 |
+
padding: 3px 8px;
|
| 200 |
+
background: rgba(255,255,255,0.3);
|
| 201 |
+
border: 1px solid #aaa;
|
| 202 |
+
border-radius: 3px;
|
| 203 |
+
text-decoration: none;
|
| 204 |
+
color: #333;
|
| 205 |
+
}
|
| 206 |
+
.ctf-admin-notice-button:hover,
|
| 207 |
+
.ctf-admin-notice-button:focus{
|
| 208 |
+
background: rgba(255,255,255,0.6);
|
| 209 |
+
border: 1px solid #999;
|
| 210 |
+
color: #222;
|
| 211 |
+
}
|
| 212 |
+
.ctf-admin-notice-close{
|
| 213 |
+
float: right;
|
| 214 |
+
color: #dd3d36;
|
| 215 |
+
text-decoration: none;
|
| 216 |
+
margin: -15px 0 0 0;
|
| 217 |
+
padding: 10px 0 10px 10px;
|
| 218 |
+
}
|
| 219 |
+
.ctf-admin-notice-close:hover,
|
| 220 |
+
.ctf-admin-notice-close:focus{
|
| 221 |
+
color: #333;
|
| 222 |
+
}
|
| 223 |
+
|
| 224 |
+
#ctf-admin .ctf-tooltip-table label{
|
| 225 |
+
display: block;
|
| 226 |
+
float: left;
|
| 227 |
+
width: 60px;
|
| 228 |
+
margin-top: 5px;
|
| 229 |
+
}
|
| 230 |
+
#ctf-admin .hndle{
|
| 231 |
+
font-size: 16px;
|
| 232 |
+
}
|
| 233 |
+
#ctf-admin #ctf-header-icon-example{
|
| 234 |
+
font-size: 28px;
|
| 235 |
+
top: 6px;
|
| 236 |
+
margin-left: 5px;
|
| 237 |
+
position: relative;
|
| 238 |
+
}
|
| 239 |
+
#ctf-admin #ctf-api-test-result{
|
| 240 |
+
width: 50%;
|
| 241 |
+
clear: both;
|
| 242 |
+
margin: 10px 0 0 0;
|
| 243 |
+
position: relative;
|
| 244 |
+
}
|
| 245 |
+
#ctf-admin #ctf-api-test-result textarea{
|
| 246 |
+
width: 100%;
|
| 247 |
+
height: 250px;
|
| 248 |
+
display: none;
|
| 249 |
+
}
|
| 250 |
+
#ctf-admin .ctf-error{
|
| 251 |
+
background: #F7E6E6;
|
| 252 |
+
border: 1px solid #BA7B7B;
|
| 253 |
+
color: #592626;
|
| 254 |
+
}
|
| 255 |
+
#ctf-admin .ctf-success{
|
| 256 |
+
background: #dceada;
|
| 257 |
+
border: 1px solid #6ca365;
|
| 258 |
+
color: #3e5f1c;
|
| 259 |
+
}
|
| 260 |
+
/* Loader */
|
| 261 |
+
#ctf-admin .ctf-loader{
|
| 262 |
+
display: none;
|
| 263 |
+
position: absolute;
|
| 264 |
+
top: 50%;
|
| 265 |
+
left: 50%;
|
| 266 |
+
width: 16px;
|
| 267 |
+
height: 16px;
|
| 268 |
+
margin-top: -8px;
|
| 269 |
+
margin-left: -8px;
|
| 270 |
+
|
| 271 |
+
background: url('../img/loader-light.gif') no-repeat;
|
| 272 |
+
}
|
| 273 |
+
|
| 274 |
+
#ctf-admin #ctf-others-only{
|
| 275 |
+
margin-top: 8px;
|
| 276 |
+
display: none;
|
| 277 |
+
}
|
| 278 |
+
|
| 279 |
+
#ctf-admin .ctf-definition{
|
| 280 |
+
display: inline;
|
| 281 |
+
margin-left: 20px;
|
| 282 |
+
}
|
| 283 |
+
|
| 284 |
+
|
| 285 |
+
/* Translation table */
|
| 286 |
+
#ctf-admin .ctf-translate-table input{
|
| 287 |
+
width: 100%;
|
| 288 |
+
}
|
| 289 |
+
#ctf-admin .ctf-translate-table .ctf-translate-date input{
|
| 290 |
+
width: 74%;
|
| 291 |
+
}
|
| 292 |
+
#ctf-admin .ctf-translate-table.form-table th,
|
| 293 |
+
#ctf-admin .ctf-translate-table.form-table td{
|
| 294 |
+
border: 1px solid #ddd;
|
| 295 |
+
padding: 8px 10px;
|
| 296 |
+
vertical-align: top;
|
| 297 |
+
}
|
| 298 |
+
#ctf-admin .ctf-translate-table.form-table thead th{
|
| 299 |
+
background: #333;
|
| 300 |
+
border: 1px solid #333;
|
| 301 |
+
border-right: 1px solid #999;
|
| 302 |
+
color: #fff;
|
| 303 |
+
}
|
| 304 |
+
#ctf-admin .ctf-translate-date label{
|
| 305 |
+
width: 25%;
|
| 306 |
+
float: left;
|
| 307 |
+
padding-top: 5px;
|
| 308 |
+
}
|
| 309 |
+
#ctf-admin .ctf-translate-table .ctf-table-header{
|
| 310 |
+
background: #ddd;
|
| 311 |
+
}
|
| 312 |
+
#ctf-admin .ctf-translate-table.form-table .ctf-context{
|
| 313 |
+
font-size: 13px;
|
| 314 |
+
}
|
| 315 |
+
|
| 316 |
+
/* Events only */
|
| 317 |
+
#ctf-admin .ctf-events-only-options .ctf-row,
|
| 318 |
+
#ctf-admin .ctf-albums-only-options .ctf-row{
|
| 319 |
+
padding: 10px 0;
|
| 320 |
+
}
|
| 321 |
+
|
| 322 |
+
/* Post Types options */
|
| 323 |
+
#ctf-admin .ctf-post-type-options th,
|
| 324 |
+
#ctf-admin .ctf-post-type-options td{
|
| 325 |
+
padding: 5px 10px;
|
| 326 |
+
}
|
| 327 |
+
#ctf-admin .ctf-post-type-options th{
|
| 328 |
+
width: 150px;
|
| 329 |
+
padding-top: 10px;
|
| 330 |
+
}
|
| 331 |
+
#ctf-admin .ctf-post-type-options .ctf-tooltip{
|
| 332 |
+
background: rgba(0,0,0,0.05);
|
| 333 |
+
}
|
| 334 |
+
|
| 335 |
+
|
| 336 |
+
/* Post Layouts */
|
| 337 |
+
#ctf-admin .ctf-layouts{
|
| 338 |
+
width: 100%;
|
| 339 |
+
clear: both;
|
| 340 |
+
overflow: hidden;
|
| 341 |
+
}
|
| 342 |
+
#ctf-admin .ctf-layout{
|
| 343 |
+
padding: 0;
|
| 344 |
+
float: left;
|
| 345 |
+
width: 222px;
|
| 346 |
+
padding: 15px 15px 10px 15px;
|
| 347 |
+
margin-right: 15px;
|
| 348 |
+
|
| 349 |
+
background: rgba(255,255,255,0.4);
|
| 350 |
+
border: 1px solid #ddd;
|
| 351 |
+
|
| 352 |
+
-moz-border-radius: 5px;
|
| 353 |
+
-webkit-border-radius: 5px;
|
| 354 |
+
border-radius: 5px;
|
| 355 |
+
}
|
| 356 |
+
#ctf-admin .ctf-layout:hover,
|
| 357 |
+
#ctf-admin .ctf-layout:focus{
|
| 358 |
+
background: rgba(255,255,255,0.9);
|
| 359 |
+
cursor: pointer;
|
| 360 |
+
}
|
| 361 |
+
#ctf-admin .ctf-layout.ctf-layout-selected{
|
| 362 |
+
background: #f7faf1;
|
| 363 |
+
border: 1px solid #7ad03a;
|
| 364 |
+
}
|
| 365 |
+
#ctf-admin .ctf-layout h3{
|
| 366 |
+
font-size: 15px;
|
| 367 |
+
margin-top: 0;
|
| 368 |
+
}
|
| 369 |
+
#ctf-admin .ctf-layout img{
|
| 370 |
+
width: 100%;
|
| 371 |
+
border: 1px solid #ddd;
|
| 372 |
+
background: #fff;
|
| 373 |
+
}
|
| 374 |
+
|
| 375 |
+
/* Post style selection */
|
| 376 |
+
#ctf-admin .ctf-post-style{
|
| 377 |
+
width: 184px;
|
| 378 |
+
background: none;
|
| 379 |
+
border: 1px solid transparent;
|
| 380 |
+
}
|
| 381 |
+
#ctf-admin .ctf-post-style.ctf-layout-selected{
|
| 382 |
+
background: rgba(255,255,255,0.9);
|
| 383 |
+
border: 1px solid #7ad03a;
|
| 384 |
+
}
|
| 385 |
+
#ctf-admin .ctf-post-style img{
|
| 386 |
+
width: auto;
|
| 387 |
+
padding-bottom: 6px;
|
| 388 |
+
margin-bottom: 3px;
|
| 389 |
+
background: none;
|
| 390 |
+
border: none;
|
| 391 |
+
border-bottom: 1px solid #ddd;
|
| 392 |
+
}
|
| 393 |
+
#ctf-admin .ctf-post-style.ctf-boxed{
|
| 394 |
+
/*width: 236px;*/
|
| 395 |
+
width: 197px;
|
| 396 |
+
}
|
| 397 |
+
#ctf-admin .ctf-post-style.ctf-boxed img{
|
| 398 |
+
/*width: 94%;*/
|
| 399 |
+
padding: 3%;
|
| 400 |
+
margin: 0;
|
| 401 |
+
background: #fff;
|
| 402 |
+
border: 1px solid #ddd;
|
| 403 |
+
border-radius: 5px;
|
| 404 |
+
box-shadow: 0 0 5px 0 rgba(0,0,0,0.1);
|
| 405 |
+
}
|
| 406 |
+
#ctf-admin .ctf-post-style:hover,
|
| 407 |
+
#ctf-admin .ctf-post-style:focus{
|
| 408 |
+
/*background: rgba(255,255,255,0.5);*/
|
| 409 |
+
}
|
| 410 |
+
@media all and (max-width: 1040px){
|
| 411 |
+
#ctf-admin .ctf-layout{
|
| 412 |
+
width: 29%;
|
| 413 |
+
padding: 1%;
|
| 414 |
+
margin-right: 1%;
|
| 415 |
+
}
|
| 416 |
+
#ctf-admin .ctf-post-style,
|
| 417 |
+
#ctf-admin .ctf-post-style.ctf-boxed{
|
| 418 |
+
width: 46%;
|
| 419 |
+
}
|
| 420 |
+
#ctf-admin .ctf-post-style img{
|
| 421 |
+
width: 100%;
|
| 422 |
+
padding: 0;
|
| 423 |
+
}
|
| 424 |
+
}
|
| 425 |
+
|
| 426 |
+
/* Post style settings */
|
| 427 |
+
#ctf-admin .ctf-post-style-settings {
|
| 428 |
+
display: none;
|
| 429 |
+
float: left;
|
| 430 |
+
clear: both;
|
| 431 |
+
width: 96%;
|
| 432 |
+
padding: 20px 2%;
|
| 433 |
+
margin: 10px 0;
|
| 434 |
+
font-size: 13px;
|
| 435 |
+
background: #f9f9f9;
|
| 436 |
+
background: rgba(255,255,255,0.8);
|
| 437 |
+
-moz-border-radius: 8px;
|
| 438 |
+
-webkit-border-radius: 8px;
|
| 439 |
+
border-radius: 8px;
|
| 440 |
+
}
|
| 441 |
+
#ctf-admin .ctf-post-style-settings label{
|
| 442 |
+
display: inline-block;
|
| 443 |
+
font-weight: bold;
|
| 444 |
+
font-size: 14px;
|
| 445 |
+
padding-bottom: 5px;
|
| 446 |
+
padding-right: 5px;
|
| 447 |
+
}
|
| 448 |
+
|
| 449 |
+
#ctf-admin .ctf-post-style-settings.ctf-boxed
|
| 450 |
+
|
| 451 |
+
/*Extensions page*/
|
| 452 |
+
#form-ext{
|
| 453 |
+
overflow: hidden;
|
| 454 |
+
}
|
| 455 |
+
#ctf-admin .ctf-extension{
|
| 456 |
+
display: block;
|
| 457 |
+
float: left;
|
| 458 |
+
width: 250px;
|
| 459 |
+
height: 185px;
|
| 460 |
+
padding: 20px;
|
| 461 |
+
margin: 15px 15px 0 0;
|
| 462 |
+
background: #f9f9f9;
|
| 463 |
+
border: 1px solid #ddd;
|
| 464 |
+
border-radius: 5px;
|
| 465 |
+
box-shadow: inset 0 0 5px #eee;
|
| 466 |
+
text-decoration: none;
|
| 467 |
+
}
|
| 468 |
+
#ctf-admin .ctf-extension h3,
|
| 469 |
+
#ctf-admin .ctf-extension p{
|
| 470 |
+
padding: 5px 0;
|
| 471 |
+
margin: 0;
|
| 472 |
+
}
|
| 473 |
+
#ctf-admin .ctf-extension h3{
|
| 474 |
+
padding-top: 0;
|
| 475 |
+
}
|
| 476 |
+
#ctf-admin .ctf-extension .ctf-desc{
|
| 477 |
+
height: 75px;
|
| 478 |
+
}
|
| 479 |
+
#ctf-admin .ctf-extension img{
|
| 480 |
+
max-width: 100%;
|
| 481 |
+
margin: 10px 0;
|
| 482 |
+
}
|
| 483 |
+
#ctf-admin .ctf-extension .ctf-activate{
|
| 484 |
+
/*float: right;*/
|
| 485 |
+
background: #eee;
|
| 486 |
+
border: 1px solid #ddd;
|
| 487 |
+
border-radius: 3px;
|
| 488 |
+
padding: 5px 8px;
|
| 489 |
+
margin: 0;
|
| 490 |
+
float: left;
|
| 491 |
+
/*clear: both;*/
|
| 492 |
+
}
|
| 493 |
+
#ctf-admin .ctf-extension label{
|
| 494 |
+
margin: 0 5px;
|
| 495 |
+
position: relative;
|
| 496 |
+
top: -2px;
|
| 497 |
+
}
|
| 498 |
+
#ctf-admin .ctf-extension input{
|
| 499 |
+
position: relative;
|
| 500 |
+
top: 1px;
|
| 501 |
+
}
|
| 502 |
+
#ctf-admin .ctf-extension .ctf-active .ctf-activate{
|
| 503 |
+
background: #f7faf1;
|
| 504 |
+
border: 1px solid #7ad03a;
|
| 505 |
+
}
|
| 506 |
+
#ctf-admin .ctf-extension .ctf-activated{
|
| 507 |
+
padding: 3px 10px 3px 7px;
|
| 508 |
+
border-radius: 3px;
|
| 509 |
+
text-align: center;
|
| 510 |
+
float: left;
|
| 511 |
+
background: #e1f3d4;
|
| 512 |
+
border: 1px solid #7ad03a;
|
| 513 |
+
}
|
| 514 |
+
#ctf-admin .ctf-extension .ctf-activated .fa{
|
| 515 |
+
color: #428610;
|
| 516 |
+
}
|
| 517 |
+
|
| 518 |
+
#ctf-admin .ctf-extension .ctf-requires{
|
| 519 |
+
font-size: 12px;
|
| 520 |
+
font-style: italic;
|
| 521 |
+
padding: 20px 0 10px 0;
|
| 522 |
+
}
|
| 523 |
+
#ctf-admin .ctf-extension .ctf-doc{
|
| 524 |
+
float: right;
|
| 525 |
+
padding: 13px 0;
|
| 526 |
+
}
|
| 527 |
+
|
| 528 |
+
|
| 529 |
+
#ctf-admin footer{
|
| 530 |
+
float: left;
|
| 531 |
+
clear: both;
|
| 532 |
+
width: 100%;
|
| 533 |
+
padding: 0;
|
| 534 |
+
margin: 0;
|
| 535 |
+
}
|
| 536 |
+
|
| 537 |
+
/* Hide clear cache notice */
|
| 538 |
+
.ctf-clear-cache-notice{
|
| 539 |
+
display: none;
|
| 540 |
+
}
|
| 541 |
+
|
| 542 |
+
/* Access Token field */
|
| 543 |
+
#ctf-admin .ctf-access-token-hidden{
|
| 544 |
+
display: block;
|
| 545 |
+
}
|
| 546 |
+
#ctf-admin .ctf-ppca-check-notice{
|
| 547 |
+
display: none;
|
| 548 |
+
width: 60%;
|
| 549 |
+
padding: 8px 15px;
|
| 550 |
+
box-sizing: border-box;
|
| 551 |
+
font-size: 13px;
|
| 552 |
+
border-radius: 3px;
|
| 553 |
+
}
|
| 554 |
+
|
| 555 |
+
/* Add Facebook dashicon to CFF admin menu */
|
| 556 |
+
#toplevel_page_ctf-top .toplevel_page_ctf-top .wp-menu-image:before{
|
| 557 |
+
content: "\f305";
|
| 558 |
+
}
|
| 559 |
+
|
| 560 |
+
/* License page */
|
| 561 |
+
.ctf-license-expired{
|
| 562 |
+
clear: both;
|
| 563 |
+
width: 96%;
|
| 564 |
+
margin: 10px 0 20px 0;
|
| 565 |
+
background: #F7E6E6;
|
| 566 |
+
padding: 15px 1.5%;
|
| 567 |
+
border: 1px solid #BA7B7B;
|
| 568 |
+
color: #592626;
|
| 569 |
+
border-left: 4px solid #dc3232;
|
| 570 |
+
|
| 571 |
+
-moz-border-radius: 3px;
|
| 572 |
+
-webkit-border-radius: 3px;
|
| 573 |
+
border-radius: 3px;
|
| 574 |
+
}
|
| 575 |
+
.ctf-license-valid{
|
| 576 |
+
border: 1px solid #5baf2a;
|
| 577 |
+
background: #e2f2d5;
|
| 578 |
+
}
|
| 579 |
+
.ctf-license-expired p{
|
| 580 |
+
padding: 0;
|
| 581 |
+
margin: 0 5px 0 0;
|
| 582 |
+
}
|
| 583 |
+
.ctf-license-expired b{
|
| 584 |
+
display: inline-block;
|
| 585 |
+
padding: 0;
|
| 586 |
+
font-size: 15px;
|
| 587 |
+
}
|
| 588 |
+
#ctf-why-renew{
|
| 589 |
+
clear: both;
|
| 590 |
+
width: 100%;
|
| 591 |
+
}
|
| 592 |
+
#ctf-why-renew h4{
|
| 593 |
+
clear: both;
|
| 594 |
+
margin: 15px 0 0 0;
|
| 595 |
+
font-size: 15px;
|
| 596 |
+
}
|
| 597 |
+
#ctf-why-renew p{
|
| 598 |
+
margin: 0;
|
| 599 |
+
clear: both;
|
| 600 |
+
}
|
| 601 |
+
|
| 602 |
+
.ctf-license-countdown{
|
| 603 |
+
background: #ffedd0;
|
| 604 |
+
border: 1px solid #e6bc88;
|
| 605 |
+
color: #905207;
|
| 606 |
+
}
|
| 607 |
+
#ctf-admin .ctf-short select,
|
| 608 |
+
#ctf-admin .ctf-short input {
|
| 609 |
+
width: 50px;
|
| 610 |
+
}
|
| 611 |
+
#ctf-admin .ctf-medium select {
|
| 612 |
+
width: 250px;
|
| 613 |
+
}
|
| 614 |
+
#ctf-admin .ctf-wide select{
|
| 615 |
+
width: 400px;
|
| 616 |
+
}
|
| 617 |
+
|
| 618 |
+
/* Re-check button on renew notice */
|
| 619 |
+
.ctf-license-expired .button-primary{
|
| 620 |
+
margin: 0 4px 0 5px;
|
| 621 |
+
}
|
| 622 |
+
.ctf-license-expired .button-secondary{
|
| 623 |
+
margin: 0 0 0 3px;
|
| 624 |
+
background: rgba(255,255,255,0.3);
|
| 625 |
+
border: 1px solid rgba(0,0,0,0.15);
|
| 626 |
+
display: inline-block;
|
| 627 |
+
}
|
| 628 |
+
.ctf-license-expired svg{
|
| 629 |
+
width: 16px;
|
| 630 |
+
height: 16px;
|
| 631 |
+
position: relative;
|
| 632 |
+
top: 2px;
|
| 633 |
+
margin: 0 8px 0 0;
|
| 634 |
+
}
|
| 635 |
+
.ctf-license-expired svg path{
|
| 636 |
+
fill: #cc2727;
|
| 637 |
+
}
|
| 638 |
+
@media all and (max-width: 600px){
|
| 639 |
+
.ctf-license-expired b{
|
| 640 |
+
display: inline;
|
| 641 |
+
}
|
| 642 |
+
.ctf-license-expired span{
|
| 643 |
+
display: block;
|
| 644 |
+
}
|
| 645 |
+
.ctf-license-expired .button{
|
| 646 |
+
margin: 10px 5px 0 0;
|
| 647 |
+
}
|
| 648 |
+
}
|
| 649 |
+
|
| 650 |
+
|
| 651 |
+
#ctf-admin #cff_width_options{
|
| 652 |
+
margin-top: 10px;
|
| 653 |
+
display: none;
|
| 654 |
+
}
|
| 655 |
+
#ctf-admin #cff_width_options label{
|
| 656 |
+
font-size: 13px;
|
| 657 |
+
position: relative;
|
| 658 |
+
top: -2px;
|
| 659 |
+
}
|
| 660 |
+
|
| 661 |
+
/* Shortcode tooltips */
|
| 662 |
+
#ctf-admin label{
|
| 663 |
+
position: relative;
|
| 664 |
+
}
|
| 665 |
+
#ctf-admin .ctf-load-more-setting label{
|
| 666 |
+
top: -2px;
|
| 667 |
+
}
|
| 668 |
+
#ctf-admin th{
|
| 669 |
+
position: relative;
|
| 670 |
+
}
|
| 671 |
+
#ctf-admin .cff_shortcode{
|
| 672 |
+
display: none;
|
| 673 |
+
position: absolute;
|
| 674 |
+
z-index: 10;
|
| 675 |
+
font-size: 11px;
|
| 676 |
+
float: left;
|
| 677 |
+
width: auto;
|
| 678 |
+
white-space: pre-line;
|
| 679 |
+
line-height: 1.4;
|
| 680 |
+
background: #e0e0e0;
|
| 681 |
+
}
|
| 682 |
+
#ctf-admin .cff_shortcode_symbol{
|
| 683 |
+
position: absolute;
|
| 684 |
+
right: -24px;
|
| 685 |
+
bottom: 0px;
|
| 686 |
+
padding: 2px 4px 3px 3px;
|
| 687 |
+
width: auto;
|
| 688 |
+
font-size: 11px;
|
| 689 |
+
margin-left: 5px;
|
| 690 |
+
}
|
| 691 |
+
#ctf-admin .ctf-load-more-setting .cff_shortcode_symbol{
|
| 692 |
+
font-size: 10px;
|
| 693 |
+
padding: 1px 3px 2px 2px;
|
| 694 |
+
}
|
| 695 |
+
|
| 696 |
+
/* Cols */
|
| 697 |
+
#ctf-admin .ctf-row{
|
| 698 |
+
width: 100%;
|
| 699 |
+
float: left;
|
| 700 |
+
clear: both;
|
| 701 |
+
padding: 3px 0;
|
| 702 |
+
}
|
| 703 |
+
#ctf-admin .ctf-col{
|
| 704 |
+
float: left;
|
| 705 |
+
}
|
| 706 |
+
#ctf-admin .ctf-col.ctf-one{
|
| 707 |
+
width: 110px;
|
| 708 |
+
}
|
| 709 |
+
#ctf-admin .ctf-col.ctf-two{
|
| 710 |
+
width: 600px;
|
| 711 |
+
}
|
| 712 |
+
#ctf-admin .ctf-row input[type=radio],
|
| 713 |
+
#ctf-admin .ctf-row label{
|
| 714 |
+
margin: 5px 2px 0 0;
|
| 715 |
+
display: inline-block;
|
| 716 |
+
}
|
| 717 |
+
|
| 718 |
+
/* Quick start */
|
| 719 |
+
#ctf-admin .cff_quickstart{
|
| 720 |
+
display: inline-block;
|
| 721 |
+
margin: 15px 0 0 0;
|
| 722 |
+
padding: 15px 20px;
|
| 723 |
+
|
| 724 |
+
border: 1px solid #ddd;
|
| 725 |
+
background: #eee;
|
| 726 |
+
background: rgba(255,255,255,0.5);
|
| 727 |
+
|
| 728 |
+
-moz-border-radius: 5px;
|
| 729 |
+
-webkit-border-radius: 5px;
|
| 730 |
+
border-radius: 5px;
|
| 731 |
+
}
|
| 732 |
+
#ctf-admin .cff_quickstart h3,
|
| 733 |
+
#ctf-admin .cff_quickstart p{
|
| 734 |
+
margin: 0;
|
| 735 |
+
padding: 5px 0;
|
| 736 |
+
}
|
| 737 |
+
/* Plugin icon */
|
| 738 |
+
#ctf-admin .ctf-footnote.dashicons-admin-plugins:before{
|
| 739 |
+
width: 18px;
|
| 740 |
+
height: 18px;
|
| 741 |
+
font-size: 18px;
|
| 742 |
+
margin-left: -2px;
|
| 743 |
+
}
|
| 744 |
+
|
| 745 |
+
/* Caching settings */
|
| 746 |
+
#ctf-admin #ctf-caching-time-settings{
|
| 747 |
+
display: inline-block;
|
| 748 |
+
}
|
| 749 |
+
#ctf-admin .ctf-caching-cron-options .submit{
|
| 750 |
+
display: inline-block;
|
| 751 |
+
margin: 0;
|
| 752 |
+
padding: 0;
|
| 753 |
+
}
|
| 754 |
+
#ctf-admin .ctf-caching-sched-notice{
|
| 755 |
+
font-size: 11px;
|
| 756 |
+
display: block;
|
| 757 |
+
width: 100%;
|
| 758 |
+
}
|
| 759 |
+
#ctf-admin .ctf-caching-sched-notice span{
|
| 760 |
+
color: green;
|
| 761 |
+
background: #e5eae1;
|
| 762 |
+
padding: 5px 10px;
|
| 763 |
+
border-radius: 5px;
|
| 764 |
+
border: 1px solid #ccd3c6;
|
| 765 |
+
display: inline-block;
|
| 766 |
+
}
|
| 767 |
+
|
| 768 |
+
/* Settings page save changes btn */
|
| 769 |
+
#ctf-admin .ctf-save-settings-btn{
|
| 770 |
+
padding-bottom: 1.5em;
|
| 771 |
+
margin: 30px 0 5px 0;
|
| 772 |
+
display: inline-block;
|
| 773 |
+
background: #eee;
|
| 774 |
+
background: rgba(255,255,255,0.5);
|
| 775 |
+
padding: 10px 15px 10px 10px;
|
| 776 |
+
border-radius: 5px;
|
| 777 |
+
border: 1px solid #ddd;
|
| 778 |
+
}
|
| 779 |
+
#ctf-admin .ctf-save-settings-btn .ctf-more-info{
|
| 780 |
+
background: none;
|
| 781 |
+
}
|
| 782 |
+
#ctf-admin .ctf-save-settings-btn .submit{
|
| 783 |
+
display: inline-block;
|
| 784 |
+
margin: 0;
|
| 785 |
+
padding: 0;
|
| 786 |
+
}
|
| 787 |
+
#ctf-admin .ctf-save-settings-btn #submit:active{
|
| 788 |
+
vertical-align: middle;
|
| 789 |
+
margin-top: -3px;
|
| 790 |
+
}
|
| 791 |
+
#ctf-admin .ctf-save-settings-btn .ctf-tooltip-link{
|
| 792 |
+
display: inline-block;
|
| 793 |
+
margin: 5px 0 0 13px;
|
| 794 |
+
color: #444;
|
| 795 |
+
}
|
| 796 |
+
#ctf-admin .ctf-save-settings-btn .ctf-tooltip-link:hover,
|
| 797 |
+
#ctf-admin .ctf-save-settings-btn .ctf-tooltip-link:focus{
|
| 798 |
+
color: #111;
|
| 799 |
+
}
|
| 800 |
+
|
| 801 |
+
|
| 802 |
+
/* Limit manual settings */
|
| 803 |
+
#ctf-admin #cff_limit_manual_settings{
|
| 804 |
+
display: inline-block;
|
| 805 |
+
}
|
| 806 |
+
#ctf-admin #cff_limit_manual_settings input,
|
| 807 |
+
#ctf-admin .ctf-caching-page-options input{
|
| 808 |
+
line-height: 28px;
|
| 809 |
+
height: 28px;
|
| 810 |
+
position: relative;
|
| 811 |
+
top: 1px;
|
| 812 |
+
margin: 0;
|
| 813 |
+
}
|
| 814 |
+
|
| 815 |
+
|
| 816 |
+
/* Quick links */
|
| 817 |
+
#ctf-admin .cff_contents_links{
|
| 818 |
+
float: left;
|
| 819 |
+
clear: both;
|
| 820 |
+
width: 98%;
|
| 821 |
+
margin: 0;
|
| 822 |
+
padding: 10px 1%;
|
| 823 |
+
border-top: none;
|
| 824 |
+
margin-bottom: 30px;
|
| 825 |
+
background: #fff;
|
| 826 |
+
border-left: 1px solid #e9e9e9;
|
| 827 |
+
|
| 828 |
+
box-shadow: 0 0 1px 1px rgba(0,0,0,.1);
|
| 829 |
+
-moz-box-shadow: 0 0 1px 1px rgba(0,0,0,.1);
|
| 830 |
+
-webkit-box-shadow: 0 0 1px 1px rgba(0,0,0,.1);
|
| 831 |
+
}
|
| 832 |
+
#ctf-admin .cff_contents_links a,
|
| 833 |
+
#ctf-admin .cff_contents_links span{
|
| 834 |
+
display: block;
|
| 835 |
+
float: left;
|
| 836 |
+
padding: 2px 5px;
|
| 837 |
+
font-size: 12px;
|
| 838 |
+
}
|
| 839 |
+
#ctf-admin .cff_contents_links span{
|
| 840 |
+
padding-left: 0;
|
| 841 |
+
}
|
| 842 |
+
|
| 843 |
+
/* Subtabs for Customize page */
|
| 844 |
+
#ctf-admin .ctf-subtabs{
|
| 845 |
+
padding: 0;
|
| 846 |
+
margin-left: 1px;
|
| 847 |
+
border-bottom: 0;
|
| 848 |
+
}
|
| 849 |
+
#ctf-admin .ctf-subtabs a{
|
| 850 |
+
background: none;
|
| 851 |
+
margin: 0;
|
| 852 |
+
padding: 10px 12px;
|
| 853 |
+
border: none;
|
| 854 |
+
font-size: 13px;
|
| 855 |
+
line-height: 20px;
|
| 856 |
+
}
|
| 857 |
+
#ctf-admin .ctf-subtabs .nav-tab-active{
|
| 858 |
+
position: relative;
|
| 859 |
+
background: #fff;
|
| 860 |
+
|
| 861 |
+
box-shadow: 0 0 2px 0 rgba(0,0,0,.2);
|
| 862 |
+
-moz-box-shadow: 0 0 2px 0 rgba(0,0,0,.2);
|
| 863 |
+
-webkit-box-shadow: 0 0 2px 0 rgba(0,0,0,.2);
|
| 864 |
+
}
|
| 865 |
+
#ctf-admin .ctf-subtabs .nav-tab-active:after{
|
| 866 |
+
position: absolute;
|
| 867 |
+
width: 100%;
|
| 868 |
+
left: 0;
|
| 869 |
+
bottom: -5px;
|
| 870 |
+
height: 6px;
|
| 871 |
+
content: "";
|
| 872 |
+
background: #fff;
|
| 873 |
+
}
|
| 874 |
+
#ctf-admin .ctf-expand-button,
|
| 875 |
+
#ctf-admin .ctf-expand-button p{
|
| 876 |
+
margin-top: 0;
|
| 877 |
+
padding-top: 0;
|
| 878 |
+
}
|
| 879 |
+
#ctf-admin .ctf-expand-button a{
|
| 880 |
+
display: block;
|
| 881 |
+
width: 450px;
|
| 882 |
+
text-align: center;
|
| 883 |
+
}
|
| 884 |
+
#ctf-admin .ctf-media-position{
|
| 885 |
+
display: none;
|
| 886 |
+
}
|
| 887 |
+
#ctf-admin .ctf-text-size-setting{
|
| 888 |
+
width: 170px;
|
| 889 |
+
}
|
| 890 |
+
#ctf-admin .ctf-pixel-label{
|
| 891 |
+
display: inline-block;
|
| 892 |
+
position: relative;
|
| 893 |
+
top: -1px;
|
| 894 |
+
bottom: 2px;
|
| 895 |
+
left: -2px;
|
| 896 |
+
background: #f9f9f9;
|
| 897 |
+
color: #555;
|
| 898 |
+
padding: 5px;
|
| 899 |
+
font-size: 12px;
|
| 900 |
+
border: 1px solid #d6d6d6;
|
| 901 |
+
height: 15px;
|
| 902 |
+
line-height: 15px;
|
| 903 |
+
border-radius: 0 4px 4px 0;
|
| 904 |
+
}
|
| 905 |
+
|
| 906 |
+
/* Show/Hide checkbox labels */
|
| 907 |
+
#ctf-admin .cff_show_hide_settings input{
|
| 908 |
+
vertical-align: top;
|
| 909 |
+
margin-top: 2px;
|
| 910 |
+
}
|
| 911 |
+
#ctf-admin .cff_show_hide_settings label{
|
| 912 |
+
display: inline-block;
|
| 913 |
+
}
|
| 914 |
+
#ctf-admin .cff_show_hide_settings .ctf-show-hide-desc{
|
| 915 |
+
font-size: 13px;
|
| 916 |
+
padding: 0 10px 10px 0;
|
| 917 |
+
margin: 0;
|
| 918 |
+
font-style: italic;
|
| 919 |
+
color: #666;
|
| 920 |
+
}
|
| 921 |
+
|
| 922 |
+
/* Support page */
|
| 923 |
+
#ctf-admin .cff_support{
|
| 924 |
+
overflow: hidden;
|
| 925 |
+
margin-bottom: 20px;
|
| 926 |
+
width: 70%;
|
| 927 |
+
}
|
| 928 |
+
#ctf-admin .cff_support p{
|
| 929 |
+
width: 100%;
|
| 930 |
+
float: left;
|
| 931 |
+
clear: both;
|
| 932 |
+
margin: 0 0 20px 0;
|
| 933 |
+
}
|
| 934 |
+
#ctf-admin .ctf-support-title{
|
| 935 |
+
font-weight: bold;
|
| 936 |
+
font-size: 16px;
|
| 937 |
+
display: block;
|
| 938 |
+
padding-bottom: 5px;
|
| 939 |
+
}
|
| 940 |
+
#ctf-admin .ctf-support-faqs{
|
| 941 |
+
float: left;
|
| 942 |
+
clear: both;
|
| 943 |
+
width: 100%;
|
| 944 |
+
padding-left: 5%;
|
| 945 |
+
margin: -10px 0 10px 0;
|
| 946 |
+
}
|
| 947 |
+
#ctf-admin .ctf-support-faqs ul{
|
| 948 |
+
float: left;
|
| 949 |
+
width: 250px;
|
| 950 |
+
margin-right: 0;
|
| 951 |
+
}
|
| 952 |
+
#ctf-admin .ctf-support-faqs .ctf-faq-col-1{
|
| 953 |
+
width: 200px;
|
| 954 |
+
}
|
| 955 |
+
#ctf-admin .ctf-support-faqs ul li{
|
| 956 |
+
font-size: 13px;
|
| 957 |
+
margin-bottom: 4px;
|
| 958 |
+
}
|
| 959 |
+
#ctf-admin .ctf-support-faqs .fa-chevron-right{
|
| 960 |
+
font-size: 8px;
|
| 961 |
+
margin-left: 4px;
|
| 962 |
+
}
|
| 963 |
+
#ctf-admin #ctf-support-video{
|
| 964 |
+
margin-top: 10px;
|
| 965 |
+
border: 1px solid #ddd;
|
| 966 |
+
display: none;
|
| 967 |
+
}
|
| 968 |
+
#ctf-admin .ctf-renew-token{
|
| 969 |
+
margin-bottom: 0;
|
| 970 |
+
}
|
| 971 |
+
#ctf-admin .ctf-renew-token label{
|
| 972 |
+
display: inline-block;
|
| 973 |
+
width: 120px;
|
| 974 |
+
}
|
| 975 |
+
#ctf-admin .ctf-renew-token .ctf-tooltip{
|
| 976 |
+
width: auto;
|
| 977 |
+
margin-left: 120px;
|
| 978 |
+
}
|
| 979 |
+
|
| 980 |
+
/* Welcome page */
|
| 981 |
+
.ctf-welcome h1{
|
| 982 |
+
margin: 0.2em 20px 0 0;
|
| 983 |
+
}
|
| 984 |
+
.ctf-welcome .ctf-welcome-image{
|
| 985 |
+
float: left;
|
| 986 |
+
display: block;
|
| 987 |
+
background: #fff;
|
| 988 |
+
border-radius: 5px;
|
| 989 |
+
margin: 5px 30px 20px 10px;
|
| 990 |
+
|
| 991 |
+
box-shadow: 0 0 2px 1px rgba(0,0,0,.05);
|
| 992 |
+
-moz-box-shadow: 0 0 2px 1px rgba(0,0,0,.05);
|
| 993 |
+
-webkit-box-shadow: 0 0 2px 1px rgba(0,0,0,.05);
|
| 994 |
+
|
| 995 |
+
-webkit-transition: none;
|
| 996 |
+
-moz-transition: none;
|
| 997 |
+
-ms-transition: none;
|
| 998 |
+
-o-transition: none;
|
| 999 |
+
transition: none;
|
| 1000 |
+
}
|
| 1001 |
+
.ctf-welcome .ctf-welcome-image img{
|
| 1002 |
+
width: auto;
|
| 1003 |
+
padding: 5px;
|
| 1004 |
+
}
|
| 1005 |
+
.ctf-welcome .ctf-welcome-image:hover{
|
| 1006 |
+
margin: 0 25px 15px 5px;
|
| 1007 |
+
|
| 1008 |
+
box-shadow: 0 0 5px 3px rgba(0,0,0,.03);
|
| 1009 |
+
-moz-box-shadow: 0 0 5px 3px rgba(0,0,0,.03);
|
| 1010 |
+
-webkit-box-shadow: 0 0 5px 3px rgba(0,0,0,.03);
|
| 1011 |
+
|
| 1012 |
+
-webkit-transition: none;
|
| 1013 |
+
-moz-transition: none;
|
| 1014 |
+
-ms-transition: none;
|
| 1015 |
+
-o-transition: none;
|
| 1016 |
+
transition: none;
|
| 1017 |
+
}
|
| 1018 |
+
.ctf-welcome .ctf-welcome-image:hover img{
|
| 1019 |
+
padding: 10px;
|
| 1020 |
+
}
|
| 1021 |
+
.ctf-welcome .about-text{
|
| 1022 |
+
margin: 1em 20px 1em 0;
|
| 1023 |
+
}
|
| 1024 |
+
.ctf-welcome .about-description{
|
| 1025 |
+
padding-bottom: 20px;
|
| 1026 |
+
}
|
| 1027 |
+
.ctf-welcome .changelog{
|
| 1028 |
+
border-bottom: 1px solid #ccc;
|
| 1029 |
+
}
|
| 1030 |
+
.ctf-welcome .about-wrap .feature-section {
|
| 1031 |
+
padding: 0 0 20px;
|
| 1032 |
+
}
|
| 1033 |
+
.ctf-welcome .changelog h3{
|
| 1034 |
+
font-size: 16px;
|
| 1035 |
+
font-weight: bold;
|
| 1036 |
+
}
|
| 1037 |
+
.ctf-welcome .ctf-feature-section-content{
|
| 1038 |
+
float: left;
|
| 1039 |
+
padding-right: 3%;
|
| 1040 |
+
width: 46%;
|
| 1041 |
+
box-sizing: border-box;
|
| 1042 |
+
}
|
| 1043 |
+
.ctf-welcome .ctf-feature-section-content h4{
|
| 1044 |
+
margin-bottom: 0;
|
| 1045 |
+
}
|
| 1046 |
+
.ctf-welcome .ctf-feature-section-content-two{
|
| 1047 |
+
padding-left: 6%;
|
| 1048 |
+
width: 50%;
|
| 1049 |
+
margin-top: -15px;
|
| 1050 |
+
}
|
| 1051 |
+
.ctf-welcome .ctf-feature-section-media{
|
| 1052 |
+
float: right;
|
| 1053 |
+
text-align: right;
|
| 1054 |
+
margin-bottom: 40px;
|
| 1055 |
+
width: 51%;
|
| 1056 |
+
max-width: 520px;
|
| 1057 |
+
|
| 1058 |
+
-webkit-box-sizing: border-box;
|
| 1059 |
+
-moz-box-sizing: border-box;
|
| 1060 |
+
box-sizing: border-box;
|
| 1061 |
+
}
|
| 1062 |
+
.ctf-welcome .ctf-feature-section-media img{
|
| 1063 |
+
margin: 1px 1px 0 0;
|
| 1064 |
+
border: 10px solid #fff;
|
| 1065 |
+
|
| 1066 |
+
-webkit-box-sizing: border-box;
|
| 1067 |
+
-moz-box-sizing: border-box;
|
| 1068 |
+
box-sizing: border-box;
|
| 1069 |
+
|
| 1070 |
+
box-shadow: 0 0 0 1px rgba(0,0,0,.05);
|
| 1071 |
+
-moz-box-shadow: 0 0 0 1px rgba(0,0,0,.05);
|
| 1072 |
+
-webkit-box-shadow: 0 0 0 1px rgba(0,0,0,.05);
|
| 1073 |
+
}
|
| 1074 |
+
.ctf-welcome .ctf-feature-section-content li{
|
| 1075 |
+
list-style: disc;
|
| 1076 |
+
list-style-position: inside;
|
| 1077 |
+
}
|
| 1078 |
+
.ctf-welcome .ctf-footnote{
|
| 1079 |
+
font-size: 12px;
|
| 1080 |
+
line-height: 20px;
|
| 1081 |
+
}
|
| 1082 |
+
.ctf-welcome .ctf-footnote .fa{
|
| 1083 |
+
color: #f78c7e;
|
| 1084 |
+
margin-right: 5px;
|
| 1085 |
+
}
|
| 1086 |
+
.ctf-big-text{
|
| 1087 |
+
display: inline-block;
|
| 1088 |
+
position: relative;
|
| 1089 |
+
top: 2px;
|
| 1090 |
+
font-size: 20px;
|
| 1091 |
+
margin-right: 20px;
|
| 1092 |
+
padding: 6px 10px;
|
| 1093 |
+
text-align: center;
|
| 1094 |
+
background: #333;
|
| 1095 |
+
color: #fff;
|
| 1096 |
+
border-radius: 5px;
|
| 1097 |
+
font-family: sans-serif;
|
| 1098 |
+
}
|
| 1099 |
+
.ctf-welcome .ctf-feature-section-content li {
|
| 1100 |
+
list-style: disc;
|
| 1101 |
+
list-style-position: outside;
|
| 1102 |
+
font-size: 14px;
|
| 1103 |
+
line-height: 1.5;
|
| 1104 |
+
margin-left: 20px;
|
| 1105 |
+
}
|
| 1106 |
+
/* Close */
|
| 1107 |
+
.ctf-welcome .ctf-welcome-close{
|
| 1108 |
+
float: right;
|
| 1109 |
+
font-size: 22px;
|
| 1110 |
+
color: #ccc;
|
| 1111 |
+
margin: 0;
|
| 1112 |
+
}
|
| 1113 |
+
.ctf-welcome .ctf-welcome-close:focus,
|
| 1114 |
+
.ctf-welcome .ctf-welcome-close:hover{
|
| 1115 |
+
color: #333;
|
| 1116 |
+
}
|
| 1117 |
+
.ctf-page-loading{
|
| 1118 |
+
width: 100%;
|
| 1119 |
+
text-align: center;
|
| 1120 |
+
padding: 30px 0;
|
| 1121 |
+
}
|
| 1122 |
+
/* Hide last two menu items for welcome pages */
|
| 1123 |
+
#toplevel_page_ctf-top li a[href$="ctf-welcome-new"],
|
| 1124 |
+
#toplevel_page_ctf-top li a[href$="ctf-welcome-started"]{
|
| 1125 |
+
display: none;
|
| 1126 |
+
}
|
| 1127 |
+
.ctf-welcome .changelog::after{
|
| 1128 |
+
display: table;
|
| 1129 |
+
content: "";
|
| 1130 |
+
clear: both;
|
| 1131 |
+
}
|
| 1132 |
+
|
| 1133 |
+
/* Other plugins */
|
| 1134 |
+
#ctf-admin .ctf-other-plugin{
|
| 1135 |
+
display: block;
|
| 1136 |
+
float: left;
|
| 1137 |
+
clear: both;
|
| 1138 |
+
width: 99%;
|
| 1139 |
+
max-width: 600px;
|
| 1140 |
+
padding: 20px 20px 5px 20px;
|
| 1141 |
+
margin: 15px 15px 0 0;
|
| 1142 |
+
background: #f9f9f9;
|
| 1143 |
+
border: 1px solid #ddd;
|
| 1144 |
+
border-radius: 5px;
|
| 1145 |
+
box-shadow: inset 0 0 5px #eee;
|
| 1146 |
+
text-decoration: none;
|
| 1147 |
+
box-sizing: border-box;
|
| 1148 |
+
}
|
| 1149 |
+
#ctf-admin .ctf-other-plugins-header{
|
| 1150 |
+
margin-top: 60px;
|
| 1151 |
+
}
|
| 1152 |
+
#ctf-admin .ctf-other-plugins-header span{
|
| 1153 |
+
display: inline-block;
|
| 1154 |
+
position: relative;
|
| 1155 |
+
width: 18px;
|
| 1156 |
+
height: 21px;
|
| 1157 |
+
top: 3px;
|
| 1158 |
+
margin-right: 8px;
|
| 1159 |
+
background: url('../img/ctf-sprite.png') no-repeat -54px -16px;
|
| 1160 |
+
}
|
| 1161 |
+
#ctf-admin .ctf-other-plugin h3{
|
| 1162 |
+
padding: 0;
|
| 1163 |
+
margin: 0;
|
| 1164 |
+
}
|
| 1165 |
+
|
| 1166 |
+
/* Color picker */
|
| 1167 |
+
#ctf-admin .wp-picker-container,
|
| 1168 |
+
#ctf-admin .wp-picker-container:active {
|
| 1169 |
+
display: inline-block;
|
| 1170 |
+
outline: 0;
|
| 1171 |
+
}
|
| 1172 |
+
|
| 1173 |
+
/* FB login button */
|
| 1174 |
+
#ctf-admin .cff_admin_btn,
|
| 1175 |
+
#ctf-admin .ctf-admin-cancel-btn{
|
| 1176 |
+
display: inline-block;
|
| 1177 |
+
clear: both;
|
| 1178 |
+
padding: 0 21px 0 20px;
|
| 1179 |
+
height: 45px;
|
| 1180 |
+
line-height: 44px;
|
| 1181 |
+
background: #386793;
|
| 1182 |
+
color: #e9eef3;
|
| 1183 |
+
text-decoration: none;
|
| 1184 |
+
font-size: 14px;
|
| 1185 |
+
|
| 1186 |
+
-moz-border-radius: 5px;
|
| 1187 |
+
-webkit-border-radius: 5px;
|
| 1188 |
+
border-radius: 5px;
|
| 1189 |
+
|
| 1190 |
+
-moz-transition: all 0.5s ease-in-out;
|
| 1191 |
+
-webkit-transition: all 0.5s ease-in-out;
|
| 1192 |
+
-o-transition: all 0.5s ease-in-out;
|
| 1193 |
+
transition: all 0.5s ease-in-out;
|
| 1194 |
+
}
|
| 1195 |
+
#ctf-admin .cff_admin_btn:hover,
|
| 1196 |
+
#ctf-admin .ctf-admin-cancel-btn:hover{
|
| 1197 |
+
background-color: #3880c4;
|
| 1198 |
+
color: #fff;
|
| 1199 |
+
|
| 1200 |
+
-moz-transition: all 0.1s ease-in-out;
|
| 1201 |
+
-webkit-transition: all 0.1s ease-in-out;
|
| 1202 |
+
-o-transition: all 0.1s ease-in-out;
|
| 1203 |
+
transition: all 0.1s ease-in-out;
|
| 1204 |
+
}
|
| 1205 |
+
#ctf-admin .cff_admin_btn .fa {
|
| 1206 |
+
margin-right: 5px;
|
| 1207 |
+
font-size: 18px;
|
| 1208 |
+
position: relative;
|
| 1209 |
+
top: 1px;
|
| 1210 |
+
}
|
| 1211 |
+
|
| 1212 |
+
#ctf-admin .ctf-managed-pages{
|
| 1213 |
+
margin: 10px 0 0 0;
|
| 1214 |
+
text-align: left;
|
| 1215 |
+
}
|
| 1216 |
+
#ctf-admin .ctf-managed-page{
|
| 1217 |
+
width: 100%;
|
| 1218 |
+
border: 1px solid transparent;
|
| 1219 |
+
padding: 5px;
|
| 1220 |
+
background: #fff;
|
| 1221 |
+
box-sizing: border-box;
|
| 1222 |
+
}
|
| 1223 |
+
#ctf-admin .ctf-managed-page:hover{
|
| 1224 |
+
background: #ddd;
|
| 1225 |
+
cursor: pointer;
|
| 1226 |
+
}
|
| 1227 |
+
#ctf-admin .ctf-managed-page .ctf-page-avatar{
|
| 1228 |
+
float: left;
|
| 1229 |
+
margin-right: 10px;
|
| 1230 |
+
}
|
| 1231 |
+
#ctf-admin .ctf-managed-page p{
|
| 1232 |
+
padding: 0;
|
| 1233 |
+
margin: 0;
|
| 1234 |
+
height: 50px;
|
| 1235 |
+
line-height: 50px;
|
| 1236 |
+
}
|
| 1237 |
+
#ctf-admin .ctf-managed-page.ctf-page-selected{
|
| 1238 |
+
background: #dceada;
|
| 1239 |
+
}
|
| 1240 |
+
#ctf-admin .ctf-save-page-token{
|
| 1241 |
+
display: none;
|
| 1242 |
+
}
|
| 1243 |
+
#ctf-admin #cff_fb_login_modal{
|
| 1244 |
+
display: none;
|
| 1245 |
+
/*display: block;*/
|
| 1246 |
+
position: fixed;
|
| 1247 |
+
z-index: 999;
|
| 1248 |
+
width: 100%;
|
| 1249 |
+
top: 0;
|
| 1250 |
+
right: 0;
|
| 1251 |
+
bottom: 0;
|
| 1252 |
+
left: 0;
|
| 1253 |
+
background: rgba(0,0,0,0.3);
|
| 1254 |
+
}
|
| 1255 |
+
#ctf-admin .cff_modal_box{
|
| 1256 |
+
position: absolute;
|
| 1257 |
+
top: 140px;
|
| 1258 |
+
left: 50%;
|
| 1259 |
+
width: 480px;
|
| 1260 |
+
margin: 0 0 0 -245px;
|
| 1261 |
+
padding: 25px 35px;
|
| 1262 |
+
background: #fff;
|
| 1263 |
+
text-align: center;
|
| 1264 |
+
|
| 1265 |
+
-webkit-box-shadow: 0 1px 20px rgba(0,0,0,0.2);
|
| 1266 |
+
box-shadow: 0 1px 20px rgba(0,0,0,0.2);
|
| 1267 |
+
|
| 1268 |
+
-moz-border-radius: 3px;
|
| 1269 |
+
-webkit-border-radius: 3px;
|
| 1270 |
+
border-radius: 3px;
|
| 1271 |
+
}
|
| 1272 |
+
#ctf-admin .cff_modal_box .cff_admin_btn{
|
| 1273 |
+
margin-top: 10px;
|
| 1274 |
+
}
|
| 1275 |
+
#ctf-admin .ctf-admin-cancel-btn{
|
| 1276 |
+
margin-right: 5px;
|
| 1277 |
+
background: #ddd;
|
| 1278 |
+
color: #555;
|
| 1279 |
+
}
|
| 1280 |
+
#ctf-admin .ctf-admin-cancel-btn:hover{
|
| 1281 |
+
background: #ccc;
|
| 1282 |
+
color: #333;
|
| 1283 |
+
}
|
| 1284 |
+
#ctf-admin .cff_modal_box p{
|
| 1285 |
+
font-size: 14px;
|
| 1286 |
+
line-height: 1.6;
|
| 1287 |
+
}
|
| 1288 |
+
|
| 1289 |
+
/* Tokens modal */
|
| 1290 |
+
#ctf-admin #cff_fb_login_modal.cff_modal_tokens{
|
| 1291 |
+
display: block;
|
| 1292 |
+
}
|
| 1293 |
+
#ctf-admin .ctf-pages-wrap{
|
| 1294 |
+
max-height: 310px;
|
| 1295 |
+
overflow-y: auto;
|
| 1296 |
+
}
|
| 1297 |
+
#ctf-admin .cff_modal_tokens .cff_modal_box p{
|
| 1298 |
+
text-align: left;
|
| 1299 |
+
}
|
| 1300 |
+
#ctf-admin .cff_modal_tokens .ctf-managed-page .ctf-page-avatar {
|
| 1301 |
+
margin-right: 18px;
|
| 1302 |
+
border-radius: 3px;
|
| 1303 |
+
}
|
| 1304 |
+
#ctf-admin .cff_modal_box .ctf-tokens-note{
|
| 1305 |
+
background: #dceada;
|
| 1306 |
+
border: 1px solid #6ca365;
|
| 1307 |
+
padding: 10px 15px;
|
| 1308 |
+
margin: 0 0 20px 0;
|
| 1309 |
+
border-radius: 5px;
|
| 1310 |
+
line-height: 1.3;
|
| 1311 |
+
}
|
| 1312 |
+
#ctf-admin .cff_modal_box .ctf-page-info-name{
|
| 1313 |
+
display: block;
|
| 1314 |
+
font-size: 15px;
|
| 1315 |
+
line-height: 1;
|
| 1316 |
+
padding: 5px 0 2px 0;
|
| 1317 |
+
}
|
| 1318 |
+
#ctf-admin .cff_modal_box .ctf-page-info{
|
| 1319 |
+
display: block;
|
| 1320 |
+
font-size: 13px;
|
| 1321 |
+
}
|
| 1322 |
+
#ctf-admin #ctf-insert-token,
|
| 1323 |
+
#ctf-admin .ctf-insert-reviews-token,
|
| 1324 |
+
#ctf-admin .ctf-insert-both-tokens,
|
| 1325 |
+
#ctf-admin #ctf-close-modal-primary-button,
|
| 1326 |
+
#ctf-admin #ctf-insert-all-tokens{
|
| 1327 |
+
margin-top: 25px;
|
| 1328 |
+
float: left;
|
| 1329 |
+
clear: both;
|
| 1330 |
+
}
|
| 1331 |
+
#ctf-admin .ctf-insert-reviews-token,
|
| 1332 |
+
#ctf-admin .ctf-insert-both-tokens,
|
| 1333 |
+
#ctf-admin #ctf-insert-all-tokens{
|
| 1334 |
+
clear: none;
|
| 1335 |
+
margin-left: 5px;
|
| 1336 |
+
}
|
| 1337 |
+
#ctf-admin .ctf-insert-reviews-token{
|
| 1338 |
+
color: #fff;
|
| 1339 |
+
border-color: #666;
|
| 1340 |
+
background: #888;
|
| 1341 |
+
box-shadow: 0 1px 0 #555;
|
| 1342 |
+
text-shadow: 0 -1px 0px #555;
|
| 1343 |
+
}
|
| 1344 |
+
#ctf-admin .ctf-insert-reviews-token:hover{
|
| 1345 |
+
background: #999;
|
| 1346 |
+
}
|
| 1347 |
+
#ctf-admin .ctf-insert-reviews-token:active{
|
| 1348 |
+
background: #777;
|
| 1349 |
+
border-color: #555;
|
| 1350 |
+
box-shadow: inset 0 2px 0 #666;
|
| 1351 |
+
vertical-align: top;
|
| 1352 |
+
}
|
| 1353 |
+
#ctf-admin .ctf-connection-note{
|
| 1354 |
+
margin: 30px 0 0 20px;
|
| 1355 |
+
display: inline-block;
|
| 1356 |
+
font-size: 12px;
|
| 1357 |
+
color: #333;
|
| 1358 |
+
text-decoration: none;
|
| 1359 |
+
border-bottom: 1px dotted #999;
|
| 1360 |
+
}
|
| 1361 |
+
#ctf-admin .ctf-connection-note:hover,
|
| 1362 |
+
#ctf-admin .ctf-connection-note:focus{
|
| 1363 |
+
color: #141B38;
|
| 1364 |
+
text-decoration: none;
|
| 1365 |
+
border-bottom: 1px dotted #333;
|
| 1366 |
+
}
|
| 1367 |
+
#ctf-admin .ctf-modal-close{
|
| 1368 |
+
position: absolute;
|
| 1369 |
+
top: 0;
|
| 1370 |
+
right: 0;
|
| 1371 |
+
padding: 10px;
|
| 1372 |
+
font-size: 14px;
|
| 1373 |
+
color: #ccc;
|
| 1374 |
+
margin: 0;
|
| 1375 |
+
}
|
| 1376 |
+
#ctf-admin .ctf-modal-close:hover,
|
| 1377 |
+
#ctf-admin .ctf-modal-close:focus{
|
| 1378 |
+
color: #333;
|
| 1379 |
+
}
|
| 1380 |
+
/* App installation directions */
|
| 1381 |
+
#ctf-group-installation{
|
| 1382 |
+
display: none;
|
| 1383 |
+
width: 100%;
|
| 1384 |
+
clear: both;
|
| 1385 |
+
text-align: left;
|
| 1386 |
+
}
|
| 1387 |
+
#ctf-group-installation li{
|
| 1388 |
+
font-size: 14px;
|
| 1389 |
+
margin: 0 0 10px 0;
|
| 1390 |
+
line-height: 1.5;
|
| 1391 |
+
}
|
| 1392 |
+
#ctf-group-installation li{
|
| 1393 |
+
position: relative;
|
| 1394 |
+
}
|
| 1395 |
+
#ctf-group-app-tooltip{
|
| 1396 |
+
cursor: pointer;
|
| 1397 |
+
}
|
| 1398 |
+
#ctf-group-app-screenshot{
|
| 1399 |
+
display: none;
|
| 1400 |
+
position: absolute;
|
| 1401 |
+
bottom: 42px;
|
| 1402 |
+
left: 0;
|
| 1403 |
+
margin-left: -85px;
|
| 1404 |
+
z-index: 10;
|
| 1405 |
+
border: 1px solid rgba(0,0,0,0.3);
|
| 1406 |
+
box-shadow: 0 0 0 5000px rgba(0,0,0,0.2);
|
| 1407 |
+
border-radius: 5px;
|
| 1408 |
+
}
|
| 1409 |
+
#ctf-group-installation .button-secondary{
|
| 1410 |
+
margin: 25px 0 0 10px;
|
| 1411 |
+
}
|
| 1412 |
+
|
| 1413 |
+
/* Display retrieved pages button */
|
| 1414 |
+
#ctf-admin #cff_fb_show_tokens {
|
| 1415 |
+
background: rgba(0,0,0,0.4);
|
| 1416 |
+
color: #fff;
|
| 1417 |
+
margin-left: 10px;
|
| 1418 |
+
}
|
| 1419 |
+
#ctf-admin #cff_fb_show_tokens:hover{
|
| 1420 |
+
background-color: rgba(0,0,0,0.35);
|
| 1421 |
+
}
|
| 1422 |
+
|
| 1423 |
+
/* Choose token */
|
| 1424 |
+
#ctf-admin #ctf-own, #ctf-admin #ctf-public{
|
| 1425 |
+
display: none;
|
| 1426 |
+
}
|
| 1427 |
+
#ctf-admin .ctf-token-radios{
|
| 1428 |
+
width: 265px;
|
| 1429 |
+
text-align: left;
|
| 1430 |
+
margin-left: 110px;
|
| 1431 |
+
}
|
| 1432 |
+
#ctf-admin .ctf-token-radios input{
|
| 1433 |
+
position: relative;
|
| 1434 |
+
top: 2px;
|
| 1435 |
+
}
|
| 1436 |
+
#ctf-admin .cff_modal_box .ctf-disabled{
|
| 1437 |
+
background: #EEE;
|
| 1438 |
+
color: #aaa;
|
| 1439 |
+
cursor: default;
|
| 1440 |
+
}
|
| 1441 |
+
#ctf-admin .ctf-token-question-own,
|
| 1442 |
+
#ctf-admin .ctf-token-question-public{
|
| 1443 |
+
position: relative;
|
| 1444 |
+
top: 2px;
|
| 1445 |
+
left: 3px;
|
| 1446 |
+
font-size: 15px;
|
| 1447 |
+
opacity: 0.8;
|
| 1448 |
+
margin: 0;
|
| 1449 |
+
}
|
| 1450 |
+
#ctf-admin .ctf-token-question-own:hover,
|
| 1451 |
+
#ctf-admin .ctf-token-question-public:hover{
|
| 1452 |
+
opacity: 1;
|
| 1453 |
+
color: #005e8c;
|
| 1454 |
+
}
|
| 1455 |
+
#ctf-admin #ctf-token-intro .ctf-tooltip{
|
| 1456 |
+
font-size: 13px;
|
| 1457 |
+
background: #f0f0f0;
|
| 1458 |
+
padding: 10px 15px;
|
| 1459 |
+
}
|
| 1460 |
+
#ctf-admin .ctf-test-license-error{
|
| 1461 |
+
margin-top: 10px;
|
| 1462 |
+
max-height: 380px;
|
| 1463 |
+
overflow-y: scroll;
|
| 1464 |
+
width: 99%;
|
| 1465 |
+
border: 1px solid #ddd;
|
| 1466 |
+
background: rgba(255,255,255,0.3);
|
| 1467 |
+
padding: 2px;
|
| 1468 |
+
}
|
| 1469 |
+
|
| 1470 |
+
/*Hide modal when saving settings */
|
| 1471 |
+
#ctf-admin #cff_fb_login_modal.cffnomodal{
|
| 1472 |
+
display: none;
|
| 1473 |
+
}
|
| 1474 |
+
|
| 1475 |
+
/* Clear avatar cache */
|
| 1476 |
+
#ctf-admin .ctf-success-check {
|
| 1477 |
+
color: #75cd32;
|
| 1478 |
+
font-size: 16px;
|
| 1479 |
+
position: relative;
|
| 1480 |
+
top: 6px;
|
| 1481 |
+
left: 7px;
|
| 1482 |
+
}
|
| 1483 |
+
|
| 1484 |
+
#ctf-admin .ctf-settings-row-header th{
|
| 1485 |
+
font-size: 16px;
|
| 1486 |
+
}
|
| 1487 |
+
|
| 1488 |
+
/* Admin footer share icons */
|
| 1489 |
+
#ctf-admin #ctf-admin-share-links{
|
| 1490 |
+
opacity: 0;
|
| 1491 |
+
display: inline-block;
|
| 1492 |
+
padding: 5px;
|
| 1493 |
+
border: 1px solid #ccc;
|
| 1494 |
+
background: rgba(255,255,255,0.5);
|
| 1495 |
+
border-radius: 3px;
|
| 1496 |
+
transition: opacity 0.5s;
|
| 1497 |
+
}
|
| 1498 |
+
#ctf-admin #ctf-admin-share-links.ctf-show{
|
| 1499 |
+
transition: opacity 0.5s;
|
| 1500 |
+
opacity: 1;
|
| 1501 |
+
}
|
| 1502 |
+
#ctf-admin #twitter-widget-0 {
|
| 1503 |
+
width: 65px !important;
|
| 1504 |
+
}
|
| 1505 |
+
|
| 1506 |
+
#ctf-admin .ctf-hide{
|
| 1507 |
+
display: none;
|
| 1508 |
+
}
|
| 1509 |
+
|
| 1510 |
+
/* Column settings */
|
| 1511 |
+
#ctf-admin .ctf-mobile-col-settings {
|
| 1512 |
+
display: none;
|
| 1513 |
+
}
|
| 1514 |
+
#ctf-admin .ctf-mobile-col-settings .ctf-row{
|
| 1515 |
+
width: auto;
|
| 1516 |
+
padding: 10px 15px;
|
| 1517 |
+
margin: 10px 0;
|
| 1518 |
+
font-size: 13px;
|
| 1519 |
+
background: #f9f9f9;
|
| 1520 |
+
background: rgba(255,255,255,0.8);
|
| 1521 |
+
|
| 1522 |
+
-moz-border-radius: 8px;
|
| 1523 |
+
-webkit-border-radius: 8px;
|
| 1524 |
+
border-radius: 8px;
|
| 1525 |
+
}
|
| 1526 |
+
|
| 1527 |
+
#ctf-admin .ctf-mobile-col-settings label{
|
| 1528 |
+
font-weight: 600;
|
| 1529 |
+
margin: 0 5px 0 0;
|
| 1530 |
+
}
|
| 1531 |
+
|
| 1532 |
+
#ctf-admin .ctf-login-options{
|
| 1533 |
+
width: 100%;
|
| 1534 |
+
padding: 20px 0 0 0;
|
| 1535 |
+
margin: 20px 0;
|
| 1536 |
+
box-sizing: border-box;
|
| 1537 |
+
/*border-radius: 5px;*/
|
| 1538 |
+
/*background: #f9f9f9;*/
|
| 1539 |
+
border-top: 1px solid #eee;
|
| 1540 |
+
/*border-bottom: 1px solid #ddd;*/
|
| 1541 |
+
}
|
| 1542 |
+
#ctf-admin .ctf-login-options label{
|
| 1543 |
+
display: block;
|
| 1544 |
+
margin-bottom: 5px;
|
| 1545 |
+
font-weight: bold;
|
| 1546 |
+
}
|
| 1547 |
+
#ctf-admin #cff_group_app{
|
| 1548 |
+
display: none;
|
| 1549 |
+
}
|
| 1550 |
+
|
| 1551 |
+
/* Disable welcome */
|
| 1552 |
+
.ctf-redirect-disable {
|
| 1553 |
+
float: right;
|
| 1554 |
+
}
|
| 1555 |
+
|
| 1556 |
+
/* Highlight admin groups in list */
|
| 1557 |
+
#ctf-admin .ctf-group-admin{
|
| 1558 |
+
position: relative;
|
| 1559 |
+
background: #eee;
|
| 1560 |
+
}
|
| 1561 |
+
#ctf-admin .ctf-group-admin-icon{
|
| 1562 |
+
position: absolute;
|
| 1563 |
+
top: 5px;
|
| 1564 |
+
right: 5px;
|
| 1565 |
+
padding: 5px 8px;
|
| 1566 |
+
background: rgba(255,255,255,0.5);
|
| 1567 |
+
border-radius: 5px;
|
| 1568 |
+
text-transform: uppercase;
|
| 1569 |
+
font-size: 11px;
|
| 1570 |
+
}
|
| 1571 |
+
#ctf-admin .ctf-group-admin-icon .fa{
|
| 1572 |
+
margin-right: 2px;
|
| 1573 |
+
font-size: 12px;
|
| 1574 |
+
}
|
| 1575 |
+
#ctf-admin .ctf-group-admin .ctf-page-info-name {
|
| 1576 |
+
max-width: 85%;
|
| 1577 |
+
}
|
| 1578 |
+
#cff_token_expiration_note{
|
| 1579 |
+
display: none;
|
| 1580 |
+
width: 250px;
|
| 1581 |
+
padding: 5px 10px;
|
| 1582 |
+
float: right;
|
| 1583 |
+
font-size: 12px;
|
| 1584 |
+
margin-top: 11px;
|
| 1585 |
+
line-height: 1.3;
|
| 1586 |
+
border-radius: 5px;
|
| 1587 |
+
}
|
| 1588 |
+
#ctf-group-member-directions{
|
| 1589 |
+
display: none;
|
| 1590 |
+
}
|
| 1591 |
+
|
| 1592 |
+
|
| 1593 |
+
|
| 1594 |
+
/* Connected Accounts */
|
| 1595 |
+
#ctf-admin #cff_accounts_section{
|
| 1596 |
+
width: 100%;
|
| 1597 |
+
overflow: hidden;
|
| 1598 |
+
}
|
| 1599 |
+
#ctf-admin #cff_connected_accounts_wrap{
|
| 1600 |
+
clear: both;
|
| 1601 |
+
max-height: 600px;
|
| 1602 |
+
overflow-y: auto;
|
| 1603 |
+
}
|
| 1604 |
+
#ctf-admin #cff_accounts_section h3{
|
| 1605 |
+
float: left;
|
| 1606 |
+
clear: both;
|
| 1607 |
+
font-size: 14px;
|
| 1608 |
+
padding: 0;
|
| 1609 |
+
margin: 10px 0 5px 0;
|
| 1610 |
+
}
|
| 1611 |
+
#ctf-admin .cff_connected_account {
|
| 1612 |
+
position: relative;
|
| 1613 |
+
box-sizing: border-box;
|
| 1614 |
+
padding: 7px 35px 7px 7px;
|
| 1615 |
+
border-radius: 5px;
|
| 1616 |
+
background: #fff;
|
| 1617 |
+
margin-bottom: 5px;
|
| 1618 |
+
overflow: hidden;
|
| 1619 |
+
clear: both;
|
| 1620 |
+
border: 1px solid #ddd;
|
| 1621 |
+
}
|
| 1622 |
+
#ctf-admin .cff_ca_username {
|
| 1623 |
+
line-height: 1.4;
|
| 1624 |
+
margin-left: 15px;
|
| 1625 |
+
float: left;
|
| 1626 |
+
font-size: 18px;
|
| 1627 |
+
}
|
| 1628 |
+
#ctf-admin .cff_connected_account .cff_ca_avatar{
|
| 1629 |
+
margin-right: 15px;
|
| 1630 |
+
}
|
| 1631 |
+
#ctf-admin .cff_connected_account .cff_ca_username {
|
| 1632 |
+
margin-left: 0;
|
| 1633 |
+
margin-right: 25px;
|
| 1634 |
+
}
|
| 1635 |
+
#ctf-admin .cff_connected_account .cff_ca_username strong{
|
| 1636 |
+
float: left;
|
| 1637 |
+
}
|
| 1638 |
+
#ctf-admin .cff_connected_account .cff_ca_username .cff_ca_pagetype{
|
| 1639 |
+
font-size: 10px;
|
| 1640 |
+
font-weight: normal;
|
| 1641 |
+
text-transform: uppercase;
|
| 1642 |
+
padding: 0;
|
| 1643 |
+
margin: 0;
|
| 1644 |
+
display: block;
|
| 1645 |
+
}
|
| 1646 |
+
|
| 1647 |
+
#ctf-admin .cff_ca_actions {
|
| 1648 |
+
display: inline-block;
|
| 1649 |
+
}
|
| 1650 |
+
#ctf-admin .cff_ca_actions .fa{
|
| 1651 |
+
margin-right: 5px;
|
| 1652 |
+
}
|
| 1653 |
+
#ctf-admin .cff_ca_actions a.button-primary,
|
| 1654 |
+
#ctf-admin .cff_ca_actions a.button-secondary,
|
| 1655 |
+
#ctf-admin .cff_ca_accesstoken a.cff_ca_token_shortcode {
|
| 1656 |
+
font-size: 12px;
|
| 1657 |
+
padding: 6px;
|
| 1658 |
+
height: auto;
|
| 1659 |
+
line-height: 1;
|
| 1660 |
+
margin: 7px 5px 0 0;
|
| 1661 |
+
vertical-align: top;
|
| 1662 |
+
}
|
| 1663 |
+
#ctf-admin .cff_ca_at_is_valid {
|
| 1664 |
+
margin-top: 10px;
|
| 1665 |
+
display: none;
|
| 1666 |
+
}
|
| 1667 |
+
#ctf-admin #cff_primary_account_label{
|
| 1668 |
+
padding: 0 0 0 1px;
|
| 1669 |
+
margin: 0;
|
| 1670 |
+
font-size: 12px;
|
| 1671 |
+
}
|
| 1672 |
+
#ctf-admin #cff_primary_account_label span{
|
| 1673 |
+
padding: 0;
|
| 1674 |
+
margin: 0;
|
| 1675 |
+
display: inline-block;
|
| 1676 |
+
position: relative;
|
| 1677 |
+
top: -4px;
|
| 1678 |
+
}
|
| 1679 |
+
#ctf-admin #cff_primary_account_label img{
|
| 1680 |
+
width: 18px;
|
| 1681 |
+
height: 18px;
|
| 1682 |
+
border-radius: 3px;
|
| 1683 |
+
padding: 0;
|
| 1684 |
+
margin: 0 5px 0 0;
|
| 1685 |
+
}
|
| 1686 |
+
|
| 1687 |
+
@-webkit-keyframes cff_flash {
|
| 1688 |
+
0% {
|
| 1689 |
+
background-color: #cae2a5;
|
| 1690 |
+
opacity:1;
|
| 1691 |
+
border: 1px solid #b2ce88;
|
| 1692 |
+
}
|
| 1693 |
+
100% {
|
| 1694 |
+
background-color: #fff;
|
| 1695 |
+
}
|
| 1696 |
+
}
|
| 1697 |
+
#ctf-admin .cff_account_updated{
|
| 1698 |
+
border: 1px solid #ddd;
|
| 1699 |
+
background: #fff;
|
| 1700 |
+
|
| 1701 |
+
-webkit-animation-name: cff_flash;
|
| 1702 |
+
-webkit-animation-duration: 700ms;
|
| 1703 |
+
-webkit-animation-iteration-count: 1;
|
| 1704 |
+
-webkit-animation-timing-function: linear;
|
| 1705 |
+
-moz-animation-name: cff_flash;
|
| 1706 |
+
-moz-animation-duration: 700ms;
|
| 1707 |
+
-moz-animation-iteration-count: 1;
|
| 1708 |
+
-moz-animation-timing-function: linear;
|
| 1709 |
+
}
|
| 1710 |
+
|
| 1711 |
+
#ctf-admin .cff_account_active{
|
| 1712 |
+
border: 1px solid #b2ce88;
|
| 1713 |
+
background: #ecf2e3;
|
| 1714 |
+
}
|
| 1715 |
+
|
| 1716 |
+
#ctf-admin .cff_ca_alert {
|
| 1717 |
+
display: none;
|
| 1718 |
+
}
|
| 1719 |
+
#ctf-admin .cff_account_invalid .cff_ca_alert {
|
| 1720 |
+
display: block;
|
| 1721 |
+
}
|
| 1722 |
+
#ctf-admin .cff_ca_avatar{
|
| 1723 |
+
float: left;
|
| 1724 |
+
width: 40px;
|
| 1725 |
+
height: 40px;
|
| 1726 |
+
border-radius: 5px;
|
| 1727 |
+
}
|
| 1728 |
+
#ctf-admin .cff_ca_accesstoken{
|
| 1729 |
+
display: none;
|
| 1730 |
+
width: 100%;
|
| 1731 |
+
float: left;
|
| 1732 |
+
clear: both;
|
| 1733 |
+
margin-top: 10px;
|
| 1734 |
+
}
|
| 1735 |
+
#ctf-admin .cff_ca_token_label{
|
| 1736 |
+
display: inline-block;
|
| 1737 |
+
position: relative;
|
| 1738 |
+
background: #f9f9f9;
|
| 1739 |
+
color: #555;
|
| 1740 |
+
padding: 3px 5px;
|
| 1741 |
+
font-size: 12px;
|
| 1742 |
+
border: 1px solid #d6d6d6;
|
| 1743 |
+
height: 16px;
|
| 1744 |
+
line-height: 15px;
|
| 1745 |
+
border-radius: 4px 0 0 4px;
|
| 1746 |
+
}
|
| 1747 |
+
#ctf-admin .cff_ca_token{
|
| 1748 |
+
position: relative;
|
| 1749 |
+
top: 1px;
|
| 1750 |
+
padding: 3px 10px;
|
| 1751 |
+
border: 1px solid #d6d6d6;
|
| 1752 |
+
border-left: none;
|
| 1753 |
+
font-size: 12px;
|
| 1754 |
+
border-radius: 0 4px 4px 0;
|
| 1755 |
+
background: rgba(255,255,255,0.8);
|
| 1756 |
+
width: 80%;
|
| 1757 |
+
display: inline-block;
|
| 1758 |
+
margin-left: 0;
|
| 1759 |
+
min-height: 10px;
|
| 1760 |
+
line-height: 1.4;
|
| 1761 |
+
}
|
| 1762 |
+
#ctf-admin a.cff_ca_token_shortcode,
|
| 1763 |
+
#ctf-admin .cff_make_primary,
|
| 1764 |
+
#ctf-admin .cff_ca_show_token a,
|
| 1765 |
+
#ctf-admin .cff_make_reviews {
|
| 1766 |
+
padding: 4px 8px;
|
| 1767 |
+
display: inline-block;
|
| 1768 |
+
color: #555;
|
| 1769 |
+
border-radius: 3px;
|
| 1770 |
+
margin: 7px 0 0 0;
|
| 1771 |
+
font-size: 12px;
|
| 1772 |
+
text-decoration: none;
|
| 1773 |
+
|
| 1774 |
+
background: #fff;
|
| 1775 |
+
background: rgba(255,255,255,0.9);
|
| 1776 |
+
border: 1px solid #ccc;
|
| 1777 |
+
}
|
| 1778 |
+
#ctf-admin .cff_make_primary,
|
| 1779 |
+
#ctf-admin .cff_make_reviews{
|
| 1780 |
+
margin-right: 5px;
|
| 1781 |
+
background: #fff;
|
| 1782 |
+
background: rgba(255,255,255,0.9);
|
| 1783 |
+
border: 1px solid #ccc;
|
| 1784 |
+
}
|
| 1785 |
+
#ctf-admin a.cff_ca_token_shortcode:hover,
|
| 1786 |
+
#ctf-admin .cff_make_primary:hover,
|
| 1787 |
+
#ctf-admin .cff_ca_show_token a:hover,
|
| 1788 |
+
#ctf-admin .cff_make_reviews:hover{
|
| 1789 |
+
border: 1px solid #aaa;
|
| 1790 |
+
background: rgba(0,0,0,0.03);
|
| 1791 |
+
}
|
| 1792 |
+
#ctf-admin a.cff_ca_token_shortcode:active,
|
| 1793 |
+
#ctf-admin .cff_make_primary:active,
|
| 1794 |
+
#ctf-admin .cff_ca_show_token a:active,
|
| 1795 |
+
#ctf-admin .cff_make_reviews:active{
|
| 1796 |
+
background: rgba(255,255,255,0.9);
|
| 1797 |
+
border: 1px solid #ccc;
|
| 1798 |
+
}
|
| 1799 |
+
|
| 1800 |
+
|
| 1801 |
+
#ctf-admin .cff_delete_account{
|
| 1802 |
+
position: absolute;
|
| 1803 |
+
right: 10px;
|
| 1804 |
+
top: 10px;
|
| 1805 |
+
|
| 1806 |
+
padding: 5px 10px;
|
| 1807 |
+
background: rgba(0,0,0,0.05);
|
| 1808 |
+
color: #666;
|
| 1809 |
+
border-radius: 50px;
|
| 1810 |
+
text-decoration: none;
|
| 1811 |
+
font-size: 12px;
|
| 1812 |
+
}
|
| 1813 |
+
#ctf-admin .cff_delete_account:hover,
|
| 1814 |
+
#ctf-admin .cff_delete_account:focus{
|
| 1815 |
+
background: #333;
|
| 1816 |
+
color: #ddd;
|
| 1817 |
+
}
|
| 1818 |
+
#ctf-admin .cff_delete_account .cff_remove_text{
|
| 1819 |
+
display: none;
|
| 1820 |
+
margin-left: 5px;
|
| 1821 |
+
}
|
| 1822 |
+
#ctf-admin .cff_delete_account:hover .cff_remove_text{
|
| 1823 |
+
display: inline-block;
|
| 1824 |
+
}
|
| 1825 |
+
|
| 1826 |
+
.cff_connected_accounts_wrap{
|
| 1827 |
+
vertical-align: top;
|
| 1828 |
+
}
|
| 1829 |
+
.cff_connected_actions{
|
| 1830 |
+
display: none;
|
| 1831 |
+
}
|
| 1832 |
+
#cff_export_accounts{
|
| 1833 |
+
font-size: 12px;
|
| 1834 |
+
color: #999 !important;
|
| 1835 |
+
text-decoration: underline;
|
| 1836 |
+
margin-left: 2px;
|
| 1837 |
+
}
|
| 1838 |
+
#cff_export_accounts_wrap{
|
| 1839 |
+
display: none;
|
| 1840 |
+
}
|
| 1841 |
+
#ctf-admin .cff_no_accounts{
|
| 1842 |
+
display: inline-block;
|
| 1843 |
+
padding: 4px 15px;
|
| 1844 |
+
border-radius: 8px;
|
| 1845 |
+
background: rgba(255,255,255,0.8);
|
| 1846 |
+
margin-bottom: 3px;
|
| 1847 |
+
}
|
| 1848 |
+
#ctf-admin #cff_manual_submit:active{
|
| 1849 |
+
vertical-align: unset;
|
| 1850 |
+
}
|
| 1851 |
+
#ctf-admin .cff_manually_connect_wrap{
|
| 1852 |
+
padding-top: 5px;
|
| 1853 |
+
}
|
| 1854 |
+
#ctf-admin .cff_user_feed_account_wrap:first-child{
|
| 1855 |
+
padding-top: 5px;
|
| 1856 |
+
}
|
| 1857 |
+
#ctf-admin .cff_user_feed_account_wrap:last-child{
|
| 1858 |
+
padding-bottom: 6px;
|
| 1859 |
+
}
|
| 1860 |
+
#ctf-admin .cff_user_feed_account_wrap{
|
| 1861 |
+
padding-bottom: 5px;
|
| 1862 |
+
padding-left: 2px;
|
| 1863 |
+
}
|
| 1864 |
+
#ctf-admin .cff_user_feed_account_wrap span{
|
| 1865 |
+
font-size: 13px;
|
| 1866 |
+
}
|
| 1867 |
+
#ctf-admin .cff_manual_account_id_toggle label{
|
| 1868 |
+
display: block;
|
| 1869 |
+
margin: 10px 0 0 0;
|
| 1870 |
+
font-size: 13px;
|
| 1871 |
+
}
|
| 1872 |
+
#ctf-admin .cff_business_profile_tag{
|
| 1873 |
+
display: none;
|
| 1874 |
+
padding: 8px 10px;
|
| 1875 |
+
background: rgba(0,0,0,0.05);
|
| 1876 |
+
border-radius: 0 5px 5px 0;
|
| 1877 |
+
margin: 0 0 0 -2px;
|
| 1878 |
+
font-size: 13px;
|
| 1879 |
+
height: 15px;
|
| 1880 |
+
line-height: 15px;
|
| 1881 |
+
box-shadow: inset 0 0 1px rgba(0,0,0,.5);
|
| 1882 |
+
}
|
| 1883 |
+
#ctf-admin .cff_ca_info{
|
| 1884 |
+
overflow: hidden;
|
| 1885 |
+
}
|
| 1886 |
+
#ctf-admin .cff_ca_show_token{
|
| 1887 |
+
display: inline-block;
|
| 1888 |
+
padding: 0;
|
| 1889 |
+
margin: 0 0 0 5px;
|
| 1890 |
+
font-size: 12px;
|
| 1891 |
+
vertical-align: top;
|
| 1892 |
+
}
|
| 1893 |
+
#ctf-admin .cff_ca_shortcode{
|
| 1894 |
+
display: none;
|
| 1895 |
+
padding: 0;
|
| 1896 |
+
width: 100%;
|
| 1897 |
+
float: left;
|
| 1898 |
+
clear: both;
|
| 1899 |
+
margin: 10px 0 0 0;
|
| 1900 |
+
}
|
| 1901 |
+
#ctf-admin .cff_ca_shortcode p{
|
| 1902 |
+
margin: 0;
|
| 1903 |
+
padding: 15px 0 0 0;
|
| 1904 |
+
font-size: 13px;
|
| 1905 |
+
}
|
| 1906 |
+
#ctf-admin .cff_ca_shortcode code{
|
| 1907 |
+
margin-top: 5px;
|
| 1908 |
+
display: inline-block;
|
| 1909 |
+
}
|
| 1910 |
+
#ctf-admin .cff_user_feed_ids_wrap .cff_ca_avatar{
|
| 1911 |
+
width: 20px;
|
| 1912 |
+
height: 20px;
|
| 1913 |
+
position: relative;
|
| 1914 |
+
top: 5px;
|
| 1915 |
+
margin-right: 8px;
|
| 1916 |
+
border-radius: 4px;
|
| 1917 |
+
}
|
| 1918 |
+
|
| 1919 |
+
#ctf-admin #cff_manual_account_step_2{
|
| 1920 |
+
display: none;
|
| 1921 |
+
}
|
| 1922 |
+
#ctf-admin #cff_manual_account_button{
|
| 1923 |
+
float: left;
|
| 1924 |
+
clear: both;
|
| 1925 |
+
margin-bottom: 10px;
|
| 1926 |
+
}
|
| 1927 |
+
#ctf-admin #cff_manual_account{
|
| 1928 |
+
float: left;
|
| 1929 |
+
clear: both;
|
| 1930 |
+
display: none;
|
| 1931 |
+
margin: 0 0 20px 0;
|
| 1932 |
+
padding: 15px 20px 20px 20px;
|
| 1933 |
+
background: rgba(255,255,255,0.5);
|
| 1934 |
+
border: 1px solid #ddd;
|
| 1935 |
+
border-radius: 5px;
|
| 1936 |
+
}
|
| 1937 |
+
#ctf-admin #cff_manual_account p.submit,
|
| 1938 |
+
#ctf-admin .cff_manual_back{
|
| 1939 |
+
float: left;
|
| 1940 |
+
padding: 0;
|
| 1941 |
+
margin: 20px 5px 0 0;
|
| 1942 |
+
}
|
| 1943 |
+
#ctf-admin .cff_manual_back{
|
| 1944 |
+
display: block;
|
| 1945 |
+
padding: 0 10px;
|
| 1946 |
+
}
|
| 1947 |
+
#ctf-admin .cff_account_type_page .cff_group,
|
| 1948 |
+
#ctf-admin .cff_account_type_group .cff_page{
|
| 1949 |
+
display: none;
|
| 1950 |
+
}
|
| 1951 |
+
#ctf-admin #cff_manual_account_step_2 label {
|
| 1952 |
+
width: 165px;
|
| 1953 |
+
display: inline-block;
|
| 1954 |
+
}
|
| 1955 |
+
#ctf-admin #cff_manual_account_step_2 input[type=text] {
|
| 1956 |
+
width: 300px;
|
| 1957 |
+
}
|
| 1958 |
+
#ctf-admin .cff_manual_forward{
|
| 1959 |
+
position: relative;
|
| 1960 |
+
top: 2px;
|
| 1961 |
+
}
|
| 1962 |
+
#ctf-admin .cff_error{
|
| 1963 |
+
border: 1px solid #e37177;
|
| 1964 |
+
background: #ffebec;
|
| 1965 |
+
}
|
| 1966 |
+
|
| 1967 |
+
@media all and (max-width: 1200px){
|
| 1968 |
+
#ctf-admin .cff_delete_account .cff_remove_text{
|
| 1969 |
+
display: none;
|
| 1970 |
+
}
|
| 1971 |
+
#ctf-admin .cff_ca_token_label{
|
| 1972 |
+
display: none;
|
| 1973 |
+
}
|
| 1974 |
+
#ctf-admin .cff_ca_token{
|
| 1975 |
+
border-left: 1px solid #d6d6d6;
|
| 1976 |
+
border-radius: 4px;
|
| 1977 |
+
}
|
| 1978 |
+
}
|
| 1979 |
+
|
| 1980 |
+
/* Error Reporting */
|
| 1981 |
+
#ctf-admin .ctf-space-left {
|
| 1982 |
+
margin-left: 10px;
|
| 1983 |
+
}
|
| 1984 |
+
#ctf-admin .ctf-goto {
|
| 1985 |
+
border: 1px solid #e89a2e;
|
| 1986 |
+
background-color: rgba(232, 154, 46, .2);
|
| 1987 |
+
}
|
| 1988 |
+
|
| 1989 |
+
#ctf-admin .cff_box {
|
| 1990 |
+
float: left;
|
| 1991 |
+
clear: both;
|
| 1992 |
+
width: 96%;
|
| 1993 |
+
|
| 1994 |
+
padding: 10px 2%;
|
| 1995 |
+
margin: 10px 0;
|
| 1996 |
+
font-size: 13px;
|
| 1997 |
+
background: #f9f9f9;
|
| 1998 |
+
background: rgba(255,255,255,0.8);
|
| 1999 |
+
|
| 2000 |
+
-moz-border-radius: 8px;
|
| 2001 |
+
-webkit-border-radius: 8px;
|
| 2002 |
+
border-radius: 8px;
|
| 2003 |
+
}
|
| 2004 |
+
#ctf-admin .cff_box_setting{
|
| 2005 |
+
margin-bottom: 20px;
|
| 2006 |
+
}
|
| 2007 |
+
#ctf-admin .cff_box_setting:last-child {
|
| 2008 |
+
margin-bottom: 0;
|
| 2009 |
+
}
|
| 2010 |
+
#ctf-admin .cff_box_setting label {
|
| 2011 |
+
display: inline-block;
|
| 2012 |
+
font-weight: bold;
|
| 2013 |
+
font-size: 14px;
|
| 2014 |
+
padding-bottom: 5px;
|
| 2015 |
+
padding-right: 5px;
|
| 2016 |
+
}
|
| 2017 |
+
#ctf-admin .cff_box_setting textarea {
|
| 2018 |
+
width: 100%;
|
| 2019 |
+
}
|
| 2020 |
+
|
| 2021 |
+
/* About */
|
| 2022 |
+
#ctf-admin-about *,#ctf-admin-about *::before,#ctf-admin-about *::after {
|
| 2023 |
+
-webkit-box-sizing: border-box;
|
| 2024 |
+
-moz-box-sizing: border-box;
|
| 2025 |
+
box-sizing: border-box
|
| 2026 |
+
}
|
| 2027 |
+
|
| 2028 |
+
#ctf-admin-about .ctf-admin-about-section {
|
| 2029 |
+
position: relative;
|
| 2030 |
+
margin: 0 20px 20px;
|
| 2031 |
+
padding: 30px;
|
| 2032 |
+
background: #fff;
|
| 2033 |
+
border: 1px solid #DDDDDD;
|
| 2034 |
+
line-height: 2;
|
| 2035 |
+
}
|
| 2036 |
+
|
| 2037 |
+
#ctf-admin-about .ctf-admin-about-section h1,#ctf-admin-about .ctf-admin-about-section h2,#ctf-admin-about .ctf-admin-about-section h3,#ctf-admin-about .ctf-admin-about-section h4,#ctf-admin-about .ctf-admin-about-section h5 {
|
| 2038 |
+
margin-top: 0;
|
| 2039 |
+
padding-top: 0;
|
| 2040 |
+
line-height: 1.6
|
| 2041 |
+
}
|
| 2042 |
+
|
| 2043 |
+
#ctf-admin-about .ctf-admin-about-section h2 {
|
| 2044 |
+
font-size: 24px
|
| 2045 |
+
}
|
| 2046 |
+
|
| 2047 |
+
#ctf-admin-about .ctf-admin-about-section h3 {
|
| 2048 |
+
font-size: 18px;
|
| 2049 |
+
margin-bottom: 30px;
|
| 2050 |
+
color: #23282C
|
| 2051 |
+
}
|
| 2052 |
+
|
| 2053 |
+
#ctf-admin-about .ctf-admin-about-section ul,#ctf-admin-about .ctf-admin-about-section p {
|
| 2054 |
+
font-size: 16px
|
| 2055 |
+
}
|
| 2056 |
+
|
| 2057 |
+
#ctf-admin-about .ctf-admin-about-section p {
|
| 2058 |
+
margin-bottom: 20px
|
| 2059 |
+
}
|
| 2060 |
+
|
| 2061 |
+
#ctf-admin-about .ctf-admin-about-section p.bigger {
|
| 2062 |
+
font-size: 18px
|
| 2063 |
+
}
|
| 2064 |
+
|
| 2065 |
+
#ctf-admin-about .ctf-admin-about-section p.smaller {
|
| 2066 |
+
font-size: 14px
|
| 2067 |
+
}
|
| 2068 |
+
|
| 2069 |
+
#ctf-admin-about .ctf-admin-about-section p:last-child {
|
| 2070 |
+
margin-bottom: 0
|
| 2071 |
+
}
|
| 2072 |
+
|
| 2073 |
+
#ctf-admin-about .ctf-admin-about-section hr {
|
| 2074 |
+
margin: 30px 0
|
| 2075 |
+
}
|
| 2076 |
+
|
| 2077 |
+
#ctf-admin-about .ctf-admin-about-section figure {
|
| 2078 |
+
margin: 0
|
| 2079 |
+
}
|
| 2080 |
+
|
| 2081 |
+
#ctf-admin-about .ctf-admin-about-section figure img {
|
| 2082 |
+
width: 100%
|
| 2083 |
+
}
|
| 2084 |
+
|
| 2085 |
+
#ctf-admin-about .ctf-admin-about-section figure figcaption {
|
| 2086 |
+
font-size: 13px;
|
| 2087 |
+
color: #888888;
|
| 2088 |
+
margin-top: -10px;
|
| 2089 |
+
text-align: center;
|
| 2090 |
+
line-height: initial
|
| 2091 |
+
}
|
| 2092 |
+
|
| 2093 |
+
#ctf-admin-about .ctf-admin-about-section .ctf-admin-column-40 {
|
| 2094 |
+
padding-left: 15px
|
| 2095 |
+
}
|
| 2096 |
+
|
| 2097 |
+
@media (max-width: 767px) {
|
| 2098 |
+
#ctf-admin-about .ctf-admin-about-section .ctf-admin-column-40 {
|
| 2099 |
+
width:100%;
|
| 2100 |
+
padding-left: 0;
|
| 2101 |
+
padding-top: 20px
|
| 2102 |
+
}
|
| 2103 |
+
}
|
| 2104 |
+
|
| 2105 |
+
#ctf-admin-about .ctf-admin-about-section .ctf-admin-column-60 {
|
| 2106 |
+
padding-right: 15px
|
| 2107 |
+
}
|
| 2108 |
+
#ctf-admin-about .ctf-admin-about-section .ctf-admin-about-text{
|
| 2109 |
+
padding-right: 400px;
|
| 2110 |
+
}
|
| 2111 |
+
#ctf-admin-about .ctf-admin-about-section .ctf-admin-about-image{
|
| 2112 |
+
position: absolute;
|
| 2113 |
+
width: 340px;
|
| 2114 |
+
top: 20px;
|
| 2115 |
+
right: 20px;
|
| 2116 |
+
}
|
| 2117 |
+
|
| 2118 |
+
@media (max-width: 767px) {
|
| 2119 |
+
#ctf-admin-about .ctf-admin-about-section .ctf-admin-column-60,
|
| 2120 |
+
#ctf-admin-about .ctf-admin-about-section .ctf-admin-about-text,
|
| 2121 |
+
#ctf-admin-about .ctf-admin-about-section .ctf-admin-about-image {
|
| 2122 |
+
position: relative;
|
| 2123 |
+
width:100%;
|
| 2124 |
+
padding-right: 0
|
| 2125 |
+
}
|
| 2126 |
+
}
|
| 2127 |
+
|
| 2128 |
+
#ctf-admin-about .ctf-admin-about-section ul.list-plain {
|
| 2129 |
+
margin-top: 0;
|
| 2130 |
+
margin-bottom: 0
|
| 2131 |
+
}
|
| 2132 |
+
|
| 2133 |
+
#ctf-admin-about .ctf-admin-about-section ul.list-plain li {
|
| 2134 |
+
margin-bottom: 0
|
| 2135 |
+
}
|
| 2136 |
+
|
| 2137 |
+
#ctf-admin-about .ctf-admin-about-section ul.list-features li .fa {
|
| 2138 |
+
color: #2a9b39;
|
| 2139 |
+
margin: 0 8px 0 0
|
| 2140 |
+
}
|
| 2141 |
+
|
| 2142 |
+
#ctf-admin-about .ctf-admin-about-section .fa-star {
|
| 2143 |
+
color: gold
|
| 2144 |
+
}
|
| 2145 |
+
|
| 2146 |
+
#ctf-admin-about .ctf-admin-about-section .no-margin {
|
| 2147 |
+
margin: 0 !important
|
| 2148 |
+
}
|
| 2149 |
+
|
| 2150 |
+
#ctf-admin-about .ctf-admin-about-section .no-padding {
|
| 2151 |
+
padding: 0 !important
|
| 2152 |
+
}
|
| 2153 |
+
|
| 2154 |
+
#ctf-admin-about .ctf-admin-about-section .centered {
|
| 2155 |
+
text-align: center !important
|
| 2156 |
+
}
|
| 2157 |
+
|
| 2158 |
+
#ctf-admin-about .ctf-admin-about-section-first-form {
|
| 2159 |
+
display: flex
|
| 2160 |
+
}
|
| 2161 |
+
|
| 2162 |
+
@media (max-width: 767px) {
|
| 2163 |
+
#ctf-admin-about .ctf-admin-about-section-first-form {
|
| 2164 |
+
display:block !important
|
| 2165 |
+
}
|
| 2166 |
+
}
|
| 2167 |
+
|
| 2168 |
+
#ctf-admin-about .ctf-admin-about-section-first-form .ctf-admin-about-section-first-form-text {
|
| 2169 |
+
flex: 1;
|
| 2170 |
+
padding-right: 30px
|
| 2171 |
+
}
|
| 2172 |
+
|
| 2173 |
+
@media (max-width: 767px) {
|
| 2174 |
+
#ctf-admin-about .ctf-admin-about-section-first-form .ctf-admin-about-section-first-form-text {
|
| 2175 |
+
flex:none
|
| 2176 |
+
}
|
| 2177 |
+
}
|
| 2178 |
+
|
| 2179 |
+
#ctf-admin-about .ctf-admin-about-section-first-form .ctf-admin-about-section-first-form-video iframe {
|
| 2180 |
+
border: 1px solid #DDDDDD
|
| 2181 |
+
}
|
| 2182 |
+
|
| 2183 |
+
@media (max-width: 767px) {
|
| 2184 |
+
#ctf-admin-about .ctf-admin-about-section-first-form .ctf-admin-about-section-first-form-video {
|
| 2185 |
+
padding-top:20px
|
| 2186 |
+
}
|
| 2187 |
+
}
|
| 2188 |
+
|
| 2189 |
+
#ctf-admin-about .ctf-admin-about-section-hero {
|
| 2190 |
+
padding: 0
|
| 2191 |
+
}
|
| 2192 |
+
|
| 2193 |
+
#ctf-admin-about .ctf-admin-about-section-hero .ctf-admin-about-section-hero-main,#ctf-admin-about .ctf-admin-about-section-hero .ctf-admin-about-section-hero-extra {
|
| 2194 |
+
padding: 30px
|
| 2195 |
+
}
|
| 2196 |
+
|
| 2197 |
+
@media (max-width: 767px) {
|
| 2198 |
+
#ctf-admin-about .ctf-admin-about-section-hero .ctf-admin-about-section-hero-extra .ctf-admin-column-50 {
|
| 2199 |
+
float:none;
|
| 2200 |
+
width: 100%
|
| 2201 |
+
}
|
| 2202 |
+
}
|
| 2203 |
+
|
| 2204 |
+
#ctf-admin-about .ctf-admin-about-section-hero .ctf-admin-about-section-hero-main {
|
| 2205 |
+
background-color: #FAFAFA;
|
| 2206 |
+
border-bottom: 1px solid #DDDDDD
|
| 2207 |
+
}
|
| 2208 |
+
|
| 2209 |
+
#ctf-admin-about .ctf-admin-about-section-hero .ctf-admin-about-section-hero-main.no-border {
|
| 2210 |
+
border-bottom: 0
|
| 2211 |
+
}
|
| 2212 |
+
|
| 2213 |
+
#ctf-admin-about .ctf-admin-about-section-hero .ctf-admin-about-section-hero-main p {
|
| 2214 |
+
color: #666
|
| 2215 |
+
}
|
| 2216 |
+
|
| 2217 |
+
#ctf-admin-about .ctf-admin-about-section-hero h3.call-to-action {
|
| 2218 |
+
margin-bottom: -10px
|
| 2219 |
+
}
|
| 2220 |
+
|
| 2221 |
+
#ctf-admin-about .ctf-admin-about-section-hero span.price-20-off {
|
| 2222 |
+
color: #6AB255
|
| 2223 |
+
}
|
| 2224 |
+
|
| 2225 |
+
#ctf-admin-about .ctf-admin-about-section-squashed {
|
| 2226 |
+
margin-bottom: 0
|
| 2227 |
+
}
|
| 2228 |
+
|
| 2229 |
+
#ctf-admin-about .ctf-admin-about-section-squashed:not(:last-of-type) {
|
| 2230 |
+
border-bottom: 0
|
| 2231 |
+
}
|
| 2232 |
+
|
| 2233 |
+
#ctf-admin-about .ctf-admin-about-section-post h2 {
|
| 2234 |
+
margin-bottom: -10px
|
| 2235 |
+
}
|
| 2236 |
+
|
| 2237 |
+
#ctf-admin-about .ctf-admin-about-section-post h3 {
|
| 2238 |
+
margin-bottom: 15px
|
| 2239 |
+
}
|
| 2240 |
+
|
| 2241 |
+
#ctf-admin-about .ctf-admin-about-section-post p:last-of-type {
|
| 2242 |
+
margin-bottom: 30px
|
| 2243 |
+
}
|
| 2244 |
+
|
| 2245 |
+
#ctf-admin-about .ctf-admin-about-section-post .ctf-admin-column-20 {
|
| 2246 |
+
padding-right: 20px;
|
| 2247 |
+
width: auto
|
| 2248 |
+
}
|
| 2249 |
+
|
| 2250 |
+
#ctf-admin-about .ctf-admin-about-section-post .ctf-admin-column-20 img {
|
| 2251 |
+
width: 270px
|
| 2252 |
+
}
|
| 2253 |
+
|
| 2254 |
+
@media (max-width: 767px) {
|
| 2255 |
+
#ctf-admin-about .ctf-admin-about-section-post .ctf-admin-column-20 {
|
| 2256 |
+
width:20%
|
| 2257 |
+
}
|
| 2258 |
+
|
| 2259 |
+
#ctf-admin-about .ctf-admin-about-section-post .ctf-admin-column-20 img {
|
| 2260 |
+
width: auto;
|
| 2261 |
+
max-width: 100%
|
| 2262 |
+
}
|
| 2263 |
+
}
|
| 2264 |
+
|
| 2265 |
+
#ctf-admin-about .ctf-admin-about-section-post .ctf-admin-column-80 {
|
| 2266 |
+
padding-left: 20px;
|
| 2267 |
+
width: calc(100% - 20px - 270px)
|
| 2268 |
+
}
|
| 2269 |
+
|
| 2270 |
+
@media (max-width: 767px) {
|
| 2271 |
+
#ctf-admin-about .ctf-admin-about-section-post .ctf-admin-column-80 {
|
| 2272 |
+
width:80%
|
| 2273 |
+
}
|
| 2274 |
+
}
|
| 2275 |
+
|
| 2276 |
+
#ctf-admin-about .ctf-admin-about-section-post .ctf-admin-about-section-post-link {
|
| 2277 |
+
padding: 10px 15px;
|
| 2278 |
+
background-color: #DF7739;
|
| 2279 |
+
color: #fff;
|
| 2280 |
+
border-radius: 3px;
|
| 2281 |
+
text-decoration: none;
|
| 2282 |
+
margin-top: 15px;
|
| 2283 |
+
font-size: 14px
|
| 2284 |
+
}
|
| 2285 |
+
|
| 2286 |
+
#ctf-admin-about .ctf-admin-about-section-post .ctf-admin-about-section-post-link:hover {
|
| 2287 |
+
background-color: #B85A1B
|
| 2288 |
+
}
|
| 2289 |
+
|
| 2290 |
+
#ctf-admin-about .ctf-admin-about-section-post .ctf-admin-about-section-post-link .fa {
|
| 2291 |
+
color: #EDBA9E;
|
| 2292 |
+
vertical-align: middle;
|
| 2293 |
+
margin-left: 8px
|
| 2294 |
+
}
|
| 2295 |
+
|
| 2296 |
+
#ctf-admin-about .ctf-admin-about-section-table table {
|
| 2297 |
+
border-collapse: collapse
|
| 2298 |
+
}
|
| 2299 |
+
|
| 2300 |
+
#ctf-admin-about .ctf-admin-about-section-table table tr td {
|
| 2301 |
+
border-bottom: 1px solid #DDDDDD;
|
| 2302 |
+
border-right: 1px solid #DDDDDD;
|
| 2303 |
+
padding: 30px;
|
| 2304 |
+
vertical-align: top
|
| 2305 |
+
}
|
| 2306 |
+
|
| 2307 |
+
#ctf-admin-about .ctf-admin-about-section-table table tr td:last-of-type {
|
| 2308 |
+
border-right: 0
|
| 2309 |
+
}
|
| 2310 |
+
|
| 2311 |
+
#ctf-admin-about .ctf-admin-about-section-table table tr:last-child td {
|
| 2312 |
+
border-bottom: none
|
| 2313 |
+
}
|
| 2314 |
+
|
| 2315 |
+
#ctf-admin-about .ctf-admin-about-section-table table p {
|
| 2316 |
+
background-repeat: no-repeat;
|
| 2317 |
+
background-size: 15px auto;
|
| 2318 |
+
background-position: 0 6px;
|
| 2319 |
+
margin: 0
|
| 2320 |
+
}
|
| 2321 |
+
|
| 2322 |
+
#ctf-admin-about .ctf-admin-about-section-table table p.features-full {
|
| 2323 |
+
padding-left: 30px;
|
| 2324 |
+
background-image: url(../img/about/icon-full.svg)
|
| 2325 |
+
}
|
| 2326 |
+
|
| 2327 |
+
#ctf-admin-about .ctf-admin-about-section-table table p.features-none {
|
| 2328 |
+
padding-left: 30px;
|
| 2329 |
+
background-image: url(../img/about/icon-none.svg)
|
| 2330 |
+
}
|
| 2331 |
+
|
| 2332 |
+
#ctf-admin-about .ctf-admin-about-section-table table p.features-partial {
|
| 2333 |
+
padding-left: 30px;
|
| 2334 |
+
background-position: -3px 0;
|
| 2335 |
+
background-size: 23px auto;
|
| 2336 |
+
background-image: url(../img/about/icon-partial.svg)
|
| 2337 |
+
}
|
| 2338 |
+
|
| 2339 |
+
#ctf-admin-about .ctf-admin-about-section-table .ctf-admin-about-section-hero-main {
|
| 2340 |
+
padding: 0
|
| 2341 |
+
}
|
| 2342 |
+
|
| 2343 |
+
#ctf-admin-about .ctf-admin-about-section-table .ctf-admin-about-section-hero-main h3 {
|
| 2344 |
+
padding: 30px 30px 30px 60px
|
| 2345 |
+
}
|
| 2346 |
+
|
| 2347 |
+
#ctf-admin-about .ctf-admin-about-section-table .ctf-admin-about-section-hero-main .ctf-admin-column-33:first-child h3 {
|
| 2348 |
+
padding: 30px
|
| 2349 |
+
}
|
| 2350 |
+
|
| 2351 |
+
#ctf-admin-about #ctf-admin-addons {
|
| 2352 |
+
padding: 0 30px
|
| 2353 |
+
}
|
| 2354 |
+
|
| 2355 |
+
#ctf-admin-about #ctf-admin-addons .addon-container {
|
| 2356 |
+
padding: 0 10px
|
| 2357 |
+
}
|
| 2358 |
+
|
| 2359 |
+
#ctf-admin-about #ctf-admin-addons .addon-item .details {
|
| 2360 |
+
padding: 20px
|
| 2361 |
+
}
|
| 2362 |
+
|
| 2363 |
+
#ctf-admin-about #ctf-admin-addons .addon-item img {
|
| 2364 |
+
padding: 10px
|
| 2365 |
+
}
|
| 2366 |
+
|
| 2367 |
+
#ctf-admin-about #ctf-admin-addons .addon-item img[src*="-mi"] {
|
| 2368 |
+
padding: 13px
|
| 2369 |
+
}
|
| 2370 |
+
|
| 2371 |
+
#ctf-admin-about #ctf-admin-addons .addon-item .action-button .button {
|
| 2372 |
+
display: inline-block;
|
| 2373 |
+
text-decoration: none;
|
| 2374 |
+
font-size: 13px;
|
| 2375 |
+
line-height: 26px;
|
| 2376 |
+
height: 28px;
|
| 2377 |
+
margin: 0;
|
| 2378 |
+
padding: 0 10px 1px;
|
| 2379 |
+
cursor: pointer;
|
| 2380 |
+
-webkit-appearance: none;
|
| 2381 |
+
border-radius: 3px;
|
| 2382 |
+
border: 1px solid #cccccc;
|
| 2383 |
+
background: #f7f7f7;
|
| 2384 |
+
box-shadow: 0 1px 0 #cccccc;
|
| 2385 |
+
font-weight: normal
|
| 2386 |
+
}
|
| 2387 |
+
|
| 2388 |
+
#ctf-admin-about #ctf-admin-addons .addon-item .action-button .button:hover,#ctf-admin-about #ctf-admin-addons .addon-item .action-button .button:focus {
|
| 2389 |
+
background: #fafafa;
|
| 2390 |
+
border-color: #999;
|
| 2391 |
+
color: #23282d
|
| 2392 |
+
}
|
| 2393 |
+
|
| 2394 |
+
#ctf-admin-about #ctf-admin-addons .addon-item .action-button .button.button-primary {
|
| 2395 |
+
background: #0085ba;
|
| 2396 |
+
border-color: #0073aa #006799 #006799;
|
| 2397 |
+
box-shadow: 0 1px 0 #006799;
|
| 2398 |
+
color: #fff;
|
| 2399 |
+
text-shadow: 0 -1px 1px #006799, 1px 0 1px #006799, 0 1px 1px #006799, -1px 0 1px #006799
|
| 2400 |
+
}
|
| 2401 |
+
|
| 2402 |
+
#ctf-admin-about #ctf-admin-addons .addon-item .action-button .button.button-primary:hover,#ctf-admin-about #ctf-admin-addons .addon-item .action-button .button.button-primary:focus {
|
| 2403 |
+
background: #008ec2;
|
| 2404 |
+
border-color: #006799;
|
| 2405 |
+
color: #fff
|
| 2406 |
+
}
|
| 2407 |
+
|
| 2408 |
+
#ctf-admin-about #ctf-admin-addons .addon-item .action-button .button.button-primary .fa-spinner {
|
| 2409 |
+
color: #fff
|
| 2410 |
+
}
|
| 2411 |
+
|
| 2412 |
+
#ctf-admin-about #ctf-admin-addons .addon-item .action-button .button.button-secondary {
|
| 2413 |
+
color: #555;
|
| 2414 |
+
border-color: #cccccc;
|
| 2415 |
+
background: #f7f7f7;
|
| 2416 |
+
box-shadow: 0 1px 0 #cccccc
|
| 2417 |
+
}
|
| 2418 |
+
|
| 2419 |
+
#ctf-admin-about #ctf-admin-addons .addon-item .action-button .button.button-secondary:hover,#ctf-admin-about #ctf-admin-addons .addon-item .action-button .button.button-secondary:focus {
|
| 2420 |
+
background: #fafafa;
|
| 2421 |
+
border-color: #999;
|
| 2422 |
+
color: #23282d
|
| 2423 |
+
}
|
| 2424 |
+
|
| 2425 |
+
#ctf-admin-about #ctf-admin-addons .addon-item .action-button .button.disabled {
|
| 2426 |
+
cursor: default
|
| 2427 |
+
}
|
| 2428 |
+
|
| 2429 |
+
/* AW columns */
|
| 2430 |
+
.ctf-admin-columns>div[class*="-column-"] {
|
| 2431 |
+
float: left
|
| 2432 |
+
}
|
| 2433 |
+
|
| 2434 |
+
.ctf-admin-columns .ctf-admin-column-20 {
|
| 2435 |
+
width: 20%
|
| 2436 |
+
}
|
| 2437 |
+
|
| 2438 |
+
.ctf-admin-columns .ctf-admin-column-33 {
|
| 2439 |
+
width: 33.33333%
|
| 2440 |
+
}
|
| 2441 |
+
|
| 2442 |
+
.ctf-admin-columns .ctf-admin-column-40 {
|
| 2443 |
+
width: 40%
|
| 2444 |
+
}
|
| 2445 |
+
|
| 2446 |
+
.ctf-admin-columns .ctf-admin-column-50 {
|
| 2447 |
+
width: 50%
|
| 2448 |
+
}
|
| 2449 |
+
|
| 2450 |
+
.ctf-admin-columns .ctf-admin-column-60 {
|
| 2451 |
+
width: 60%
|
| 2452 |
+
}
|
| 2453 |
+
|
| 2454 |
+
.ctf-admin-columns .ctf-admin-column-80 {
|
| 2455 |
+
width: 80%
|
| 2456 |
+
}
|
| 2457 |
+
|
| 2458 |
+
.ctf-admin-columns .ctf-admin-column-last {
|
| 2459 |
+
float: right !important
|
| 2460 |
+
}
|
| 2461 |
+
|
| 2462 |
+
.ctf-admin-columns:after {
|
| 2463 |
+
content: "";
|
| 2464 |
+
display: table;
|
| 2465 |
+
clear: both
|
| 2466 |
+
}
|
| 2467 |
+
|
| 2468 |
+
/* AW Addons */
|
| 2469 |
+
#ctf-admin-addons h3 {
|
| 2470 |
+
padding: 10px 10px 0 10px;
|
| 2471 |
+
clear: left;
|
| 2472 |
+
}
|
| 2473 |
+
#ctf-admin-addons *,#ctf-admin-addons *::before,#ctf-admin-addons *::after {
|
| 2474 |
+
-webkit-box-sizing: border-box;
|
| 2475 |
+
-moz-box-sizing: border-box;
|
| 2476 |
+
box-sizing: border-box
|
| 2477 |
+
}
|
| 2478 |
+
|
| 2479 |
+
#ctf-admin-addons .addons-container {
|
| 2480 |
+
margin-left: -20px;
|
| 2481 |
+
margin-right: -20px
|
| 2482 |
+
}
|
| 2483 |
+
|
| 2484 |
+
#ctf-admin-addons .unlock-msg {
|
| 2485 |
+
padding: 0 20px;
|
| 2486 |
+
margin-top: -20px;
|
| 2487 |
+
clear: both
|
| 2488 |
+
}
|
| 2489 |
+
|
| 2490 |
+
#ctf-admin-addons #ctf-admin-addons-search {
|
| 2491 |
+
background-color: #fff;
|
| 2492 |
+
border: 1px solid #ddd;
|
| 2493 |
+
border-radius: 3px;
|
| 2494 |
+
box-shadow: none;
|
| 2495 |
+
color: #333;
|
| 2496 |
+
vertical-align: middle;
|
| 2497 |
+
padding: 7px 12px;
|
| 2498 |
+
margin: -3px 10px 0 0;
|
| 2499 |
+
width: 200px;
|
| 2500 |
+
min-height: 35px;
|
| 2501 |
+
float: right
|
| 2502 |
+
}
|
| 2503 |
+
|
| 2504 |
+
#ctf-admin-addons #ctf-admin-addons-search:focus {
|
| 2505 |
+
border-color: #bbb
|
| 2506 |
+
}
|
| 2507 |
+
|
| 2508 |
+
#ctf-admin-addons .addon-container {
|
| 2509 |
+
padding: 0 20px;
|
| 2510 |
+
float: left;
|
| 2511 |
+
width: 33.333333%;
|
| 2512 |
+
margin-bottom: 20px
|
| 2513 |
+
}
|
| 2514 |
+
|
| 2515 |
+
@media (max-width: 1249px) {
|
| 2516 |
+
#ctf-admin-addons .addon-container {
|
| 2517 |
+
width:50%
|
| 2518 |
+
}
|
| 2519 |
+
}
|
| 2520 |
+
|
| 2521 |
+
@media (max-width: 767px) {
|
| 2522 |
+
#ctf-admin-addons .addon-container {
|
| 2523 |
+
width:100%;
|
| 2524 |
+
margin-bottom: 20px
|
| 2525 |
+
}
|
| 2526 |
+
}
|
| 2527 |
+
|
| 2528 |
+
#ctf-admin-addons h4 {
|
| 2529 |
+
font-size: 17px;
|
| 2530 |
+
font-weight: 700
|
| 2531 |
+
}
|
| 2532 |
+
|
| 2533 |
+
#ctf-admin-addons .addon-item {
|
| 2534 |
+
background-color: #fff;
|
| 2535 |
+
border: 1px solid #ddd;
|
| 2536 |
+
border-radius: 3px;
|
| 2537 |
+
margin: 0
|
| 2538 |
+
}
|
| 2539 |
+
|
| 2540 |
+
@media (max-width: 767px) {
|
| 2541 |
+
#ctf-admin-addons .addon-item {
|
| 2542 |
+
margin:0 0
|
| 2543 |
+
}
|
| 2544 |
+
}
|
| 2545 |
+
|
| 2546 |
+
#ctf-admin-addons .addon-item img {
|
| 2547 |
+
border: 1px solid #eee;
|
| 2548 |
+
float: left;
|
| 2549 |
+
max-width: 75px
|
| 2550 |
+
}
|
| 2551 |
+
|
| 2552 |
+
#ctf-admin-addons .addon-item h5 {
|
| 2553 |
+
margin: 0 0 10px 100px;
|
| 2554 |
+
font-size: 16px
|
| 2555 |
+
}
|
| 2556 |
+
|
| 2557 |
+
#ctf-admin-addons .addon-item p {
|
| 2558 |
+
margin: 0 0 0 100px
|
| 2559 |
+
}
|
| 2560 |
+
|
| 2561 |
+
#ctf-admin-addons .addon-item .details {
|
| 2562 |
+
padding: 30px 20px
|
| 2563 |
+
}
|
| 2564 |
+
|
| 2565 |
+
#ctf-admin-addons .addon-item .actions {
|
| 2566 |
+
background-color: #f7f7f7;
|
| 2567 |
+
border-top: 1px solid #ddd;
|
| 2568 |
+
padding: 20px;
|
| 2569 |
+
position: relative
|
| 2570 |
+
}
|
| 2571 |
+
|
| 2572 |
+
#ctf-admin-addons .addon-item .actions .msg {
|
| 2573 |
+
background-color: #f7f7f7;
|
| 2574 |
+
position: absolute;
|
| 2575 |
+
text-align: center;
|
| 2576 |
+
font-weight: 600;
|
| 2577 |
+
top: 0;
|
| 2578 |
+
left: 0;
|
| 2579 |
+
height: 100%;
|
| 2580 |
+
width: 100%;
|
| 2581 |
+
z-index: 99;
|
| 2582 |
+
padding: 20px;
|
| 2583 |
+
display: -webkit-box;
|
| 2584 |
+
display: -moz-box;
|
| 2585 |
+
display: -ms-flexbox;
|
| 2586 |
+
display: -webkit-flex;
|
| 2587 |
+
display: flex;
|
| 2588 |
+
-webkit-align-items: center;
|
| 2589 |
+
-ms-align-items: center;
|
| 2590 |
+
align-items: center;
|
| 2591 |
+
justify-content: center
|
| 2592 |
+
}
|
| 2593 |
+
|
| 2594 |
+
#ctf-admin-addons .addon-item .actions .msg.success {
|
| 2595 |
+
color: #2a9b39
|
| 2596 |
+
}
|
| 2597 |
+
|
| 2598 |
+
#ctf-admin-addons .addon-item .actions .msg.error {
|
| 2599 |
+
color: red
|
| 2600 |
+
}
|
| 2601 |
+
|
| 2602 |
+
#ctf-admin-addons .addon-item .status {
|
| 2603 |
+
float: left;
|
| 2604 |
+
padding-top: 8px
|
| 2605 |
+
}
|
| 2606 |
+
|
| 2607 |
+
#ctf-admin-addons .addon-item .status .status-inactive {
|
| 2608 |
+
color: red
|
| 2609 |
+
}
|
| 2610 |
+
|
| 2611 |
+
#ctf-admin-addons .addon-item .status .status-download {
|
| 2612 |
+
color: #666
|
| 2613 |
+
}
|
| 2614 |
+
|
| 2615 |
+
#ctf-admin-addons .addon-item .status .status-active {
|
| 2616 |
+
color: #2a9b39
|
| 2617 |
+
}
|
| 2618 |
+
|
| 2619 |
+
#ctf-admin-addons .addon-item .upgrade-button {
|
| 2620 |
+
text-align: center
|
| 2621 |
+
}
|
| 2622 |
+
|
| 2623 |
+
#ctf-admin-addons .addon-item .upgrade-button a {
|
| 2624 |
+
font-weight: 600;
|
| 2625 |
+
width: 140px;
|
| 2626 |
+
text-align: center;
|
| 2627 |
+
padding: 8px 5px
|
| 2628 |
+
}
|
| 2629 |
+
|
| 2630 |
+
#ctf-admin-addons .addon-item .action-button {
|
| 2631 |
+
float: right
|
| 2632 |
+
}
|
| 2633 |
+
|
| 2634 |
+
#ctf-admin-addons .addon-item .action-button button {
|
| 2635 |
+
background: none;
|
| 2636 |
+
border: 1px solid #ddd;
|
| 2637 |
+
border-radius: 3px;
|
| 2638 |
+
box-shadow: none;
|
| 2639 |
+
cursor: pointer;
|
| 2640 |
+
font-weight: 600;
|
| 2641 |
+
width: 140px;
|
| 2642 |
+
text-align: center;
|
| 2643 |
+
padding: 8px 5px
|
| 2644 |
+
}
|
| 2645 |
+
|
| 2646 |
+
#ctf-admin-addons .addon-item .action-button button:hover,#ctf-admin-addons .addon-item .action-button button.loading {
|
| 2647 |
+
background-color: #e9e9e9
|
| 2648 |
+
}
|
| 2649 |
+
|
| 2650 |
+
#ctf-admin-addons .addon-item .action-button button .fa {
|
| 2651 |
+
margin-right: 8px
|
| 2652 |
+
}
|
| 2653 |
+
|
| 2654 |
+
#ctf-admin-addons .addon-item .action-button button .fa.fa-spinner {
|
| 2655 |
+
margin-right: 0
|
| 2656 |
+
}
|
| 2657 |
+
|
| 2658 |
+
#ctf-admin-addons .addon-item .action-button button.status-active .fa {
|
| 2659 |
+
color: #2a9b39
|
| 2660 |
+
}
|
| 2661 |
+
|
| 2662 |
+
#ctf-admin-addons .addon-item .action-button button.status-inactive .fa {
|
| 2663 |
+
color: red
|
| 2664 |
+
}
|
| 2665 |
+
|
| 2666 |
+
#ctf-admin-addons .addon-item .action-button button.status-download .fa {
|
| 2667 |
+
color: #999
|
| 2668 |
+
}
|
| 2669 |
+
|
| 2670 |
+
#ctf-admin-addons .addon-item .action-button button.disabled {
|
| 2671 |
+
cursor: default
|
| 2672 |
+
}
|
| 2673 |
+
|
| 2674 |
+
#ctf-admin-addons .addon-item .action-button button.loading .fa {
|
| 2675 |
+
color: #666
|
| 2676 |
+
}
|
| 2677 |
+
|
| 2678 |
+
/* Tabs */
|
| 2679 |
+
.ctf-admin-tabs {
|
| 2680 |
+
background-color: #fff;
|
| 2681 |
+
margin: 0 0 20px 0;
|
| 2682 |
+
padding: 0 20px;
|
| 2683 |
+
list-style: none;
|
| 2684 |
+
overflow: auto;
|
| 2685 |
+
font-size: 14px
|
| 2686 |
+
}
|
| 2687 |
+
|
| 2688 |
+
.ctf-admin-tabs li {
|
| 2689 |
+
margin: 0 30px 0 0;
|
| 2690 |
+
padding: 0;
|
| 2691 |
+
float: left
|
| 2692 |
+
}
|
| 2693 |
+
|
| 2694 |
+
.ctf-admin-tabs li:last-of-type {
|
| 2695 |
+
margin: 0
|
| 2696 |
+
}
|
| 2697 |
+
|
| 2698 |
+
.ctf-admin-tabs li a {
|
| 2699 |
+
color: #666;
|
| 2700 |
+
display: block;
|
| 2701 |
+
padding: 20px 0 18px 0;
|
| 2702 |
+
text-decoration: none;
|
| 2703 |
+
border-bottom: 2px solid #fff;
|
| 2704 |
+
box-shadow: none
|
| 2705 |
+
}
|
| 2706 |
+
|
| 2707 |
+
.ctf-admin-tabs li a:hover {
|
| 2708 |
+
border-color: #999
|
| 2709 |
+
}
|
| 2710 |
+
|
| 2711 |
+
.ctf-admin-tabs li a.active {
|
| 2712 |
+
border-color: #e27730
|
| 2713 |
+
}
|
| 2714 |
+
|
| 2715 |
+
.ctf-admin-tabs li a:focus {
|
| 2716 |
+
box-shadow: none
|
| 2717 |
+
}
|
| 2718 |
+
|
| 2719 |
+
/* Clear */
|
| 2720 |
+
.ctf-clear:before {
|
| 2721 |
+
content: " ";
|
| 2722 |
+
display: table
|
| 2723 |
+
}
|
| 2724 |
+
|
| 2725 |
+
.ctf-clear:after {
|
| 2726 |
+
clear: both;
|
| 2727 |
+
content: " ";
|
| 2728 |
+
display: table
|
| 2729 |
+
}
|
| 2730 |
+
|
| 2731 |
+
/* Visual header settings */
|
| 2732 |
+
.ctf-header-options{
|
| 2733 |
+
width: auto;
|
| 2734 |
+
max-width: 500px;
|
| 2735 |
+
padding: 10px 15px;
|
| 2736 |
+
margin: 10px 0;
|
| 2737 |
+
background: #f9f9f9;
|
| 2738 |
+
background: rgba(255,255,255,0.8);
|
| 2739 |
+
font-size: 13px;
|
| 2740 |
+
|
| 2741 |
+
-moz-border-radius: 8px;
|
| 2742 |
+
-webkit-border-radius: 8px;
|
| 2743 |
+
border-radius: 8px;
|
| 2744 |
+
}
|
| 2745 |
+
|
| 2746 |
+
/* Alert bubble */
|
| 2747 |
+
#ctf-admin .nav-tab{
|
| 2748 |
+
position: relative;
|
| 2749 |
+
}
|
| 2750 |
+
#ctf-admin .ctf-alert-bubble{
|
| 2751 |
+
position: absolute;
|
| 2752 |
+
top: -9px;
|
| 2753 |
+
right: -16px;
|
| 2754 |
+
|
| 2755 |
+
display: inline-block;
|
| 2756 |
+
vertical-align: top;
|
| 2757 |
+
box-sizing: border-box;
|
| 2758 |
+
margin: 0;
|
| 2759 |
+
padding: 0 5px;
|
| 2760 |
+
height: 18px;
|
| 2761 |
+
|
| 2762 |
+
border-radius: 9px;
|
| 2763 |
+
background-color: #ca4a1f;
|
| 2764 |
+
color: #fff;
|
| 2765 |
+
font-size: 11px;
|
| 2766 |
+
line-height: 1.6;
|
| 2767 |
+
text-align: center;
|
| 2768 |
+
z-index: 26;
|
| 2769 |
+
}
|
| 2770 |
+
|
| 2771 |
+
/* oEmbed */
|
| 2772 |
+
/* More social feeds page */
|
| 2773 |
+
#ctf-admin-about #ctf-admin-addons .addon-item .action-button .button.button-primary .fa-spinner {
|
| 2774 |
+
color: #333;
|
| 2775 |
+
}
|
| 2776 |
+
#ctf-admin .cff_more_plugins h2{
|
| 2777 |
+
margin-top: 15px;
|
| 2778 |
+
}
|
| 2779 |
+
#ctf-admin .cff_more_plugins #ctf-admin-addons .addons-container{
|
| 2780 |
+
overflow: hidden;
|
| 2781 |
+
margin: 0;
|
| 2782 |
+
}
|
| 2783 |
+
#ctf-admin .cff_more_plugins#ctf-admin-about #ctf-admin-addons{
|
| 2784 |
+
padding: 20px 0;
|
| 2785 |
+
}
|
| 2786 |
+
#ctf-admin .ctf-more-plugins-intro span{
|
| 2787 |
+
color: #FE544F;
|
| 2788 |
+
}
|
| 2789 |
+
#ctf-admin .cff_more_plugins h3{
|
| 2790 |
+
padding: 15px 0 0 0;
|
| 2791 |
+
}
|
| 2792 |
+
|
| 2793 |
+
/* oEmbeds */
|
| 2794 |
+
#ctf-admin.ctf-oembeds #header{
|
| 2795 |
+
border-bottom: 1px solid #ccc;
|
| 2796 |
+
padding-bottom: 15px;
|
| 2797 |
+
margin-bottom: 25px;
|
| 2798 |
+
}
|
| 2799 |
+
#ctf-admin.ctf-oembeds .cff_admin_btn{
|
| 2800 |
+
margin-top: 10px;
|
| 2801 |
+
}
|
| 2802 |
+
#ctf-admin.ctf-oembeds .ctf-success{
|
| 2803 |
+
display: inline-block;
|
| 2804 |
+
clear: both;
|
| 2805 |
+
padding: 20px 30px;
|
| 2806 |
+
border-radius: 3px;
|
| 2807 |
+
}
|
| 2808 |
+
#ctf-admin.ctf-oembeds .ctf-success a{
|
| 2809 |
+
margin-left: 5px;
|
| 2810 |
+
color: #FE544F;
|
| 2811 |
+
}
|
| 2812 |
+
#ctf-admin .ctf-oembed-promo{
|
| 2813 |
+
margin: 30px 0 0 0;
|
| 2814 |
+
padding: 30px;
|
| 2815 |
+
border: 1px solid #ccc;
|
| 2816 |
+
border-radius: 3px;
|
| 2817 |
+
background: rgba(255,255,255,0.5);
|
| 2818 |
+
}
|
| 2819 |
+
#ctf-admin .ctf-oembed-promo h2{
|
| 2820 |
+
padding: 0 0 20px 0;
|
| 2821 |
+
margin: 0;
|
| 2822 |
+
font-size: 18px;
|
| 2823 |
+
line-height: 1.5;
|
| 2824 |
+
}
|
| 2825 |
+
#ctf-admin .ctf-oembed-promo .ctf-reasons div{
|
| 2826 |
+
display: inline-block;
|
| 2827 |
+
margin-right: 15px;
|
| 2828 |
+
}
|
| 2829 |
+
#ctf-admin .ctf-oembed-promo .ctf-reasons span{
|
| 2830 |
+
font-size: 15px;
|
| 2831 |
+
}
|
| 2832 |
+
#ctf-admin .ctf-oembed-promo svg{
|
| 2833 |
+
position: relative;
|
| 2834 |
+
top: 3px;
|
| 2835 |
+
margin: 0 8px 0 0;
|
| 2836 |
+
width: 16px;
|
| 2837 |
+
height: 16px;
|
| 2838 |
+
}
|
| 2839 |
+
#ctf-admin .ctf-oembed-promo .button{
|
| 2840 |
+
margin-top: 12px;
|
| 2841 |
+
font-size: 16px;
|
| 2842 |
+
padding: 5px 20px;
|
| 2843 |
+
}
|
| 2844 |
+
#ctf-admin .ctf-oembed-promo p span{
|
| 2845 |
+
display: inline-block;
|
| 2846 |
+
padding-right: 10px;
|
| 2847 |
+
}
|
| 2848 |
+
#ctf-admin .ctf-oembed-promo .fa-check{
|
| 2849 |
+
width: 14px;
|
| 2850 |
+
height: 14px;
|
| 2851 |
+
margin-right: 5px;
|
| 2852 |
+
top: 2px;
|
| 2853 |
+
}
|
| 2854 |
+
#ctf-admin .ctf-oembed-promo .fa-check path{
|
| 2855 |
+
fill: #3fa03f;
|
| 2856 |
+
}
|
| 2857 |
+
#ctf-admin .ctf-oembed-desc{
|
| 2858 |
+
overflow: hidden;
|
| 2859 |
+
max-width: 900px;
|
| 2860 |
+
}
|
| 2861 |
+
#ctf-admin .ctf-oembed-desc p{
|
| 2862 |
+
padding: 0 0 10px 0;
|
| 2863 |
+
margin: 0;
|
| 2864 |
+
}
|
| 2865 |
+
#ctf-admin .ctf-oembed-desc .ctf-col{
|
| 2866 |
+
width: 45%;
|
| 2867 |
+
margin-right: 4%;
|
| 2868 |
+
float: left;
|
| 2869 |
+
}
|
| 2870 |
+
#ctf-admin .ctf-oembed-desc img{
|
| 2871 |
+
width: 51%;
|
| 2872 |
+
max-width: 457px;
|
| 2873 |
+
float: left;
|
| 2874 |
+
}
|
| 2875 |
+
/* GDPR Settings */
|
| 2876 |
+
#ctf-admin .ctf-list{
|
| 2877 |
+
list-style: inside disc;
|
| 2878 |
+
}
|
| 2879 |
+
#ctf-admin .ctf-box{
|
| 2880 |
+
float: left;
|
| 2881 |
+
clear: both;
|
| 2882 |
+
width: 96%;
|
| 2883 |
+
max-width: 900px;
|
| 2884 |
+
|
| 2885 |
+
padding: 10px 15px;
|
| 2886 |
+
margin: 10px 0;
|
| 2887 |
+
font-size: 13px;
|
| 2888 |
+
background: #f9f9f9;
|
| 2889 |
+
background: rgba(255,255,255,0.8);
|
| 2890 |
+
|
| 2891 |
+
-moz-border-radius: 8px;
|
| 2892 |
+
-webkit-border-radius: 8px;
|
| 2893 |
+
border-radius: 8px;
|
| 2894 |
+
}
|
| 2895 |
+
.gdpr_tooltip p{
|
| 2896 |
+
padding: 0 0 10px 0;
|
| 2897 |
+
}
|
| 2898 |
+
.gdpr_tooltip span{
|
| 2899 |
+
display: inline-block;
|
| 2900 |
+
margin: 0;
|
| 2901 |
+
font-weight: bold;
|
| 2902 |
+
font-size: 14px;
|
| 2903 |
+
}
|
| 2904 |
+
.gdpr_tooltip .ctf-list{
|
| 2905 |
+
padding: 0 0 10px 0;
|
| 2906 |
+
}
|
| 2907 |
+
.gdpr_tooltip li{
|
| 2908 |
+
padding: 0;
|
| 2909 |
+
}
|
| 2910 |
+
.cff_gdpr_plugin_active .cff_active{
|
| 2911 |
+
display: inline-block;
|
| 2912 |
+
padding: 10px 20px 15px 20px;
|
| 2913 |
+
border-radius: 5px;
|
| 2914 |
+
background: #edf4f0;
|
| 2915 |
+
border: 1px solid #2c8649;
|
| 2916 |
+
color: #2c8649;
|
| 2917 |
+
margin: 8px 0 0 0;
|
| 2918 |
+
}
|
| 2919 |
+
.cff_gdpr_plugin_active svg{
|
| 2920 |
+
width: 16px;
|
| 2921 |
+
height: 16px;
|
| 2922 |
+
position: relative;
|
| 2923 |
+
top: 3px;
|
| 2924 |
+
margin-right: 2px;
|
| 2925 |
+
}
|
| 2926 |
+
.cff_gdpr_plugin_active path{
|
| 2927 |
+
fill: green;
|
| 2928 |
+
}
|
| 2929 |
+
.cff_gdpr_list,
|
| 2930 |
+
.cff_gdpr_yes,
|
| 2931 |
+
.cff_gdpr_no{
|
| 2932 |
+
display: none;
|
| 2933 |
+
}
|
| 2934 |
+
#ctf-admin .cff_gdpr_error{
|
| 2935 |
+
padding: 10px 20px 15px 20px;
|
| 2936 |
+
border-radius: 5px;
|
| 2937 |
+
background: #F7E6E6;
|
| 2938 |
+
border: 1px solid #BA7B7B;
|
| 2939 |
+
color: #592626;
|
| 2940 |
+
}
|
| 2941 |
+
#ctf-admin .cff_gdpr_yes .ctf-error{
|
| 2942 |
+
padding: 2px 6px;
|
| 2943 |
+
border-radius: 3px;
|
| 2944 |
+
margin-right: 3px;
|
| 2945 |
+
}
|
| 2946 |
+
#ctf-admin .gdpr-list {
|
| 2947 |
+
text-indent: -20px;
|
| 2948 |
+
padding-left: 25px;
|
| 2949 |
+
}
|
| 2950 |
+
#ctf-admin .gdpr-list li{
|
| 2951 |
+
line-height: 1.5;
|
| 2952 |
+
margin-bottom: 4px;
|
| 2953 |
+
}
|
| 2954 |
+
|
| 2955 |
+
.cff_feeds_account_ctn{width: 100%; float: left;}
|
| 2956 |
+
.cff_feeds_account_ctn #cff_export_accounts{float: right;}
|
| 2957 |
+
/* Locator Summary */
|
| 2958 |
+
.ctf-feed-locator-summary-wrap {
|
| 2959 |
+
max-width: 1100px;
|
| 2960 |
+
margin-bottom: 40px;
|
| 2961 |
+
}
|
| 2962 |
+
.ctf-full-wrap {
|
| 2963 |
+
display: none;
|
| 2964 |
+
}
|
| 2965 |
+
.ctf-locator-more {
|
| 2966 |
+
display: inline-block;
|
| 2967 |
+
margin: 0 0 0 1px;
|
| 2968 |
+
padding: 0 5px;
|
| 2969 |
+
border: 1px solid rgba(0,0,0,0.1);
|
| 2970 |
+
border-radius: 3px;
|
| 2971 |
+
line-height: 1.6;
|
| 2972 |
+
}
|
| 2973 |
+
|
| 2974 |
+
.cff_shortcode_visible .cff_locations_link {
|
| 2975 |
+
display: none;
|
| 2976 |
+
}
|
| 2977 |
+
.cff_locations_link{
|
| 2978 |
+
float: left;
|
| 2979 |
+
}
|
| 2980 |
+
.cff_locations_link a {
|
| 2981 |
+
font-weight: normal;
|
| 2982 |
+
text-decoration: none;
|
| 2983 |
+
}
|
| 2984 |
+
.cff_locations_link svg {
|
| 2985 |
+
width: 11px;
|
| 2986 |
+
position: relative;
|
| 2987 |
+
top: 1px;
|
| 2988 |
+
}
|
| 2989 |
+
#adminmenu a[href="admin.php?page=ctf-support"],
|
| 2990 |
+
#adminmenu a[href="admin.php?page=ctf-top"]{
|
| 2991 |
+
display: none;
|
| 2992 |
+
}
|
| 2993 |
+
|
| 2994 |
+
|
| 2995 |
+
/*** CFF Admin Notices ***/
|
| 2996 |
+
.ctf-admin-notices {
|
| 2997 |
+
padding: 16px 60px 20px 60px;
|
| 2998 |
+
background: #FFFFFF;
|
| 2999 |
+
box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05), 0px 4px 5px rgba(0, 0, 0, 0.05);
|
| 3000 |
+
position: relative;
|
| 3001 |
+
box-sizing: border-box;
|
| 3002 |
+
}
|
| 3003 |
+
.ctf-admin-notices:not(:last-child) {
|
| 3004 |
+
margin-bottom: 15px;
|
| 3005 |
+
}
|
| 3006 |
+
.sb-customizer-preview .ctf-admin-notices:not(:last-child) {
|
| 3007 |
+
margin-bottom: 0px;
|
| 3008 |
+
}
|
| 3009 |
+
.ctf-admin-notices.ctf-license-expired-notice {
|
| 3010 |
+
border-top: 2px solid #D72C2C;
|
| 3011 |
+
}
|
| 3012 |
+
.ctf-admin-notices.ctf-license-renewed-notice {
|
| 3013 |
+
border-top: 2px solid #59AB46;
|
| 3014 |
+
}
|
| 3015 |
+
.ctf-admin-notices .sb-notice-title,
|
| 3016 |
+
#ctf-builder-app .ctf-admin-notices .sb-notice-title,
|
| 3017 |
+
#ctf-settings .ctf-admin-notices .sb-notice-title {
|
| 3018 |
+
font-weight: 600;
|
| 3019 |
+
font-size: 18px;
|
| 3020 |
+
line-height: 25px;
|
| 3021 |
+
margin: 0px;
|
| 3022 |
+
letter-spacing: 0;
|
| 3023 |
+
}
|
| 3024 |
+
.ctf-admin-notices.ctf-license-expired-notice h3{
|
| 3025 |
+
color: #D72C2C;
|
| 3026 |
+
}
|
| 3027 |
+
.ctf-admin-notices p {
|
| 3028 |
+
font-size: 14px;
|
| 3029 |
+
line-height: 22px;
|
| 3030 |
+
color: #434960;
|
| 3031 |
+
margin: 0;
|
| 3032 |
+
}
|
| 3033 |
+
.ctf-admin-notices .sb-notice-icon {
|
| 3034 |
+
position: absolute;
|
| 3035 |
+
left: 22px;
|
| 3036 |
+
top: 18px;
|
| 3037 |
+
}
|
| 3038 |
+
.ctf-admin-notices #sb-dismiss-notice {
|
| 3039 |
+
position: absolute;
|
| 3040 |
+
top: 7px;
|
| 3041 |
+
right: 7px;
|
| 3042 |
+
background: none;
|
| 3043 |
+
border: none;
|
| 3044 |
+
padding: 5px;
|
| 3045 |
+
cursor: pointer;
|
| 3046 |
+
}
|
| 3047 |
+
.ctf-admin-notices #sb-dismiss-notice svg {
|
| 3048 |
+
width: 14px;
|
| 3049 |
+
height: 13px;
|
| 3050 |
+
}
|
| 3051 |
+
.ctf-admin-notices #sb-dismiss-notice path{
|
| 3052 |
+
fill: #8C8F9A;
|
| 3053 |
+
}
|
| 3054 |
+
.ctf-admin-notices .license-action-btns {
|
| 3055 |
+
margin-top: 16px;
|
| 3056 |
+
display: flex;
|
| 3057 |
+
}
|
| 3058 |
+
.ctf-admin-notices .license-action-btns .ctf-notice-btn {
|
| 3059 |
+
text-decoration: none;
|
| 3060 |
+
}
|
| 3061 |
+
.ctf-admin-notices .license-action-btns .ctf-notice-btn:not(:last-child) {
|
| 3062 |
+
margin-right: 8px;
|
| 3063 |
+
}
|
| 3064 |
+
.ctf-admin-notices .license-action-btns .ctf-notice-btn {
|
| 3065 |
+
font-size: 12px;
|
| 3066 |
+
line-height: 160%;
|
| 3067 |
+
padding: 6px 12px;
|
| 3068 |
+
}
|
| 3069 |
+
.ctf-admin-notices .license-action-btns .ctf-notice-btn .spinner-icon {
|
| 3070 |
+
display: none;
|
| 3071 |
+
}
|
| 3072 |
+
.ctf-admin-notices .license-action-btns .ctf-notice-btn svg {
|
| 3073 |
+
margin-right: 4px;
|
| 3074 |
+
transform: translate(0px, 2px);
|
| 3075 |
+
}
|
| 3076 |
+
.ctf-admin-notices .license-action-btns .ctf-notice-btn:active,
|
| 3077 |
+
.ctf-admin-notices .license-action-btns .ctf-notice-btn:focus {
|
| 3078 |
+
outline: none;
|
| 3079 |
+
box-shadow: none;
|
| 3080 |
+
}
|
| 3081 |
+
.ctf-admin-notices .license-action-btns .ctf-btn.ctf-btn-blue {
|
| 3082 |
+
border: 1px solid #0068A0;
|
| 3083 |
+
}
|
| 3084 |
+
.ctf-admin-notices .license-action-btns .ctf-btn.ctf-btn-blue:hover {
|
| 3085 |
+
border: 1px solid #0096CC;
|
| 3086 |
+
}
|
| 3087 |
+
.ctf-admin-notices .license-action-btns .ctf-btn.ctf-btn-blue:active,
|
| 3088 |
+
.ctf-admin-notices .license-action-btns .ctf-btn.ctf-btn-blue:focus {
|
| 3089 |
+
border: 1px solid #004D77;
|
| 3090 |
+
}
|
| 3091 |
+
|
| 3092 |
+
.ctf-critical-error-notice {
|
| 3093 |
+
border-top: 2px solid #D72C2C;
|
| 3094 |
+
}
|
| 3095 |
+
.ctf-critical-error-notice .sb-notice-title {
|
| 3096 |
+
color: #D72C2C;
|
| 3097 |
+
}
|
| 3098 |
+
.ctf-critical-error-notice .button-primary {
|
| 3099 |
+
box-sizing: border-box;
|
| 3100 |
+
border-radius: 2px;
|
| 3101 |
+
display: inline-block;
|
| 3102 |
+
padding: 6px 12px;
|
| 3103 |
+
color: #141B38;
|
| 3104 |
+
font-weight: 600;
|
| 3105 |
+
padding: 6px 12px;
|
| 3106 |
+
font-size: 12px;
|
| 3107 |
+
line-height: 19px;
|
| 3108 |
+
cursor: pointer;
|
| 3109 |
+
transition: all 0.15s ease-in-out;
|
| 3110 |
+
text-decoration: none;
|
| 3111 |
+
border: 1px solid #0068A0;
|
| 3112 |
+
margin-right: 8px;
|
| 3113 |
+
}
|
| 3114 |
+
|
| 3115 |
+
.ctf-critical-error-notice .button-primary {
|
| 3116 |
+
background: #0068A0!important;
|
| 3117 |
+
color: #fff!important;
|
| 3118 |
+
}
|
| 3119 |
+
.ctf-critical-error-notice .button-primary:hover{
|
| 3120 |
+
background: #0096CC!important;
|
| 3121 |
+
border: 1px solid #0096CC;
|
| 3122 |
+
color: #fff!important;
|
| 3123 |
+
}
|
| 3124 |
+
.ctf-critical-error-notice .button-primary:focus,
|
| 3125 |
+
.ctf-critical-error-notice .button-primary:active{
|
| 3126 |
+
background: #004D77!important;
|
| 3127 |
+
color: #004D77!important;
|
| 3128 |
+
border: 1px solid #0096CC;
|
| 3129 |
+
}
|
| 3130 |
+
|
| 3131 |
+
#ctf-settings .ctf-admin-notices.ctf-critical-error-notice .sb-notice-title {
|
| 3132 |
+
margin-bottom: 10px;
|
| 3133 |
+
}
|
| 3134 |
+
|
| 3135 |
+
/*** CFF SB Modal ***/
|
| 3136 |
+
.ctf-sb-modal {
|
| 3137 |
+
position: absolute;
|
| 3138 |
+
top: 0;
|
| 3139 |
+
left: 0;
|
| 3140 |
+
width: 100%;
|
| 3141 |
+
height: 100%;
|
| 3142 |
+
background: rgba(0, 0, 0, 0.4);
|
| 3143 |
+
z-index: 999;
|
| 3144 |
+
display: none;
|
| 3145 |
+
}
|
| 3146 |
+
.facebook-feed_page_ctf-feed-builder .sb-customizer-preview .ctf-sb-modal {
|
| 3147 |
+
z-index: 9;
|
| 3148 |
+
}
|
| 3149 |
+
.facebook-feed_page_ctf-feed-builder .ctf-sb-modal {
|
| 3150 |
+
height: 100vh;
|
| 3151 |
+
}
|
| 3152 |
+
.facebook-feed_page_ctf-feed-builder .sb-customizer-preview .ctf-sb-modal {
|
| 3153 |
+
height: 100%;
|
| 3154 |
+
}
|
| 3155 |
+
.license-details-modal .ctf-modal-content {
|
| 3156 |
+
background-color: #fff;
|
| 3157 |
+
max-height: 507px;
|
| 3158 |
+
height: 507px;
|
| 3159 |
+
max-width: 1170px;
|
| 3160 |
+
padding: 32px 42px 70px 42px;
|
| 3161 |
+
box-sizing: border-box;
|
| 3162 |
+
position: relative;
|
| 3163 |
+
margin: 97px auto 0;
|
| 3164 |
+
width: calc(100% - 30px);
|
| 3165 |
+
}
|
| 3166 |
+
.ctf-modal-content .cancel-btn{
|
| 3167 |
+
background: none;
|
| 3168 |
+
border: none;
|
| 3169 |
+
color: #141B38;
|
| 3170 |
+
position: absolute;
|
| 3171 |
+
top: 16px;
|
| 3172 |
+
right: 16px;
|
| 3173 |
+
padding: 0;
|
| 3174 |
+
cursor: pointer;
|
| 3175 |
+
}
|
| 3176 |
+
|
| 3177 |
+
.ctf-sb-modal-body .sb-modal-title,
|
| 3178 |
+
#ctf-builder-app .ctf-sb-modal-body .sb-modal-title {
|
| 3179 |
+
font-size: 24px;
|
| 3180 |
+
line-height: 29px;
|
| 3181 |
+
letter-spacing: 0;
|
| 3182 |
+
color: #141B38;
|
| 3183 |
+
margin: 0;
|
| 3184 |
+
text-align: left;
|
| 3185 |
+
}
|
| 3186 |
+
.ctf-sb-modal-body .sb-modal-description,
|
| 3187 |
+
#ctf-builder-app .ctf-sb-modal-body .sb-modal-description {
|
| 3188 |
+
font-size: 14px;
|
| 3189 |
+
line-height: 22px;
|
| 3190 |
+
color: #676c80;
|
| 3191 |
+
margin: 3px 0 0;
|
| 3192 |
+
text-align: left;
|
| 3193 |
+
}
|
| 3194 |
+
.ctf-sb-modal-body .sb-why-renew-list-parent {
|
| 3195 |
+
display: flex;
|
| 3196 |
+
flex-wrap: wrap;
|
| 3197 |
+
margin-top: 40px;
|
| 3198 |
+
}
|
| 3199 |
+
.ctf-sb-modal-body .sb-why-renew-list {
|
| 3200 |
+
width: calc((100% / 2) - 0px);
|
| 3201 |
+
box-sizing: border-box;
|
| 3202 |
+
padding-left: 55px;
|
| 3203 |
+
position: relative;
|
| 3204 |
+
margin-bottom: 49px;
|
| 3205 |
+
padding-right: 40px;
|
| 3206 |
+
}
|
| 3207 |
+
.ctf-sb-modal-body .sb-why-renew-list .sb-icon {
|
| 3208 |
+
position: absolute;
|
| 3209 |
+
left: 10px;
|
| 3210 |
+
}
|
| 3211 |
+
.ctf-sb-modal-body .sb-why-renew-list .sb-list-item h4,
|
| 3212 |
+
#ctf-builder-app .ctf-sb-modal-body .sb-why-renew-list .sb-list-item h4{
|
| 3213 |
+
font-weight: 600;
|
| 3214 |
+
font-size: 16px;
|
| 3215 |
+
line-height: 26px;
|
| 3216 |
+
color: #141B38;
|
| 3217 |
+
margin: 0px;
|
| 3218 |
+
text-align: left;
|
| 3219 |
+
}
|
| 3220 |
+
.ctf-sb-modal-body .sb-why-renew-list .sb-list-item p,
|
| 3221 |
+
#ctf-builder-app .ctf-sb-modal-body .sb-why-renew-list .sb-list-item p{
|
| 3222 |
+
font-size: 14px;
|
| 3223 |
+
line-height: 22px;
|
| 3224 |
+
margin: 3px 0 0;
|
| 3225 |
+
text-align: left;
|
| 3226 |
+
color:#676c80;
|
| 3227 |
+
}
|
| 3228 |
+
@media (min-width: 768px) and (max-width: 1170px) {
|
| 3229 |
+
.ctf-modal-content {
|
| 3230 |
+
max-height: none;
|
| 3231 |
+
}
|
| 3232 |
+
.ctf-sb-modal-body .sb-why-renew-list:nth-child(3) {
|
| 3233 |
+
margin-bottom: 0;
|
| 3234 |
+
}
|
| 3235 |
+
.ctf-sb-modal-body .sb-why-renew-list:last-child {
|
| 3236 |
+
margin-bottom: 0;
|
| 3237 |
+
}
|
| 3238 |
+
}
|
| 3239 |
+
@media (max-width: 767px) {
|
| 3240 |
+
.ctf-sb-modal-body .sb-why-renew-list-parent {
|
| 3241 |
+
margin-top: 25px;
|
| 3242 |
+
}
|
| 3243 |
+
.ctf-modal-content {
|
| 3244 |
+
max-height: none;
|
| 3245 |
+
}
|
| 3246 |
+
.ctf-sb-modal-body .sb-why-renew-list {
|
| 3247 |
+
width: 100%;
|
| 3248 |
+
margin-bottom: 30px;
|
| 3249 |
+
}
|
| 3250 |
+
.ctf-sb-modal-body .sb-why-renew-list:last-child {
|
| 3251 |
+
margin-bottom: 0;
|
| 3252 |
+
}
|
| 3253 |
+
}
|
| 3254 |
+
|
| 3255 |
+
body.index-php .ctf-admin-notices {
|
| 3256 |
+
margin: 40px 20px 0 0;
|
| 3257 |
+
}
|
| 3258 |
+
@media (min-width: 1170px) {
|
| 3259 |
+
body.index-php .ctf-admin-notices:not(.ctf-license-renewed-notice) .sb-notice-body {
|
| 3260 |
+
display: flex;
|
| 3261 |
+
justify-content: space-between;
|
| 3262 |
+
width: 100%;
|
| 3263 |
+
}
|
| 3264 |
+
}
|
| 3265 |
+
body.index-php .ctf-sb-modal {
|
| 3266 |
+
left: -20px;
|
| 3267 |
+
width: calc(100% + 20px);
|
| 3268 |
+
}
|
| 3269 |
+
@media (max-width: 767px) {
|
| 3270 |
+
.ctf-admin-notices .license-action-btns {
|
| 3271 |
+
flex-wrap: wrap;
|
| 3272 |
+
}
|
| 3273 |
+
.ctf-admin-notices .license-action-btns .ctf-notice-btn:not(:last-child) {
|
| 3274 |
+
margin-bottom: 8px;
|
| 3275 |
+
}
|
| 3276 |
+
}
|
admin/assets/css/oembeds.css
ADDED
|
@@ -0,0 +1,775 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 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 |
+
#ctf-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 |
+
.ctf-fb-full-wrapper{
|
| 50 |
+
padding: 0 53px;
|
| 51 |
+
padding-top: 82px;
|
| 52 |
+
}
|
| 53 |
+
.ctf-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: #FE544F!important;
|
| 62 |
+
color: #fff!important;
|
| 63 |
+
}
|
| 64 |
+
.sb-btn-orange:hover{
|
| 65 |
+
background: #EC352F!important;
|
| 66 |
+
color: #fff!important;
|
| 67 |
+
}
|
| 68 |
+
.sb-btn-orange:focus,
|
| 69 |
+
.sb-btn-orange:active{
|
| 70 |
+
background: #BC120E!important;
|
| 71 |
+
color: #fff!important;
|
| 72 |
+
}
|
| 73 |
+
/*** 2.0 - HEADER ***/
|
| 74 |
+
.ctf-fb-create-ctn{
|
| 75 |
+
margin-top: 90px;
|
| 76 |
+
}
|
| 77 |
+
.ctf-fb-header{
|
| 78 |
+
height: 64px;
|
| 79 |
+
position: absolute;
|
| 80 |
+
display: flex;
|
| 81 |
+
flex-direction: row;
|
| 82 |
+
justify-content: space-between;
|
| 83 |
+
align-items: center;
|
| 84 |
+
background: #fff;
|
| 85 |
+
padding: 0px 52px;
|
| 86 |
+
z-index: 2;
|
| 87 |
+
}
|
| 88 |
+
.ctf-fb-header-left {
|
| 89 |
+
display: flex;
|
| 90 |
+
}
|
| 91 |
+
.ctf-fb-header-left .sb-social-wall-link-wrap {
|
| 92 |
+
margin-left: 30px;
|
| 93 |
+
}
|
| 94 |
+
.sb-social-wall-link-wrap {
|
| 95 |
+
display: flex;
|
| 96 |
+
font-size: 14px;
|
| 97 |
+
margin: 10px 0;
|
| 98 |
+
}
|
| 99 |
+
.sb-social-wall-link {
|
| 100 |
+
padding: 0 12px;
|
| 101 |
+
border-right: 1px solid #ccc;
|
| 102 |
+
color: #0068A0!important;
|
| 103 |
+
line-height: 1;
|
| 104 |
+
}
|
| 105 |
+
.sb-social-wall-link:first-child {
|
| 106 |
+
padding-left: 0;
|
| 107 |
+
border-right: 1px solid #ccc;
|
| 108 |
+
color: #0068A0!important;
|
| 109 |
+
line-height: 1;
|
| 110 |
+
}
|
| 111 |
+
.sb-social-wall-link:last-child {
|
| 112 |
+
border-right: none;
|
| 113 |
+
}
|
| 114 |
+
.sb-social-wall-link a {
|
| 115 |
+
text-decoration: none;
|
| 116 |
+
}
|
| 117 |
+
.sb-social-wall-link a:focus {
|
| 118 |
+
outline: none;
|
| 119 |
+
box-shadow: none;
|
| 120 |
+
}
|
| 121 |
+
.ctf-fb-hd-logo{
|
| 122 |
+
display: flex;
|
| 123 |
+
vertical-align: middle;
|
| 124 |
+
align-items: center;
|
| 125 |
+
gap: 5px;
|
| 126 |
+
}
|
| 127 |
+
.ctf-fb-hd-logo .sb-logo-letters-wrap {
|
| 128 |
+
margin-bottom: 4px;
|
| 129 |
+
}
|
| 130 |
+
.ctf-fb-hd-logo .breadcrumb-title{
|
| 131 |
+
font-size: 14px;
|
| 132 |
+
font-weight: 400;
|
| 133 |
+
line-height: 22px;
|
| 134 |
+
letter-spacing: 0em;
|
| 135 |
+
margin-left: 4px;
|
| 136 |
+
}
|
| 137 |
+
.ctf-fb-hd-logo .separator{
|
| 138 |
+
margin: 0 5px 0 10px;
|
| 139 |
+
}
|
| 140 |
+
.ctf-fb-hd-btn{
|
| 141 |
+
height: 38px;
|
| 142 |
+
cursor: pointer;
|
| 143 |
+
display: flex;
|
| 144 |
+
flex-direction: row;
|
| 145 |
+
justify-content: center;
|
| 146 |
+
align-items: center;
|
| 147 |
+
padding: 0px 15px 0px 16px;
|
| 148 |
+
font-weight: 600;
|
| 149 |
+
font-size:14px;
|
| 150 |
+
color: #353A41;
|
| 151 |
+
background: #F3F4F5;
|
| 152 |
+
border-radius: 2px;
|
| 153 |
+
border: 1px solid #DCDDE1;
|
| 154 |
+
position: relative;
|
| 155 |
+
text-decoration: none;
|
| 156 |
+
transition: all 0.15s ease-in-out;
|
| 157 |
+
}
|
| 158 |
+
.ctf-fb-hd-btn:focus {
|
| 159 |
+
outline: none;
|
| 160 |
+
box-shadow: none;
|
| 161 |
+
}
|
| 162 |
+
.ctf-fb-hd-btn:hover {
|
| 163 |
+
color: inherit;
|
| 164 |
+
background-color: #fff;
|
| 165 |
+
}
|
| 166 |
+
.ctf-fb-hd-btn i{
|
| 167 |
+
margin: 0px 5px;
|
| 168 |
+
}
|
| 169 |
+
.ctf-fb-hd-btn[data-icon="left"]{
|
| 170 |
+
padding-right: 20px!important;
|
| 171 |
+
}
|
| 172 |
+
|
| 173 |
+
.ctf-fb-full-wrapper .section-header h1 {
|
| 174 |
+
font-size: 32px;
|
| 175 |
+
line-height: 40px;
|
| 176 |
+
}
|
| 177 |
+
/*** 3.0 - OEMBEDS CONTAINER ***/
|
| 178 |
+
.ctf-oembeds-container {
|
| 179 |
+
max-width: 875px;
|
| 180 |
+
position: relative;
|
| 181 |
+
margin: auto;
|
| 182 |
+
margin-top: 33px;
|
| 183 |
+
box-sizing: border-box;
|
| 184 |
+
}
|
| 185 |
+
|
| 186 |
+
/*** 3.1 - SECTION HEADER ***/
|
| 187 |
+
.ctf-section-header h3 {
|
| 188 |
+
font-weight: 600;
|
| 189 |
+
font-size: 32px;
|
| 190 |
+
line-height: 40px;
|
| 191 |
+
color: #141B38;
|
| 192 |
+
margin: 0 0 5px 0;
|
| 193 |
+
}
|
| 194 |
+
.ctf-section-header p {
|
| 195 |
+
font-size: 13px;
|
| 196 |
+
line-height: 18px;
|
| 197 |
+
color: #434960;
|
| 198 |
+
margin: 0;
|
| 199 |
+
}
|
| 200 |
+
.ctf-oembed-plugin-box {
|
| 201 |
+
background: #FFFFFF;
|
| 202 |
+
box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05), 0px 4px 5px rgba(0, 0, 0, 0.05);
|
| 203 |
+
margin-bottom: 10px;
|
| 204 |
+
padding: 12px 20px;
|
| 205 |
+
display: flex;
|
| 206 |
+
justify-content: space-between;
|
| 207 |
+
align-items: center;
|
| 208 |
+
}
|
| 209 |
+
|
| 210 |
+
/*** 3.2 - OEMBED ENABLE/DISABLE BOX ***/
|
| 211 |
+
.ctf-oembed-plugin-box-group {
|
| 212 |
+
margin-top: 35px;
|
| 213 |
+
}
|
| 214 |
+
.ctf-oembed-plugin-box .oembed-text{
|
| 215 |
+
flex-basis: 645px;
|
| 216 |
+
}
|
| 217 |
+
.ctf-oembed-plugin-box .ctf-oembed-btn{
|
| 218 |
+
flex-basis: 125px;
|
| 219 |
+
text-align: right;
|
| 220 |
+
}
|
| 221 |
+
.ctf-oembed-btn .ctf-btn {
|
| 222 |
+
border-radius: 2px;
|
| 223 |
+
padding: 10px 20px;
|
| 224 |
+
border: 0px;
|
| 225 |
+
color: #fff;
|
| 226 |
+
font-size: 14px;
|
| 227 |
+
cursor: pointer;
|
| 228 |
+
transition: all .15s ease-in-out;
|
| 229 |
+
box-sizing: border-box;
|
| 230 |
+
text-decoration: none;
|
| 231 |
+
align-items: center;
|
| 232 |
+
display: flex;
|
| 233 |
+
align-items: center;
|
| 234 |
+
height: 38px;
|
| 235 |
+
float: right;
|
| 236 |
+
}
|
| 237 |
+
.ctf-oembed-btn .ctf-btn span {
|
| 238 |
+
margin-right: 5px;
|
| 239 |
+
height: 15px;
|
| 240 |
+
width: 15px;
|
| 241 |
+
}
|
| 242 |
+
.ctf-oembed-btn .ctf-btn svg {
|
| 243 |
+
width: 100%;
|
| 244 |
+
height: 100%;
|
| 245 |
+
}
|
| 246 |
+
.ctf-oembed-btn button:hover {
|
| 247 |
+
background-color: #0096CC;
|
| 248 |
+
border-color: #0096CC;
|
| 249 |
+
}
|
| 250 |
+
.ctf-oembed-btn .ctf-btn:focus,
|
| 251 |
+
.ctf-oembed-btn .ctf-btn:active {
|
| 252 |
+
outline: none;
|
| 253 |
+
box-shadow: none;
|
| 254 |
+
}
|
| 255 |
+
.ctf-oembed-btn button.disable-oembed {
|
| 256 |
+
background: #D72C2C;
|
| 257 |
+
}
|
| 258 |
+
.ctf-oembed-btn button.disable-oembed:hover {
|
| 259 |
+
background-color: #DF5757;
|
| 260 |
+
border-color: #DF5757;
|
| 261 |
+
}
|
| 262 |
+
.ctf-oembed-btn button.disable-oembed:focus,
|
| 263 |
+
.ctf-oembed-btn button.disable-oembed:active {
|
| 264 |
+
background-color: #841919;
|
| 265 |
+
border-color: #841919;
|
| 266 |
+
}
|
| 267 |
+
.ctf-oembed-btn button.loading svg {
|
| 268 |
+
height: 14px;
|
| 269 |
+
transform: translate(0, 2px);
|
| 270 |
+
}
|
| 271 |
+
|
| 272 |
+
/*** 3.3 - OEMBED INFORMATION BOX ***/
|
| 273 |
+
.ctf-oembed-information {
|
| 274 |
+
background: #FFFFFF;
|
| 275 |
+
box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05), 0px 4px 5px rgba(0, 0, 0, 0.05);
|
| 276 |
+
margin-bottom: 10px;
|
| 277 |
+
}
|
| 278 |
+
.ctf-oembed-information .sb-box-header {
|
| 279 |
+
padding: 16px 20px;
|
| 280 |
+
border-bottom: 1px solid #E8E8EB;
|
| 281 |
+
}
|
| 282 |
+
.ctf-oembed-information .sb-box-header h3 {
|
| 283 |
+
margin: 0;
|
| 284 |
+
font-weight: 600;
|
| 285 |
+
font-size: 18px;
|
| 286 |
+
line-height: 140%;
|
| 287 |
+
color: #141B38;
|
| 288 |
+
}
|
| 289 |
+
.sb-two-column-box {
|
| 290 |
+
display: flex;
|
| 291 |
+
justify-content: space-around;
|
| 292 |
+
align-items: center;
|
| 293 |
+
border-bottom: 1px solid #E8E8EB;
|
| 294 |
+
}
|
| 295 |
+
.sb-two-column-box-1 img {
|
| 296 |
+
max-width: 438px;
|
| 297 |
+
}
|
| 298 |
+
.sb-two-column-box-2 img{
|
| 299 |
+
margin-top: 20px;
|
| 300 |
+
max-width: 442px;
|
| 301 |
+
}
|
| 302 |
+
.sb-two-column-box .sb-embed-info-text {
|
| 303 |
+
padding: 0 75px 0 35px;
|
| 304 |
+
}
|
| 305 |
+
.sb-two-column-box-2 .sb-embed-info-text {
|
| 306 |
+
padding: 0 65px 0 30px;
|
| 307 |
+
}
|
| 308 |
+
.sb-two-column-box h4,
|
| 309 |
+
.sb-one-column-box h4 {
|
| 310 |
+
font-size: 16px;
|
| 311 |
+
font-weight: 600;
|
| 312 |
+
line-height: 26px;
|
| 313 |
+
color: #141B38;
|
| 314 |
+
}
|
| 315 |
+
.sb-one-column-box {
|
| 316 |
+
max-width: 405px;
|
| 317 |
+
margin: auto;
|
| 318 |
+
text-align: center;
|
| 319 |
+
}
|
| 320 |
+
.sb-one-column-box h4 {
|
| 321 |
+
padding: 0;
|
| 322 |
+
margin-top: 30px;
|
| 323 |
+
margin-bottom: 0px;
|
| 324 |
+
}
|
| 325 |
+
.sb-one-column-box p {
|
| 326 |
+
font-size: 14px;
|
| 327 |
+
line-height: 22px;
|
| 328 |
+
}
|
| 329 |
+
.sb-one-column-box img {
|
| 330 |
+
margin-top: 15px;
|
| 331 |
+
margin-bottom: -21px;
|
| 332 |
+
max-width: 392px;
|
| 333 |
+
}
|
| 334 |
+
.sb-two-column-box-1 .sb-left {
|
| 335 |
+
padding-left: 20px;
|
| 336 |
+
}
|
| 337 |
+
.sb-plugin-info-box {
|
| 338 |
+
padding-top: 20px;
|
| 339 |
+
}
|
| 340 |
+
|
| 341 |
+
.sb-plugin-info-box .sb-left {
|
| 342 |
+
padding-left: 35px;
|
| 343 |
+
}
|
| 344 |
+
.sb-plugin-info-box .sb-right {
|
| 345 |
+
padding: 0 60px 0 40px;
|
| 346 |
+
}
|
| 347 |
+
.sb-plugin-info-box h4 {
|
| 348 |
+
font-size: 18px;
|
| 349 |
+
margin: 0px;
|
| 350 |
+
}
|
| 351 |
+
.sb-plugin-info-box p {
|
| 352 |
+
font-size: 14px;
|
| 353 |
+
line-height: 22px;
|
| 354 |
+
color: #434960;
|
| 355 |
+
margin-top: 10px;
|
| 356 |
+
}
|
| 357 |
+
.sb-plugin-info-box img {
|
| 358 |
+
max-width: 414px;
|
| 359 |
+
margin-bottom: -5px;
|
| 360 |
+
}
|
| 361 |
+
/*** 4.0 - MODAL STYLE ***/
|
| 362 |
+
.ctf-oembed-modal {
|
| 363 |
+
position: absolute;
|
| 364 |
+
top: 0;
|
| 365 |
+
left: 0;
|
| 366 |
+
width: 100%;
|
| 367 |
+
height: 100%;
|
| 368 |
+
background: rgba(0, 0, 0, 0.4);
|
| 369 |
+
z-index: 9;
|
| 370 |
+
}
|
| 371 |
+
.ctf-modal-content {
|
| 372 |
+
background-color: #fff;
|
| 373 |
+
height: 381px;
|
| 374 |
+
max-width: 572px;
|
| 375 |
+
padding: 40px 75px 48px;
|
| 376 |
+
box-sizing: border-box;
|
| 377 |
+
position: relative;
|
| 378 |
+
text-align: center;
|
| 379 |
+
margin: 260px auto 0;
|
| 380 |
+
}
|
| 381 |
+
.ctf-modal-content h2 {
|
| 382 |
+
font-size: 24px;
|
| 383 |
+
line-height: 29px;
|
| 384 |
+
text-align: center;
|
| 385 |
+
letter-spacing: 0;
|
| 386 |
+
color: #141B38;
|
| 387 |
+
margin: 0 0 5px 0;
|
| 388 |
+
}
|
| 389 |
+
.ctf-modal-content p {
|
| 390 |
+
font-size: 12px;
|
| 391 |
+
line-height: 18px;
|
| 392 |
+
text-align: center;
|
| 393 |
+
color: #434960;
|
| 394 |
+
}
|
| 395 |
+
.ctf-modal-content .cancel-btn{
|
| 396 |
+
background: none;
|
| 397 |
+
border: none;
|
| 398 |
+
color: #141B38;
|
| 399 |
+
position: absolute;
|
| 400 |
+
top: 16px;
|
| 401 |
+
right: 16px;
|
| 402 |
+
padding: 0;
|
| 403 |
+
cursor: pointer;
|
| 404 |
+
}
|
| 405 |
+
.ctf-modal-content .modal-icon{
|
| 406 |
+
margin-bottom: 45px;
|
| 407 |
+
}
|
| 408 |
+
.ctf-modal-content .modal-icon img {
|
| 409 |
+
max-width: 102px;
|
| 410 |
+
}
|
| 411 |
+
.ctf-modal-content .sb-action-buttons{
|
| 412 |
+
display: flex;
|
| 413 |
+
justify-content: center;
|
| 414 |
+
margin-top: 30px;
|
| 415 |
+
}
|
| 416 |
+
.ctf-modal-content .sb-action-buttons button:not(:last-child) {
|
| 417 |
+
margin-right: 7px;
|
| 418 |
+
}
|
| 419 |
+
|
| 420 |
+
.sb-action-buttons .ctf-btn {
|
| 421 |
+
display: flex;
|
| 422 |
+
align-items: center;
|
| 423 |
+
vertical-align: middle;
|
| 424 |
+
justify-content: center;
|
| 425 |
+
background: #F3F4F5;
|
| 426 |
+
border: 1px solid #DCDDE1;
|
| 427 |
+
box-sizing: border-box;
|
| 428 |
+
border-radius: 2px;
|
| 429 |
+
padding: 7px 30px;
|
| 430 |
+
font-weight: 600;
|
| 431 |
+
font-size: 14px;
|
| 432 |
+
line-height: 22px;
|
| 433 |
+
color: #141B38;
|
| 434 |
+
box-sizing: border-box;
|
| 435 |
+
letter-spacing: 0.2px;
|
| 436 |
+
cursor: pointer;
|
| 437 |
+
min-width: 175px;
|
| 438 |
+
}
|
| 439 |
+
.sb-action-buttons .ctf-install-btn {
|
| 440 |
+
background-color: #FE544F;
|
| 441 |
+
border-color: #FE544F;
|
| 442 |
+
color: #fff;
|
| 443 |
+
}
|
| 444 |
+
.sb-action-buttons .ctf-install-btn:disabled {
|
| 445 |
+
background: #F3F4F5;
|
| 446 |
+
border: 1px solid #DCDDE1;
|
| 447 |
+
color: #141B38;
|
| 448 |
+
cursor: not-allowed
|
| 449 |
+
}
|
| 450 |
+
.sb-action-buttons .ctf-install-btn:not(.success):disabled path {
|
| 451 |
+
fill: #141B38;
|
| 452 |
+
}
|
| 453 |
+
.sb-action-buttons .ctf-install-btn span {
|
| 454 |
+
margin-right: 10px;
|
| 455 |
+
}
|
| 456 |
+
|
| 457 |
+
.sb-action-buttons .ctf-install-btn.loading svg {
|
| 458 |
+
height: 16px;
|
| 459 |
+
transform: translate(0, 2px);
|
| 460 |
+
}
|
| 461 |
+
|
| 462 |
+
/*** 5.0 Sticky Widget ***/
|
| 463 |
+
.ctf-stck-wdg{
|
| 464 |
+
position: fixed;
|
| 465 |
+
right: 21px;
|
| 466 |
+
z-index: 9;
|
| 467 |
+
bottom: 20px;
|
| 468 |
+
}
|
| 469 |
+
.ctf-stck-wdg-btn{
|
| 470 |
+
width: 52px;
|
| 471 |
+
height: 52px;
|
| 472 |
+
background: #fff;
|
| 473 |
+
border-radius: 50%;
|
| 474 |
+
cursor: pointer;
|
| 475 |
+
display: flex;
|
| 476 |
+
justify-content: center;
|
| 477 |
+
align-items: center;
|
| 478 |
+
filter: drop-shadow(0px 9px 13px rgba(0, 0, 0, 0.2));
|
| 479 |
+
}
|
| 480 |
+
.ctf-stck-wdg-btn svg{
|
| 481 |
+
width: 25px;
|
| 482 |
+
fill: #FE544F;
|
| 483 |
+
height: 33px;
|
| 484 |
+
}
|
| 485 |
+
|
| 486 |
+
.ctf-stck-wdg[data-active="true"] .ctf-stck-wdg-btn-cls,
|
| 487 |
+
.ctf-stck-wdg[data-active="true"] .ctf-stck-wdg-btn-cls svg{
|
| 488 |
+
display: block;
|
| 489 |
+
}
|
| 490 |
+
.ctf-stck-wdg-btn-cls{
|
| 491 |
+
width: inherit;
|
| 492 |
+
height: inherit;
|
| 493 |
+
position: relative;
|
| 494 |
+
color: #364152;
|
| 495 |
+
box-shadow: 0px 1px 6px rgb(0 0 0 / 5%), 0px 9px 12px rgb(0 0 0 / 5%);
|
| 496 |
+
border-radius: 70px;
|
| 497 |
+
}
|
| 498 |
+
.ctf-stck-wdg-btn-cls svg {
|
| 499 |
+
width: 14px;
|
| 500 |
+
height: 14px;
|
| 501 |
+
position: absolute;
|
| 502 |
+
top: 50%;
|
| 503 |
+
right: 0;
|
| 504 |
+
bottom: 0;
|
| 505 |
+
left: 50%;
|
| 506 |
+
margin-top: -7px;
|
| 507 |
+
margin-left: -7px;
|
| 508 |
+
}
|
| 509 |
+
|
| 510 |
+
.ctf-stck-pop{
|
| 511 |
+
position: absolute;
|
| 512 |
+
width: 292px;
|
| 513 |
+
height: auto;
|
| 514 |
+
background: #fff;
|
| 515 |
+
border: 1px solid #E2E8F0;
|
| 516 |
+
box-sizing: border-box;
|
| 517 |
+
box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.15), 0px 3px 14px rgba(0, 0, 0, 0.12);
|
| 518 |
+
border-radius: 2px;
|
| 519 |
+
padding: 20px;
|
| 520 |
+
right: 0px;
|
| 521 |
+
bottom: 66px;
|
| 522 |
+
color: #141B38;
|
| 523 |
+
padding-bottom: 82px;
|
| 524 |
+
}
|
| 525 |
+
.ctf-stck-wdg[data-active="true"] .ctf-stck-pop{
|
| 526 |
+
bottom: 66px;
|
| 527 |
+
opacity: 1;
|
| 528 |
+
visibility: visible;
|
| 529 |
+
}
|
| 530 |
+
|
| 531 |
+
.ctf-stck-pop svg{
|
| 532 |
+
fill: currentColor;
|
| 533 |
+
}
|
| 534 |
+
.ctf-stck-el-list{
|
| 535 |
+
border: 1px solid #DCDDE1;
|
| 536 |
+
border-radius: 2px;
|
| 537 |
+
}
|
| 538 |
+
.ctf-stck-el{
|
| 539 |
+
display: flex;
|
| 540 |
+
align-items: center;
|
| 541 |
+
padding: 11px 13px;
|
| 542 |
+
border-bottom: 1px solid #DCDDE1;
|
| 543 |
+
transition: background .15s ease-in-out;
|
| 544 |
+
font-size: 12px;
|
| 545 |
+
}
|
| 546 |
+
.ctf-stck-el:hover{
|
| 547 |
+
background: #F3F4F5;
|
| 548 |
+
}
|
| 549 |
+
.ctf-stck-el:last-of-type{
|
| 550 |
+
border-bottom: 0px;
|
| 551 |
+
}
|
| 552 |
+
.ctf-stck-el-list .ctf-chevron svg{
|
| 553 |
+
width: 5px;
|
| 554 |
+
height: 8px;
|
| 555 |
+
}
|
| 556 |
+
.ctf-fs-a {
|
| 557 |
+
width: 100%;
|
| 558 |
+
height: 100%;
|
| 559 |
+
display: block;
|
| 560 |
+
position: absolute;
|
| 561 |
+
left: 0;
|
| 562 |
+
top: 0;
|
| 563 |
+
z-index: 1;
|
| 564 |
+
}
|
| 565 |
+
.ctf-stck-el .ctf-stck-el-txt{
|
| 566 |
+
color: #27303F;
|
| 567 |
+
}
|
| 568 |
+
.ctf-stck-el.ctf-stck-el-upgrd{
|
| 569 |
+
padding: 9px 14px;
|
| 570 |
+
font-size: 14px;
|
| 571 |
+
background: var(--cl-orange);
|
| 572 |
+
color: #fff;
|
| 573 |
+
position: relative;
|
| 574 |
+
transition: background .15s ease-in-out;
|
| 575 |
+
font-weight: 600;
|
| 576 |
+
}
|
| 577 |
+
.ctf-chevron {
|
| 578 |
+
position: absolute;
|
| 579 |
+
right: 14px
|
| 580 |
+
}
|
| 581 |
+
.ctf-stck-el.ctf-stck-el-upgrd .ctf-stck-el-txt{
|
| 582 |
+
color: #fff;
|
| 583 |
+
}
|
| 584 |
+
.ctf-stck-el.ctf-stck-el-upgrd:after{
|
| 585 |
+
top: 20px;
|
| 586 |
+
opacity: 1;
|
| 587 |
+
}
|
| 588 |
+
.ctf-stck-el-icon{
|
| 589 |
+
margin-right: 10px;
|
| 590 |
+
}
|
| 591 |
+
.ctf-stck-el-icon svg{
|
| 592 |
+
width: 17px;
|
| 593 |
+
float: left;
|
| 594 |
+
}
|
| 595 |
+
.ctf-stck-title{
|
| 596 |
+
margin-top: 20px;
|
| 597 |
+
margin-bottom: 10px;
|
| 598 |
+
color: #141B38;
|
| 599 |
+
font-weight: 600;
|
| 600 |
+
font-size: 14px;
|
| 601 |
+
line-height: 160%;
|
| 602 |
+
}
|
| 603 |
+
.ctf-stck-follow{
|
| 604 |
+
background: #F3F4F5;
|
| 605 |
+
margin-top: 20px;
|
| 606 |
+
left: 0px;
|
| 607 |
+
bottom: 0px;
|
| 608 |
+
position: absolute;
|
| 609 |
+
padding: 12px 20px;
|
| 610 |
+
display: flex;
|
| 611 |
+
align-items: center;
|
| 612 |
+
}
|
| 613 |
+
.ctf-stck-follow span{
|
| 614 |
+
font-weight: 600;
|
| 615 |
+
font-size: 14px;
|
| 616 |
+
}
|
| 617 |
+
.ctf-stck-flw-links{
|
| 618 |
+
display: flex;
|
| 619 |
+
justify-content: center;
|
| 620 |
+
align-items: center;
|
| 621 |
+
margin-left: auto;
|
| 622 |
+
}
|
| 623 |
+
.ctf-stck-flw-links a{
|
| 624 |
+
width: 36px;
|
| 625 |
+
height: 28px;
|
| 626 |
+
color: inherit;
|
| 627 |
+
display: inline-flex;
|
| 628 |
+
justify-content: center;
|
| 629 |
+
align-items: center;
|
| 630 |
+
margin-left: 4px;
|
| 631 |
+
border-radius: 2px;
|
| 632 |
+
transition: background .15s ease-in-out;
|
| 633 |
+
}
|
| 634 |
+
.ctf-stck-flw-links svg{
|
| 635 |
+
width: 17px;
|
| 636 |
+
color: #141B38;
|
| 637 |
+
}
|
| 638 |
+
.ctf-stck-flw-links a:hover{
|
| 639 |
+
background: #fff;
|
| 640 |
+
}
|
| 641 |
+
.ctf-stck-flw-links a:hover svg{
|
| 642 |
+
color: inherit;
|
| 643 |
+
}
|
| 644 |
+
|
| 645 |
+
/*** 6.0 - RESPONSIVENESS ***/
|
| 646 |
+
@media (max-width: 1170px) {
|
| 647 |
+
.ctf-oembed-plugin-box .oembed-text {
|
| 648 |
+
flex-basis: 78%;
|
| 649 |
+
}
|
| 650 |
+
}
|
| 651 |
+
|
| 652 |
+
@media (max-width: 1024px) {
|
| 653 |
+
.ctf-oembed-plugin-box .oembed-text {
|
| 654 |
+
flex-basis: 72%;
|
| 655 |
+
}
|
| 656 |
+
.sb-two-column-box {
|
| 657 |
+
flex-direction: column;
|
| 658 |
+
}
|
| 659 |
+
.sb-two-column-box-1 {
|
| 660 |
+
flex-direction: column-reverse;
|
| 661 |
+
}
|
| 662 |
+
.sb-two-column-box .sb-embed-info-text{
|
| 663 |
+
padding: 0 35px;
|
| 664 |
+
text-align: center;
|
| 665 |
+
}
|
| 666 |
+
.sb-two-column-box-2 img {
|
| 667 |
+
margin-top: 0px;
|
| 668 |
+
}
|
| 669 |
+
.sb-two-column-box .sb-left,
|
| 670 |
+
.sb-two-column-box .sb-right {
|
| 671 |
+
max-width: 405px;
|
| 672 |
+
margin: auto;
|
| 673 |
+
}
|
| 674 |
+
.sb-two-column-box.sb-plugin-info-box .sb-embed-info-text {
|
| 675 |
+
margin-top: 25px;
|
| 676 |
+
}
|
| 677 |
+
.auto-fold #wpcontent {
|
| 678 |
+
padding-left: 0px;
|
| 679 |
+
}
|
| 680 |
+
}
|
| 681 |
+
@media (max-width: 767px) {
|
| 682 |
+
.auto-fold #wpcontent {
|
| 683 |
+
padding-left: 0;
|
| 684 |
+
}
|
| 685 |
+
.ctf-fb-full-wrapper {
|
| 686 |
+
padding: 70px 20px 0 20px;
|
| 687 |
+
}
|
| 688 |
+
.ctf-fb-header {
|
| 689 |
+
padding: 0px 20px;
|
| 690 |
+
}
|
| 691 |
+
.ctf-fb-hd-btn {
|
| 692 |
+
padding: 0px 15px 0px 7px;
|
| 693 |
+
}
|
| 694 |
+
.ctf-about-box .sb-team-info {
|
| 695 |
+
padding: 30px;
|
| 696 |
+
}
|
| 697 |
+
.ctf-oembed-plugin-box {
|
| 698 |
+
flex-wrap: wrap;
|
| 699 |
+
}
|
| 700 |
+
.ctf-oembed-plugin-box .oembed-icon {
|
| 701 |
+
width: 20px;
|
| 702 |
+
vertical-align: middle;
|
| 703 |
+
display: flex;
|
| 704 |
+
}
|
| 705 |
+
.ctf-oembed-plugin-box .ctf-oembed-btn {
|
| 706 |
+
flex-basis: 114px;
|
| 707 |
+
text-align: left;
|
| 708 |
+
margin-top: 15px;
|
| 709 |
+
}
|
| 710 |
+
.ctf-oembed-plugin-box .oembed-text {
|
| 711 |
+
flex-basis: calc(100% - 40px);
|
| 712 |
+
}
|
| 713 |
+
.sb-plugin-info-box .sb-left,
|
| 714 |
+
.sb-two-column-box-1 .sb-left,
|
| 715 |
+
.sb-two-column-box-2 .sb-right,
|
| 716 |
+
.sb-one-column-box img {
|
| 717 |
+
display: none;
|
| 718 |
+
}
|
| 719 |
+
.sb-one-column-box {
|
| 720 |
+
padding-bottom: 5px !important;
|
| 721 |
+
}
|
| 722 |
+
.sb-one-column-box h4 {
|
| 723 |
+
margin-top: 21px;
|
| 724 |
+
}
|
| 725 |
+
.sb-two-column-box.sb-plugin-info-box .sb-embed-info-text {
|
| 726 |
+
margin-top: 0;
|
| 727 |
+
}
|
| 728 |
+
.sb-plugin-info-box p {
|
| 729 |
+
margin-bottom: 17px;
|
| 730 |
+
}
|
| 731 |
+
.ctf-modal-content {
|
| 732 |
+
margin: 80px auto 0;
|
| 733 |
+
width: 90%;
|
| 734 |
+
height: auto;
|
| 735 |
+
padding: 40px 30px;
|
| 736 |
+
}
|
| 737 |
+
.ctf-modal-content .modal-icon {
|
| 738 |
+
margin-bottom: 30px;
|
| 739 |
+
}
|
| 740 |
+
.sb-plugin-info-box h4 {
|
| 741 |
+
font-size: 16px;
|
| 742 |
+
}
|
| 743 |
+
}
|
| 744 |
+
@media (max-width: 630px) {
|
| 745 |
+
.sb-two-column-box img,
|
| 746 |
+
.sb-one-column-box img {
|
| 747 |
+
max-width: 100%;
|
| 748 |
+
}
|
| 749 |
+
.ctf-modal-content .sb-action-buttons {
|
| 750 |
+
flex-direction: column;
|
| 751 |
+
}
|
| 752 |
+
.ctf-modal-content .sb-action-buttons button:not(:last-child) {
|
| 753 |
+
margin-right: 0px;
|
| 754 |
+
margin-bottom: 7px;
|
| 755 |
+
}
|
| 756 |
+
}
|
| 757 |
+
@media (max-width: 530px) {
|
| 758 |
+
.sb-two-column-box .sb-left,
|
| 759 |
+
.sb-two-column-box .sb-right,
|
| 760 |
+
.sb-one-column-box {
|
| 761 |
+
padding: 0 20px;
|
| 762 |
+
}
|
| 763 |
+
|
| 764 |
+
.sb-two-column-box h4, .sb-one-column-box h4 {
|
| 765 |
+
line-height: 22px;
|
| 766 |
+
}
|
| 767 |
+
.sb-one-column-box img {
|
| 768 |
+
margin-bottom: -15px;
|
| 769 |
+
}
|
| 770 |
+
}
|
| 771 |
+
|
| 772 |
+
.ctf-btn-blue {
|
| 773 |
+
background: #0068A0!important;
|
| 774 |
+
color: #fff!important;
|
| 775 |
+
}
|
admin/assets/css/settings.css
ADDED
|
@@ -0,0 +1,2088 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 1 |
+
/*
|
| 2 |
+
* Settings CSS TABLE OF CONTENTS
|
| 3 |
+
*
|
| 4 |
+
* 1.0 - Global
|
| 5 |
+
* 2.0 - SBI 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 |
+
.ctf-fs{
|
| 20 |
+
display: block;
|
| 21 |
+
width: 100%;
|
| 22 |
+
float: left;
|
| 23 |
+
}
|
| 24 |
+
/* start commented backslash hack \*/
|
| 25 |
+
* html .clearfix { height: 1%; }
|
| 26 |
+
.clearfix { display: block; }
|
| 27 |
+
#ctf-settings {
|
| 28 |
+
-webkit-font-smoothing: antialiased;
|
| 29 |
+
font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
|
| 30 |
+
}
|
| 31 |
+
#wpcontent {
|
| 32 |
+
padding-left: 0px;
|
| 33 |
+
}
|
| 34 |
+
.clearfix:after {
|
| 35 |
+
visibility: hidden;
|
| 36 |
+
display: block;
|
| 37 |
+
font-size: 0;
|
| 38 |
+
content: " ";
|
| 39 |
+
clear: both;
|
| 40 |
+
height: 0;
|
| 41 |
+
}
|
| 42 |
+
.checkmark {
|
| 43 |
+
width: 21px;
|
| 44 |
+
height: 22px;
|
| 45 |
+
border-radius: 50%;
|
| 46 |
+
display: block;
|
| 47 |
+
stroke-width: 2;
|
| 48 |
+
stroke: #59AB46;
|
| 49 |
+
stroke-miterlimit: 10;
|
| 50 |
+
stroke-dashoffset: 0;
|
| 51 |
+
}
|
| 52 |
+
.ctf-fb-full-wrapper{
|
| 53 |
+
padding: 0 53px;
|
| 54 |
+
padding-top: 82px;
|
| 55 |
+
}
|
| 56 |
+
.ctf-fb-fs {
|
| 57 |
+
width: 100%;
|
| 58 |
+
position: relative;
|
| 59 |
+
float: left;
|
| 60 |
+
box-sizing: border-box;
|
| 61 |
+
}
|
| 62 |
+
#adminmenu a[href="admin.php?page=ctf-support"] {
|
| 63 |
+
display: none;
|
| 64 |
+
}
|
| 65 |
+
/*** 2.0 - SBI CSS Framework ***/
|
| 66 |
+
.d-flex {
|
| 67 |
+
display: flex;
|
| 68 |
+
}
|
| 69 |
+
.justify-between {
|
| 70 |
+
justify-content: space-between;
|
| 71 |
+
}
|
| 72 |
+
.items-center{
|
| 73 |
+
align-items: center;
|
| 74 |
+
}
|
| 75 |
+
/* SBI Form Fields */
|
| 76 |
+
.sb-form-field {
|
| 77 |
+
display: block;
|
| 78 |
+
position: relative;
|
| 79 |
+
}
|
| 80 |
+
.sb-form-field .help-text {
|
| 81 |
+
font-size: 13px;
|
| 82 |
+
line-height: 22px;
|
| 83 |
+
color: #434960;
|
| 84 |
+
font-weight: 400;
|
| 85 |
+
word-spacing: 0.3px;
|
| 86 |
+
max-width: 640px;
|
| 87 |
+
}
|
| 88 |
+
.sb-form-field .help-text-green {
|
| 89 |
+
color: #59AB46;
|
| 90 |
+
}
|
| 91 |
+
.sb-form-field .help-text a {
|
| 92 |
+
color: inherit;
|
| 93 |
+
font-weight: 500;
|
| 94 |
+
}
|
| 95 |
+
/* input field styles */
|
| 96 |
+
.sb-form-field .ctf-form-field {
|
| 97 |
+
background: #FFFFFF;
|
| 98 |
+
border: 1px solid #D0D1D7;
|
| 99 |
+
box-sizing: border-box;
|
| 100 |
+
border-radius: 1px;
|
| 101 |
+
height: 38px;
|
| 102 |
+
padding: 8px;
|
| 103 |
+
}
|
| 104 |
+
.sb-form-field .ctf-form-field:focus {
|
| 105 |
+
outline: none;
|
| 106 |
+
box-shadow: none;
|
| 107 |
+
}
|
| 108 |
+
.sb-form-field .field-icon {
|
| 109 |
+
position: absolute;
|
| 110 |
+
right: 8px;
|
| 111 |
+
top: 10px;
|
| 112 |
+
font-size: 20px;
|
| 113 |
+
}
|
| 114 |
+
/* ctf-checkbox styles */
|
| 115 |
+
.ctf-checkbox {
|
| 116 |
+
align-items: center;
|
| 117 |
+
border-radius: 100px;
|
| 118 |
+
display: flex;
|
| 119 |
+
font-weight: 700;
|
| 120 |
+
margin-bottom: 15px;
|
| 121 |
+
}
|
| 122 |
+
.ctf-checkbox input[type=checkbox] {
|
| 123 |
+
clip: rect(0 0 0 0);
|
| 124 |
+
clip-path: inset(50%);
|
| 125 |
+
height: 1px;
|
| 126 |
+
overflow: hidden;
|
| 127 |
+
position: absolute;
|
| 128 |
+
white-space: nowrap;
|
| 129 |
+
width: 1px;
|
| 130 |
+
}
|
| 131 |
+
.toggle-track {
|
| 132 |
+
width: 36px;
|
| 133 |
+
height: 20px;
|
| 134 |
+
position: relative;
|
| 135 |
+
background: #9e9e9e;
|
| 136 |
+
border-radius: 31px;
|
| 137 |
+
}
|
| 138 |
+
.toggle-indicator {
|
| 139 |
+
width: 16px;
|
| 140 |
+
height: 16px;
|
| 141 |
+
background-color: #fff;
|
| 142 |
+
border-radius: 100px;
|
| 143 |
+
top: 2px;
|
| 144 |
+
position: absolute;
|
| 145 |
+
left: 2px;
|
| 146 |
+
transition: all .3s cubic-bezier(0.23, 1, 0.320, 1);
|
| 147 |
+
}
|
| 148 |
+
.ctf-checkbox input[type=checkbox]:checked + .toggle-track .toggle-indicator {
|
| 149 |
+
left: 18px;
|
| 150 |
+
}
|
| 151 |
+
.ctf-checkbox input[type=checkbox]:checked + .toggle-track {
|
| 152 |
+
background: #0096CC;
|
| 153 |
+
}
|
| 154 |
+
|
| 155 |
+
.ctf-error-text {
|
| 156 |
+
color: #D72C2C;
|
| 157 |
+
}
|
| 158 |
+
.ctf-error-text a {
|
| 159 |
+
color: inherit;
|
| 160 |
+
}
|
| 161 |
+
.ctf-fb-cp-clpboard{
|
| 162 |
+
width: 0px;
|
| 163 |
+
height: 0px;
|
| 164 |
+
position: absolute;
|
| 165 |
+
left: -100000px;
|
| 166 |
+
}
|
| 167 |
+
.sb-form-field .ctf-input-number {
|
| 168 |
+
min-width: 135px;
|
| 169 |
+
border: 1px solid #D0D1D7;
|
| 170 |
+
padding: 8px 15px 8px 15px;
|
| 171 |
+
height: 50px;
|
| 172 |
+
font-size: 16px;
|
| 173 |
+
color: #141B38;
|
| 174 |
+
-webkit-appearance: none;
|
| 175 |
+
appearance: none;
|
| 176 |
+
box-sizing: border-box;
|
| 177 |
+
}
|
| 178 |
+
.caching-form-fields-group .ctf-input-number{
|
| 179 |
+
width: 145px;
|
| 180 |
+
}
|
| 181 |
+
.sb-form-field .caching-form-fields-group .ctf-select{
|
| 182 |
+
width: 200px!important;
|
| 183 |
+
}
|
| 184 |
+
/* ctf-select */
|
| 185 |
+
.sb-form-field .ctf-select {
|
| 186 |
+
min-width: 235px;
|
| 187 |
+
border: 1px solid #D0D1D7;
|
| 188 |
+
padding: 8px 35px 8px 15px;
|
| 189 |
+
height: 50px;
|
| 190 |
+
font-size: 16px;
|
| 191 |
+
color: #141B38;
|
| 192 |
+
-webkit-appearance: none;
|
| 193 |
+
appearance: none;
|
| 194 |
+
background: #fff url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAFCAYAAAB8ZH1oAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAABSSURBVHgBfc4hCkAhDAbgjV3slQcvvHuYDWY1G8zewyIWb6YuCCLqD4Pt5wtD54NBQA2XVKiWcorl/X7s+DkhJYUhPk54IN5plCue0Tb8M8/aNx/uIpRVqbbFAAAAAElFTkSuQmCC') no-repeat right 15px top 55%;
|
| 195 |
+
box-sizing: border-box;
|
| 196 |
+
}
|
| 197 |
+
.sb-form-field .ctf-select.size-md {
|
| 198 |
+
width: 422px;
|
| 199 |
+
}
|
| 200 |
+
.sb-form-field .ctf-select.size-sm {
|
| 201 |
+
width: 210px;
|
| 202 |
+
min-width: 210px;
|
| 203 |
+
}
|
| 204 |
+
.sb-form-field .ctf-select.size-xs {
|
| 205 |
+
min-width: 100px;
|
| 206 |
+
width: 100px;
|
| 207 |
+
}
|
| 208 |
+
.sb-form-field .ctf-textarea {
|
| 209 |
+
width: 100%;
|
| 210 |
+
min-height: 100px;
|
| 211 |
+
padding: 12px;
|
| 212 |
+
border: 1px solid #D0D1D7;
|
| 213 |
+
font-size: 16px;
|
| 214 |
+
}
|
| 215 |
+
.sb-form-field .ctf-textarea::placeholder {
|
| 216 |
+
color: #8C8F9A;
|
| 217 |
+
}
|
| 218 |
+
.sb-form-field .ctf-textarea:focus {
|
| 219 |
+
outline: none;
|
| 220 |
+
box-shadow: none;
|
| 221 |
+
border-color: #9c9ca0;
|
| 222 |
+
}
|
| 223 |
+
/* SBI Buttons */
|
| 224 |
+
.ctf-btn {
|
| 225 |
+
display: flex;
|
| 226 |
+
align-items: center;
|
| 227 |
+
vertical-align: middle;
|
| 228 |
+
background: #F3F4F5;
|
| 229 |
+
border: none;
|
| 230 |
+
box-sizing: border-box;
|
| 231 |
+
border-radius: 2px;
|
| 232 |
+
padding: 7px 20px;
|
| 233 |
+
font-weight: 600;
|
| 234 |
+
font-size: 14px;
|
| 235 |
+
line-height: 22px;
|
| 236 |
+
color: #141B38;
|
| 237 |
+
box-sizing: border-box;
|
| 238 |
+
letter-spacing: 0.2px;
|
| 239 |
+
cursor: pointer;
|
| 240 |
+
transition: all 0.15s ease-in-out;
|
| 241 |
+
}
|
| 242 |
+
.ctf-btn:hover {
|
| 243 |
+
background: #FFFFFF;
|
| 244 |
+
border: none;
|
| 245 |
+
}
|
| 246 |
+
.ctf-btn:focus,
|
| 247 |
+
.ctf-btn:active {
|
| 248 |
+
background: #E8E8EB;
|
| 249 |
+
border: 1px solid #D0D1D7;
|
| 250 |
+
}
|
| 251 |
+
.ctf-btn .sb-btn-icon {
|
| 252 |
+
margin-right: 10px;
|
| 253 |
+
max-width: 15px;
|
| 254 |
+
}
|
| 255 |
+
.ctf-btn.sb-btn-lg {
|
| 256 |
+
height: 50px;
|
| 257 |
+
font-size: 16px;
|
| 258 |
+
padding: 7px 25px;
|
| 259 |
+
}
|
| 260 |
+
.ctf-btn.sb-btn-blue {
|
| 261 |
+
background-color: #0068A0;
|
| 262 |
+
color: #fff;
|
| 263 |
+
border-color: #096292;
|
| 264 |
+
}
|
| 265 |
+
.ctf-btn span {
|
| 266 |
+
line-height: 1;
|
| 267 |
+
margin-right: 5px;
|
| 268 |
+
}
|
| 269 |
+
.sb-btn-orange {
|
| 270 |
+
background: #FE544F;
|
| 271 |
+
color: #fff;
|
| 272 |
+
font-style: normal;
|
| 273 |
+
font-weight: 600;
|
| 274 |
+
font-size: 14px;
|
| 275 |
+
line-height: 160%;
|
| 276 |
+
}
|
| 277 |
+
.sb-tabs-container .sb-tabs .sb-btn-orange {
|
| 278 |
+
margin-top: -20px;
|
| 279 |
+
}
|
| 280 |
+
.ctf-btn svg.checkmark {
|
| 281 |
+
stroke: #fff;
|
| 282 |
+
transform: translate(-7px, -3px);
|
| 283 |
+
}
|
| 284 |
+
.input-hidden {
|
| 285 |
+
height: 0px;
|
| 286 |
+
width: 0px;
|
| 287 |
+
overflow: hidden;
|
| 288 |
+
}
|
| 289 |
+
|
| 290 |
+
/*** 2.1 - SBI Utility CSS ***/
|
| 291 |
+
.mr-3 {
|
| 292 |
+
margin-right: 3px;
|
| 293 |
+
}
|
| 294 |
+
.mr-4 {
|
| 295 |
+
margin-right: 4px;
|
| 296 |
+
}
|
| 297 |
+
.mb-6 {
|
| 298 |
+
margin-bottom: 6px;
|
| 299 |
+
}
|
| 300 |
+
.mb-10 {
|
| 301 |
+
margin-bottom: 10px;
|
| 302 |
+
}
|
| 303 |
+
.mb-15 {
|
| 304 |
+
margin-bottom: 15px;
|
| 305 |
+
}
|
| 306 |
+
.mb-20 {
|
| 307 |
+
margin-bottom: 20px;
|
| 308 |
+
}
|
| 309 |
+
.mb-30 {
|
| 310 |
+
margin-bottom: 30px;
|
| 311 |
+
}
|
| 312 |
+
.mb-40 {
|
| 313 |
+
margin-bottom: 40px;
|
| 314 |
+
}
|
| 315 |
+
.mb-50 {
|
| 316 |
+
margin-bottom: 50px;
|
| 317 |
+
}
|
| 318 |
+
.ml-10 {
|
| 319 |
+
margin-left: 15px;
|
| 320 |
+
}
|
| 321 |
+
|
| 322 |
+
/*** 2.1 Notification Element ***/
|
| 323 |
+
.sb-notification-ctn{
|
| 324 |
+
position: fixed;
|
| 325 |
+
bottom: -100px;
|
| 326 |
+
left: 200px;
|
| 327 |
+
z-index: 99999;
|
| 328 |
+
background: #fff;
|
| 329 |
+
display: flex;
|
| 330 |
+
justify-content: center;
|
| 331 |
+
align-items: center;
|
| 332 |
+
border-left: 3px solid #fff;
|
| 333 |
+
line-height: 1em;
|
| 334 |
+
padding: 10px 20px;
|
| 335 |
+
padding-left: 0px;
|
| 336 |
+
border-radius: 4px;
|
| 337 |
+
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);
|
| 338 |
+
|
| 339 |
+
}
|
| 340 |
+
.sb-notification-ctn[data-active="hidden"]{
|
| 341 |
+
-webkit-animation: ctf-notification-hide .5s forwards linear;
|
| 342 |
+
animation: ctf-notification-hide .5s forwards linear;
|
| 343 |
+
}
|
| 344 |
+
.sb-notification-ctn[data-active="shown"]{
|
| 345 |
+
-webkit-animation: ctf-notification-show .5s forwards linear;
|
| 346 |
+
animation: ctf-notification-show .5s forwards linear;
|
| 347 |
+
}
|
| 348 |
+
@-webkit-keyframes ctf-notification-show { 0%{bottom: -100px;} 50%{bottom: 70px;} 70%{bottom: 60px;} 85%{bottom: 65px;} 100%{bottom: 50px;}}
|
| 349 |
+
@keyframes ctf-notification-show { 0%{bottom: -100px;} 50%{bottom: 70px;} 70%{bottom: 60px;} 85%{bottom: 65px;} 100%{bottom: 50px;}}
|
| 350 |
+
|
| 351 |
+
@-webkit-keyframes ctf-notification-hide {0%{bottom: 50px;}55%{bottom: 65px;}70%{bottom: 60px;}85%{bottom: 70px;}100%{bottom: -100px;}}
|
| 352 |
+
@keyframes ctf-notification-hide {0%{bottom: 50px;}55%{bottom: 65px;}70%{bottom: 60px;}85%{bottom: 70px;}100%{bottom: -100px;}}
|
| 353 |
+
|
| 354 |
+
.sb-notification-ctn[data-type="success"]{
|
| 355 |
+
border-color: #59AB46;
|
| 356 |
+
}
|
| 357 |
+
.sb-notification-ctn[data-type="error"]{
|
| 358 |
+
border-color: #D72C2C;
|
| 359 |
+
}
|
| 360 |
+
.sb-notification-ctn[data-type="message"]{
|
| 361 |
+
border-color: #141B38;
|
| 362 |
+
}
|
| 363 |
+
.sb-notification-icon{
|
| 364 |
+
width: 25px;
|
| 365 |
+
height: 25px;
|
| 366 |
+
display: flex;
|
| 367 |
+
justify-content: center;
|
| 368 |
+
align-items: center;
|
| 369 |
+
margin-left: 10px;
|
| 370 |
+
margin-right: 15px;
|
| 371 |
+
}
|
| 372 |
+
.sb-notification-icon svg{
|
| 373 |
+
width: 22px;
|
| 374 |
+
height: 22px;
|
| 375 |
+
float: left;
|
| 376 |
+
fill: currentColor;
|
| 377 |
+
}
|
| 378 |
+
|
| 379 |
+
.sb-notification-ctn[data-type="success"] .sb-notification-icon{
|
| 380 |
+
color: #59AB46;
|
| 381 |
+
}
|
| 382 |
+
.sb-notification-ctn[data-type="error"] .sb-notification-icon{
|
| 383 |
+
color: #D72C2C;
|
| 384 |
+
}
|
| 385 |
+
.sb-notification-ctn[data-type="message"] .sb-notification-icon{
|
| 386 |
+
color: #141B38;
|
| 387 |
+
}
|
| 388 |
+
|
| 389 |
+
.sb-notification-ctn span{
|
| 390 |
+
font-size: 14px;
|
| 391 |
+
color: #141B38;
|
| 392 |
+
font-weight:500;
|
| 393 |
+
}
|
| 394 |
+
|
| 395 |
+
/*** 3.0 - Header ***/
|
| 396 |
+
.ctf-fb-create-ctn{
|
| 397 |
+
margin-top: 90px;
|
| 398 |
+
}
|
| 399 |
+
.ctf-fb-header{
|
| 400 |
+
height: 64px;
|
| 401 |
+
position: absolute;
|
| 402 |
+
display: flex;
|
| 403 |
+
flex-direction: row;
|
| 404 |
+
justify-content: space-between;
|
| 405 |
+
align-items: center;
|
| 406 |
+
background: #fff;
|
| 407 |
+
padding: 0px 52px;
|
| 408 |
+
z-index: 2;
|
| 409 |
+
}
|
| 410 |
+
.ctf-fb-header-left {
|
| 411 |
+
display: flex;
|
| 412 |
+
}
|
| 413 |
+
.ctf-fb-header-left .sb-social-wall-link-wrap {
|
| 414 |
+
margin-left: 30px;
|
| 415 |
+
}
|
| 416 |
+
.ctf-fb-hd-logo{
|
| 417 |
+
display: flex;
|
| 418 |
+
vertical-align: middle;
|
| 419 |
+
align-items: center;
|
| 420 |
+
gap: 5px;
|
| 421 |
+
}
|
| 422 |
+
.ctf-fb-hd-logo .sb-logo-letters-wrap {
|
| 423 |
+
margin-bottom: 4px;
|
| 424 |
+
}
|
| 425 |
+
.ctf-fb-hd-logo .breadcrumb-title{
|
| 426 |
+
font-size: 14px;
|
| 427 |
+
font-weight: 400;
|
| 428 |
+
line-height: 22px;
|
| 429 |
+
letter-spacing: 0em;
|
| 430 |
+
margin-left: 4px;
|
| 431 |
+
}
|
| 432 |
+
.ctf-fb-hd-logo .separator{
|
| 433 |
+
margin: 0 5px 0 10px;
|
| 434 |
+
}
|
| 435 |
+
.ctf-fb-hd-btn{
|
| 436 |
+
height: 38px;
|
| 437 |
+
cursor: pointer;
|
| 438 |
+
display: flex;
|
| 439 |
+
flex-direction: row;
|
| 440 |
+
justify-content: center;
|
| 441 |
+
align-items: center;
|
| 442 |
+
padding: 0px 15px 0px 16px;
|
| 443 |
+
font-weight: 600;
|
| 444 |
+
font-size:14px;
|
| 445 |
+
color: #353A41;
|
| 446 |
+
background: #F3F4F5;
|
| 447 |
+
border-radius: 2px;
|
| 448 |
+
border: 1px solid #DCDDE1;
|
| 449 |
+
position: relative;
|
| 450 |
+
text-decoration: none;
|
| 451 |
+
transition: all 0.3s ease;
|
| 452 |
+
}
|
| 453 |
+
.ctf-fb-hd-btn:hover {
|
| 454 |
+
color: inherit;
|
| 455 |
+
background-color: #fff;
|
| 456 |
+
}
|
| 457 |
+
.ctf-fb-hd-btn i{
|
| 458 |
+
margin: 0px 5px;
|
| 459 |
+
}
|
| 460 |
+
.ctf-fb-hd-btn[data-icon="left"]{
|
| 461 |
+
padding-right: 20px!important;
|
| 462 |
+
}
|
| 463 |
+
|
| 464 |
+
.ctf-fb-full-wrapper .section-header {
|
| 465 |
+
margin-top: 33px;
|
| 466 |
+
}
|
| 467 |
+
.ctf-fb-full-wrapper .section-header h1 {
|
| 468 |
+
font-size: 32px;
|
| 469 |
+
line-height: 40px;
|
| 470 |
+
}
|
| 471 |
+
/*** 4.0 - Content ***/
|
| 472 |
+
|
| 473 |
+
/*** 4.1 - Tab Styles ***/
|
| 474 |
+
.sb-tabs-container {
|
| 475 |
+
position: relative;
|
| 476 |
+
width: 100%;
|
| 477 |
+
margin-top: 28px;
|
| 478 |
+
}
|
| 479 |
+
.sb-tabs-container .sb-tab-content .sb-tab-content-inner {
|
| 480 |
+
width: 100%;
|
| 481 |
+
margin-top: 20px;
|
| 482 |
+
height: auto;
|
| 483 |
+
padding-bottom: 30px;
|
| 484 |
+
}
|
| 485 |
+
.sb-tabs-container .ctf-save-button {
|
| 486 |
+
display: flex;
|
| 487 |
+
justify-content: flex-end;
|
| 488 |
+
margin-top: 30px;
|
| 489 |
+
}
|
| 490 |
+
.sb-tabs-container .sb-tabs {
|
| 491 |
+
position: relative;
|
| 492 |
+
display: flex;
|
| 493 |
+
align-items: center;
|
| 494 |
+
justify-content: space-between;
|
| 495 |
+
margin-bottom: 20px;
|
| 496 |
+
}
|
| 497 |
+
.sb-tabs-container .sb-tabs:after {
|
| 498 |
+
position: absolute;
|
| 499 |
+
content: '';
|
| 500 |
+
width: 100%;
|
| 501 |
+
height: 1px;
|
| 502 |
+
background-color: #DCDDE1;
|
| 503 |
+
bottom: 0px;
|
| 504 |
+
left: 0px;
|
| 505 |
+
z-index: -1;
|
| 506 |
+
}
|
| 507 |
+
.sb-tabs-container .sb-tabs .tab {
|
| 508 |
+
position: relative;
|
| 509 |
+
padding: 9px 25px 15px 25px;
|
| 510 |
+
display: inline-block;
|
| 511 |
+
font-weight: 500;
|
| 512 |
+
font-size: 16px;
|
| 513 |
+
line-height: 160%;
|
| 514 |
+
color: #8C8F9A;
|
| 515 |
+
text-decoration: none;
|
| 516 |
+
cursor: pointer;
|
| 517 |
+
-webkit-transition: linear 0.2s;
|
| 518 |
+
-ms-transition: linear 0.2s;
|
| 519 |
+
transition: linear 0.2s;
|
| 520 |
+
}
|
| 521 |
+
.sb-tabs-container .sb-tabs .tab:not(:last-child) {
|
| 522 |
+
margin-right: 20px;
|
| 523 |
+
}
|
| 524 |
+
.sb-tabs-container .sb-tabs .tab.active {
|
| 525 |
+
color: #0068A0;
|
| 526 |
+
}
|
| 527 |
+
.sb-tabs-container .sb-tabs .tab-indicator {
|
| 528 |
+
position: absolute;
|
| 529 |
+
bottom: 0px;
|
| 530 |
+
left: 0px;
|
| 531 |
+
background-color: #0068A0;
|
| 532 |
+
width: 200px;
|
| 533 |
+
height: 2px;
|
| 534 |
+
transition: all 0.7s cubic-bezier(0.22, 0.51, 0.53, 0.88);
|
| 535 |
+
}
|
| 536 |
+
|
| 537 |
+
.slide-fade-enter-active {
|
| 538 |
+
transition: all 0.3s ease;
|
| 539 |
+
position: absolute;
|
| 540 |
+
}
|
| 541 |
+
.slide-fade-leave-active {
|
| 542 |
+
position: absolute;
|
| 543 |
+
transition: all 0.3s cubic-bezier(1, 0.5, 0.8, 1);
|
| 544 |
+
}
|
| 545 |
+
.slide-fade-enter,
|
| 546 |
+
.slide-fade-leave-to {
|
| 547 |
+
transform: translateX(10px);
|
| 548 |
+
opacity: 0;
|
| 549 |
+
}
|
| 550 |
+
|
| 551 |
+
/*** 4.2 - Tab Boxes ***/
|
| 552 |
+
.sb-tab-content{
|
| 553 |
+
width: 100%;
|
| 554 |
+
height: auto;
|
| 555 |
+
}
|
| 556 |
+
.sb-tab-content .sb-tab-box {
|
| 557 |
+
background-color: #fff;
|
| 558 |
+
padding: 24px;
|
| 559 |
+
box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05), 0px 4px 5px rgba(0, 0, 0, 0.05);
|
| 560 |
+
margin-bottom: 12px;
|
| 561 |
+
}
|
| 562 |
+
.sb-tab-content .sb-tab-box-small {
|
| 563 |
+
padding: 13px 24px;
|
| 564 |
+
}
|
| 565 |
+
.sb-tab-content .sb-tab-box h3,
|
| 566 |
+
#ctf-settings .sb-tab-content .sb-tab-box h3 {
|
| 567 |
+
margin: 0px 0px 5px;
|
| 568 |
+
font-size: 18px;
|
| 569 |
+
line-height: 140%;
|
| 570 |
+
color: #141B38;
|
| 571 |
+
display: flex;
|
| 572 |
+
}
|
| 573 |
+
.sb-tab-content .sb-tab-box h3 .sb-tooltip-info {
|
| 574 |
+
transform: translate(10px, 2px);
|
| 575 |
+
cursor: pointer;
|
| 576 |
+
}
|
| 577 |
+
.sb-tab-content .sb-tab-box p {
|
| 578 |
+
font-size: 14px;
|
| 579 |
+
line-height: 160%;
|
| 580 |
+
color: #8C8F9A;
|
| 581 |
+
margin: 0px;
|
| 582 |
+
}
|
| 583 |
+
.sb-tab-content .sb-tab-box .tab-label {
|
| 584 |
+
max-width: 270px;
|
| 585 |
+
min-width: 270px;
|
| 586 |
+
padding-right: 55px;
|
| 587 |
+
box-sizing: border-box;
|
| 588 |
+
float: left;
|
| 589 |
+
position: relative;
|
| 590 |
+
}
|
| 591 |
+
.sb-tab-content .sb-tab-box .tab-label.tab-label-full {
|
| 592 |
+
min-width: 100%;
|
| 593 |
+
max-width: 100%;
|
| 594 |
+
padding-right: 0;
|
| 595 |
+
float: initial;
|
| 596 |
+
}
|
| 597 |
+
.sb-tab-content .sb-tab-box .tab-label .sb-help-text {
|
| 598 |
+
font-size: 14px;
|
| 599 |
+
line-height: 160%;
|
| 600 |
+
color: #8C8F9A;
|
| 601 |
+
}
|
| 602 |
+
.sb-tab-content .license-status {
|
| 603 |
+
font-size: 14px;
|
| 604 |
+
line-height: 160%;
|
| 605 |
+
color: #141B38;
|
| 606 |
+
margin-bottom: 8px;
|
| 607 |
+
display: inline-block;
|
| 608 |
+
}
|
| 609 |
+
.ctf-tab-field-inner-wrap .upgrade-info{
|
| 610 |
+
border-bottom: 1px solid #DCDDE1;
|
| 611 |
+
margin-bottom: 24px;
|
| 612 |
+
padding-bottom: 24px;
|
| 613 |
+
}
|
| 614 |
+
.dev-site-license-field .upgrade-info{
|
| 615 |
+
border-bottom: 0px solid #DCDDE1;
|
| 616 |
+
padding-bottom: 0px;
|
| 617 |
+
}
|
| 618 |
+
.sb-tab-box.sb-license-box.license-type-free .license-status {
|
| 619 |
+
font-style: italic;
|
| 620 |
+
}
|
| 621 |
+
.sb-tab-content .sb-tab-box .ctf-tab-form-field{
|
| 622 |
+
width: calc(100% - 270px);
|
| 623 |
+
float: left;
|
| 624 |
+
flex-wrap: wrap;
|
| 625 |
+
}
|
| 626 |
+
.dev-site-license-field .ctf-upgrade-license-btn {
|
| 627 |
+
text-decoration: none;
|
| 628 |
+
transform: none !important;
|
| 629 |
+
height: 38px;
|
| 630 |
+
padding: 4px 13px;
|
| 631 |
+
width: 165px;
|
| 632 |
+
box-sizing: border-box;
|
| 633 |
+
border: none;
|
| 634 |
+
}
|
| 635 |
+
.dev-site-license-field .ctf-upgrade-license-btn span {
|
| 636 |
+
height: 20px;
|
| 637 |
+
margin-right: 9px;
|
| 638 |
+
}
|
| 639 |
+
.sb-tab-content .sb-tab-box .ctf-tab-form-field .ctf-tab-field-inner-wrap {
|
| 640 |
+
width: 100%;
|
| 641 |
+
}
|
| 642 |
+
.sb-tab-content .sb-tab-box .ctf-tab-form-field .ctf-tab-field-inner-wrap:not(:last-child) {
|
| 643 |
+
margin-bottom: 20px;
|
| 644 |
+
}
|
| 645 |
+
.sb-tab-box.sb-license-box.license-type-free .ctf-tab-form-field {
|
| 646 |
+
flex-basis: 58%;
|
| 647 |
+
flex-wrap: wrap;
|
| 648 |
+
}
|
| 649 |
+
.sb-tab-box.sb-manage-sources-box .ctf-tab-form-field {
|
| 650 |
+
max-width: 1200px;
|
| 651 |
+
}
|
| 652 |
+
.sb-tab-box.sb-custom-css-box .ctf-tab-form-field,
|
| 653 |
+
.sb-tab-box.sb-custom-js-box .ctf-tab-form-field {
|
| 654 |
+
max-width: 840px;
|
| 655 |
+
}
|
| 656 |
+
@media (max-width: 1023px) {
|
| 657 |
+
.sb-tab-content .sb-tab-box .tab-label {
|
| 658 |
+
width: 100%;
|
| 659 |
+
max-width: 100%;
|
| 660 |
+
padding-right: 0;
|
| 661 |
+
float: initial;
|
| 662 |
+
margin-bottom: 20px;
|
| 663 |
+
}
|
| 664 |
+
.sb-tab-content .sb-tab-box .ctf-tab-form-field{
|
| 665 |
+
width: 100%;
|
| 666 |
+
float: intial;
|
| 667 |
+
}
|
| 668 |
+
}
|
| 669 |
+
|
| 670 |
+
.sb-tab-box.sb-license-box.license-type-free .ctf-tab-form-field .upgrade-info {
|
| 671 |
+
width: 100%;
|
| 672 |
+
border-bottom: 1px solid #DCDDE1;
|
| 673 |
+
padding-bottom: 25px;
|
| 674 |
+
margin-bottom: 25px;
|
| 675 |
+
}
|
| 676 |
+
.sb-tab-box.sb-license-box.license-type-free .field-left-content,
|
| 677 |
+
.sb-tab-box.sb-license-box.license-type-free .field-right-content {
|
| 678 |
+
order: 1;
|
| 679 |
+
}
|
| 680 |
+
.sb-tab-content .sb-tab-box .ctf-tab-form-field .ctf-form-field {
|
| 681 |
+
width: 100%;
|
| 682 |
+
}
|
| 683 |
+
.license-valid .ctf-form-field,
|
| 684 |
+
.license-valid .ctf-form-field:focus {
|
| 685 |
+
border-color: #59AB46;
|
| 686 |
+
}
|
| 687 |
+
.license-invalid .ctf-form-field {
|
| 688 |
+
border-color: #D72C2C;
|
| 689 |
+
}
|
| 690 |
+
.sb-field-error .ctf-form-field,
|
| 691 |
+
.sb-field-error .ctf-form-field:focus {
|
| 692 |
+
border-color: #D72C2C;
|
| 693 |
+
}
|
| 694 |
+
.license-valid .field-icon {
|
| 695 |
+
color: #59AB46;
|
| 696 |
+
}
|
| 697 |
+
.field-icon.field-icon-error {
|
| 698 |
+
color: #D72C2C;
|
| 699 |
+
}
|
| 700 |
+
.license-valid .sb-form-field .field-icon,
|
| 701 |
+
.sb-form-field .field-icon.field-icon-error {
|
| 702 |
+
background: white;
|
| 703 |
+
}
|
| 704 |
+
.form-error .ctf-form-field,
|
| 705 |
+
.license-expired .ctf-form-field {
|
| 706 |
+
border-color: #ab4646;
|
| 707 |
+
}
|
| 708 |
+
.upgrade-info span {
|
| 709 |
+
font-size: 14px;
|
| 710 |
+
line-height: 22px;
|
| 711 |
+
display: inline-block;
|
| 712 |
+
}
|
| 713 |
+
.upgrade-info span:last-child {
|
| 714 |
+
font-style: italic;
|
| 715 |
+
}
|
| 716 |
+
.upgrade-info span a {
|
| 717 |
+
font-weight: 700;
|
| 718 |
+
color: #0068A0;
|
| 719 |
+
}
|
| 720 |
+
.sb-tab-content .sb-tab-box .ctf-tab-form-field .ctf-btn:not(.ctf-no-transform-btn){
|
| 721 |
+
transform: translate(10px, 0px);
|
| 722 |
+
}
|
| 723 |
+
.sb-tab-content .sb-tab-box.sb-caching-box .ctf-tab-form-field .ctf-btn,
|
| 724 |
+
.sb-tab-content .sb-tab-box.sb-import-box .ctf-tab-form-field .ctf-btn{
|
| 725 |
+
transform: translate(0px);
|
| 726 |
+
}
|
| 727 |
+
.sb-tab-content .sb-tab-box.sb-license-box .ctf-tab-form-field .sb-form-field{
|
| 728 |
+
margin-bottom: 8px;
|
| 729 |
+
}
|
| 730 |
+
|
| 731 |
+
.sb-tab-content .sb-tab-box .ctf-tab-form-field .field-left-content {
|
| 732 |
+
flex-basis: 73%;
|
| 733 |
+
max-width: 465px;
|
| 734 |
+
}
|
| 735 |
+
.ctf-manage-account-inputs .field-left-content,
|
| 736 |
+
.ctf-add-account-info .field-left-content{
|
| 737 |
+
}
|
| 738 |
+
|
| 739 |
+
.sb-tab-content .sb-tab-box.sb-license-box.license-type-free .ctf-tab-form-field .field-left-content {
|
| 740 |
+
flex-basis: 73%;
|
| 741 |
+
}
|
| 742 |
+
.sb-tab-content .sb-tab-box .ctf-tab-form-field .field-right-content {
|
| 743 |
+
flex-basis: 20%;
|
| 744 |
+
}
|
| 745 |
+
.sb-tab-content .sb-tab-box .ctf-tab-form-field .form-info {
|
| 746 |
+
font-size: 12px;
|
| 747 |
+
line-height: 22px;
|
| 748 |
+
color: #27303F;
|
| 749 |
+
}
|
| 750 |
+
.sb-tab-content .sb-tab-box .ctf-tab-form-field .form-info .manage-license a{
|
| 751 |
+
text-decoration-line: underline;
|
| 752 |
+
color: #27303F;
|
| 753 |
+
}
|
| 754 |
+
.sb-tab-content .sb-tab-box .ctf-tab-form-field .form-info .test-connection {
|
| 755 |
+
color: #434960;
|
| 756 |
+
}
|
| 757 |
+
.sb-tab-content .sb-tab-box .ctf-tab-form-field .form-info .upgrade a {
|
| 758 |
+
color: #0068A0;
|
| 759 |
+
font-weight: 600;
|
| 760 |
+
margin-left: 8px;
|
| 761 |
+
text-decoration: none;
|
| 762 |
+
}
|
| 763 |
+
.sb-tab-content .sb-tab-box.sb-reset-box-style {
|
| 764 |
+
margin: 0;
|
| 765 |
+
border-bottom: 1px solid #E8E8EB;
|
| 766 |
+
}
|
| 767 |
+
.sb-tab-content .sb-tab-box.sb-resizing-box.sb-reset-box-style,
|
| 768 |
+
.sb-tab-content .sb-tab-box.sb-caching-box.sb-reset-box-style{
|
| 769 |
+
padding-bottom: 0px;
|
| 770 |
+
}
|
| 771 |
+
.sb-tab-content .sb-tab-box.sb-resizing-box .ctf-tab-form-field,
|
| 772 |
+
.sb-tab-content .sb-tab-box.sb-caching-box .ctf-tab-form-field{
|
| 773 |
+
margin-bottom: 20px
|
| 774 |
+
}
|
| 775 |
+
|
| 776 |
+
.sb-tab-content .sb-tab-box.sb-resizing-box,
|
| 777 |
+
.sb-tab-content .sb-tab-box.sb-caching-box{
|
| 778 |
+
margin-bottom: 12px;
|
| 779 |
+
border-bottom: 0px;
|
| 780 |
+
}
|
| 781 |
+
.sb-tooltip-content {
|
| 782 |
+
position: absolute;
|
| 783 |
+
background: #fff;
|
| 784 |
+
border-radius: 2px;
|
| 785 |
+
padding: 12px 26px 12px 16px;
|
| 786 |
+
box-shadow: 1px 2px 4px 0px rgb(0 0 0 / 15%), -2px -1px 9px 0px rgb(0 0 0 / 13%);
|
| 787 |
+
width: 497px;
|
| 788 |
+
height: auto;
|
| 789 |
+
max-height: 284px;
|
| 790 |
+
bottom: 50px;
|
| 791 |
+
box-sizing: border-box;
|
| 792 |
+
right: -45px;
|
| 793 |
+
z-index: 9999;
|
| 794 |
+
}
|
| 795 |
+
.sb-tooltip-content p {
|
| 796 |
+
color: #141B38;
|
| 797 |
+
font-size: 14px;
|
| 798 |
+
line-height: 22px;
|
| 799 |
+
font-weight: normal;
|
| 800 |
+
}
|
| 801 |
+
.sb-tooltip-content:after {
|
| 802 |
+
width: 12px;
|
| 803 |
+
height: 12px;
|
| 804 |
+
content: '';
|
| 805 |
+
bottom: -7px;
|
| 806 |
+
right: calc(50% - 6px);
|
| 807 |
+
position: absolute;
|
| 808 |
+
background: #fff;
|
| 809 |
+
transform: rotate(45deg);
|
| 810 |
+
box-shadow: 2px 2px 2px rgb(0 0 0 / 14%);
|
| 811 |
+
}
|
| 812 |
+
.sb-localization-box .sb-tooltip-content:after {
|
| 813 |
+
right: calc(50% - 55px);
|
| 814 |
+
}
|
| 815 |
+
.sb-tooltip-content.sb-tooltip-bottom {
|
| 816 |
+
bottom: inherit;
|
| 817 |
+
top: 45px;
|
| 818 |
+
box-shadow: -1px -2px 4px 0px rgb(0 0 0 / 15%), 2px 1px 9px 0px rgb(0 0 0 / 13%);
|
| 819 |
+
}
|
| 820 |
+
.sb-tooltip-content.sb-tooltip-bottom:after {
|
| 821 |
+
bottom: inherit;
|
| 822 |
+
top: -6px;
|
| 823 |
+
box-shadow: -2px -2px 2px rgb(0 0 0 / 14%);
|
| 824 |
+
}
|
| 825 |
+
.sb-tab-content .sb-tab-box .sb-tooltip-content p {
|
| 826 |
+
color: #141B38;
|
| 827 |
+
}
|
| 828 |
+
.sb-tab-content .sb-tab-box .sb-tooltip-content p:not(:last-child) {
|
| 829 |
+
margin-bottom: 12px;
|
| 830 |
+
}
|
| 831 |
+
.sb-tab-content .sb-tab-box .sb-tooltip-content p a {
|
| 832 |
+
color: #141B38;
|
| 833 |
+
font-weight: 600;
|
| 834 |
+
}
|
| 835 |
+
.sb-gdpr-box .sb-gdpr-active {
|
| 836 |
+
padding-left: 27px;
|
| 837 |
+
position: relative;
|
| 838 |
+
max-width: 560px;
|
| 839 |
+
box-sizing: border-box;
|
| 840 |
+
}
|
| 841 |
+
.sb-gdpr-box .gdpr-help-text-yes {
|
| 842 |
+
max-width: 560px;
|
| 843 |
+
}
|
| 844 |
+
.sb-gdpr-box .sb-gdpr-active .gdpr-active-icon {
|
| 845 |
+
position: absolute;
|
| 846 |
+
left: 0px;
|
| 847 |
+
}
|
| 848 |
+
.sb-gdpr-box .help-text a {
|
| 849 |
+
font-weight: 400;
|
| 850 |
+
}
|
| 851 |
+
.sb-gdpr-box .sb-text-bold {
|
| 852 |
+
font-weight: 700;
|
| 853 |
+
cursor: pointer;
|
| 854 |
+
}
|
| 855 |
+
.sb-gdpr-box .sb-gdpr-bold {
|
| 856 |
+
text-decoration: underline;
|
| 857 |
+
}
|
| 858 |
+
.sb-gdpr-info-tooltip {
|
| 859 |
+
position: absolute;
|
| 860 |
+
font-size: 14px;
|
| 861 |
+
line-height: 22px;
|
| 862 |
+
color: #141B38;
|
| 863 |
+
background: #FFFFFF;
|
| 864 |
+
border-radius: 2px;
|
| 865 |
+
padding: 12px 26px 12px 16px;
|
| 866 |
+
box-shadow: 1px 2px 4px 0px rgb(0 0 0 / 15%), -2px -1px 9px 0px rgb(0 0 0 / 13%);
|
| 867 |
+
z-index: 99;
|
| 868 |
+
width: 561px;
|
| 869 |
+
bottom: -183px;
|
| 870 |
+
box-sizing: border-box;
|
| 871 |
+
}
|
| 872 |
+
.sb-gdpr-info-tooltip:before {
|
| 873 |
+
width: 0;
|
| 874 |
+
height: 0;
|
| 875 |
+
border-left: 8px solid transparent;
|
| 876 |
+
border-right: 8px solid transparent;
|
| 877 |
+
border-bottom: 10px solid #fff;
|
| 878 |
+
content: '';
|
| 879 |
+
top: -10px;
|
| 880 |
+
right: 260px;
|
| 881 |
+
position: absolute;
|
| 882 |
+
}
|
| 883 |
+
.sb-gdpr-info-tooltip .sb-gdpr-info-headline {
|
| 884 |
+
font-weight: 600;
|
| 885 |
+
}
|
| 886 |
+
.sb-gdpr-info-tooltip .sb-gdpr-info-list {
|
| 887 |
+
margin: 0px;
|
| 888 |
+
margin-top: 1px;
|
| 889 |
+
padding-left: 20px;
|
| 890 |
+
}
|
| 891 |
+
.sb-gdpr-info-tooltip .sb-gdpr-info-list li {
|
| 892 |
+
position: relative;
|
| 893 |
+
margin-bottom: 2px;
|
| 894 |
+
}
|
| 895 |
+
.sb-gdpr-info-tooltip .sb-gdpr-info-list li:before {
|
| 896 |
+
width: 3px;
|
| 897 |
+
height: 3px;
|
| 898 |
+
position: absolute;
|
| 899 |
+
left: -12px;
|
| 900 |
+
top: 10px;
|
| 901 |
+
content: '';
|
| 902 |
+
background-color: #141B38;
|
| 903 |
+
border-radius: 10px;
|
| 904 |
+
}
|
| 905 |
+
.recheck-license-status svg,
|
| 906 |
+
.test-connection svg {
|
| 907 |
+
width: 15px;
|
| 908 |
+
height: 15px;
|
| 909 |
+
transform: translate(2px, 3px);
|
| 910 |
+
}
|
| 911 |
+
.test-connection i {
|
| 912 |
+
font-size: 14px;
|
| 913 |
+
}
|
| 914 |
+
.recheck-license-status.loading path,
|
| 915 |
+
.test-connection.loading path {
|
| 916 |
+
fill: #141B38
|
| 917 |
+
}
|
| 918 |
+
.rrecheck-license-status.success svg,
|
| 919 |
+
.test-connection.success svg {
|
| 920 |
+
transform: translate(3px, 6px)
|
| 921 |
+
}
|
| 922 |
+
.test-connection i,
|
| 923 |
+
.recheck-license-status i {
|
| 924 |
+
font-size: 16px;
|
| 925 |
+
transform: translate(-2px, 1px);
|
| 926 |
+
}
|
| 927 |
+
.recheck-license-status.success path,
|
| 928 |
+
.test-connection.success path {
|
| 929 |
+
fill: #59AB46;
|
| 930 |
+
}
|
| 931 |
+
.recheck-license-status.success i,
|
| 932 |
+
.test-connection.success i {
|
| 933 |
+
color: #59AB46;
|
| 934 |
+
}
|
| 935 |
+
.recheck-license-status.error i,
|
| 936 |
+
.test-connection.error i {
|
| 937 |
+
color: #D72C2C;
|
| 938 |
+
}
|
| 939 |
+
.recheck-license-status {
|
| 940 |
+
margin-left: 8px;
|
| 941 |
+
cursor: pointer;
|
| 942 |
+
}
|
| 943 |
+
.recheck-license-status i {
|
| 944 |
+
margin-left: 8px;
|
| 945 |
+
}
|
| 946 |
+
.test-connection.error i {
|
| 947 |
+
color: #D72C2C;
|
| 948 |
+
}
|
| 949 |
+
.test-connection a {
|
| 950 |
+
color: #434960;
|
| 951 |
+
font-weight: 600;
|
| 952 |
+
margin-left: 4px;
|
| 953 |
+
}
|
| 954 |
+
.test-connection:not(.error):not(.success) {
|
| 955 |
+
cursor: pointer;
|
| 956 |
+
}
|
| 957 |
+
.ctf-btn[disabled="disabled"] {
|
| 958 |
+
cursor: not-allowed;
|
| 959 |
+
color: #8C8F9A;
|
| 960 |
+
background: #F3F4F5;
|
| 961 |
+
}
|
| 962 |
+
.ctf-btn[disabled="disabled"]:hover {
|
| 963 |
+
color: #8C8F9A;
|
| 964 |
+
}
|
| 965 |
+
.ctf-btn[disabled="disabled"]:not(.import-btn) .icon path {
|
| 966 |
+
fill: #8C8F9A;
|
| 967 |
+
}
|
| 968 |
+
.import-btn .icon svg:not(.checkmark) path {
|
| 969 |
+
fill: #141B38;
|
| 970 |
+
}
|
| 971 |
+
.import-btn[disabled="disabled"] .icon svg:not(.checkmark) path {
|
| 972 |
+
fill: #8C8F9A;
|
| 973 |
+
}
|
| 974 |
+
.ctf-btn .icon {
|
| 975 |
+
margin-right: 12px;
|
| 976 |
+
}
|
| 977 |
+
.import-btn .icon.loading {
|
| 978 |
+
transform: translate(-5px, 1px);
|
| 979 |
+
}
|
| 980 |
+
.import-btn .icon.success {
|
| 981 |
+
transform: translate(-4px, 0px);
|
| 982 |
+
}
|
| 983 |
+
.import-btn .icon.error {
|
| 984 |
+
transform: translate(-4px, 0px);
|
| 985 |
+
}
|
| 986 |
+
.import-btn .icon.error i {
|
| 987 |
+
color: #D72C2C;
|
| 988 |
+
}
|
| 989 |
+
.import-btn .icon.success svg {
|
| 990 |
+
stroke: #141B38
|
| 991 |
+
}
|
| 992 |
+
.export-btn {
|
| 993 |
+
text-decoration: none;
|
| 994 |
+
}
|
| 995 |
+
.export-btn:hover {
|
| 996 |
+
color: inherit;
|
| 997 |
+
}
|
| 998 |
+
|
| 999 |
+
.sb-form-field button .loading path,
|
| 1000 |
+
.sb-tab-box.sb-optimize-box .optimize-image-btn .loading path,
|
| 1001 |
+
.sb-tab-box.sb-dpa-clear-box-style .loading path{
|
| 1002 |
+
fill: rgba(23, 22, 22, .95)
|
| 1003 |
+
}
|
| 1004 |
+
.sb-form-field button .success svg,
|
| 1005 |
+
.sb-tab-box.sb-optimize-box .optimize-image-btn .success svg,
|
| 1006 |
+
.sb-tab-box.sb-dpa-clear-box-style .success svg{
|
| 1007 |
+
stroke: rgba(23, 22, 22, .95)
|
| 1008 |
+
}
|
| 1009 |
+
|
| 1010 |
+
/* Translation Tab */
|
| 1011 |
+
.sb-tab-inner-card {
|
| 1012 |
+
margin-top: 30px;
|
| 1013 |
+
}
|
| 1014 |
+
|
| 1015 |
+
.ctf-table {
|
| 1016 |
+
width: 100%;
|
| 1017 |
+
border: 1px solid #DCDDE1;
|
| 1018 |
+
padding: 0;
|
| 1019 |
+
border-spacing: 0;
|
| 1020 |
+
}
|
| 1021 |
+
.ctf-table thead th,
|
| 1022 |
+
.ctf-table tfoot th {
|
| 1023 |
+
background-color: #F3F4F5;
|
| 1024 |
+
font-size: 14px;
|
| 1025 |
+
line-height: 22px;
|
| 1026 |
+
color: #434960;
|
| 1027 |
+
padding: 10px 20px;
|
| 1028 |
+
font-weight: 400;
|
| 1029 |
+
text-align: left;
|
| 1030 |
+
box-sizing: border-box;
|
| 1031 |
+
border-bottom: 1px solid #DCDDE1;
|
| 1032 |
+
}
|
| 1033 |
+
.ctf-table tfoot th {
|
| 1034 |
+
border: 0;
|
| 1035 |
+
border-top: 1px solid #DCDDE1;
|
| 1036 |
+
}
|
| 1037 |
+
|
| 1038 |
+
.ctf-table tbody td {
|
| 1039 |
+
padding: 6px 10px 6px 20px;
|
| 1040 |
+
box-sizing: border-box;
|
| 1041 |
+
|
| 1042 |
+
}
|
| 1043 |
+
.ctf-table-row-header td {
|
| 1044 |
+
font-weight: 600;
|
| 1045 |
+
font-size: 16px !important;
|
| 1046 |
+
line-height: 26px;
|
| 1047 |
+
color: #141B38;
|
| 1048 |
+
box-sizing: border-box;
|
| 1049 |
+
padding: 10px 20px !important;
|
| 1050 |
+
}
|
| 1051 |
+
.ctf-table tbody td {
|
| 1052 |
+
background: #F3F4F5;
|
| 1053 |
+
font-size: 14px;
|
| 1054 |
+
}
|
| 1055 |
+
.ctf-table tbody:nth-child(2n) td {
|
| 1056 |
+
background-color:#fff;
|
| 1057 |
+
}
|
| 1058 |
+
.ctf-table tbody tr:not(.ctf-table-row-header):not(:last-child) td {
|
| 1059 |
+
border-bottom:1px solid #DCDDE1
|
| 1060 |
+
}
|
| 1061 |
+
.ctf-table tbody tr:last-child td {
|
| 1062 |
+
padding: 6px 10px 6px 20px;
|
| 1063 |
+
}
|
| 1064 |
+
|
| 1065 |
+
.ctf-table tbody tr td:first-child,
|
| 1066 |
+
.ctf-table tbody tr td:nth-child(2) {
|
| 1067 |
+
width: 25%;
|
| 1068 |
+
}
|
| 1069 |
+
.ctf-table tbody .ctf-input{
|
| 1070 |
+
background: #FFFFFF;
|
| 1071 |
+
border: 1px solid #D0D1D7;
|
| 1072 |
+
box-sizing: border-box;
|
| 1073 |
+
border-radius: 1px;
|
| 1074 |
+
width: 100%;
|
| 1075 |
+
height: 38px;
|
| 1076 |
+
color: #2c3338;
|
| 1077 |
+
}
|
| 1078 |
+
.ctf-table tbody .ctf-input::placeholder {
|
| 1079 |
+
color: #8C8F9A;
|
| 1080 |
+
}
|
| 1081 |
+
.ctf-table tbody .ctf-input:focus {
|
| 1082 |
+
border: 1px solid #97989c;
|
| 1083 |
+
outline: none;
|
| 1084 |
+
box-shadow: none;
|
| 1085 |
+
}
|
| 1086 |
+
@media (max-width: 767px) {
|
| 1087 |
+
.sb-tabs-container .sb-tabs .tab {
|
| 1088 |
+
padding: 25px 10px;
|
| 1089 |
+
}
|
| 1090 |
+
.ctf-table th,
|
| 1091 |
+
.ctf-table td {
|
| 1092 |
+
display: block;
|
| 1093 |
+
width: 100%;
|
| 1094 |
+
}
|
| 1095 |
+
.ctf-table tbody tr td:first-child,
|
| 1096 |
+
.ctf-table tbody tr td:nth-child(2) {
|
| 1097 |
+
width: 100%;
|
| 1098 |
+
}
|
| 1099 |
+
.ctf-table tbody .ctf-input {
|
| 1100 |
+
height: 30px;
|
| 1101 |
+
min-height: 30px;
|
| 1102 |
+
font-size: 14px;
|
| 1103 |
+
}
|
| 1104 |
+
}
|
| 1105 |
+
|
| 1106 |
+
.sb-feed-issue-box #ctf-send-report {
|
| 1107 |
+
width: 127px;
|
| 1108 |
+
min-width: 127px;
|
| 1109 |
+
height: 46px;
|
| 1110 |
+
padding: 6px 15px;
|
| 1111 |
+
}
|
| 1112 |
+
.sb-feed-issue-box #report-emails {
|
| 1113 |
+
width: 407px;
|
| 1114 |
+
height: 45px;
|
| 1115 |
+
padding: 8px 15px;
|
| 1116 |
+
font-size: 16px;
|
| 1117 |
+
line-height: 26px;
|
| 1118 |
+
}
|
| 1119 |
+
.sb-feed-issue-box #report-emails::placeholder {
|
| 1120 |
+
color: #8C8F9A;
|
| 1121 |
+
}
|
| 1122 |
+
.sb-feed-issue-box .feed-issues-fields {
|
| 1123 |
+
margin-bottom: 15px;
|
| 1124 |
+
display: flex;
|
| 1125 |
+
}
|
| 1126 |
+
.sb-feed-issue-box .feed-issues-fields * {
|
| 1127 |
+
margin: 0 10px 0 0;
|
| 1128 |
+
font-size: 16px;
|
| 1129 |
+
}
|
| 1130 |
+
|
| 1131 |
+
.sb-tab-box.sb-optimize-box .sb-form-field,
|
| 1132 |
+
.sb-tab-box.sb-usage-box .sb-form-field,
|
| 1133 |
+
.sb-tab-box.sb-ajax-box .sb-form-field,
|
| 1134 |
+
.sb-tab-box.sb-show-credit-box .sb-form-field,
|
| 1135 |
+
.sb-tab-box.sb-admin-error-box .sb-form-field,
|
| 1136 |
+
.sb-tab-box.sb-fix-text-box .sb-form-field{
|
| 1137 |
+
max-width: 695px;
|
| 1138 |
+
}
|
| 1139 |
+
.sb-tab-box.sb-feed-issue-box .sb-form-field .help-text {
|
| 1140 |
+
max-width: 670px;
|
| 1141 |
+
}
|
| 1142 |
+
|
| 1143 |
+
/*To Be Checked*/
|
| 1144 |
+
.sb-sources-list{
|
| 1145 |
+
width: 100%;
|
| 1146 |
+
position: relative;
|
| 1147 |
+
display: grid;
|
| 1148 |
+
grid-template-columns: 48% 48%;
|
| 1149 |
+
grid-column-gap: 2%;
|
| 1150 |
+
}
|
| 1151 |
+
.ctf-fb-srcs-item-ins {
|
| 1152 |
+
display: flex;
|
| 1153 |
+
height: 62px;
|
| 1154 |
+
padding: 0 10px;
|
| 1155 |
+
position: relative;
|
| 1156 |
+
}
|
| 1157 |
+
.sb-srcs-item {
|
| 1158 |
+
box-sizing: border-box;
|
| 1159 |
+
position: relative;
|
| 1160 |
+
cursor: auto;
|
| 1161 |
+
display: block;
|
| 1162 |
+
height: 64px;
|
| 1163 |
+
border: 1px solid #E7E7E9;
|
| 1164 |
+
min-height: 60px;
|
| 1165 |
+
overflow: auto;
|
| 1166 |
+
margin-top: 15px;
|
| 1167 |
+
}
|
| 1168 |
+
.sb-srcs-item.expanded {
|
| 1169 |
+
height: auto;
|
| 1170 |
+
}
|
| 1171 |
+
.sb-source-error-wrap {
|
| 1172 |
+
display: flex;
|
| 1173 |
+
justify-content: center;
|
| 1174 |
+
align-items: center;
|
| 1175 |
+
margin-left: 9px;
|
| 1176 |
+
}
|
| 1177 |
+
|
| 1178 |
+
.sb-source-error-wrap span {
|
| 1179 |
+
font-weight: 600;
|
| 1180 |
+
font-size: 12px;
|
| 1181 |
+
line-height: 160%;
|
| 1182 |
+
|
| 1183 |
+
color: #D72C2C;
|
| 1184 |
+
margin-left: 5px;
|
| 1185 |
+
}
|
| 1186 |
+
.sb-source-error-wrap a {
|
| 1187 |
+
margin-left: 8px;
|
| 1188 |
+
font-weight: 600;
|
| 1189 |
+
font-size: 12px;
|
| 1190 |
+
line-height: 160%;
|
| 1191 |
+
text-decoration-line: underline;
|
| 1192 |
+
|
| 1193 |
+
color: #0068A0;
|
| 1194 |
+
}
|
| 1195 |
+
.ctf-manage-account-inputs{
|
| 1196 |
+
margin-top: 15px;
|
| 1197 |
+
}
|
| 1198 |
+
.ctf-manage-account-info{
|
| 1199 |
+
border: 1px solid #D0D1D7;
|
| 1200 |
+
display: flex;
|
| 1201 |
+
align-items: center;
|
| 1202 |
+
box-sizing: border-box;
|
| 1203 |
+
padding: 0 12px;
|
| 1204 |
+
position: relative;
|
| 1205 |
+
height: 50px;
|
| 1206 |
+
}
|
| 1207 |
+
.ctf-manage-account-info img{
|
| 1208 |
+
width: 32px;
|
| 1209 |
+
height: 32px;
|
| 1210 |
+
border-radius: 50px;
|
| 1211 |
+
margin-right: 15px;
|
| 1212 |
+
border: 1px solid #D0D1D7;
|
| 1213 |
+
}
|
| 1214 |
+
.ctf-manage-account-info strong{
|
| 1215 |
+
font-size: 15px;
|
| 1216 |
+
}
|
| 1217 |
+
|
| 1218 |
+
.sb-srcs-new {
|
| 1219 |
+
display: flex;
|
| 1220 |
+
justify-content: center;
|
| 1221 |
+
align-items: center;
|
| 1222 |
+
font-size: 14px;
|
| 1223 |
+
color: #0068A0;
|
| 1224 |
+
background: #F9F9FA;
|
| 1225 |
+
font-weight: 400;
|
| 1226 |
+
transition: all 0.15s ease-in-out;
|
| 1227 |
+
border: 1px solid #E8E8EB;
|
| 1228 |
+
}
|
| 1229 |
+
.sb-srcs-new:hover {
|
| 1230 |
+
cursor: pointer;
|
| 1231 |
+
background: #E2F5FF;
|
| 1232 |
+
}
|
| 1233 |
+
.sb-srcs-new span.add-new-icon {
|
| 1234 |
+
margin-right: 11px;
|
| 1235 |
+
margin-top: 3px;
|
| 1236 |
+
}
|
| 1237 |
+
.sb-srcs-item-avatar{
|
| 1238 |
+
display: flex;
|
| 1239 |
+
width: 42px;
|
| 1240 |
+
height: inherit;
|
| 1241 |
+
justify-content: center;
|
| 1242 |
+
align-items: center;
|
| 1243 |
+
margin-right: 10px;
|
| 1244 |
+
}
|
| 1245 |
+
.sb-srcs-item-avatar img{
|
| 1246 |
+
width: 42px;
|
| 1247 |
+
height: 42px;
|
| 1248 |
+
border-radius: 50%;
|
| 1249 |
+
background: #eee;
|
| 1250 |
+
}
|
| 1251 |
+
.sb-srcs-item-inf{
|
| 1252 |
+
width: 100%;
|
| 1253 |
+
height: inherit;
|
| 1254 |
+
display: flex;
|
| 1255 |
+
justify-content: center;
|
| 1256 |
+
flex-direction: column;
|
| 1257 |
+
}
|
| 1258 |
+
.sb-srcs-item-name{
|
| 1259 |
+
font-weight: 600;
|
| 1260 |
+
color: #141B38;
|
| 1261 |
+
font-size: 16px;
|
| 1262 |
+
margin-bottom: 1px;
|
| 1263 |
+
padding-right: 60px;
|
| 1264 |
+
max-height: 32px;
|
| 1265 |
+
line-height: 1.1;
|
| 1266 |
+
padding-bottom: 2px;
|
| 1267 |
+
overflow: hidden;
|
| 1268 |
+
}
|
| 1269 |
+
.sb-account-has-error {
|
| 1270 |
+
border: 1px solid #f3c9c9;
|
| 1271 |
+
background: #fff8f8;
|
| 1272 |
+
}
|
| 1273 |
+
|
| 1274 |
+
.sb-srcs-item-used{
|
| 1275 |
+
color: #434960;
|
| 1276 |
+
display: flex;
|
| 1277 |
+
align-items: center;
|
| 1278 |
+
font-weight: 400;
|
| 1279 |
+
font-size: 12px;
|
| 1280 |
+
}
|
| 1281 |
+
|
| 1282 |
+
.ctf-fb-srcs-info-item:first-of-type {
|
| 1283 |
+
align-items: center;
|
| 1284 |
+
}
|
| 1285 |
+
.ctf-fb-srcs-info-item {
|
| 1286 |
+
display: flex;
|
| 1287 |
+
border-top: 1px solid #E7E7E9;
|
| 1288 |
+
box-sizing: border-box;
|
| 1289 |
+
width: 100%;
|
| 1290 |
+
float: left;
|
| 1291 |
+
padding: 8px 10px;
|
| 1292 |
+
}
|
| 1293 |
+
.ctf-fb-srcs-info-item strong {
|
| 1294 |
+
font-size: 14px;
|
| 1295 |
+
width: 50px;
|
| 1296 |
+
}
|
| 1297 |
+
.ctf-fb-srcs-info-item span {
|
| 1298 |
+
font-size: 13px;
|
| 1299 |
+
line-height: 1.5em;
|
| 1300 |
+
color: #434960;
|
| 1301 |
+
font-weight: 400;
|
| 1302 |
+
display: inline-block;
|
| 1303 |
+
word-break: break-all;
|
| 1304 |
+
width: calc(100% - 80px);
|
| 1305 |
+
padding: 0 15px;
|
| 1306 |
+
box-sizing: border-box;
|
| 1307 |
+
}
|
| 1308 |
+
.ctf-fb-srcs-info-icon {
|
| 1309 |
+
width: 26px;
|
| 1310 |
+
height: 26px;
|
| 1311 |
+
display: flex;
|
| 1312 |
+
justify-content: center;
|
| 1313 |
+
align-items: center;
|
| 1314 |
+
cursor: pointer;
|
| 1315 |
+
margin-left: auto;
|
| 1316 |
+
border: 1px solid #D0D1D7;
|
| 1317 |
+
border-radius: 2px;
|
| 1318 |
+
transition: all 0.15s ease-in-out;
|
| 1319 |
+
}
|
| 1320 |
+
.ctf-fb-srcs-info-icon:hover {
|
| 1321 |
+
background: #F3F4F5;
|
| 1322 |
+
}
|
| 1323 |
+
.ctf-fb-srcs-info-icon:focus,
|
| 1324 |
+
.ctf-fb-srcs-info-icon:active {
|
| 1325 |
+
background: #E8E8EB;
|
| 1326 |
+
}
|
| 1327 |
+
.ctf-fb-srcs-info-icon svg {
|
| 1328 |
+
width: 15px;
|
| 1329 |
+
float: left;
|
| 1330 |
+
}
|
| 1331 |
+
.sb-control-src-expand-chevron {
|
| 1332 |
+
width: 7px;
|
| 1333 |
+
height: 7px;
|
| 1334 |
+
border-left: 2px solid currentColor;
|
| 1335 |
+
border-top: 2px solid currentColor;
|
| 1336 |
+
-webkit-transform: rotate(45deg);
|
| 1337 |
+
transform: rotate(45deg);
|
| 1338 |
+
}
|
| 1339 |
+
.sb-srcs-item-actions{
|
| 1340 |
+
position: absolute;
|
| 1341 |
+
width: 70px;
|
| 1342 |
+
height: 31px;
|
| 1343 |
+
right: 7px;
|
| 1344 |
+
top: 7px;
|
| 1345 |
+
}
|
| 1346 |
+
.sb-srcs-item-actions-btn{
|
| 1347 |
+
width: 30px;
|
| 1348 |
+
height: 31px;
|
| 1349 |
+
cursor: pointer;
|
| 1350 |
+
float: left;
|
| 1351 |
+
display: flex;
|
| 1352 |
+
justify-content: center;
|
| 1353 |
+
align-items: center;
|
| 1354 |
+
margin-left: 3px;
|
| 1355 |
+
}
|
| 1356 |
+
.sb-srcs-item-actions-btn svg{
|
| 1357 |
+
float: left;
|
| 1358 |
+
width: 17px;
|
| 1359 |
+
fill: currentColor;
|
| 1360 |
+
}
|
| 1361 |
+
.sb-srcs-item-actions-btn.sb-srcs-item-angle-up svg {
|
| 1362 |
+
height: 10px;
|
| 1363 |
+
}
|
| 1364 |
+
.sb-srcs-item-cog,
|
| 1365 |
+
.sb-srcs-item-angle-up{
|
| 1366 |
+
color: #434960;
|
| 1367 |
+
transition: all 0.15s ease-in-out;
|
| 1368 |
+
border-radius: 4px;
|
| 1369 |
+
}
|
| 1370 |
+
.sb-srcs-item-cog:hover,
|
| 1371 |
+
.sb-srcs-item-angle-up:hover {
|
| 1372 |
+
background: #F3F4F5;
|
| 1373 |
+
}
|
| 1374 |
+
.sb-srcs-item-cog:focus,
|
| 1375 |
+
.sb-srcs-item-cog:active,
|
| 1376 |
+
.sb-srcs-item-angle-up:focus,
|
| 1377 |
+
.sb-srcs-item-angle-up:active {
|
| 1378 |
+
background: #E8E8EB;
|
| 1379 |
+
}
|
| 1380 |
+
.sb-srcs-item-delete{
|
| 1381 |
+
color: #D72C2C;
|
| 1382 |
+
transition: all 0.15s ease-in-out;
|
| 1383 |
+
border-radius: 4px;
|
| 1384 |
+
}
|
| 1385 |
+
.sb-srcs-item-delete:hover {
|
| 1386 |
+
background-color: #FCEDED;
|
| 1387 |
+
}
|
| 1388 |
+
.sb-srcs-item-delete:focus,
|
| 1389 |
+
.sb-srcs-item-delete:active {
|
| 1390 |
+
background: #eed4d4;
|
| 1391 |
+
}
|
| 1392 |
+
.sb-srcs-item-delete svg{
|
| 1393 |
+
width: 13px;
|
| 1394 |
+
}
|
| 1395 |
+
#ctf-settings .ctf-fb-source-step1 .ctf-fb-source-top h3 {
|
| 1396 |
+
margin-bottom: 40px;
|
| 1397 |
+
}
|
| 1398 |
+
|
| 1399 |
+
/*
|
| 1400 |
+
Sources Instance Popup
|
| 1401 |
+
*/
|
| 1402 |
+
.ctf-fb-popup-feedinst .ctf-fb-source-top{
|
| 1403 |
+
display: flex;
|
| 1404 |
+
align-items: center;
|
| 1405 |
+
}
|
| 1406 |
+
.ctf-fb-popup-feedinst h5{
|
| 1407 |
+
margin-bottom: 0px;
|
| 1408 |
+
float: left;
|
| 1409 |
+
font-size: 27px;
|
| 1410 |
+
}
|
| 1411 |
+
.ctf-fb-fdinst-type{
|
| 1412 |
+
padding: 5px 5px;
|
| 1413 |
+
background: #E8E8EB;
|
| 1414 |
+
margin-left: 12px;
|
| 1415 |
+
float: left;
|
| 1416 |
+
}
|
| 1417 |
+
.ctf-fb-inst-tbl-ctn{
|
| 1418 |
+
padding: 0 23px 63px;
|
| 1419 |
+
}
|
| 1420 |
+
.ctf-fb-inst-tbl-ctn table{
|
| 1421 |
+
width: 100%;
|
| 1422 |
+
border-spacing: unset;
|
| 1423 |
+
box-sizing: border-box;
|
| 1424 |
+
border: 1px solid #DCDDE1;
|
| 1425 |
+
text-align: left;
|
| 1426 |
+
}
|
| 1427 |
+
.ctf-fb-inst-tbl-ctn tfoot,.ctf-fb-inst-tbl-ctn thead{
|
| 1428 |
+
background: #F3F4F5
|
| 1429 |
+
}
|
| 1430 |
+
.ctf-fb-inst-tbl-ctn .ctf-fd-lst-thtf th, .ctf-fb-inst-tbl-ctn .ctf-fd-lst-thtf td{
|
| 1431 |
+
font-size: 13px;
|
| 1432 |
+
color: #364152;
|
| 1433 |
+
padding: 13px 10px;
|
| 1434 |
+
}
|
| 1435 |
+
.ctf-fb-inst-tbl-ctn .ctf-fd-lst-tbody tr:nth-child(odd){
|
| 1436 |
+
background: #fff;
|
| 1437 |
+
}
|
| 1438 |
+
.ctf-fb-inst-tbl-ctn .ctf-fd-lst-tbody tr:nth-child(even){
|
| 1439 |
+
background: #F3F4F5;
|
| 1440 |
+
}
|
| 1441 |
+
.ctf-fb-inst-tbl-ctn .ctf-fd-lst-thtf tr th,
|
| 1442 |
+
.ctf-fb-inst-tbl-ctn .ctf-fd-lst-thtf tr td{
|
| 1443 |
+
padding: 4px 20px;
|
| 1444 |
+
}
|
| 1445 |
+
.ctf-fb-inst-tbl-ctn .ctf-fd-lst-tbody tr td{
|
| 1446 |
+
padding: 11px 20px;
|
| 1447 |
+
}
|
| 1448 |
+
.ctf-fb-inst-tbl-ctn .ctf-fd-lst-name{
|
| 1449 |
+
font-size: 14px;
|
| 1450 |
+
}
|
| 1451 |
+
.ctf-fb-inst-tbl-shrtc{
|
| 1452 |
+
display: flex;
|
| 1453 |
+
align-items: center;
|
| 1454 |
+
}
|
| 1455 |
+
|
| 1456 |
+
.ctf-fd-inst-btn{
|
| 1457 |
+
width: 10px;
|
| 1458 |
+
height: 10px;
|
| 1459 |
+
box-sizing: border-box;
|
| 1460 |
+
border-right: 3px solid #8C8F9A;
|
| 1461 |
+
border-top: 3px solid #8C8F9A;
|
| 1462 |
+
cursor: pointer;
|
| 1463 |
+
-webkit-transform: rotate(45deg);
|
| 1464 |
+
transform: rotate(45deg);
|
| 1465 |
+
}
|
| 1466 |
+
|
| 1467 |
+
.ctf-fd-lst-actions .ctf-fd-lst-btn, .ctf-fb-inst-tbl-ctn .ctf-fd-lst-btn {
|
| 1468 |
+
box-sizing: border-box;
|
| 1469 |
+
width: 36px;
|
| 1470 |
+
height: 32px;
|
| 1471 |
+
}
|
| 1472 |
+
.ctf-fd-lst-shortcode-cp {
|
| 1473 |
+
margin-left: 10px;
|
| 1474 |
+
}
|
| 1475 |
+
.ctf-fb-tltp-parent {
|
| 1476 |
+
position: relative;
|
| 1477 |
+
}
|
| 1478 |
+
.ctf-fd-lst-btn {
|
| 1479 |
+
width: 21px;
|
| 1480 |
+
height: 21px;
|
| 1481 |
+
display: inline-flex;
|
| 1482 |
+
justify-content: center;
|
| 1483 |
+
align-items: center;
|
| 1484 |
+
margin: 0 4px;
|
| 1485 |
+
cursor: pointer;
|
| 1486 |
+
color: #141B38;
|
| 1487 |
+
border-radius: 2px;
|
| 1488 |
+
border: 1px solid #D8DADD;
|
| 1489 |
+
-webkit-transition: all .2s ease-in-out;
|
| 1490 |
+
transition: all .2s ease-in-out;
|
| 1491 |
+
background: #fff;
|
| 1492 |
+
}
|
| 1493 |
+
.ctf-fb-tltp-elem {
|
| 1494 |
+
position: absolute;
|
| 1495 |
+
color: #fff;
|
| 1496 |
+
background: #434960;
|
| 1497 |
+
font-size: 14px;
|
| 1498 |
+
padding: 7px 10px;
|
| 1499 |
+
border-radius: 3px;
|
| 1500 |
+
font-weight: 500;
|
| 1501 |
+
z-index: 9;
|
| 1502 |
+
text-align: center;
|
| 1503 |
+
opacity: 0;
|
| 1504 |
+
visibility: hidden;
|
| 1505 |
+
top: calc(-100% - 30px);
|
| 1506 |
+
left: 50%;
|
| 1507 |
+
-webkit-transform: translateX(-50%);
|
| 1508 |
+
transform: translateX(-50%);
|
| 1509 |
+
-webkit-transition: all .2s ease-in-out;
|
| 1510 |
+
transition: all .2s ease-in-out;
|
| 1511 |
+
}
|
| 1512 |
+
.ctf-fb-tltp-elem span {
|
| 1513 |
+
position: relative;
|
| 1514 |
+
z-index: 3;
|
| 1515 |
+
}
|
| 1516 |
+
.ctf-fd-lst-btn svg {
|
| 1517 |
+
fill: currentColor;
|
| 1518 |
+
width: 14px;
|
| 1519 |
+
float: left;
|
| 1520 |
+
}
|
| 1521 |
+
.ctf-fd-lst-btn svg {
|
| 1522 |
+
height: 13px;
|
| 1523 |
+
}
|
| 1524 |
+
.ctf-fd-lst-thtf th{
|
| 1525 |
+
border-bottom: 1px solid #DCDDE1;
|
| 1526 |
+
}
|
| 1527 |
+
.ctf-fd-lst-thtf td{
|
| 1528 |
+
border-top: 1px solid #DCDDE1;
|
| 1529 |
+
}
|
| 1530 |
+
.ctf-fb-fdinst-type {
|
| 1531 |
+
padding: 5px 5px;
|
| 1532 |
+
background: #E8E8EB;
|
| 1533 |
+
margin-left: 12px;
|
| 1534 |
+
float: left;
|
| 1535 |
+
}
|
| 1536 |
+
.ctf-fd-lst-name {
|
| 1537 |
+
font-size: 17px;
|
| 1538 |
+
font-weight: 500;
|
| 1539 |
+
color: #0068A0!important;
|
| 1540 |
+
}
|
| 1541 |
+
.ctf-fb-inst-tbl-ctn a, .ctf-fb-inst-tbl-ctn a:focus {
|
| 1542 |
+
text-decoration: none;
|
| 1543 |
+
outline: none;
|
| 1544 |
+
}
|
| 1545 |
+
.ctf-fd-lst-actions .ctf-fd-lst-btn, .ctf-fb-inst-tbl-ctn .ctf-fd-lst-btn {
|
| 1546 |
+
box-sizing: border-box;
|
| 1547 |
+
width: 36px;
|
| 1548 |
+
height: 32px;
|
| 1549 |
+
background: transparent;
|
| 1550 |
+
}
|
| 1551 |
+
.ctf-fd-lst-btn svg {
|
| 1552 |
+
fill: currentColor;
|
| 1553 |
+
width: 14px;
|
| 1554 |
+
float: left;
|
| 1555 |
+
}
|
| 1556 |
+
.ctf-fb-tltp-parent:hover .ctf-fb-tltp-elem {
|
| 1557 |
+
top: calc(-100% - 20px);
|
| 1558 |
+
opacity: 1;
|
| 1559 |
+
visibility: visible;
|
| 1560 |
+
}
|
| 1561 |
+
.ctf-fb-tltp-elem:after {
|
| 1562 |
+
content: '';
|
| 1563 |
+
position: absolute;
|
| 1564 |
+
height: 10px;
|
| 1565 |
+
width: 10px;
|
| 1566 |
+
bottom: -5px;
|
| 1567 |
+
left: calc(50% - 5px);
|
| 1568 |
+
background: #434960;
|
| 1569 |
+
transform: rotate(
|
| 1570 |
+
-45deg
|
| 1571 |
+
);
|
| 1572 |
+
}
|
| 1573 |
+
|
| 1574 |
+
/*** 6.0 Sticky Widget ***/
|
| 1575 |
+
.ctf-stck-wdg{
|
| 1576 |
+
position: fixed;
|
| 1577 |
+
right: 21px;
|
| 1578 |
+
z-index: 9;
|
| 1579 |
+
bottom: 20px;
|
| 1580 |
+
}
|
| 1581 |
+
.ctf-stck-wdg-btn{
|
| 1582 |
+
width: 52px;
|
| 1583 |
+
height: 52px;
|
| 1584 |
+
background: #fff;
|
| 1585 |
+
border-radius: 50%;
|
| 1586 |
+
cursor: pointer;
|
| 1587 |
+
display: flex;
|
| 1588 |
+
justify-content: center;
|
| 1589 |
+
align-items: center;
|
| 1590 |
+
filter: drop-shadow(0px 9px 13px rgba(0, 0, 0, 0.2));
|
| 1591 |
+
}
|
| 1592 |
+
.ctf-stck-wdg-btn svg{
|
| 1593 |
+
width: 25px;
|
| 1594 |
+
fill: #FE544F;
|
| 1595 |
+
height: 33px;
|
| 1596 |
+
float: left;
|
| 1597 |
+
}
|
| 1598 |
+
|
| 1599 |
+
.ctf-stck-wdg[data-active="true"] .ctf-stck-wdg-btn-cls,
|
| 1600 |
+
.ctf-stck-wdg[data-active="true"] .ctf-stck-wdg-btn-cls svg{
|
| 1601 |
+
display: block;
|
| 1602 |
+
}
|
| 1603 |
+
.ctf-stck-wdg-btn-cls{
|
| 1604 |
+
width: inherit;
|
| 1605 |
+
height: inherit;
|
| 1606 |
+
position: relative;
|
| 1607 |
+
color: #364152;
|
| 1608 |
+
box-shadow: 0px 1px 6px rgb(0 0 0 / 5%), 0px 9px 12px rgb(0 0 0 / 5%);
|
| 1609 |
+
border-radius: 70px;
|
| 1610 |
+
}
|
| 1611 |
+
.ctf-stck-wdg-btn-cls svg {
|
| 1612 |
+
width: 14px;
|
| 1613 |
+
height: 14px;
|
| 1614 |
+
position: absolute;
|
| 1615 |
+
top: 50%;
|
| 1616 |
+
right: 0;
|
| 1617 |
+
bottom: 0;
|
| 1618 |
+
left: 50%;
|
| 1619 |
+
margin-top: -7px;
|
| 1620 |
+
margin-left: -7px;
|
| 1621 |
+
}
|
| 1622 |
+
|
| 1623 |
+
.ctf-stck-pop{
|
| 1624 |
+
position: absolute;
|
| 1625 |
+
width: 292px;
|
| 1626 |
+
height: auto;
|
| 1627 |
+
background: #fff;
|
| 1628 |
+
border: 1px solid #E2E8F0;
|
| 1629 |
+
box-sizing: border-box;
|
| 1630 |
+
box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.15), 0px 3px 14px rgba(0, 0, 0, 0.12);
|
| 1631 |
+
border-radius: 2px;
|
| 1632 |
+
padding: 20px;
|
| 1633 |
+
right: 0px;
|
| 1634 |
+
bottom: 66px;
|
| 1635 |
+
color: #141B38;
|
| 1636 |
+
padding-bottom: 82px;
|
| 1637 |
+
}
|
| 1638 |
+
.ctf-stck-wdg[data-active="true"] .ctf-stck-pop{
|
| 1639 |
+
bottom: 66px;
|
| 1640 |
+
opacity: 1;
|
| 1641 |
+
visibility: visible;
|
| 1642 |
+
}
|
| 1643 |
+
|
| 1644 |
+
.ctf-stck-pop svg{
|
| 1645 |
+
fill: currentColor;
|
| 1646 |
+
}
|
| 1647 |
+
.ctf-stck-el-list{
|
| 1648 |
+
border: 1px solid #DCDDE1;
|
| 1649 |
+
border-radius: 2px;
|
| 1650 |
+
}
|
| 1651 |
+
.ctf-stck-el{
|
| 1652 |
+
display: flex;
|
| 1653 |
+
align-items: center;
|
| 1654 |
+
padding: 11px 13px;
|
| 1655 |
+
border-bottom: 1px solid #DCDDE1;
|
| 1656 |
+
transition: background .15s ease-in-out;
|
| 1657 |
+
}
|
| 1658 |
+
.ctf-stck-el:hover{
|
| 1659 |
+
background: #F3F4F5;
|
| 1660 |
+
}
|
| 1661 |
+
.ctf-stck-el:last-of-type{
|
| 1662 |
+
border-bottom: 0px;
|
| 1663 |
+
}
|
| 1664 |
+
.ctf-stck-el-list .ctf-chevron svg{
|
| 1665 |
+
width: 5px;
|
| 1666 |
+
height: 8px;
|
| 1667 |
+
}
|
| 1668 |
+
.ctf-fs-a {
|
| 1669 |
+
width: 100%;
|
| 1670 |
+
height: 100%;
|
| 1671 |
+
display: block;
|
| 1672 |
+
position: absolute;
|
| 1673 |
+
left: 0;
|
| 1674 |
+
top: 0;
|
| 1675 |
+
z-index: 1;
|
| 1676 |
+
}
|
| 1677 |
+
.ctf-stck-el .ctf-stck-el-txt{
|
| 1678 |
+
color: #27303F;
|
| 1679 |
+
}
|
| 1680 |
+
.ctf-stck-el.ctf-stck-el-upgrd{
|
| 1681 |
+
padding: 8px 14px;
|
| 1682 |
+
font-size: 14px;
|
| 1683 |
+
background: var(--cl-orange);
|
| 1684 |
+
color: #fff;
|
| 1685 |
+
position: relative;
|
| 1686 |
+
transition: background .15s ease-in-out;
|
| 1687 |
+
}
|
| 1688 |
+
.ctf-chevron {
|
| 1689 |
+
position: absolute;
|
| 1690 |
+
right: 14px
|
| 1691 |
+
}
|
| 1692 |
+
.ctf-stck-el.ctf-stck-el-upgrd .ctf-stck-el-txt{
|
| 1693 |
+
color: #fff;
|
| 1694 |
+
}
|
| 1695 |
+
.ctf-stck-el.ctf-stck-el-upgrd:after{
|
| 1696 |
+
top: 20px;
|
| 1697 |
+
opacity: 1;
|
| 1698 |
+
}
|
| 1699 |
+
.ctf-stck-el-icon{
|
| 1700 |
+
margin-right: 10px;
|
| 1701 |
+
}
|
| 1702 |
+
.ctf-stck-el-icon svg{
|
| 1703 |
+
width: 17px;
|
| 1704 |
+
float: left;
|
| 1705 |
+
}
|
| 1706 |
+
.ctf-stck-title{
|
| 1707 |
+
margin-top: 20px;
|
| 1708 |
+
margin-bottom: 10px;
|
| 1709 |
+
color: #141B38;
|
| 1710 |
+
font-weight: 600;
|
| 1711 |
+
font-size: 14px;
|
| 1712 |
+
line-height: 160%;
|
| 1713 |
+
}
|
| 1714 |
+
.ctf-stck-follow{
|
| 1715 |
+
background: #F3F4F5;
|
| 1716 |
+
margin-top: 20px;
|
| 1717 |
+
left: 0px;
|
| 1718 |
+
bottom: 0px;
|
| 1719 |
+
position: absolute;
|
| 1720 |
+
padding: 12px 20px;
|
| 1721 |
+
display: flex;
|
| 1722 |
+
align-items: center;
|
| 1723 |
+
}
|
| 1724 |
+
.ctf-stck-follow span{
|
| 1725 |
+
font-weight: 600;
|
| 1726 |
+
font-size: 14px;
|
| 1727 |
+
}
|
| 1728 |
+
.ctf-stck-flw-links{
|
| 1729 |
+
display: flex;
|
| 1730 |
+
justify-content: center;
|
| 1731 |
+
align-items: center;
|
| 1732 |
+
margin-left: auto;
|
| 1733 |
+
}
|
| 1734 |
+
.ctf-stck-flw-links a{
|
| 1735 |
+
width: 36px;
|
| 1736 |
+
height: 28px;
|
| 1737 |
+
color: inherit;
|
| 1738 |
+
display: inline-flex;
|
| 1739 |
+
justify-content: center;
|
| 1740 |
+
align-items: center;
|
| 1741 |
+
margin-left: 4px;
|
| 1742 |
+
border-radius: 2px;
|
| 1743 |
+
transition: background .15s ease-in-out;
|
| 1744 |
+
}
|
| 1745 |
+
.ctf-stck-flw-links svg{
|
| 1746 |
+
width: 17px;
|
| 1747 |
+
color: #141B38;
|
| 1748 |
+
}
|
| 1749 |
+
.ctf-stck-flw-links a:hover{
|
| 1750 |
+
background: #fff;
|
| 1751 |
+
}
|
| 1752 |
+
.ctf-stck-flw-links a:hover svg{
|
| 1753 |
+
color: inherit;
|
| 1754 |
+
}
|
| 1755 |
+
.ctf-stck-flw-links a[data-type="instagram"] svg path{
|
| 1756 |
+
fill: currentColor;
|
| 1757 |
+
}
|
| 1758 |
+
.sb-tab-content .sb-tab-box.sb-dpa-clear-box-style .ctf-tab-form-field .ctf-btn {
|
| 1759 |
+
transform: none;
|
| 1760 |
+
margin-bottom: 15px;
|
| 1761 |
+
}
|
| 1762 |
+
|
| 1763 |
+
/*** 7.0 Responsive ***/
|
| 1764 |
+
@media (max-width: 1429px) {
|
| 1765 |
+
.caching-form-fields-group {
|
| 1766 |
+
display: inline-block;
|
| 1767 |
+
}
|
| 1768 |
+
.caching-form-fields-group select {
|
| 1769 |
+
margin-bottom: 5px;
|
| 1770 |
+
}
|
| 1771 |
+
}
|
| 1772 |
+
@media (min-width: 1429px) {
|
| 1773 |
+
.caching-form-fields-group {
|
| 1774 |
+
display: flex;
|
| 1775 |
+
}
|
| 1776 |
+
}
|
| 1777 |
+
@media (max-width: 1023px) {
|
| 1778 |
+
.sb-tab-content .sb-tab-box .tab-label {
|
| 1779 |
+
width: 100%;
|
| 1780 |
+
max-width: 100%;
|
| 1781 |
+
padding-right: 0;
|
| 1782 |
+
float: initial;
|
| 1783 |
+
margin-bottom: 20px;
|
| 1784 |
+
}
|
| 1785 |
+
.sb-tab-content .sb-tab-box .ctf-tab-form-field{
|
| 1786 |
+
width: 100%;
|
| 1787 |
+
float: intial;
|
| 1788 |
+
}
|
| 1789 |
+
}
|
| 1790 |
+
@media (max-width: 1320px) {
|
| 1791 |
+
.sb-feed-issue-box .feed-issues-fields {
|
| 1792 |
+
display: inline-block;
|
| 1793 |
+
}
|
| 1794 |
+
|
| 1795 |
+
.sb-feed-issue-box .feed-issues-fields * {
|
| 1796 |
+
margin-bottom: 5px;
|
| 1797 |
+
}
|
| 1798 |
+
}
|
| 1799 |
+
@media (max-width: 767px) {
|
| 1800 |
+
.auto-fold #wpcontent {
|
| 1801 |
+
padding-left: 0;
|
| 1802 |
+
}
|
| 1803 |
+
.ctf-fb-full-wrapper {
|
| 1804 |
+
padding: 70px 20px 0 20px;
|
| 1805 |
+
}
|
| 1806 |
+
.ctf-fb-hd-btn {
|
| 1807 |
+
padding: 0px 15px 0px 7px;
|
| 1808 |
+
}
|
| 1809 |
+
.ctf-fb-header {
|
| 1810 |
+
padding: 0px 20px;
|
| 1811 |
+
}
|
| 1812 |
+
.sb-notification-ctn {
|
| 1813 |
+
left: 20px;
|
| 1814 |
+
}
|
| 1815 |
+
.sb-tab-box.sb-export-box .sb-form-field .d-flex{
|
| 1816 |
+
flex-wrap: wrap;
|
| 1817 |
+
}
|
| 1818 |
+
.sb-form-field .ctf-select {
|
| 1819 |
+
width: 100%;
|
| 1820 |
+
}
|
| 1821 |
+
.sb-tab-content .sb-tab-box .ctf-tab-form-field {
|
| 1822 |
+
flex-wrap: wrap;
|
| 1823 |
+
}
|
| 1824 |
+
.sb-license-box .ctf-tab-form-field .ctf-btn {
|
| 1825 |
+
transform: translate(0px, 0px) !important;
|
| 1826 |
+
margin-top: 10px;
|
| 1827 |
+
}
|
| 1828 |
+
.sb-tab-content .sb-tab-box .ctf-tab-form-field .field-left-content {
|
| 1829 |
+
flex-basis: 100%;
|
| 1830 |
+
}
|
| 1831 |
+
.sb-export-box .ctf-tab-form-field .ctf-btn {
|
| 1832 |
+
transform: translate(0px, 0px) !important;
|
| 1833 |
+
margin-top: 10px;
|
| 1834 |
+
}
|
| 1835 |
+
.sb-feed-issue-box .feed-issues-fields {
|
| 1836 |
+
width: 100%;
|
| 1837 |
+
}
|
| 1838 |
+
.sb-feed-issue-box #report-emails {
|
| 1839 |
+
max-width: 100%;
|
| 1840 |
+
}
|
| 1841 |
+
.ctf-table thead th, .ctf-table tfoot th {
|
| 1842 |
+
display: none;
|
| 1843 |
+
}
|
| 1844 |
+
.ctf-table tbody tr:not(.ctf-table-row-header) td:last-child {
|
| 1845 |
+
margin-bottom: 20px;
|
| 1846 |
+
}
|
| 1847 |
+
.ctf-table tbody {
|
| 1848 |
+
background-color: #f3f4f5;
|
| 1849 |
+
}
|
| 1850 |
+
.ctf-table tbody:nth-child(2n) {
|
| 1851 |
+
background-color: #fff;
|
| 1852 |
+
}
|
| 1853 |
+
.sb-tab-content .sb-tab-box .ctf-tab-form-field .d-flex{
|
| 1854 |
+
flex-wrap: wrap;
|
| 1855 |
+
}
|
| 1856 |
+
.sb-sources-list {
|
| 1857 |
+
grid-template-columns: 100%;
|
| 1858 |
+
}
|
| 1859 |
+
.sb-tabs-container .sb-tabs {
|
| 1860 |
+
flex-direction: column-reverse;
|
| 1861 |
+
flex-wrap: wrap;
|
| 1862 |
+
align-items: flex-end;
|
| 1863 |
+
}
|
| 1864 |
+
.ctf-fb-full-wrapper {
|
| 1865 |
+
padding: 82px 20px 0 20px;
|
| 1866 |
+
}
|
| 1867 |
+
.sb-tabs-container .sb-tabs .left-buttons {
|
| 1868 |
+
width: 100%;
|
| 1869 |
+
display: flex;
|
| 1870 |
+
}
|
| 1871 |
+
.sb-tabs-container .sb-tabs .right-buttons {
|
| 1872 |
+
transform: translateY(-15px);
|
| 1873 |
+
}
|
| 1874 |
+
.sb-tabs-container .sb-tabs .left-buttons .tab {
|
| 1875 |
+
flex-grow: 1;
|
| 1876 |
+
flex-basis: 0;
|
| 1877 |
+
padding: 15px 10px;
|
| 1878 |
+
text-align: center;
|
| 1879 |
+
}
|
| 1880 |
+
.sb-tabs-container {
|
| 1881 |
+
margin-top: -45px;
|
| 1882 |
+
}
|
| 1883 |
+
#wpbody-content {
|
| 1884 |
+
padding-bottom: 50px;
|
| 1885 |
+
}
|
| 1886 |
+
.sb-form-field .ctf-select.size-md {
|
| 1887 |
+
width: 100%;
|
| 1888 |
+
max-width: 100%;
|
| 1889 |
+
}
|
| 1890 |
+
}
|
| 1891 |
+
@media (max-width: 567px) {
|
| 1892 |
+
.sb-tabs-container .sb-tabs .tab:not(:last-child) {
|
| 1893 |
+
margin-right: 10px;
|
| 1894 |
+
}
|
| 1895 |
+
}
|
| 1896 |
+
@media (max-width: 420px) {
|
| 1897 |
+
.sb-tabs-container .sb-tabs .left-buttons .tab {
|
| 1898 |
+
padding: 15px 7px;
|
| 1899 |
+
font-size: 14px;
|
| 1900 |
+
}
|
| 1901 |
+
}
|
| 1902 |
+
|
| 1903 |
+
.ctf-newaccount-btn svg{
|
| 1904 |
+
fill: #fff;
|
| 1905 |
+
width: 16px;
|
| 1906 |
+
float: left;
|
| 1907 |
+
}
|
| 1908 |
+
.ctf-add-account{
|
| 1909 |
+
border-top: 1px solid #eee;
|
| 1910 |
+
width: calc(100% + 48px);
|
| 1911 |
+
margin-left: -24px;
|
| 1912 |
+
margin-top: 30px;
|
| 1913 |
+
margin-bottom: -24px;
|
| 1914 |
+
}
|
| 1915 |
+
.ctf-add-account-btn{
|
| 1916 |
+
display: flex;
|
| 1917 |
+
justify-content: center;
|
| 1918 |
+
align-items: center;
|
| 1919 |
+
cursor: pointer;
|
| 1920 |
+
height: 60px;
|
| 1921 |
+
background: #F9F9FA;
|
| 1922 |
+
font-size: 17px;
|
| 1923 |
+
color: #0068A0;
|
| 1924 |
+
font-weight: 500;
|
| 1925 |
+
line-height: 1em;
|
| 1926 |
+
letter-spacing: 1px;
|
| 1927 |
+
}
|
| 1928 |
+
.ctf-add-account-btn:hover{
|
| 1929 |
+
background: #f7f7f7;
|
| 1930 |
+
|
| 1931 |
+
}
|
| 1932 |
+
.ctf-add-account-btn svg{
|
| 1933 |
+
margin-right: 15px;
|
| 1934 |
+
}
|
| 1935 |
+
.ctf-add-account-info{
|
| 1936 |
+
padding: 24px;
|
| 1937 |
+
}
|
| 1938 |
+
.ctf-manage-account-info-icon svg{
|
| 1939 |
+
width: 22px;
|
| 1940 |
+
float: left;
|
| 1941 |
+
margin-right: 10px;
|
| 1942 |
+
fill: #1B90EF;
|
| 1943 |
+
}
|
| 1944 |
+
.ctf-manage-account-edit-icon,
|
| 1945 |
+
.ctf-manage-account-delete-icon{
|
| 1946 |
+
width: 26px;
|
| 1947 |
+
height: 20px;
|
| 1948 |
+
position: absolute;
|
| 1949 |
+
right: 10px;
|
| 1950 |
+
top: 16px;
|
| 1951 |
+
cursor: pointer;
|
| 1952 |
+
}
|
| 1953 |
+
[data-active="false"] .ctf-manage-account-delete-icon{
|
| 1954 |
+
display: none;
|
| 1955 |
+
}
|
| 1956 |
+
[data-active="true"] .ctf-manage-account-edit-icon{
|
| 1957 |
+
right: 32px;
|
| 1958 |
+
}
|
| 1959 |
+
[data-active="true"] .ctf-manage-account-delete-icon{
|
| 1960 |
+
display: flex;
|
| 1961 |
+
justify-content: center;
|
| 1962 |
+
align-items: flex-start;
|
| 1963 |
+
}
|
| 1964 |
+
.ctf-manage-account-edit-icon svg{
|
| 1965 |
+
float: left;
|
| 1966 |
+
width: 26px;
|
| 1967 |
+
}
|
| 1968 |
+
.ctf-manage-account-edit-icon svg path{
|
| 1969 |
+
fill: #434960;
|
| 1970 |
+
}
|
| 1971 |
+
.ctf-manage-account-delete-icon svg{
|
| 1972 |
+
fill: #D72C2C;
|
| 1973 |
+
width: 12px;
|
| 1974 |
+
float: left;
|
| 1975 |
+
}
|
| 1976 |
+
|
| 1977 |
+
.ctf-acc-info-item {
|
| 1978 |
+
display: flex;
|
| 1979 |
+
border-bottom: 1px solid #E7E7E9;
|
| 1980 |
+
border-left: 1px solid #E7E7E9;
|
| 1981 |
+
border-right: 1px solid #E7E7E9;
|
| 1982 |
+
box-sizing: border-box;
|
| 1983 |
+
width: 100%;
|
| 1984 |
+
float: left;
|
| 1985 |
+
padding: 12px 10px;
|
| 1986 |
+
align-items: center;
|
| 1987 |
+
}
|
| 1988 |
+
.ctf-acc-info-item strong {
|
| 1989 |
+
font-size: 13px;
|
| 1990 |
+
width: 170px;
|
| 1991 |
+
}
|
| 1992 |
+
.ctf-acc-info-item span {
|
| 1993 |
+
font-size: 13px;
|
| 1994 |
+
line-height: 1.5em;
|
| 1995 |
+
color: #434960;
|
| 1996 |
+
font-weight: 400;
|
| 1997 |
+
display: inline-block;
|
| 1998 |
+
word-break: break-all;
|
| 1999 |
+
width: calc(100% - 80px);
|
| 2000 |
+
padding: 0 15px;
|
| 2001 |
+
box-sizing: border-box;
|
| 2002 |
+
}
|
| 2003 |
+
.ctf-acc-info-icon {
|
| 2004 |
+
width: 34px;
|
| 2005 |
+
height: 26px;
|
| 2006 |
+
display: flex;
|
| 2007 |
+
justify-content: center;
|
| 2008 |
+
align-items: center;
|
| 2009 |
+
cursor: pointer;
|
| 2010 |
+
margin-left: auto;
|
| 2011 |
+
border: 1px solid #D0D1D7;
|
| 2012 |
+
border-radius: 2px;
|
| 2013 |
+
transition: all 0.15s ease-in-out;
|
| 2014 |
+
}
|
| 2015 |
+
.ctf-acc-info-icon:hover {
|
| 2016 |
+
background: #F3F4F5;
|
| 2017 |
+
}
|
| 2018 |
+
.ctf-acc-info-icon:focus,
|
| 2019 |
+
.ctf-acc-info-icon:active {
|
| 2020 |
+
background: #E8E8EB;
|
| 2021 |
+
}
|
| 2022 |
+
.ctf-acc-info-icon svg {
|
| 2023 |
+
width: 15px;
|
| 2024 |
+
float: left;
|
| 2025 |
+
}
|
| 2026 |
+
[data-active="false"] .ctf-acc-info-item{
|
| 2027 |
+
display: none;
|
| 2028 |
+
}
|
| 2029 |
+
[data-active="true"] .ctf-acc-info-item{
|
| 2030 |
+
display: flex;
|
| 2031 |
+
}
|
| 2032 |
+
|
| 2033 |
+
.sb-tab-content .sb-tab-box .ctf-caching-pro-cta {
|
| 2034 |
+
width: calc(100% + 48px);
|
| 2035 |
+
display: flex;
|
| 2036 |
+
flex-direction: row;
|
| 2037 |
+
justify-content: center;
|
| 2038 |
+
align-items: center;
|
| 2039 |
+
padding: 0px 128px;
|
| 2040 |
+
background: #E2F5FF;
|
| 2041 |
+
margin-left: -24px;
|
| 2042 |
+
box-sizing: border-box;
|
| 2043 |
+
}
|
| 2044 |
+
.sb-tab-content .sb-tab-box .ctf-caching-pro-cta a {
|
| 2045 |
+
text-decoration: none;
|
| 2046 |
+
display: block;
|
| 2047 |
+
padding: 8px 0;
|
| 2048 |
+
}
|
| 2049 |
+
.sb-tab-content .sb-tab-box .ctf-caching-pro-cta span {
|
| 2050 |
+
font-weight: 600;
|
| 2051 |
+
font-size: 14px;
|
| 2052 |
+
line-height: 160%;
|
| 2053 |
+
color: #0068A0;
|
| 2054 |
+
width: 100%;
|
| 2055 |
+
text-align: center;
|
| 2056 |
+
}
|
| 2057 |
+
.sb-tab-content .sb-tab-box .ctf-caching-pro-cta .ctf-upgrade-cta-icon {
|
| 2058 |
+
margin-left: 6px;
|
| 2059 |
+
}
|
| 2060 |
+
|
| 2061 |
+
.ctf-checkbox input[type=checkbox]:disabled + .toggle-track {
|
| 2062 |
+
background-color: #D0D1D7;
|
| 2063 |
+
}
|
| 2064 |
+
|
| 2065 |
+
.sb-setting-promo-banner{
|
| 2066 |
+
width: 100%;
|
| 2067 |
+
box-sizing: border-box;
|
| 2068 |
+
padding: 20px 50px;
|
| 2069 |
+
display: flex;
|
| 2070 |
+
justify-content: center;
|
| 2071 |
+
align-items: center;
|
| 2072 |
+
background: #F3F4F5;
|
| 2073 |
+
}
|
| 2074 |
+
.sb-setting-promo-content{
|
| 2075 |
+
padding: 0 50px;
|
| 2076 |
+
}
|
| 2077 |
+
.sb-setting-promo-content h5{
|
| 2078 |
+
font-size: 22px;
|
| 2079 |
+
padding:0px;
|
| 2080 |
+
margin-bottom: 10px;
|
| 2081 |
+
margin-top: 0px;
|
| 2082 |
+
line-height: 1.2em;
|
| 2083 |
+
}
|
| 2084 |
+
.sb-setting-promo-content a{
|
| 2085 |
+
color: #0068A0;
|
| 2086 |
+
text-decoration: underline;
|
| 2087 |
+
font-size: 14px;
|
| 2088 |
+
}
|
admin/assets/css/support.css
ADDED
|
@@ -0,0 +1,1012 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 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 |
+
#ctf-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: #FE544F!important;
|
| 41 |
+
color: #fff!important;
|
| 42 |
+
}
|
| 43 |
+
.sb-btn-orange:hover{
|
| 44 |
+
background: #EC352F!important;
|
| 45 |
+
color: #fff!important;
|
| 46 |
+
}
|
| 47 |
+
.sb-btn-orange:focus,
|
| 48 |
+
.sb-btn-orange:active{
|
| 49 |
+
background: #BC120E!important;
|
| 50 |
+
color: #fff!important;
|
| 51 |
+
}
|
| 52 |
+
.ctf-fb-cp-clpboard{
|
| 53 |
+
width: 0px;
|
| 54 |
+
height: 0px;
|
| 55 |
+
position: absolute;
|
| 56 |
+
left: -100000px;
|
| 57 |
+
}
|
| 58 |
+
.ctf-fb-full-wrapper{
|
| 59 |
+
padding: 0 53px;
|
| 60 |
+
padding-top: 82px;
|
| 61 |
+
}
|
| 62 |
+
.ctf-fb-fs {
|
| 63 |
+
width: 100%;
|
| 64 |
+
position: relative;
|
| 65 |
+
float: left;
|
| 66 |
+
box-sizing: border-box;
|
| 67 |
+
}
|
| 68 |
+
#adminmenu a[href="admin.php?page=ctf-support"] {
|
| 69 |
+
display: none;
|
| 70 |
+
}
|
| 71 |
+
|
| 72 |
+
.sb-btn-grey:not(:disabled){
|
| 73 |
+
background: #F3F4F5!important;
|
| 74 |
+
color: #141B38!important;
|
| 75 |
+
border: 1px solid #D0D1D7!important;
|
| 76 |
+
}
|
| 77 |
+
.sb-btn-grey:not(:disabled):hover{
|
| 78 |
+
background: #fff!important;
|
| 79 |
+
color: #141B38!important;
|
| 80 |
+
border: 1px solid #DCDDE1!important;
|
| 81 |
+
}
|
| 82 |
+
.sb-btn-grey:not(:disabled):focus,
|
| 83 |
+
.sb-btn-grey:not(:disabled):active{
|
| 84 |
+
background: #E8E8EB!important;
|
| 85 |
+
color: #141B38!important;
|
| 86 |
+
border: 1px solid #D0D1D7!important;
|
| 87 |
+
}
|
| 88 |
+
|
| 89 |
+
/*** 2.0 - HEADER ***/
|
| 90 |
+
.ctf-fb-create-ctn{
|
| 91 |
+
margin-top: 90px;
|
| 92 |
+
}
|
| 93 |
+
.ctf-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 |
+
.ctf-fb-header-left {
|
| 105 |
+
display: flex;
|
| 106 |
+
}
|
| 107 |
+
.ctf-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 10px 30px;
|
| 114 |
+
}
|
| 115 |
+
.sb-social-wall-link:first-child {
|
| 116 |
+
padding-left: 0;
|
| 117 |
+
border-right: 1px solid #ccc;
|
| 118 |
+
color: #0068A0!important;
|
| 119 |
+
line-height: 1;
|
| 120 |
+
}
|
| 121 |
+
.sb-social-wall-link {
|
| 122 |
+
padding: 0 12px;
|
| 123 |
+
border-right: 1px solid #ccc;
|
| 124 |
+
color: #0068A0!important;
|
| 125 |
+
line-height: 1;
|
| 126 |
+
}
|
| 127 |
+
.sb-social-wall-link a {
|
| 128 |
+
text-decoration: none;
|
| 129 |
+
}
|
| 130 |
+
.sb-social-wall-link a:focus {
|
| 131 |
+
outline: none;
|
| 132 |
+
box-shadow: none;
|
| 133 |
+
}
|
| 134 |
+
.sb-social-wall-link:last-child {
|
| 135 |
+
border-right: none;
|
| 136 |
+
}
|
| 137 |
+
.ctf-fb-hd-logo{
|
| 138 |
+
display: flex;
|
| 139 |
+
vertical-align: middle;
|
| 140 |
+
align-items: center;
|
| 141 |
+
gap: 5px;
|
| 142 |
+
}
|
| 143 |
+
.ctf-fb-hd-logo .sb-logo-letters-wrap {
|
| 144 |
+
transform: translate(0px, -2px);
|
| 145 |
+
}
|
| 146 |
+
.ctf-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 |
+
.ctf-fb-hd-logo .separator{
|
| 154 |
+
margin: 0 5px 0 10px;
|
| 155 |
+
}
|
| 156 |
+
.ctf-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 16px;
|
| 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.15s ease-in-out;
|
| 173 |
+
}
|
| 174 |
+
.ctf-fb-hd-btn:focus {
|
| 175 |
+
outline: none;
|
| 176 |
+
box-shadow: none;
|
| 177 |
+
}
|
| 178 |
+
.ctf-fb-hd-btn:hover {
|
| 179 |
+
color: inherit;
|
| 180 |
+
background-color: #fff;
|
| 181 |
+
}
|
| 182 |
+
.ctf-fb-hd-btn i{
|
| 183 |
+
margin: 0px 5px;
|
| 184 |
+
}
|
| 185 |
+
.ctf-fb-hd-btn[data-icon="left"]{
|
| 186 |
+
padding-right: 20px!important;
|
| 187 |
+
}
|
| 188 |
+
.ctf-fb-full-wrapper .section-header h1 {
|
| 189 |
+
font-size: 32px;
|
| 190 |
+
line-height: 40px;
|
| 191 |
+
}
|
| 192 |
+
/*** 3.0 - SUPPORT CONTAINER ***/
|
| 193 |
+
.ctf-sb-container {
|
| 194 |
+
max-width: 885px;
|
| 195 |
+
position: relative;
|
| 196 |
+
margin: auto;
|
| 197 |
+
margin-top: 33px;
|
| 198 |
+
box-sizing: border-box;
|
| 199 |
+
}
|
| 200 |
+
|
| 201 |
+
/*** 3.1 - SECTION HEADER ***/
|
| 202 |
+
.ctf-section-header {
|
| 203 |
+
display: flex;
|
| 204 |
+
justify-content: space-between;
|
| 205 |
+
align-items: center;
|
| 206 |
+
}
|
| 207 |
+
.ctf-section-header h2{
|
| 208 |
+
font-weight: 600;
|
| 209 |
+
font-size: 32px;
|
| 210 |
+
line-height: 40px;
|
| 211 |
+
color: #141B38;
|
| 212 |
+
margin: 0;
|
| 213 |
+
}
|
| 214 |
+
.ctf-section-header .ctf-search-doc .ctf-search-doc-field {
|
| 215 |
+
position: relative;
|
| 216 |
+
background: #fff;
|
| 217 |
+
border: 1px solid #DCDDE1;
|
| 218 |
+
min-width: 283px;
|
| 219 |
+
box-sizing: border-box;
|
| 220 |
+
height: 38px;
|
| 221 |
+
padding: 0px 14px 0px 15px;
|
| 222 |
+
font-weight: 600;
|
| 223 |
+
font-size: 14px;
|
| 224 |
+
line-height: 22px;
|
| 225 |
+
color: #141B38;
|
| 226 |
+
text-decoration: none;
|
| 227 |
+
margin-right: 1px;
|
| 228 |
+
}
|
| 229 |
+
.ctf-section-header .ctf-search-doc .ctf-search-doc-field .sb-btn-input {
|
| 230 |
+
height: 100%;
|
| 231 |
+
border: none;
|
| 232 |
+
outline: none;
|
| 233 |
+
background-color: transparent;
|
| 234 |
+
margin-left: 25px;
|
| 235 |
+
color: #141B38;
|
| 236 |
+
min-width: 200px;
|
| 237 |
+
transform: translateY(-1px);
|
| 238 |
+
}
|
| 239 |
+
.ctf-section-header .ctf-search-doc .ctf-search-doc-field .sb-btn-input::placeholder {
|
| 240 |
+
color: #141B38;
|
| 241 |
+
}
|
| 242 |
+
.ctf-section-header .ctf-search-doc .ctf-search-doc-field:focus,
|
| 243 |
+
.ctf-section-header .ctf-search-doc .ctf-search-doc-field .sb-btn-input:focus {
|
| 244 |
+
outline: none;
|
| 245 |
+
box-shadow: none;
|
| 246 |
+
}
|
| 247 |
+
.ctf-section-header .ctf-search-doc .ctf-search-doc-field .sb-btn-icon {
|
| 248 |
+
position: absolute;
|
| 249 |
+
left: 15px;
|
| 250 |
+
top: 11px;
|
| 251 |
+
cursor: pointer;
|
| 252 |
+
}
|
| 253 |
+
.ctf-section-header .ctf-search-doc .ctf-search-doc-field .sb-btn-link-icon{
|
| 254 |
+
cursor: pointer;
|
| 255 |
+
position: absolute;
|
| 256 |
+
right: 2px;
|
| 257 |
+
top: 0;
|
| 258 |
+
width: 35px;
|
| 259 |
+
text-align: center;
|
| 260 |
+
height: 100%;
|
| 261 |
+
padding-top: 9px;
|
| 262 |
+
box-sizing: border-box;
|
| 263 |
+
}
|
| 264 |
+
.ctf-section-header .ctf-search-doc a .sb-btn-link-icon{
|
| 265 |
+
margin-left: 56px;
|
| 266 |
+
}
|
| 267 |
+
/*** 3.2 - SUPPORT BLOCK ***/
|
| 268 |
+
.ctf-support-blocks {
|
| 269 |
+
margin-top: 22px;
|
| 270 |
+
display: flex;
|
| 271 |
+
}
|
| 272 |
+
.ctf-support-blocks .ctf-support-block {
|
| 273 |
+
padding: 22px 18px;
|
| 274 |
+
background: #FFFFFF;
|
| 275 |
+
box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05), 0px 4px 5px rgba(0, 0, 0, 0.05);
|
| 276 |
+
border-radius: 2px;
|
| 277 |
+
width: calc(33% - 7px);
|
| 278 |
+
box-sizing: border-box;
|
| 279 |
+
position: relative;
|
| 280 |
+
}
|
| 281 |
+
.ctf-support-blocks .ctf-support-block:not(:last-child) {
|
| 282 |
+
margin-right: 14px;
|
| 283 |
+
}
|
| 284 |
+
.ctf-support-blocks .ctf-support-block h3 {
|
| 285 |
+
font-style: normal;
|
| 286 |
+
font-weight: 600;
|
| 287 |
+
font-size: 18px;
|
| 288 |
+
line-height: 25px;
|
| 289 |
+
color: #141B38;
|
| 290 |
+
margin-top: 15px;
|
| 291 |
+
margin-bottom: 0;
|
| 292 |
+
}
|
| 293 |
+
.ctf-support-blocks .ctf-support-block p {
|
| 294 |
+
font-size: 12px;
|
| 295 |
+
line-height: 18px;
|
| 296 |
+
color: #64748B;
|
| 297 |
+
margin-top: 5px;
|
| 298 |
+
}
|
| 299 |
+
.sb-block-header img {
|
| 300 |
+
width: 56px;
|
| 301 |
+
height: 56px;
|
| 302 |
+
}
|
| 303 |
+
.sb-articles-list {
|
| 304 |
+
margin-top: 31px;
|
| 305 |
+
margin-bottom: 79px;
|
| 306 |
+
}
|
| 307 |
+
|
| 308 |
+
.sb-articles-list ul li {
|
| 309 |
+
position: relative;
|
| 310 |
+
margin: 0px;
|
| 311 |
+
padding-right: 10px;
|
| 312 |
+
}
|
| 313 |
+
.sb-articles-list ul li:not(:last-child) {
|
| 314 |
+
border-bottom: 1px solid #E8E8EB;
|
| 315 |
+
position: relative;
|
| 316 |
+
}
|
| 317 |
+
.sb-articles-list ul li a {
|
| 318 |
+
font-size: 14px;
|
| 319 |
+
line-height: 22px;
|
| 320 |
+
color: #141B38;
|
| 321 |
+
text-decoration: none;
|
| 322 |
+
display: block;
|
| 323 |
+
padding: 13px 0;
|
| 324 |
+
}
|
| 325 |
+
.sb-articles-list ul li:not(:last-child):after {
|
| 326 |
+
content: '';
|
| 327 |
+
position: absolute;
|
| 328 |
+
left: 0px;
|
| 329 |
+
bottom: -1px;
|
| 330 |
+
background-color: #0068A0;
|
| 331 |
+
height: 1px;
|
| 332 |
+
width: 0;
|
| 333 |
+
transition: all 0.25s ease-in-out;
|
| 334 |
+
}
|
| 335 |
+
.sb-articles-list ul li:not(:last-child):hover:after {
|
| 336 |
+
width: 100%;
|
| 337 |
+
}
|
| 338 |
+
.sb-articles-list ul li a:hover {
|
| 339 |
+
color: #0068A0;
|
| 340 |
+
}
|
| 341 |
+
.sb-articles-list ul li .sb-list-icon {
|
| 342 |
+
position: absolute;
|
| 343 |
+
right: 0;
|
| 344 |
+
top: calc(50% - 9px);
|
| 345 |
+
}
|
| 346 |
+
.sb-articles-list ul li .sb-list-icon svg {
|
| 347 |
+
width: 5px;
|
| 348 |
+
}
|
| 349 |
+
.sb-articles-list ul li .sb-list-icon svg path {
|
| 350 |
+
fill: #8C8F9A;
|
| 351 |
+
}
|
| 352 |
+
.ctf-support-blocks .ctf-sb-button {
|
| 353 |
+
margin-top: 50px;
|
| 354 |
+
position: absolute;
|
| 355 |
+
left: 0;
|
| 356 |
+
bottom: 20px;
|
| 357 |
+
width: calc(100% - 40px);
|
| 358 |
+
padding: 0 20px;
|
| 359 |
+
}
|
| 360 |
+
.ctf-support-blocks .ctf-sb-button .sb-btn-icon {
|
| 361 |
+
margin-left: 8px;
|
| 362 |
+
}
|
| 363 |
+
.ctf-support-blocks .ctf-sb-button .sb-btn-icon svg {
|
| 364 |
+
width: 5px;
|
| 365 |
+
transform: translateY(0px);
|
| 366 |
+
margin-left: 3px;
|
| 367 |
+
}
|
| 368 |
+
.ctf-support-blocks .ctf-sb-button a {
|
| 369 |
+
background: #F3F4F5;
|
| 370 |
+
border: 1px solid #DCDDE1;
|
| 371 |
+
box-sizing: border-box;
|
| 372 |
+
border-radius: 2px;
|
| 373 |
+
font-weight: 600;
|
| 374 |
+
font-size: 12px;
|
| 375 |
+
line-height: 19px;
|
| 376 |
+
color: #141B38;
|
| 377 |
+
display: block;
|
| 378 |
+
text-align: center;
|
| 379 |
+
text-decoration: none;
|
| 380 |
+
padding: 6px;
|
| 381 |
+
transition: all 0.15s ease-in-out;
|
| 382 |
+
}
|
| 383 |
+
.ctf-support-blocks .ctf-sb-button a:hover,
|
| 384 |
+
.ctf-section-header .ctf-search-doc a:hover {
|
| 385 |
+
background: #FFFFFF;
|
| 386 |
+
border: 1px solid #D0D1D7;
|
| 387 |
+
}
|
| 388 |
+
.ctf-support-blocks .ctf-sb-button a:focus,
|
| 389 |
+
.ctf-support-blocks .ctf-sb-button a:active,
|
| 390 |
+
.ctf-section-header .ctf-search-doc a:focus,
|
| 391 |
+
.ctf-section-header .ctf-search-doc a:active {
|
| 392 |
+
background: #E8E8EB;
|
| 393 |
+
border: 1px solid #D0D1D7;
|
| 394 |
+
}
|
| 395 |
+
|
| 396 |
+
/*** 3.3 - CONTACT SUPPORT BLOCK ***/
|
| 397 |
+
.ctf-support-contact-block {
|
| 398 |
+
background: #FFFFFF;
|
| 399 |
+
box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05), 0px 4px 5px rgba(0, 0, 0, 0.05);
|
| 400 |
+
border-radius: 2px;
|
| 401 |
+
padding: 20px 20px 23px;
|
| 402 |
+
margin-top: 28px;
|
| 403 |
+
box-sizing: border-box;
|
| 404 |
+
margin-bottom: 12px;
|
| 405 |
+
display: flex;
|
| 406 |
+
}
|
| 407 |
+
.ctf-support-contact-block .sb-cb-content h3{
|
| 408 |
+
font-size: 24px;
|
| 409 |
+
line-height: 29px;
|
| 410 |
+
color: #141B38;
|
| 411 |
+
margin: 0;
|
| 412 |
+
margin-bottom: 16px;
|
| 413 |
+
}
|
| 414 |
+
.ctf-support-contact-block .sb-cb-icon {
|
| 415 |
+
margin-right: 30px;
|
| 416 |
+
}
|
| 417 |
+
.ctf-support-contact-block .sb-cb-icon span{
|
| 418 |
+
background: #E8E8EB;
|
| 419 |
+
border-radius: 60px;
|
| 420 |
+
width: 68px;
|
| 421 |
+
height: 68px;
|
| 422 |
+
display: inline-block;
|
| 423 |
+
text-align: center;
|
| 424 |
+
padding-top: 22px;
|
| 425 |
+
box-sizing: border-box;
|
| 426 |
+
}
|
| 427 |
+
.ctf-support-contact-block .sb-cb-btn{
|
| 428 |
+
background: #FE544F;
|
| 429 |
+
border-radius: 2px;
|
| 430 |
+
color: #fff;
|
| 431 |
+
text-decoration: none;
|
| 432 |
+
display: inline-block;
|
| 433 |
+
padding: 8px 12px;
|
| 434 |
+
font-size: 14px;
|
| 435 |
+
}
|
| 436 |
+
.ctf-support-contact-block .sb-cb-btn:hover {
|
| 437 |
+
background: #EC352F;
|
| 438 |
+
border-color: #EC352F;
|
| 439 |
+
}
|
| 440 |
+
|
| 441 |
+
.ctf-support-contact-block .sb-cb-btn:focus,
|
| 442 |
+
.ctf-support-contact-block .sb-cb-btn:active {
|
| 443 |
+
background: #BC120E;
|
| 444 |
+
border-color: #BC120E;
|
| 445 |
+
outline: none;
|
| 446 |
+
box-shadow: none;
|
| 447 |
+
}
|
| 448 |
+
.ctf-support-contact-block .sb-cb-btn span {
|
| 449 |
+
margin-left: 11px;
|
| 450 |
+
}
|
| 451 |
+
.ctf-support-contact-block .sb-cb-btn svg {
|
| 452 |
+
width: 5px;
|
| 453 |
+
}
|
| 454 |
+
.ctf-support-contact-block .sb-cb-btn path {
|
| 455 |
+
fill: #fff;
|
| 456 |
+
}
|
| 457 |
+
.ctf-support-contact-block .sb-contact-block-left{
|
| 458 |
+
flex-basis: 625px;
|
| 459 |
+
/* width: 625px; */
|
| 460 |
+
/* float: left; */
|
| 461 |
+
display: flex;
|
| 462 |
+
padding-top: 10px;
|
| 463 |
+
box-sizing: border-box;
|
| 464 |
+
}
|
| 465 |
+
.ctf-support-contact-block .sb-contact-block-right {
|
| 466 |
+
flex-basis: 220px;
|
| 467 |
+
/* width: 220px;
|
| 468 |
+
float: left; */
|
| 469 |
+
padding-top: 10px;
|
| 470 |
+
padding-left: 32px;
|
| 471 |
+
box-sizing: border-box;
|
| 472 |
+
border-left: 1px solid #DCDDE1;
|
| 473 |
+
}
|
| 474 |
+
.ctf-support-contact-block .sb-contact-block-right p {
|
| 475 |
+
font-size: 12px;
|
| 476 |
+
line-height: 18px;
|
| 477 |
+
color: #141B38;
|
| 478 |
+
}
|
| 479 |
+
.ctf-support-contact-block .sb-contact-block-right img {
|
| 480 |
+
max-width: 65px;
|
| 481 |
+
}
|
| 482 |
+
|
| 483 |
+
/*** 3.4 - SYSTEM INFO BLOCK ***/
|
| 484 |
+
.ctf-system-info-section {
|
| 485 |
+
background: #FFFFFF;
|
| 486 |
+
box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05), 0px 4px 5px rgba(0, 0, 0, 0.05);
|
| 487 |
+
border-radius: 2px;
|
| 488 |
+
}
|
| 489 |
+
.ctf-system-info-section .ctf-system-header{
|
| 490 |
+
display: flex;
|
| 491 |
+
padding: 12px 20px 0;
|
| 492 |
+
justify-content: space-between;
|
| 493 |
+
}
|
| 494 |
+
.ctf-system-info-section .ctf-system-header h3 {
|
| 495 |
+
font-weight: 600;
|
| 496 |
+
font-size: 18px;
|
| 497 |
+
line-height: 25px;
|
| 498 |
+
color: #141B38;
|
| 499 |
+
margin-top: 9px;
|
| 500 |
+
}
|
| 501 |
+
.ctf-system-info-section .ctf-system-header .ctf-copy-btn {
|
| 502 |
+
background: #F3F4F5;
|
| 503 |
+
border: 1px solid #DCDDE1;
|
| 504 |
+
box-sizing: border-box;
|
| 505 |
+
border-radius: 2px;
|
| 506 |
+
font-size: 14px;
|
| 507 |
+
font-weight: 600;
|
| 508 |
+
line-height: 22px;
|
| 509 |
+
color: #141B38;
|
| 510 |
+
height: 38px;
|
| 511 |
+
padding: 5px 20px 5px 12px;
|
| 512 |
+
cursor: pointer;
|
| 513 |
+
transition: all 0.15s ease-in-out;
|
| 514 |
+
}
|
| 515 |
+
.ctf-system-info-section .ctf-system-header .ctf-copy-btn:hover {
|
| 516 |
+
background: #FFFFFF;
|
| 517 |
+
border: 1px solid #D0D1D7;
|
| 518 |
+
}
|
| 519 |
+
.ctf-system-info-section .ctf-system-header .ctf-copy-btn:focus,
|
| 520 |
+
.ctf-system-info-section .ctf-system-header .ctf-copy-btn:active {
|
| 521 |
+
background: #E8E8EB;
|
| 522 |
+
border: 1px solid #D0D1D7;
|
| 523 |
+
}
|
| 524 |
+
.ctf-system-info-section .ctf-system-header .ctf-copy-btn svg {
|
| 525 |
+
height: 19px;
|
| 526 |
+
width: 19px;
|
| 527 |
+
transform: translate(0px, 4px);
|
| 528 |
+
margin-right: 5px;
|
| 529 |
+
}
|
| 530 |
+
.ctf-system-info-section .ctf-system-info {
|
| 531 |
+
padding: 0 20px 20px;
|
| 532 |
+
border-bottom: 1px solid #E8E8EB;
|
| 533 |
+
}
|
| 534 |
+
.ctf-system-info-section .ctf-system-info .system_info:focus {
|
| 535 |
+
outline: none;
|
| 536 |
+
box-shadow: none;
|
| 537 |
+
}
|
| 538 |
+
.ctf-system-info-section .ctf-system-info .system_info a {
|
| 539 |
+
color: #0068A0;
|
| 540 |
+
}
|
| 541 |
+
.ctf-system-info-section .ctf-system-info .system_info {
|
| 542 |
+
box-sizing: border-box;
|
| 543 |
+
background: #F9F9FA;
|
| 544 |
+
border: 1px solid #E8E8EB;
|
| 545 |
+
width: 100%;
|
| 546 |
+
resize: none;
|
| 547 |
+
border-radius: 0;
|
| 548 |
+
padding: 20px 28px;
|
| 549 |
+
font-size: 12px;
|
| 550 |
+
line-height: 18px;
|
| 551 |
+
color: #141B38;
|
| 552 |
+
width: 100%;
|
| 553 |
+
height: 123px;
|
| 554 |
+
font-family: 'Fira Code', monospace;
|
| 555 |
+
word-break: break-all;
|
| 556 |
+
}
|
| 557 |
+
.ctf-system-info-section .ctf-system-info .system_info.expanded {
|
| 558 |
+
height: 600px;
|
| 559 |
+
overflow-x: hidden;
|
| 560 |
+
overflow-y: scroll;
|
| 561 |
+
}
|
| 562 |
+
.ctf-system-info-section .ctf-system-info .system_info.collapsed {
|
| 563 |
+
overflow: hidden;
|
| 564 |
+
}
|
| 565 |
+
.ctf-system-info-section .ctf-system-info .ctf-expand-btn {
|
| 566 |
+
padding: 8px 12px 8px 8px;
|
| 567 |
+
background: #FFFFFF;
|
| 568 |
+
border: 1px solid #D0D1D7;
|
| 569 |
+
border-radius: 2px;
|
| 570 |
+
font-size: 12px;
|
| 571 |
+
line-height: 19px;
|
| 572 |
+
color: #141B38;
|
| 573 |
+
width: 100%;
|
| 574 |
+
margin-top: -5px;
|
| 575 |
+
z-index: 9;
|
| 576 |
+
position: relative;
|
| 577 |
+
font-weight: 500;
|
| 578 |
+
cursor: pointer;
|
| 579 |
+
transition: all .15s ease-in-out;
|
| 580 |
+
}
|
| 581 |
+
.ctf-system-info-section .ctf-system-info .ctf-expand-btn:hover {
|
| 582 |
+
background: #F3F4F5;
|
| 583 |
+
border: 1px solid #DCDDE1;
|
| 584 |
+
}
|
| 585 |
+
.ctf-system-info-section .ctf-system-info .ctf-expand-btn span {
|
| 586 |
+
margin-right: 10px;
|
| 587 |
+
}
|
| 588 |
+
.ctf-system-info-section .ctf-system-info .ctf-expand-btn:focus,
|
| 589 |
+
.ctf-system-info-section .ctf-system-info .ctf-expand-btn:active{
|
| 590 |
+
background: #E8E8EB!important;
|
| 591 |
+
color: #141B38!important;
|
| 592 |
+
border: 1px solid #D0D1D7!important;
|
| 593 |
+
}
|
| 594 |
+
.ctf-export-settings-section {
|
| 595 |
+
background: #FFFFFF;
|
| 596 |
+
box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05), 0px 4px 5px rgba(0, 0, 0, 0.05);
|
| 597 |
+
border-radius: 2px;
|
| 598 |
+
padding: 20px;
|
| 599 |
+
background: #FFFFFF;
|
| 600 |
+
display: flex;
|
| 601 |
+
justify-content: space-between;
|
| 602 |
+
}
|
| 603 |
+
.ctf-export-settings-section .ctf-export-right{
|
| 604 |
+
display: flex;
|
| 605 |
+
}
|
| 606 |
+
.ctf-export-settings-section .ctf-export-left h3 {
|
| 607 |
+
font-style: normal;
|
| 608 |
+
font-weight: 600;
|
| 609 |
+
font-size: 18px;
|
| 610 |
+
line-height: 25px;
|
| 611 |
+
color: #141B38;
|
| 612 |
+
margin: 0 0 4px 0;
|
| 613 |
+
}
|
| 614 |
+
.ctf-export-settings-section .ctf-export-left p {
|
| 615 |
+
font-size: 12px;
|
| 616 |
+
line-height: 18px;
|
| 617 |
+
color: #141B38;
|
| 618 |
+
margin: 0;
|
| 619 |
+
}
|
| 620 |
+
.ctf-export-settings-section .ctf-select{
|
| 621 |
+
min-width: 234px;
|
| 622 |
+
border: 1px solid #D0D1D7;
|
| 623 |
+
padding: 3px 15px;
|
| 624 |
+
height: 38px;
|
| 625 |
+
font-size: 14px;
|
| 626 |
+
color: #141B38;
|
| 627 |
+
-webkit-appearance: none;
|
| 628 |
+
appearance: none;
|
| 629 |
+
margin-right: 8px;
|
| 630 |
+
background: #fff url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAFCAYAAAB8ZH1oAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAABSSURBVHgBfc4hCkAhDAbgjV3slQcvvHuYDWY1G8zewyIWb6YuCCLqD4Pt5wtD54NBQA2XVKiWcorl/X7s+DkhJYUhPk54IN5plCue0Tb8M8/aNx/uIpRVqbbFAAAAAElFTkSuQmCC') no-repeat right 15px top 55%;
|
| 631 |
+
}
|
| 632 |
+
.ctf-export-settings-section .ctf-btn {
|
| 633 |
+
height: 38px;
|
| 634 |
+
font-size: 14px;
|
| 635 |
+
padding: 7px 20px 7px 16px;
|
| 636 |
+
display: flex;
|
| 637 |
+
align-items: center;
|
| 638 |
+
vertical-align: middle;
|
| 639 |
+
background: #F3F4F5;
|
| 640 |
+
border: 1px solid #DCDDE1;
|
| 641 |
+
border-radius: 2px;
|
| 642 |
+
font-weight: 500;
|
| 643 |
+
transition: all .15s ease-in-out;
|
| 644 |
+
cursor: pointer;
|
| 645 |
+
}
|
| 646 |
+
.ctf-export-settings-section .ctf-btn:disabled {
|
| 647 |
+
cursor: not-allowed;
|
| 648 |
+
color: #8C8F9A;
|
| 649 |
+
background: #F3F4F5;
|
| 650 |
+
}
|
| 651 |
+
.ctf-export-settings-section .ctf-btn:disabled:hover {
|
| 652 |
+
color: #8C8F9A;
|
| 653 |
+
}
|
| 654 |
+
.ctf-export-settings-section .ctf-btn span {
|
| 655 |
+
margin-right: 11px;
|
| 656 |
+
transform: translate(0px, 2px);
|
| 657 |
+
}
|
| 658 |
+
.ctf-export-settings-section .ctf-btn:disabled span path {
|
| 659 |
+
fill: #8C8F9A;
|
| 660 |
+
}
|
| 661 |
+
.ctf-support-contact-block {}
|
| 662 |
+
|
| 663 |
+
|
| 664 |
+
/*** 4.0 Sticky Widget ***/
|
| 665 |
+
.ctf-stck-wdg{
|
| 666 |
+
position: fixed;
|
| 667 |
+
right: 21px;
|
| 668 |
+
z-index: 9;
|
| 669 |
+
bottom: 20px;
|
| 670 |
+
}
|
| 671 |
+
.ctf-stck-wdg-btn{
|
| 672 |
+
width: 52px;
|
| 673 |
+
height: 52px;
|
| 674 |
+
background: #fff;
|
| 675 |
+
border-radius: 50%;
|
| 676 |
+
cursor: pointer;
|
| 677 |
+
display: flex;
|
| 678 |
+
justify-content: center;
|
| 679 |
+
align-items: center;
|
| 680 |
+
filter: drop-shadow(0px 9px 13px rgba(0, 0, 0, 0.2));
|
| 681 |
+
}
|
| 682 |
+
.ctf-stck-wdg-btn svg{
|
| 683 |
+
width: 25px;
|
| 684 |
+
fill: #FE544F;
|
| 685 |
+
height: 33px;
|
| 686 |
+
float: left;
|
| 687 |
+
}
|
| 688 |
+
|
| 689 |
+
.ctf-stck-wdg[data-active="true"] .ctf-stck-wdg-btn-cls,
|
| 690 |
+
.ctf-stck-wdg[data-active="true"] .ctf-stck-wdg-btn-cls svg{
|
| 691 |
+
display: block;
|
| 692 |
+
}
|
| 693 |
+
.ctf-stck-wdg-btn-cls{
|
| 694 |
+
width: inherit;
|
| 695 |
+
height: inherit;
|
| 696 |
+
position: relative;
|
| 697 |
+
color: #364152;
|
| 698 |
+
box-shadow: 0px 1px 6px rgb(0 0 0 / 5%), 0px 9px 12px rgb(0 0 0 / 5%);
|
| 699 |
+
border-radius: 70px;
|
| 700 |
+
}
|
| 701 |
+
.ctf-stck-wdg-btn-cls svg {
|
| 702 |
+
width: 14px;
|
| 703 |
+
height: 14px;
|
| 704 |
+
position: absolute;
|
| 705 |
+
top: 50%;
|
| 706 |
+
right: 0;
|
| 707 |
+
bottom: 0;
|
| 708 |
+
left: 50%;
|
| 709 |
+
margin-top: -7px;
|
| 710 |
+
margin-left: -7px;
|
| 711 |
+
}
|
| 712 |
+
|
| 713 |
+
.ctf-stck-pop{
|
| 714 |
+
position: absolute;
|
| 715 |
+
width: 292px;
|
| 716 |
+
height: auto;
|
| 717 |
+
background: #fff;
|
| 718 |
+
border: 1px solid #E2E8F0;
|
| 719 |
+
box-sizing: border-box;
|
| 720 |
+
box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.15), 0px 3px 14px rgba(0, 0, 0, 0.12);
|
| 721 |
+
border-radius: 2px;
|
| 722 |
+
padding: 20px;
|
| 723 |
+
right: 0px;
|
| 724 |
+
bottom: 66px;
|
| 725 |
+
color: #141B38;
|
| 726 |
+
padding-bottom: 82px;
|
| 727 |
+
}
|
| 728 |
+
.ctf-stck-wdg[data-active="true"] .ctf-stck-pop{
|
| 729 |
+
bottom: 66px;
|
| 730 |
+
opacity: 1;
|
| 731 |
+
visibility: visible;
|
| 732 |
+
}
|
| 733 |
+
|
| 734 |
+
.ctf-stck-pop svg{
|
| 735 |
+
fill: currentColor;
|
| 736 |
+
}
|
| 737 |
+
.ctf-stck-el-list{
|
| 738 |
+
border: 1px solid #DCDDE1;
|
| 739 |
+
border-radius: 2px;
|
| 740 |
+
}
|
| 741 |
+
.ctf-stck-el{
|
| 742 |
+
display: flex;
|
| 743 |
+
align-items: center;
|
| 744 |
+
padding: 11px 13px;
|
| 745 |
+
border-bottom: 1px solid #DCDDE1;
|
| 746 |
+
transition: background .15s ease-in-out;
|
| 747 |
+
font-size: 12px;
|
| 748 |
+
}
|
| 749 |
+
.ctf-stck-el:hover{
|
| 750 |
+
background: #F3F4F5;
|
| 751 |
+
}
|
| 752 |
+
.ctf-stck-el:last-of-type{
|
| 753 |
+
border-bottom: 0px;
|
| 754 |
+
}
|
| 755 |
+
.ctf-stck-el-list .ctf-chevron svg{
|
| 756 |
+
width: 5px;
|
| 757 |
+
height: 8px;
|
| 758 |
+
}
|
| 759 |
+
.ctf-fs-a {
|
| 760 |
+
width: 100%;
|
| 761 |
+
height: 100%;
|
| 762 |
+
display: block;
|
| 763 |
+
position: absolute;
|
| 764 |
+
left: 0;
|
| 765 |
+
top: 0;
|
| 766 |
+
z-index: 1;
|
| 767 |
+
}
|
| 768 |
+
.ctf-stck-el .ctf-stck-el-txt{
|
| 769 |
+
color: #27303F;
|
| 770 |
+
}
|
| 771 |
+
.ctf-stck-el.ctf-stck-el-upgrd{
|
| 772 |
+
padding: 9px 14px;
|
| 773 |
+
font-size: 14px;
|
| 774 |
+
background: var(--cl-orange);
|
| 775 |
+
color: #fff;
|
| 776 |
+
position: relative;
|
| 777 |
+
transition: background .15s ease-in-out;
|
| 778 |
+
font-weight: 600;
|
| 779 |
+
}
|
| 780 |
+
.ctf-chevron {
|
| 781 |
+
position: absolute;
|
| 782 |
+
right: 14px
|
| 783 |
+
}
|
| 784 |
+
.ctf-stck-el.ctf-stck-el-upgrd .ctf-stck-el-txt{
|
| 785 |
+
color: #fff;
|
| 786 |
+
}
|
| 787 |
+
.ctf-stck-el.ctf-stck-el-upgrd:after{
|
| 788 |
+
top: 20px;
|
| 789 |
+
opacity: 1;
|
| 790 |
+
}
|
| 791 |
+
.ctf-stck-el-icon{
|
| 792 |
+
margin-right: 10px;
|
| 793 |
+
}
|
| 794 |
+
.ctf-stck-el-icon svg{
|
| 795 |
+
width: 17px;
|
| 796 |
+
float: left;
|
| 797 |
+
}
|
| 798 |
+
.ctf-stck-title{
|
| 799 |
+
margin-top: 20px;
|
| 800 |
+
margin-bottom: 10px;
|
| 801 |
+
color: #141B38;
|
| 802 |
+
font-weight: 600;
|
| 803 |
+
font-size: 14px;
|
| 804 |
+
line-height: 160%;
|
| 805 |
+
}
|
| 806 |
+
.ctf-stck-follow{
|
| 807 |
+
background: #F3F4F5;
|
| 808 |
+
margin-top: 20px;
|
| 809 |
+
left: 0px;
|
| 810 |
+
bottom: 0px;
|
| 811 |
+
position: absolute;
|
| 812 |
+
padding: 12px 20px;
|
| 813 |
+
display: flex;
|
| 814 |
+
align-items: center;
|
| 815 |
+
}
|
| 816 |
+
.ctf-stck-follow span{
|
| 817 |
+
font-weight: 600;
|
| 818 |
+
font-size: 14px;
|
| 819 |
+
}
|
| 820 |
+
.ctf-stck-flw-links{
|
| 821 |
+
display: flex;
|
| 822 |
+
justify-content: center;
|
| 823 |
+
align-items: center;
|
| 824 |
+
margin-left: auto;
|
| 825 |
+
}
|
| 826 |
+
.ctf-stck-flw-links a{
|
| 827 |
+
width: 36px;
|
| 828 |
+
height: 28px;
|
| 829 |
+
color: inherit;
|
| 830 |
+
display: inline-flex;
|
| 831 |
+
justify-content: center;
|
| 832 |
+
align-items: center;
|
| 833 |
+
margin-left: 4px;
|
| 834 |
+
border-radius: 2px;
|
| 835 |
+
transition: background .15s ease-in-out;
|
| 836 |
+
}
|
| 837 |
+
.ctf-stck-flw-links svg{
|
| 838 |
+
width: 17px;
|
| 839 |
+
color: #141B38;
|
| 840 |
+
}
|
| 841 |
+
.ctf-stck-flw-links a:hover{
|
| 842 |
+
background: #fff;
|
| 843 |
+
}
|
| 844 |
+
.ctf-stck-flw-links a:hover svg{
|
| 845 |
+
color: inherit;
|
| 846 |
+
}
|
| 847 |
+
|
| 848 |
+
/*** SB NOTIFICATION ELEMENT ***/
|
| 849 |
+
.sb-notification-ctn{
|
| 850 |
+
position: fixed;
|
| 851 |
+
bottom: -100px;
|
| 852 |
+
left: 200px;
|
| 853 |
+
z-index: 99999;
|
| 854 |
+
background: #fff;
|
| 855 |
+
display: flex;
|
| 856 |
+
justify-content: center;
|
| 857 |
+
align-items: center;
|
| 858 |
+
border-left: 3px solid #fff;
|
| 859 |
+
line-height: 1em;
|
| 860 |
+
padding: 10px 20px;
|
| 861 |
+
padding-left: 0px;
|
| 862 |
+
border-radius: 4px;
|
| 863 |
+
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);
|
| 864 |
+
|
| 865 |
+
}
|
| 866 |
+
.sb-notification-ctn[data-active="hidden"]{
|
| 867 |
+
-webkit-animation: ctf-notification-hide .5s forwards linear;
|
| 868 |
+
animation: ctf-notification-hide .5s forwards linear;
|
| 869 |
+
}
|
| 870 |
+
.sb-notification-ctn[data-active="shown"]{
|
| 871 |
+
-webkit-animation: ctf-notification-show .5s forwards linear;
|
| 872 |
+
animation: ctf-notification-show .5s forwards linear;
|
| 873 |
+
}
|
| 874 |
+
@-webkit-keyframes ctf-notification-show { 0%{bottom: -100px;} 50%{bottom: 70px;} 70%{bottom: 60px;} 85%{bottom: 65px;} 100%{bottom: 50px;}}
|
| 875 |
+
@keyframes ctf-notification-show { 0%{bottom: -100px;} 50%{bottom: 70px;} 70%{bottom: 60px;} 85%{bottom: 65px;} 100%{bottom: 50px;}}
|
| 876 |
+
|
| 877 |
+
@-webkit-keyframes ctf-notification-hide {0%{bottom: 50px;}55%{bottom: 65px;}70%{bottom: 60px;}85%{bottom: 70px;}100%{bottom: -100px;}}
|
| 878 |
+
@keyframes ctf-notification-hide {0%{bottom: 50px;}55%{bottom: 65px;}70%{bottom: 60px;}85%{bottom: 70px;}100%{bottom: -100px;}}
|
| 879 |
+
|
| 880 |
+
.sb-notification-ctn[data-type="success"]{
|
| 881 |
+
border-color: #59AB46;
|
| 882 |
+
}
|
| 883 |
+
.sb-notification-ctn[data-type="error"]{
|
| 884 |
+
border-color: #D72C2C;
|
| 885 |
+
}
|
| 886 |
+
.sb-notification-ctn[data-type="message"]{
|
| 887 |
+
border-color: #141B38;
|
| 888 |
+
}
|
| 889 |
+
.sb-notification-icon{
|
| 890 |
+
width: 25px;
|
| 891 |
+
height: 25px;
|
| 892 |
+
display: flex;
|
| 893 |
+
justify-content: center;
|
| 894 |
+
align-items: center;
|
| 895 |
+
margin-left: 10px;
|
| 896 |
+
margin-right: 15px;
|
| 897 |
+
}
|
| 898 |
+
.sb-notification-icon svg{
|
| 899 |
+
width: 22px;
|
| 900 |
+
height: 22px;
|
| 901 |
+
float: left;
|
| 902 |
+
fill: currentColor;
|
| 903 |
+
}
|
| 904 |
+
|
| 905 |
+
.sb-notification-ctn[data-type="success"] .sb-notification-icon{
|
| 906 |
+
color: #59AB46;
|
| 907 |
+
}
|
| 908 |
+
.sb-notification-ctn[data-type="error"] .sb-notification-icon{
|
| 909 |
+
color: #D72C2C;
|
| 910 |
+
}
|
| 911 |
+
.sb-notification-ctn[data-type="message"] .sb-notification-icon{
|
| 912 |
+
color: #141B38;
|
| 913 |
+
}
|
| 914 |
+
|
| 915 |
+
.sb-notification-ctn span{
|
| 916 |
+
font-size: 14px;
|
| 917 |
+
color: #141B38;
|
| 918 |
+
font-weight:500;
|
| 919 |
+
}
|
| 920 |
+
|
| 921 |
+
/*** 6.0 - RESPONSIVENESS ***/
|
| 922 |
+
@media (max-width: 1024px) {
|
| 923 |
+
.ctf-support-contact-block {
|
| 924 |
+
flex-direction: column;
|
| 925 |
+
}
|
| 926 |
+
.ctf-support-contact-block .sb-contact-block-left,
|
| 927 |
+
.ctf-support-contact-block .sb-contact-block-right {
|
| 928 |
+
flex-basis: auto;
|
| 929 |
+
}
|
| 930 |
+
.ctf-support-contact-block .sb-contact-block-right {
|
| 931 |
+
padding-top: 42px;
|
| 932 |
+
padding-left: 0;
|
| 933 |
+
border-left: 0px solid #DCDDE1;
|
| 934 |
+
position: relative;
|
| 935 |
+
}
|
| 936 |
+
|
| 937 |
+
.ctf-support-contact-block .sb-contact-block-right:before {
|
| 938 |
+
top: 25px;
|
| 939 |
+
left: 0;
|
| 940 |
+
width: 65px;
|
| 941 |
+
height: 1px;
|
| 942 |
+
background: #DCDDE1;
|
| 943 |
+
position: absolute;
|
| 944 |
+
content: '';
|
| 945 |
+
}
|
| 946 |
+
}
|
| 947 |
+
@media (max-width: 767px) {
|
| 948 |
+
.ctf-support-blocks {
|
| 949 |
+
flex-direction: column;
|
| 950 |
+
}
|
| 951 |
+
.ctf-support-blocks .ctf-support-block {
|
| 952 |
+
width: 100%;
|
| 953 |
+
margin-bottom: 12px;
|
| 954 |
+
}
|
| 955 |
+
.auto-fold #wpcontent {
|
| 956 |
+
padding-left: 0;
|
| 957 |
+
}
|
| 958 |
+
.ctf-fb-full-wrapper {
|
| 959 |
+
padding: 70px 20px 0 20px;
|
| 960 |
+
}
|
| 961 |
+
.ctf-fb-hd-btn {
|
| 962 |
+
padding: 0px 15px 0px 7px;
|
| 963 |
+
}
|
| 964 |
+
.ctf-fb-header {
|
| 965 |
+
padding: 0px 20px;
|
| 966 |
+
}
|
| 967 |
+
.ctf-section-header,
|
| 968 |
+
.ctf-export-settings-section {
|
| 969 |
+
flex-wrap: wrap;
|
| 970 |
+
}
|
| 971 |
+
.ctf-section-header h2 {
|
| 972 |
+
margin-bottom: 30px;
|
| 973 |
+
}
|
| 974 |
+
.ctf-section-header .ctf-search-doc {
|
| 975 |
+
width: 100%;
|
| 976 |
+
}
|
| 977 |
+
.ctf-export-settings-section .ctf-export-left,
|
| 978 |
+
.ctf-export-settings-section .ctf-export-right{
|
| 979 |
+
width: 100%;
|
| 980 |
+
}
|
| 981 |
+
.ctf-export-settings-section .ctf-export-left {
|
| 982 |
+
margin-bottom: 20px;
|
| 983 |
+
}
|
| 984 |
+
.ctf-export-settings-section .ctf-export-right {
|
| 985 |
+
flex-wrap: wrap;
|
| 986 |
+
}
|
| 987 |
+
.ctf-export-settings-section .ctf-select {
|
| 988 |
+
width: 100%;
|
| 989 |
+
margin-bottom: 10px;
|
| 990 |
+
}
|
| 991 |
+
.sb-notification-ctn {
|
| 992 |
+
left: 20px;
|
| 993 |
+
}
|
| 994 |
+
}
|
| 995 |
+
|
| 996 |
+
@media (max-width: 580px) {
|
| 997 |
+
.ctf-support-contact-block .sb-contact-block-left {
|
| 998 |
+
flex-wrap: wrap;
|
| 999 |
+
}
|
| 1000 |
+
.ctf-support-contact-block .sb-contact-block-left .sb-cb-content {
|
| 1001 |
+
margin-top: 20px;
|
| 1002 |
+
}
|
| 1003 |
+
}
|
| 1004 |
+
|
| 1005 |
+
@media (max-width: 480px) {
|
| 1006 |
+
.ctf-fb-hd-btn {
|
| 1007 |
+
padding: 0px 10px 0px 7px !important;
|
| 1008 |
+
}
|
| 1009 |
+
.ctf-fb-hd-btn[data-icon="left"] {
|
| 1010 |
+
padding-right: 10px!important;
|
| 1011 |
+
}
|
| 1012 |
+
}
|
admin/assets/img/about/api-error.png
ADDED
|
Binary file
|
admin/assets/img/about/icon-full.svg
ADDED
|
@@ -0,0 +1 @@
|
|
|
|
| 1 |
+
<svg viewBox="0 0 37 28" xmlns="http://www.w3.org/2000/svg" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="1.414"><path d="M12.29 26.462c.328.375.75.562 1.266.562s.937-.187 1.266-.562L35.563 5.79c.329-.328.493-.75.493-1.265 0-.516-.164-.938-.493-1.266L32.962.728a1.567 1.567 0 00-1.23-.563c-.493 0-.926.188-1.301.563L13.556 17.603 5.681 9.728c-.375-.375-.808-.563-1.301-.563-.492 0-.902.188-1.23.563L.548 12.259c-.328.328-.492.75-.492 1.265 0 .516.164.938.492 1.266L12.29 26.462z" fill="#6ab255" fill-rule="nonzero"/></svg>
|
admin/assets/img/about/icon-none.svg
ADDED
|
@@ -0,0 +1 @@
|
|
|
|
| 1 |
+
<svg viewBox="0 0 33 33" xmlns="http://www.w3.org/2000/svg" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="1.414"><path d="M27.592 32.359a1.928 1.928 0 01-1.417.583 1.928 1.928 0 01-1.416-.583l-8.084-8.084-8.083 8.084a1.928 1.928 0 01-1.417.583 1.93 1.93 0 01-1.417-.583l-4.5-4.5a1.932 1.932 0 01-.583-1.417c0-.555.195-1.028.583-1.417l8.084-8.083-8.084-8.084a1.931 1.931 0 01-.583-1.416c0-.556.195-1.028.583-1.417l4.5-4.5A1.93 1.93 0 017.175.942c.556 0 1.028.194 1.417.583l8.083 8.083 8.084-8.083a1.928 1.928 0 011.416-.583c.556 0 1.028.194 1.417.583l4.5 4.5c.389.389.583.861.583 1.417 0 .555-.194 1.027-.583 1.416l-8.083 8.084 8.083 8.083c.389.389.583.862.583 1.417 0 .556-.194 1.028-.583 1.417l-4.5 4.5z" fill="#d83638" fill-rule="nonzero"/></svg>
|
admin/assets/img/about/icon-partial.svg
ADDED
|
@@ -0,0 +1 @@
|
|
|
|
| 1 |
+
<svg viewBox="0 0 53 53" xmlns="http://www.w3.org/2000/svg" fill-rule="evenodd" clip-rule="evenodd" stroke-miterlimit="10"><path d="M37.592 42.359a1.928 1.928 0 01-1.417.583 1.928 1.928 0 01-1.416-.583l-8.084-8.084-8.083 8.084a1.928 1.928 0 01-1.417.583 1.93 1.93 0 01-1.417-.583l-4.5-4.5a1.932 1.932 0 01-.583-1.417c0-.556.195-1.028.583-1.417l8.084-8.083-8.084-8.084a1.93 1.93 0 01-.583-1.416c0-.556.195-1.028.583-1.417l4.5-4.5a1.93 1.93 0 011.417-.584 1.93 1.93 0 011.417.584l8.083 8.083 8.084-8.083a1.928 1.928 0 011.416-.584 1.93 1.93 0 011.417.584l4.5 4.5c.389.389.583.861.583 1.417 0 .555-.194 1.028-.583 1.416l-8.083 8.084 8.083 8.083c.389.389.583.861.583 1.417s-.194 1.028-.583 1.417l-4.5 4.5z" fill="none" stroke="#d83638" stroke-width="2" stroke-dasharray="4,2"/></svg>
|
admin/assets/img/about/plugin-if.png
ADDED
|
Binary file
|
admin/assets/img/about/plugin-mi.png
ADDED
|
Binary file
|
admin/assets/img/about/plugin-om.png
ADDED
|
Binary file
|
admin/assets/img/about/plugin-rp.png
ADDED
|
Binary file
|
admin/assets/img/about/plugin-seo.png
ADDED
|
Binary file
|
admin/assets/img/about/plugin-smtp.png
ADDED
|
Binary file
|
img/ctf-icon.jpg → admin/assets/img/about/plugin-tw.jpg
RENAMED
|
File without changes
|
admin/assets/img/about/plugin-wpforms.png
ADDED
|
Binary file
|
admin/assets/img/about/plugin-yt.png
ADDED
|
Binary file
|
admin/assets/img/balloon-120.png
ADDED
|
Binary file
|
admin/assets/img/balloon.png
ADDED
|
Binary file
|
admin/assets/img/balloon.svg
ADDED
|
@@ -0,0 +1,4 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
| 1 |
+
<svg height="52" viewBox="0 0 24 32" fill="none" xmlns="http://www.w3.org/2000/svg">
|
| 2 |
+
<path fill-rule="evenodd" clip-rule="evenodd" d="M23.1837 15.0983C23.1837 7.16669 18.0277 0.736816 11.6651 0.736816C5.30246 0.736816 0.144043 7.16669 0.144043 15.0983C0.144043 22.702 4.86887 28.9061 10.8521 29.4265L10.2158 31.4581L14.2054 31.1159L12.8056 29.3908C18.6309 28.678 23.1837 22.5523 23.1837 15.0983Z" fill="#FE544F"/>
|
| 3 |
+
<path fill-rule="evenodd" clip-rule="evenodd" d="M14.4119 5.78564L14.9663 11.5532L20.7102 11.7196L16.5552 15.6151L19.8369 20.4013L14.3083 19.3534L12.6322 24.9282L10.0873 19.936L4.94886 22.3101L6.92555 16.9583L1.91406 14.4095L7.27872 12.6698L5.7984 7.34099L10.8737 10.2586L14.4119 5.78564Z" fill="white"/>
|
| 4 |
+
</svg>
|
admin/assets/img/book-icon.png
ADDED
|
Binary file
|
admin/assets/img/book-icon.svg
ADDED
|
@@ -0,0 +1,4 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
| 1 |
+
<svg width="57" height="56" viewBox="0 0 57 56" fill="none" xmlns="http://www.w3.org/2000/svg">
|
| 2 |
+
<rect x="0.333374" width="56" height="56" rx="28" fill="#FFF1F0"/>
|
| 3 |
+
<path d="M33.8334 30.33C34.6234 30.33 35.4634 30.41 36.3334 30.57V32.07C35.7134 31.91 34.8734 31.83 33.8334 31.83C31.9334 31.83 30.4434 32.16 29.3334 32.82V31.13C30.5034 30.6 32.0034 30.33 33.8334 30.33ZM29.3334 28.46C30.6234 27.93 32.1234 27.67 33.8334 27.67C34.6234 27.67 35.4634 27.74 36.3334 27.9V29.4C35.7134 29.24 34.8734 29.16 33.8334 29.16C31.9334 29.16 30.4434 29.5 29.3334 30.15V28.46ZM33.8334 26.5C31.9334 26.5 30.4434 26.82 29.3334 27.5V25.84C30.5634 25.28 32.0634 25 33.8334 25C34.6234 25 35.4634 25.08 36.3334 25.23V26.78C35.5934 26.59 34.7434 26.5 33.8334 26.5ZM37.3334 34.5V23C36.2934 22.67 35.1234 22.5 33.8334 22.5C31.7834 22.5 29.9534 23 28.3334 24V35.5C29.9534 34.5 31.7834 34 33.8334 34C35.0234 34 36.1934 34.16 37.3334 34.5ZM33.8334 20.5C36.1834 20.5 38.0234 21 39.3334 22V36.56C39.3334 36.68 39.2834 36.8 39.1734 36.91C39.0634 37 38.9434 37.08 38.8334 37.08C38.7234 37.08 38.6434 37.06 38.5834 37.03C37.3034 36.34 35.7134 36 33.8334 36C31.7834 36 29.9534 36.5 28.3334 37.5C26.9934 36.5 25.1634 36 22.8334 36C21.1734 36 19.5834 36.36 18.0834 37.07C18.0534 37.08 18.0134 37.08 17.9634 37.1C17.9234 37.11 17.8834 37.12 17.8334 37.12C17.7234 37.12 17.6034 37.08 17.4934 37C17.4438 36.9561 17.4039 36.9022 17.3763 36.8419C17.3488 36.7817 17.3341 36.7163 17.3334 36.65V22C18.6734 21 20.5134 20.5 22.8334 20.5C25.1634 20.5 26.9934 21 28.3334 22C29.6734 21 31.5034 20.5 33.8334 20.5Z" fill="#FE544F"/>
|
| 4 |
+
</svg>
|
admin/assets/img/cff-sprite.png
ADDED
|
Binary file
|
admin/assets/img/ctf-icon.svg
ADDED
|
@@ -0,0 +1,11 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 1 |
+
<svg width="42" height="42" viewBox="0 0 42 42" fill="none" xmlns="http://www.w3.org/2000/svg">
|
| 2 |
+
<rect width="42" height="42" fill="white"/>
|
| 3 |
+
<path d="M30.9467 7.99992C29.92 8.46659 28.8133 8.77325 27.6667 8.91992C28.84 8.21325 29.7467 7.09325 30.1733 5.74659C29.0667 6.41325 27.84 6.87992 26.5467 7.14659C25.4933 5.99992 24.0133 5.33325 22.3333 5.33325C19.2 5.33325 16.64 7.89325 16.64 11.0533C16.64 11.5066 16.6933 11.9466 16.7867 12.3599C12.04 12.1199 7.81334 9.83992 5.00001 6.38659C4.50668 7.22659 4.22668 8.21325 4.22668 9.25325C4.22668 11.2399 5.22668 12.9999 6.77334 13.9999C5.82668 13.9999 4.94668 13.7333 4.17334 13.3333V13.3733C4.17334 16.1466 6.14668 18.4666 8.76001 18.9866C7.92098 19.2162 7.04014 19.2481 6.18668 19.0799C6.54882 20.2166 7.25806 21.2111 8.2147 21.9238C9.17134 22.6365 10.3273 23.0315 11.52 23.0533C9.49818 24.6538 6.99201 25.519 4.41334 25.5066C3.96001 25.5066 3.50668 25.4799 3.05334 25.4266C5.58668 27.0533 8.60001 27.9999 11.8267 27.9999C22.3333 27.9999 28.1067 19.2799 28.1067 11.7199C28.1067 11.4666 28.1067 11.2266 28.0933 10.9733C29.2133 10.1733 30.1733 9.15992 30.9467 7.99992V7.99992Z" fill="#1B90EF"/>
|
| 4 |
+
<mask id="path-2-outside-1_2203_2142" maskUnits="userSpaceOnUse" x="19.9189" y="15.4497" width="23.1444" height="26.2816" fill="black">
|
| 5 |
+
<rect fill="white" x="19.9189" y="15.4497" width="23.1444" height="26.2816"/>
|
| 6 |
+
<path fill-rule="evenodd" clip-rule="evenodd" d="M31.4994 23.507C30.1862 22.5698 28.8771 21.3007 27.5644 20.5692C27.8249 21.8577 27.9921 23.2084 28.1769 24.5474C27.178 25.0262 26.0623 25.3297 24.9828 25.6877C25.6443 26.6678 26.7177 27.3734 27.5062 28.2688C26.5768 29.0394 24.9212 29.7021 24.3975 30.4642C25.9792 30.5797 27.8399 30.6261 29.2882 30.8499C29.2863 32.4987 29.1011 34.2697 29.259 35.8119C30.3118 34.0235 31.3134 32.1582 32.4679 30.5224C33.5936 31.2756 34.9654 32.194 36.1036 32.733C35.499 31.3854 34.9827 29.9791 34.493 28.555C35.7551 27.9768 37.0274 27.4138 38.2575 26.7874C36.7839 26.3486 35.2452 25.9531 33.6806 25.5748C33.7556 23.8979 34.2104 21.9679 34.1234 20.399C33.2953 21.5049 32.3832 22.4847 31.4994 23.507V23.507ZM29.5155 37.1238C29.1473 37.9326 29.731 38.4115 29.5295 38.9061C28.929 38.5547 28.4666 38.3434 27.5761 38.2927C27.7357 37.636 28.3499 37.6615 28.3891 36.8242C19.3714 33.9281 22.6901 17.2502 32.0705 18.0603C43.7992 19.0732 40.1944 38.9544 29.5155 37.1238"/>
|
| 7 |
+
</mask>
|
| 8 |
+
<path fill-rule="evenodd" clip-rule="evenodd" d="M31.4994 23.507C30.1862 22.5698 28.8771 21.3007 27.5644 20.5692C27.8249 21.8577 27.9921 23.2084 28.1769 24.5474C27.178 25.0262 26.0623 25.3297 24.9828 25.6877C25.6443 26.6678 26.7177 27.3734 27.5062 28.2688C26.5768 29.0394 24.9212 29.7021 24.3975 30.4642C25.9792 30.5797 27.8399 30.6261 29.2882 30.8499C29.2863 32.4987 29.1011 34.2697 29.259 35.8119C30.3118 34.0235 31.3134 32.1582 32.4679 30.5224C33.5936 31.2756 34.9654 32.194 36.1036 32.733C35.499 31.3854 34.9827 29.9791 34.493 28.555C35.7551 27.9768 37.0274 27.4138 38.2575 26.7874C36.7839 26.3486 35.2452 25.9531 33.6806 25.5748C33.7556 23.8979 34.2104 21.9679 34.1234 20.399C33.2953 21.5049 32.3832 22.4847 31.4994 23.507V23.507ZM29.5155 37.1238C29.1473 37.9326 29.731 38.4115 29.5295 38.9061C28.929 38.5547 28.4666 38.3434 27.5761 38.2927C27.7357 37.636 28.3499 37.6615 28.3891 36.8242C19.3714 33.9281 22.6901 17.2502 32.0705 18.0603C43.7992 19.0732 40.1944 38.9544 29.5155 37.1238" fill="#E34F0E"/>
|
| 9 |
+
<path d="M27.5644 20.5692L28.0512 19.6956C27.7101 19.5056 27.2897 19.5314 26.9745 19.7617C26.6592 19.992 26.5068 20.3847 26.5842 20.7673L27.5644 20.5692ZM28.1769 24.5474L28.6091 25.4492C29.0012 25.2613 29.227 24.8415 29.1675 24.4107L28.1769 24.5474ZM24.9828 25.6877L24.6681 24.7385C24.371 24.837 24.1372 25.0688 24.0363 25.3651C23.9353 25.6613 23.9789 25.9877 24.1539 26.2471L24.9828 25.6877ZM27.5062 28.2688L28.1445 29.0387C28.3526 28.8661 28.482 28.6166 28.5032 28.3471C28.5243 28.0775 28.4354 27.8109 28.2567 27.608L27.5062 28.2688ZM24.3975 30.4642L23.5733 29.8979C23.3705 30.1932 23.341 30.5744 23.4962 30.8973C23.6514 31.2202 23.9674 31.4355 24.3247 31.4616L24.3975 30.4642ZM29.2882 30.8499L30.2882 30.8511C30.2888 30.3573 29.9289 29.937 29.4409 29.8616L29.2882 30.8499ZM29.259 35.8119L28.2642 35.9138C28.3082 36.3437 28.6234 36.6967 29.0456 36.7889C29.4679 36.8811 29.9015 36.6916 30.1208 36.3192L29.259 35.8119ZM32.4679 30.5224L33.0241 29.6913C32.5731 29.3895 31.9638 29.5025 31.6509 29.9458L32.4679 30.5224ZM36.1036 32.733L35.6755 33.6368C36.0541 33.816 36.5042 33.7404 36.8034 33.4474C37.1025 33.1543 37.1874 32.7058 37.016 32.3237L36.1036 32.733ZM34.493 28.555L34.0765 27.6458C33.6089 27.86 33.3801 28.3939 33.5473 28.8802L34.493 28.555ZM38.2575 26.7874L38.7112 27.6786C39.0757 27.493 39.2905 27.1041 39.2534 26.6968C39.2163 26.2894 38.9349 25.9457 38.5429 25.829L38.2575 26.7874ZM33.6806 25.5748L32.6816 25.5302C32.6603 26.0082 32.9805 26.4344 33.4456 26.5468L33.6806 25.5748ZM34.1234 20.399L35.1218 20.3436C35.0986 19.9239 34.8152 19.5635 34.4128 19.4418C34.0104 19.3201 33.5749 19.4631 33.3229 19.7996L34.1234 20.399ZM30.4256 37.538C30.6544 37.0353 30.4324 36.4423 29.9297 36.2136C29.427 35.9848 28.834 36.2069 28.6053 36.7095L30.4256 37.538ZM29.5295 38.9061L29.0245 39.7692C29.2748 39.9156 29.5763 39.9462 29.8509 39.853C30.1256 39.7598 30.3462 39.5519 30.4556 39.2833L29.5295 38.9061ZM27.5761 38.2927L26.6044 38.0565C26.5343 38.3449 26.596 38.6496 26.7727 38.888C26.9494 39.1265 27.2229 39.2742 27.5192 39.2911L27.5761 38.2927ZM28.3891 36.8242L29.388 36.8708C29.4091 36.4196 29.125 36.0102 28.6948 35.8721L28.3891 36.8242ZM32.0705 18.0603L31.9844 19.0566L31.9844 19.0566L32.0705 18.0603ZM29.6844 36.1381C29.1401 36.0448 28.6232 36.4104 28.5298 36.9548C28.4365 37.4991 28.8022 38.0161 29.3465 38.1094L29.6844 36.1381ZM32.0803 22.693C31.4542 22.2462 30.839 21.7277 30.1575 21.1809C29.499 20.6527 28.7871 20.1058 28.0512 19.6956L27.0776 21.4427C27.6544 21.7641 28.2534 22.2174 28.906 22.741C29.5355 23.246 30.2314 23.8306 30.9184 24.3209L32.0803 22.693ZM26.5842 20.7673C26.8368 22.0165 26.9986 23.3241 27.1863 24.6841L29.1675 24.4107C28.9857 23.0928 28.813 21.6989 28.5445 20.371L26.5842 20.7673ZM27.7448 23.6456C26.822 24.0878 25.8202 24.3564 24.6681 24.7385L25.2976 26.6368C26.3044 26.303 27.534 25.9645 28.6091 25.4492L27.7448 23.6456ZM24.1539 26.2471C24.5563 26.8433 25.0675 27.3326 25.5223 27.7482C26.0042 28.1886 26.4083 28.5351 26.7558 28.9297L28.2567 27.608C27.8157 27.1071 27.2888 26.6531 26.8715 26.2718C26.4271 25.8657 26.0708 25.5122 25.8117 25.1283L24.1539 26.2471ZM26.868 27.499C26.4799 27.8208 25.9356 28.122 25.2853 28.5122C24.9826 28.6938 24.6616 28.8933 24.376 29.1062C24.0981 29.3132 23.7954 29.5748 23.5733 29.8979L25.2217 31.0305C25.2615 30.9726 25.3621 30.8655 25.571 30.7099C25.7721 30.56 26.0214 30.4029 26.3142 30.2272C26.8549 29.9028 27.6032 29.4875 28.1445 29.0387L26.868 27.499ZM24.3247 31.4616C25.9851 31.5828 27.7389 31.6224 29.1355 31.8382L29.4409 29.8616C27.9409 29.6299 25.9733 29.5766 24.4704 29.4669L24.3247 31.4616ZM28.2882 30.8487C28.2873 31.6534 28.242 32.4653 28.2142 33.339C28.1871 34.1887 28.1781 35.0726 28.2642 35.9138L30.2538 35.71C30.182 35.0089 30.1866 34.2363 30.2132 33.4027C30.2389 32.5931 30.2872 31.6952 30.2882 30.8511L28.2882 30.8487ZM30.1208 36.3192C31.2017 34.483 32.1622 32.6899 33.285 31.099L31.6509 29.9458C30.4647 31.6266 29.4219 33.564 28.3972 35.3046L30.1208 36.3192ZM31.9118 31.3535C33.0176 32.0934 34.4564 33.0594 35.6755 33.6368L36.5316 31.8292C35.4745 31.3286 34.1697 30.4579 33.0241 29.6913L31.9118 31.3535ZM37.016 32.3237C36.4297 31.0168 35.9247 29.6434 35.4386 28.2298L33.5473 28.8802C34.0406 30.3148 34.5684 31.7541 35.1912 33.1423L37.016 32.3237ZM34.9094 29.4641C36.1553 28.8934 37.457 28.3172 38.7112 27.6786L37.8037 25.8963C36.5978 26.5103 35.3549 27.0602 34.0765 27.6458L34.9094 29.4641ZM38.5429 25.829C37.0456 25.3832 35.4881 24.983 33.9156 24.6028L33.4456 26.5468C35.0022 26.9232 36.5221 27.3141 37.9721 27.7458L38.5429 25.829ZM34.6796 25.6195C34.7148 24.8337 34.8387 23.9916 34.9548 23.0717C35.0668 22.1857 35.1709 21.229 35.1218 20.3436L33.1249 20.4544C33.1628 21.138 33.0831 21.9307 32.9706 22.8211C32.8624 23.6777 32.7215 24.639 32.6816 25.5302L34.6796 25.6195ZM33.3229 19.7996C32.5229 20.8681 31.6578 21.7947 30.7429 22.853L32.2558 24.161C33.1085 23.1747 34.0677 22.1417 34.9238 20.9984L33.3229 19.7996ZM28.6053 36.7095C28.2826 37.4185 28.393 38.0095 28.4932 38.3883C28.5504 38.6048 28.5632 38.6297 28.5734 38.6929C28.5761 38.7096 28.5616 38.6314 28.6034 38.5288L30.4556 39.2833C30.5981 38.9334 30.5861 38.6099 30.5476 38.3724C30.5166 38.1815 30.4443 37.9434 30.4268 37.8772C30.3775 37.6908 30.3802 37.6379 30.4256 37.538L28.6053 36.7095ZM30.0345 38.043C29.343 37.6383 28.7268 37.3566 27.633 37.2943L27.5192 39.2911C28.2063 39.3302 28.515 39.4711 29.0245 39.7692L30.0345 38.043ZM28.5478 38.5288C28.5484 38.5264 28.496 38.5749 28.7388 38.3294C28.8507 38.2163 29.0194 38.036 29.1545 37.7773C29.2942 37.5097 29.3721 37.2099 29.388 36.8708L27.3902 36.7775C27.3864 36.8572 27.373 36.8681 27.3815 36.8518C27.3854 36.8443 27.3833 36.8557 27.3168 36.923C27.2028 37.0382 26.7634 37.4023 26.6044 38.0565L28.5478 38.5288ZM28.6948 35.8721C24.888 34.6495 23.4828 30.4423 24.3116 26.2462C25.1409 22.0473 28.0357 18.7156 31.9844 19.0566L32.1565 17.064C26.7249 16.5949 23.2702 21.1971 22.3495 25.8587C21.4282 30.523 22.8725 36.1028 28.0833 37.7763L28.6948 35.8721ZM31.9844 19.0566C34.592 19.2818 36.2747 20.5298 37.2555 22.2246C38.2597 23.9598 38.5661 26.2388 38.2081 28.5021C37.8504 30.7638 36.8459 32.8994 35.3695 34.3454C33.9174 35.7676 32.0049 36.5359 29.6844 36.1381L29.3465 38.1094C32.3655 38.6269 34.9082 37.5966 36.7689 35.7743C38.6053 33.9758 39.7713 31.421 40.1835 28.8146C40.5955 26.2098 40.2714 23.443 38.9865 21.2228C37.6783 18.9622 35.4132 17.3453 32.1565 17.064L31.9844 19.0566Z" fill="white" mask="url(#path-2-outside-1_2203_2142)"/>
|
| 10 |
+
<path fill-rule="evenodd" clip-rule="evenodd" d="M34.1234 20.3988C34.2104 21.9677 33.7556 23.8977 33.6807 25.5746C35.2452 25.9529 36.7839 26.3484 38.2575 26.7872C37.0274 27.4136 35.7552 27.9766 34.493 28.5548C34.9827 29.9789 35.4991 31.3852 36.1036 32.7328C34.9655 32.1938 33.5937 31.2754 32.468 30.5222C31.3135 32.158 30.3119 34.0233 29.259 35.8117C29.1011 34.2695 29.2864 32.4985 29.2883 30.8497C27.84 30.6259 25.9793 30.5795 24.3976 30.464C24.9212 29.7019 26.5769 29.0392 27.5063 28.2686C26.7178 27.3732 25.6443 26.6676 24.9829 25.6875C26.0624 25.3295 27.178 25.026 28.177 24.5472C27.9922 23.2082 27.825 21.8575 27.5644 20.569C28.8771 21.3005 30.1863 22.5696 31.4994 23.5068C32.3832 22.4845 33.2953 21.5047 34.1234 20.3988" fill="white"/>
|
| 11 |
+
</svg>
|
admin/assets/img/fb-icon.png
ADDED
|
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/fb-icon2.png
ADDED
|
Binary file
|
admin/assets/img/fb-icon3.png
ADDED
|
Binary file
|
admin/assets/img/group-app.png
ADDED
|
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/instagram-icon.png
ADDED
|
Binary file
|
admin/assets/img/rocket-icon.png
ADDED
|
Binary file
|
admin/assets/img/rocket-icon.svg
ADDED
|
@@ -0,0 +1,4 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
| 1 |
+
<svg width="56" height="56" viewBox="0 0 56 56" fill="none" xmlns="http://www.w3.org/2000/svg">
|
| 2 |
+
<rect width="56" height="56" rx="28" fill="#FFF1F0"/>
|
| 3 |
+
<path d="M29.1301 38.19L27.5001 34.36C29.0701 33.78 30.5401 33 31.9001 32.09L29.1301 38.19ZM21.6401 28.5L17.8101 26.87L23.9101 24.1C23.0001 25.46 22.2201 26.93 21.6401 28.5ZM37.6101 18.39C37.6101 18.39 32.6601 16.269 27.0001 21.93C24.8101 24.12 23.5001 26.53 22.6501 28.64C22.3701 29.39 22.5601 30.21 23.1101 30.77L25.2401 32.89C25.7901 33.45 26.6101 33.63 27.3601 33.35C29.8786 32.3897 32.1654 30.9072 34.0701 29C39.7301 23.34 37.6101 18.39 37.6101 18.39ZM30.5401 25.46C29.7601 24.68 29.7601 23.41 30.5401 22.63C31.3201 21.85 32.5901 21.85 33.3701 22.63C34.1401 23.41 34.1501 24.68 33.3701 25.46C32.5901 26.24 31.3201 26.24 30.5401 25.46ZM23.2402 37L25.8801 34.36C25.5401 34.27 25.2101 34.12 24.9101 33.91L21.8302 37H23.2402ZM19.0002 37H20.4102L24.1801 33.24L22.7601 31.83L19.0002 35.59V37ZM19.0002 34.17L22.0901 31.09C21.8801 30.79 21.7301 30.47 21.6401 30.12L19.0002 32.76V34.17Z" fill="#FE544F"/>
|
| 4 |
+
</svg>
|
admin/assets/img/save-plus-icon.png
ADDED
|
Binary file
|
admin/assets/img/save-plus-icon.svg
ADDED
|
@@ -0,0 +1,4 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
| 1 |
+
<svg width="57" height="56" viewBox="0 0 57 56" fill="none" xmlns="http://www.w3.org/2000/svg">
|
| 2 |
+
<rect x="0.666748" width="56" height="56" rx="28" fill="#FFF1F0"/>
|
| 3 |
+
<path d="M29.6667 35C29.6667 36.1 29.9667 37.12 30.4767 38H22.6667C21.5567 38 20.6667 37.11 20.6667 36V20C20.6667 19.4696 20.8775 18.9609 21.2525 18.5858C21.6276 18.2107 22.1363 18 22.6667 18H23.6667V25L26.1667 23.5L28.6667 25V18H34.6667C35.1972 18 35.7059 18.2107 36.081 18.5858C36.456 18.9609 36.6667 19.4696 36.6667 20V29.09C36.3367 29.04 36.0067 29 35.6667 29C32.3567 29 29.6667 31.69 29.6667 35ZM36.6667 34V31H34.6667V34H31.6667V36H34.6667V39H36.6667V36H39.6667V34H36.6667Z" fill="#FE544F"/>
|
| 4 |
+
</svg>
|
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/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: ctf_about.genericText,
|
| 3 |
+
links: ctf_about.links,
|
| 4 |
+
extentions_bundle: ctf_about.extentions_bundle,
|
| 5 |
+
supportPageUrl: ctf_about.supportPageUrl,
|
| 6 |
+
plugins: ctf_about.pluginsInfo,
|
| 7 |
+
stickyWidget: false,
|
| 8 |
+
socialWallActivated: ctf_about.socialWallActivated,
|
| 9 |
+
socialWallLinks: ctf_about.socialWallLinks,
|
| 10 |
+
recommendedPlugins: ctf_about.recommendedPlugins,
|
| 11 |
+
social_wall: ctf_about.social_wall,
|
| 12 |
+
aboutBox: ctf_about.aboutBox,
|
| 13 |
+
ajax_handler: ctf_about.ajax_handler,
|
| 14 |
+
nonce: ctf_about.nonce,
|
| 15 |
+
buttons: ctf_about.buttons,
|
| 16 |
+
icons: ctf_about.icons,
|
| 17 |
+
btnClicked: null,
|
| 18 |
+
btnStatus: null,
|
| 19 |
+
btnName: null,
|
| 20 |
+
}
|
| 21 |
+
|
| 22 |
+
var ctfAbout = new Vue({
|
| 23 |
+
el: "#ctf-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', 'ctf_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', 'ctf_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', 'ctf_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 2.0
|
| 141 |
+
*/
|
| 142 |
+
toggleStickyWidget: function() {
|
| 143 |
+
this.stickyWidget = !this.stickyWidget;
|
| 144 |
+
},
|
| 145 |
+
}
|
| 146 |
+
})
|
admin/assets/js/admin-notifications.js
ADDED
|
@@ -0,0 +1,209 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 1 |
+
/**
|
| 2 |
+
* CTF Admin Notifications.
|
| 3 |
+
*
|
| 4 |
+
* @since 2.18
|
| 5 |
+
*/
|
| 6 |
+
|
| 7 |
+
'use strict';
|
| 8 |
+
|
| 9 |
+
var CTFAdminNotifications = window.CTFAdminNotifications || ( function( document, window, $ ) {
|
| 10 |
+
|
| 11 |
+
/**
|
| 12 |
+
* Elements holder.
|
| 13 |
+
*
|
| 14 |
+
* @since 2.18
|
| 15 |
+
*
|
| 16 |
+
* @type {object}
|
| 17 |
+
*/
|
| 18 |
+
var el = {
|
| 19 |
+
|
| 20 |
+
$notifications: $( '#ctf-notifications' ),
|
| 21 |
+
$nextButton: $( '#ctf-notifications .navigation .next' ),
|
| 22 |
+
$prevButton: $( '#ctf-notifications .navigation .prev' ),
|
| 23 |
+
$adminBarCounter: $( '#wp-admin-bar-wpforms-menu .ctf-menu-notification-counter' ),
|
| 24 |
+
$adminBarMenuItem: $( '#wp-admin-bar-ctf-notifications' ),
|
| 25 |
+
|
| 26 |
+
};
|
| 27 |
+
|
| 28 |
+
/**
|
| 29 |
+
* Public functions and properties.
|
| 30 |
+
*
|
| 31 |
+
* @since 2.18
|
| 32 |
+
*
|
| 33 |
+
* @type {object}
|
| 34 |
+
*/
|
| 35 |
+
var app = {
|
| 36 |
+
|
| 37 |
+
/**
|
| 38 |
+
* Start the engine.
|
| 39 |
+
*
|
| 40 |
+
* @since 2.18
|
| 41 |
+
*/
|
| 42 |
+
init: function() {
|
| 43 |
+
el.$notifications.find( '.messages a').each(function() {
|
| 44 |
+
if ($(this).attr('href').indexOf('dismiss=') > -1 ) {
|
| 45 |
+
$(this).addClass('button-dismiss');
|
| 46 |
+
}
|
| 47 |
+
})
|
| 48 |
+
|
| 49 |
+
$( app.ready );
|
| 50 |
+
},
|
| 51 |
+
|
| 52 |
+
/**
|
| 53 |
+
* Document ready.
|
| 54 |
+
*
|
| 55 |
+
* @since 2.18
|
| 56 |
+
*/
|
| 57 |
+
ready: function() {
|
| 58 |
+
|
| 59 |
+
app.updateNavigation();
|
| 60 |
+
app.events();
|
| 61 |
+
},
|
| 62 |
+
|
| 63 |
+
/**
|
| 64 |
+
* Register JS events.
|
| 65 |
+
*
|
| 66 |
+
* @since 2.18
|
| 67 |
+
*/
|
| 68 |
+
events: function() {
|
| 69 |
+
|
| 70 |
+
el.$notifications
|
| 71 |
+
.on( 'click', '.dismiss', app.dismiss )
|
| 72 |
+
.on( 'click', '.button-dismiss', app.buttonDismiss )
|
| 73 |
+
.on( 'click', '.next', app.navNext )
|
| 74 |
+
.on( 'click', '.prev', app.navPrev );
|
| 75 |
+
},
|
| 76 |
+
|
| 77 |
+
/**
|
| 78 |
+
* Click on a dismiss button.
|
| 79 |
+
*
|
| 80 |
+
* @since 2.18
|
| 81 |
+
*/
|
| 82 |
+
buttonDismiss: function( event ) {
|
| 83 |
+
event.preventDefault();
|
| 84 |
+
app.dismiss();
|
| 85 |
+
},
|
| 86 |
+
|
| 87 |
+
/**
|
| 88 |
+
* Click on the Dismiss notification button.
|
| 89 |
+
*
|
| 90 |
+
* @since 2.18
|
| 91 |
+
*
|
| 92 |
+
* @param {object} event Event object.
|
| 93 |
+
*/
|
| 94 |
+
dismiss: function( event ) {
|
| 95 |
+
|
| 96 |
+
if ( el.$currentMessage.length === 0 ) {
|
| 97 |
+
return;
|
| 98 |
+
}
|
| 99 |
+
|
| 100 |
+
// Update counter.
|
| 101 |
+
var count = parseInt( el.$adminBarCounter.text(), 10 );
|
| 102 |
+
if ( count > 1 ) {
|
| 103 |
+
--count;
|
| 104 |
+
el.$adminBarCounter.html( '<span>' + count + '</span>' );
|
| 105 |
+
} else {
|
| 106 |
+
el.$adminBarCounter.remove();
|
| 107 |
+
el.$adminBarMenuItem.remove();
|
| 108 |
+
}
|
| 109 |
+
|
| 110 |
+
// Remove notification.
|
| 111 |
+
var $nextMessage = el.$nextMessage.length < 1 ? el.$prevMessage : el.$nextMessage,
|
| 112 |
+
messageId = el.$currentMessage.data( 'message-id' );
|
| 113 |
+
|
| 114 |
+
if ( $nextMessage.length === 0 ) {
|
| 115 |
+
el.$notifications.remove();
|
| 116 |
+
} else {
|
| 117 |
+
el.$currentMessage.remove();
|
| 118 |
+
$nextMessage.addClass( 'current' );
|
| 119 |
+
app.updateNavigation();
|
| 120 |
+
}
|
| 121 |
+
|
| 122 |
+
// AJAX call - update option.
|
| 123 |
+
var data = {
|
| 124 |
+
action: 'ctf_dashboard_notification_dismiss',
|
| 125 |
+
nonce: ctf_admin.nonce,
|
| 126 |
+
id: messageId,
|
| 127 |
+
};
|
| 128 |
+
|
| 129 |
+
$.post( ctf_admin.ajax_url, data, function( res ) {
|
| 130 |
+
|
| 131 |
+
if ( ! res.success ) {
|
| 132 |
+
//CTFAdmin.debug( res );
|
| 133 |
+
}
|
| 134 |
+
} ).fail( function( xhr, textStatus, e ) {
|
| 135 |
+
|
| 136 |
+
//CTFAdmin.debug( xhr.responseText );
|
| 137 |
+
} );
|
| 138 |
+
},
|
| 139 |
+
|
| 140 |
+
/**
|
| 141 |
+
* Click on the Next notification button.
|
| 142 |
+
*
|
| 143 |
+
* @since 2.18
|
| 144 |
+
*
|
| 145 |
+
* @param {object} event Event object.
|
| 146 |
+
*/
|
| 147 |
+
navNext: function( event ) {
|
| 148 |
+
|
| 149 |
+
if ( el.$nextButton.hasClass( 'disabled' ) ) {
|
| 150 |
+
return;
|
| 151 |
+
}
|
| 152 |
+
|
| 153 |
+
el.$currentMessage.removeClass( 'current' );
|
| 154 |
+
el.$nextMessage.addClass( 'current' );
|
| 155 |
+
|
| 156 |
+
app.updateNavigation();
|
| 157 |
+
},
|
| 158 |
+
|
| 159 |
+
/**
|
| 160 |
+
* Click on the Previous notification button.
|
| 161 |
+
*
|
| 162 |
+
* @since 2.18
|
| 163 |
+
*
|
| 164 |
+
* @param {object} event Event object.
|
| 165 |
+
*/
|
| 166 |
+
navPrev: function( event ) {
|
| 167 |
+
|
| 168 |
+
if ( el.$prevButton.hasClass( 'disabled' ) ) {
|
| 169 |
+
return;
|
| 170 |
+
}
|
| 171 |
+
|
| 172 |
+
el.$currentMessage.removeClass( 'current' );
|
| 173 |
+
el.$prevMessage.addClass( 'current' );
|
| 174 |
+
|
| 175 |
+
app.updateNavigation();
|
| 176 |
+
},
|
| 177 |
+
|
| 178 |
+
/**
|
| 179 |
+
* Update navigation buttons.
|
| 180 |
+
*
|
| 181 |
+
* @since 2.18
|
| 182 |
+
*/
|
| 183 |
+
updateNavigation: function() {
|
| 184 |
+
|
| 185 |
+
el.$currentMessage = el.$notifications.find( '.message.current' );
|
| 186 |
+
el.$nextMessage = el.$currentMessage.next( '.message' );
|
| 187 |
+
el.$prevMessage = el.$currentMessage.prev( '.message' );
|
| 188 |
+
|
| 189 |
+
if ( el.$nextMessage.length === 0 ) {
|
| 190 |
+
el.$nextButton.addClass( 'disabled' );
|
| 191 |
+
} else {
|
| 192 |
+
el.$nextButton.removeClass( 'disabled' );
|
| 193 |
+
}
|
| 194 |
+
|
| 195 |
+
if ( el.$prevMessage.length === 0 ) {
|
| 196 |
+
el.$prevButton.addClass( 'disabled' );
|
| 197 |
+
} else {
|
| 198 |
+
el.$prevButton.removeClass( 'disabled' );
|
| 199 |
+
}
|
| 200 |
+
},
|
| 201 |
+
};
|
| 202 |
+
|
| 203 |
+
return app;
|
| 204 |
+
|
| 205 |
+
}( document, window, jQuery ) );
|
| 206 |
+
|
| 207 |
+
// Initialize.
|
| 208 |
+
CTFAdminNotifications.init();
|
| 209 |
+
console.log('here')
|
admin/assets/js/oembeds.js
ADDED
|
@@ -0,0 +1,177 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 1 |
+
var ctfoembeds_data = {
|
| 2 |
+
nonce: ctf_oembeds.nonce,
|
| 3 |
+
genericText: ctf_oembeds.genericText,
|
| 4 |
+
images: ctf_oembeds.images,
|
| 5 |
+
modal: ctf_oembeds.modal,
|
| 6 |
+
links: ctf_oembeds.links,
|
| 7 |
+
supportPageUrl: ctf_oembeds.supportPageUrl,
|
| 8 |
+
socialWallActivated: ctf_oembeds.socialWallActivated,
|
| 9 |
+
socialWallLinks: ctf_oembeds.socialWallLinks,
|
| 10 |
+
stickyWidget: false,
|
| 11 |
+
facebook: ctf_oembeds.facebook,
|
| 12 |
+
instagram: ctf_oembeds.instagram,
|
| 13 |
+
connectionURL: ctf_oembeds.connectionURL,
|
| 14 |
+
isFacebookActivated: ctf_oembeds.facebook.active,
|
| 15 |
+
facebookInstallBtnText: null,
|
| 16 |
+
fboEmbedLoader: false,
|
| 17 |
+
instaoEmbedLoader: false,
|
| 18 |
+
openFacebookInstaller: false,
|
| 19 |
+
loaderSVG: ctf_oembeds.loaderSVG,
|
| 20 |
+
checkmarkSVG: ctf_oembeds.checkmarkSVG,
|
| 21 |
+
installerStatus: null
|
| 22 |
+
}
|
| 23 |
+
|
| 24 |
+
var ctfoEmbeds = new Vue({
|
| 25 |
+
el: "#ctf-oembeds",
|
| 26 |
+
http: {
|
| 27 |
+
emulateJSON: true,
|
| 28 |
+
emulateHTTP: true
|
| 29 |
+
},
|
| 30 |
+
data: ctfoembeds_data,
|
| 31 |
+
methods: {
|
| 32 |
+
openFacebookllModal: function() {
|
| 33 |
+
this.openFacebookInstaller = true
|
| 34 |
+
},
|
| 35 |
+
closeModal: function() {
|
| 36 |
+
this.openFacebookInstaller = false
|
| 37 |
+
},
|
| 38 |
+
isoEmbedsEnabled: function() {
|
| 39 |
+
if ( this.facebook.doingOembeds && this.instagram.doingOembeds ) {
|
| 40 |
+
return true;
|
| 41 |
+
}
|
| 42 |
+
return;
|
| 43 |
+
},
|
| 44 |
+
FacebookShouldInstallOrEnable: function() {
|
| 45 |
+
// if the plugin is activated and installed then just enable oEmbed
|
| 46 |
+
if( this.isFacebookActivated ) {
|
| 47 |
+
this.enableFacebookOembed();
|
| 48 |
+
return;
|
| 49 |
+
}
|
| 50 |
+
// if the plugin is not activated and installed then open the modal to install and activate the plugin
|
| 51 |
+
if( !this.isFacebookActivated ) {
|
| 52 |
+
this.openFacebookllModal();
|
| 53 |
+
return;
|
| 54 |
+
}
|
| 55 |
+
},
|
| 56 |
+
installFacebook: function() {
|
| 57 |
+
this.installerStatus = 'loading';
|
| 58 |
+
let data = new FormData();
|
| 59 |
+
data.append( 'action', ctf_oembeds.facebook.installer.action );
|
| 60 |
+
data.append( 'nonce', ctf_oembeds.nonce );
|
| 61 |
+
data.append( 'plugin', ctf_oembeds.facebook.installer.plugin );
|
| 62 |
+
data.append( 'type', 'plugin' );
|
| 63 |
+
fetch(ctf_oembeds.ajax_handler, {
|
| 64 |
+
method: "POST",
|
| 65 |
+
credentials: 'same-origin',
|
| 66 |
+
body: data
|
| 67 |
+
})
|
| 68 |
+
.then(response => response.json())
|
| 69 |
+
.then(data => {
|
| 70 |
+
if( data.success == false ) {
|
| 71 |
+
this.installerStatus = 'error'
|
| 72 |
+
}
|
| 73 |
+
if( data.success == true ) {
|
| 74 |
+
this.isFacebookActivated = true;
|
| 75 |
+
this.installerStatus = 'success'
|
| 76 |
+
}
|
| 77 |
+
this.facebookInstallBtnText = 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 |
+
enableFacebookOembed: function() {
|
| 90 |
+
this.facebookoEmbedLoader = 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_from_instagram' );
|
| 98 |
+
data.append( 'nonce', this.nonce );
|
| 99 |
+
fetch(ctf_oembeds.ajax_handler, {
|
| 100 |
+
method: "POST",
|
| 101 |
+
credentials: 'same-origin',
|
| 102 |
+
body: data
|
| 103 |
+
})
|
| 104 |
+
.then(response => response.json())
|
| 105 |
+
.then(data => {
|
| 106 |
+
if( data.success == true ) {
|
| 107 |
+
this.fboEmbedLoader = false;
|
| 108 |
+
this.facebook.doingOembeds = false;
|
| 109 |
+
// get the updated connection URL after disabling oEmbed
|
| 110 |
+
this.connectionURL = data.data.connectionUrl;
|
| 111 |
+
}
|
| 112 |
+
return;
|
| 113 |
+
});
|
| 114 |
+
},
|
| 115 |
+
disableInstaoEmbed: function() {
|
| 116 |
+
this.instaoEmbedLoader = true;
|
| 117 |
+
let data = new FormData();
|
| 118 |
+
data.append( 'action', 'disable_instagram_oembed_from_instagram' );
|
| 119 |
+
data.append( 'nonce', this.nonce );
|
| 120 |
+
fetch(ctf_oembeds.ajax_handler, {
|
| 121 |
+
method: "POST",
|
| 122 |
+
credentials: 'same-origin',
|
| 123 |
+
body: data
|
| 124 |
+
})
|
| 125 |
+
.then(response => response.json())
|
| 126 |
+
.then(data => {
|
| 127 |
+
if( data.success == true ) {
|
| 128 |
+
this.instaoEmbedLoader = false;
|
| 129 |
+
this.instagram.doingOembeds = false;
|
| 130 |
+
// get the updated connection URL after disabling oEmbed
|
| 131 |
+
this.connectionURL = data.data.connectionUrl;
|
| 132 |
+
}
|
| 133 |
+
return;
|
| 134 |
+
});
|
| 135 |
+
},
|
| 136 |
+
installButtonText: function( buttonText = null ) {
|
| 137 |
+
if ( buttonText ) {
|
| 138 |
+
return buttonText;
|
| 139 |
+
} else if ( this.facebook.installer.nextStep == 'free_install' ) {
|
| 140 |
+
return this.modal.install;
|
| 141 |
+
} else if ( this.facebook.installer.nextStep == 'free_activate' ) {
|
| 142 |
+
return this.modal.activate;
|
| 143 |
+
}
|
| 144 |
+
},
|
| 145 |
+
installIcon: function() {
|
| 146 |
+
if ( this.isFacebookActivated ) {
|
| 147 |
+
return;
|
| 148 |
+
}
|
| 149 |
+
if( this.installerStatus == null ) {
|
| 150 |
+
return this.modal.plusIcon;
|
| 151 |
+
} else if( this.installerStatus == 'loading' ) {
|
| 152 |
+
return this.loaderSVG;
|
| 153 |
+
} else if( this.installerStatus == 'success' ) {
|
| 154 |
+
return this.checkmarkSVG;
|
| 155 |
+
} else if( this.installerStatus == 'error' ) {
|
| 156 |
+
return `<i class="fa fa-times-circle"></i>`;
|
| 157 |
+
}
|
| 158 |
+
},
|
| 159 |
+
|
| 160 |
+
/**
|
| 161 |
+
* Toggle Sticky Widget view
|
| 162 |
+
*
|
| 163 |
+
* @since 2.0
|
| 164 |
+
*/
|
| 165 |
+
toggleStickyWidget: function() {
|
| 166 |
+
this.stickyWidget = !this.stickyWidget;
|
| 167 |
+
},
|
| 168 |
+
},
|
| 169 |
+
created() {
|
| 170 |
+
// Display the "Install" button text on modal depending on condition
|
| 171 |
+
if ( this.facebook.installer.nextStep == 'free_install' ) {
|
| 172 |
+
this.facebookInstallBtnText = this.modal.install;
|
| 173 |
+
} else if ( this.facebook.installer.nextStep == 'free_activate' || this.facebook.installer.nextStep == 'pro_activate' ) {
|
| 174 |
+
this.facebookInstallBtnText = this.modal.activate;
|
| 175 |
+
}
|
| 176 |
+
}
|
| 177 |
+
})
|
admin/assets/js/settings.js
ADDED
|
@@ -0,0 +1,1217 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 1 |
+
var ctfSettings;
|
| 2 |
+
|
| 3 |
+
// Declaring as global variable for quick prototyping
|
| 4 |
+
var settings_data = {
|
| 5 |
+
adminUrl: ctf_settings.admin_url,
|
| 6 |
+
nonce: ctf_settings.nonce,
|
| 7 |
+
ajaxHandler: ctf_settings.ajax_handler,
|
| 8 |
+
model: ctf_settings.model,
|
| 9 |
+
feeds: ctf_settings.feeds,
|
| 10 |
+
links: ctf_settings.links,
|
| 11 |
+
tooltipName: null,
|
| 12 |
+
sourcesList : ctf_settings.sources,
|
| 13 |
+
dialogBoxPopupScreen : ctf_settings.dialogBoxPopupScreen,
|
| 14 |
+
selectSourceScreen : ctf_settings.selectSourceScreen,
|
| 15 |
+
|
| 16 |
+
socialWallActivated: ctf_settings.socialWallActivated,
|
| 17 |
+
socialWallLinks: ctf_settings.socialWallLinks,
|
| 18 |
+
stickyWidget: false,
|
| 19 |
+
exportFeed: 'none',
|
| 20 |
+
locales: ctf_settings.locales,
|
| 21 |
+
timezones: ctf_settings.timezones,
|
| 22 |
+
genericText: ctf_settings.genericText,
|
| 23 |
+
generalTab: ctf_settings.generalTab,
|
| 24 |
+
feedsTab: ctf_settings.feedsTab,
|
| 25 |
+
translationTab: ctf_settings.translationTab,
|
| 26 |
+
advancedTab: ctf_settings.advancedTab,
|
| 27 |
+
footerUpgradeUrl: ctf_settings.footerUpgradeUrl,
|
| 28 |
+
upgradeUrl: ctf_settings.upgradeUrl,
|
| 29 |
+
supportPageUrl: ctf_settings.supportPageUrl,
|
| 30 |
+
isDevSite: ctf_settings.isDevSite,
|
| 31 |
+
licenseKey: ctf_settings.licenseKey,
|
| 32 |
+
pluginItemName: ctf_settings.pluginItemName,
|
| 33 |
+
licenseType: 'free',
|
| 34 |
+
licenseStatus: ctf_settings.licenseStatus,
|
| 35 |
+
licenseErrorMsg: ctf_settings.licenseErrorMsg,
|
| 36 |
+
extensionsLicense: ctf_settings.extensionsLicense,
|
| 37 |
+
extensionsLicenseKey: ctf_settings.extensionsLicenseKey,
|
| 38 |
+
extensionFieldHasError: false,
|
| 39 |
+
cronNextCheck: ctf_settings.nextCheck,
|
| 40 |
+
currentView: null,
|
| 41 |
+
selected: null,
|
| 42 |
+
current: 0,
|
| 43 |
+
sections: ["General", "Feeds", "Translation", "Advanced"],
|
| 44 |
+
indicator_width: 0,
|
| 45 |
+
indicator_pos: 0,
|
| 46 |
+
forwards: true,
|
| 47 |
+
currentTab: null,
|
| 48 |
+
import_file: null,
|
| 49 |
+
gdprInfoTooltip: null,
|
| 50 |
+
loaderSVG: ctf_settings.loaderSVG,
|
| 51 |
+
checkmarkSVG: ctf_settings.checkmarkSVG,
|
| 52 |
+
uploadSVG: ctf_settings.uploadSVG,
|
| 53 |
+
exportSVG: ctf_settings.exportSVG,
|
| 54 |
+
reloadSVG: ctf_settings.reloadSVG,
|
| 55 |
+
tooltipHelpSvg: ctf_settings.tooltipHelpSvg,
|
| 56 |
+
tooltip : {
|
| 57 |
+
text : '',
|
| 58 |
+
hover : false
|
| 59 |
+
},
|
| 60 |
+
|
| 61 |
+
cogSVG: ctf_settings.cogSVG,
|
| 62 |
+
deleteSVG: ctf_settings.deleteSVG,
|
| 63 |
+
svgIcons : ctf_settings.svgIcons,
|
| 64 |
+
accountDetails : ctf_settings.accountDetails,
|
| 65 |
+
newAccountData : ctf_settings.newAccountData,
|
| 66 |
+
|
| 67 |
+
|
| 68 |
+
appCredentials : ctf_settings.appCredentials,
|
| 69 |
+
connectAccountScreen : ctf_settings.connectAccountScreen,
|
| 70 |
+
appOAUTH : ctf_settings.appOAUTH,
|
| 71 |
+
testConnectionStatus: null,
|
| 72 |
+
recheckLicenseStatus: null,
|
| 73 |
+
btnStatus: null,
|
| 74 |
+
uploadStatus: null,
|
| 75 |
+
clearCacheStatus: null,
|
| 76 |
+
optimizeCacheStatus: null,
|
| 77 |
+
persistentCacheStatus: null,
|
| 78 |
+
twittercardCacheStatus: null,
|
| 79 |
+
|
| 80 |
+
dpaResetStatus: null,
|
| 81 |
+
pressedBtnName: null,
|
| 82 |
+
loading: false,
|
| 83 |
+
hasError: ctf_settings.hasError,
|
| 84 |
+
manualAccountResp : false,
|
| 85 |
+
|
| 86 |
+
dialogBox : {
|
| 87 |
+
active : false,
|
| 88 |
+
type : null,
|
| 89 |
+
heading : null,
|
| 90 |
+
description : null,
|
| 91 |
+
customButtons : undefined
|
| 92 |
+
},
|
| 93 |
+
sourceToDelete : {},
|
| 94 |
+
viewsActive : {
|
| 95 |
+
sourcePopup : false,
|
| 96 |
+
sourcePopupScreen : 'redirect_1',
|
| 97 |
+
sourcePopupType : 'creation',
|
| 98 |
+
instanceSourceActive : null,
|
| 99 |
+
connectAccountPopup : false,
|
| 100 |
+
connectAccountStep : 'step_1',
|
| 101 |
+
accountDetailsActive : false,
|
| 102 |
+
appDetailsActive : false,
|
| 103 |
+
},
|
| 104 |
+
//Add New Source
|
| 105 |
+
newSourceData : ctf_settings.newSourceData ? ctf_settings.newSourceData : null,
|
| 106 |
+
sourceConnectionURLs : ctf_settings.sourceConnectionURLs,
|
| 107 |
+
returnedApiSourcesList : [],
|
| 108 |
+
addNewSource : {
|
| 109 |
+
typeSelected : 'page',
|
| 110 |
+
manualSourceID : null,
|
| 111 |
+
manualSourceToken : null
|
| 112 |
+
},
|
| 113 |
+
selectedFeed : 'none',
|
| 114 |
+
expandedFeedID : null,
|
| 115 |
+
notificationElement : {
|
| 116 |
+
type : 'success', // success, error, warning, message
|
| 117 |
+
text : '',
|
| 118 |
+
shown : null
|
| 119 |
+
},
|
| 120 |
+
selectedSourcesToConnect : [],
|
| 121 |
+
|
| 122 |
+
//Loading Bar
|
| 123 |
+
fullScreenLoader : false,
|
| 124 |
+
appLoaded : false,
|
| 125 |
+
previewLoaded : false,
|
| 126 |
+
loadingBar : true,
|
| 127 |
+
loadingAjax : false,
|
| 128 |
+
|
| 129 |
+
notificationElement : {
|
| 130 |
+
type : 'success', // success, error, warning, message
|
| 131 |
+
text : '',
|
| 132 |
+
shown : null
|
| 133 |
+
}
|
| 134 |
+
};
|
| 135 |
+
|
| 136 |
+
// The tab component
|
| 137 |
+
Vue.component("tab", {
|
| 138 |
+
props: ["section", "index"],
|
| 139 |
+
template: `
|
| 140 |
+
<a class='tab' :id='section.toLowerCase().trim()' @click='emitWidth($el);changeComponent(index);activeTab(section)'>{{section}}</a>
|
| 141 |
+
`,
|
| 142 |
+
created: () => {
|
| 143 |
+
let urlParams = new URLSearchParams(window.location.search);
|
| 144 |
+
let view = urlParams.get('view');
|
| 145 |
+
if ( view === null ) {
|
| 146 |
+
view = 'general';
|
| 147 |
+
}
|
| 148 |
+
settings_data.currentView = view;
|
| 149 |
+
settings_data.currentTab = settings_data.sections[0];
|
| 150 |
+
settings_data.selected = "app-1";
|
| 151 |
+
},
|
| 152 |
+
methods: {
|
| 153 |
+
|
| 154 |
+
|
| 155 |
+
emitWidth: function(el) {
|
| 156 |
+
settings_data.indicator_width = jQuery(el).outerWidth();
|
| 157 |
+
settings_data.indicator_pos = jQuery(el).position().left;
|
| 158 |
+
},
|
| 159 |
+
changeComponent: function(index) {
|
| 160 |
+
var prev = settings_data.current;
|
| 161 |
+
if (prev < index) {
|
| 162 |
+
settings_data.forwards = false;
|
| 163 |
+
} else if (prev > index) {
|
| 164 |
+
settings_data.forwards = true;
|
| 165 |
+
}
|
| 166 |
+
settings_data.selected = "app-" + (index + 1);
|
| 167 |
+
settings_data.current = index;
|
| 168 |
+
},
|
| 169 |
+
activeTab: function(section) {
|
| 170 |
+
this.setView(section.toLowerCase().trim());
|
| 171 |
+
settings_data.currentTab = section;
|
| 172 |
+
},
|
| 173 |
+
setView: function(section) {
|
| 174 |
+
history.replaceState({}, null, settings_data.adminUrl + 'admin.php?page=ctf-settings&view=' + section);
|
| 175 |
+
}
|
| 176 |
+
}
|
| 177 |
+
});
|
| 178 |
+
|
| 179 |
+
var ctfSettings = new Vue({
|
| 180 |
+
el: "#ctf-settings",
|
| 181 |
+
http: {
|
| 182 |
+
emulateJSON: true,
|
| 183 |
+
emulateHTTP: true
|
| 184 |
+
},
|
| 185 |
+
data: settings_data,
|
| 186 |
+
created: function() {
|
| 187 |
+
this.$nextTick(function() {
|
| 188 |
+
let tabEl = document.querySelector('.tab');
|
| 189 |
+
settings_data.indicator_width = tabEl.offsetWidth;
|
| 190 |
+
});
|
| 191 |
+
setTimeout(function(){
|
| 192 |
+
settings_data.appLoaded = true;
|
| 193 |
+
},350);
|
| 194 |
+
},
|
| 195 |
+
mounted: function(){
|
| 196 |
+
var self = this;
|
| 197 |
+
// set the current view page on page load
|
| 198 |
+
let activeEl = document.querySelector('a.tab#' + settings_data.currentView);
|
| 199 |
+
// we have to uppercase the first letter
|
| 200 |
+
let currentView = settings_data.currentView.charAt(0).toUpperCase() + settings_data.currentView.slice(1);
|
| 201 |
+
let viewIndex = settings_data.sections.indexOf(currentView) + 1;
|
| 202 |
+
settings_data.indicator_width = activeEl.offsetWidth;
|
| 203 |
+
settings_data.indicator_pos = activeEl.offsetLeft;
|
| 204 |
+
settings_data.selected = "app-" + viewIndex;
|
| 205 |
+
settings_data.current = viewIndex;
|
| 206 |
+
settings_data.currentTab = currentView;
|
| 207 |
+
|
| 208 |
+
setTimeout(function(){
|
| 209 |
+
settings_data.appLoaded = true;
|
| 210 |
+
},350);
|
| 211 |
+
|
| 212 |
+
},
|
| 213 |
+
computed: {
|
| 214 |
+
getStyle: function() {
|
| 215 |
+
return {
|
| 216 |
+
position: "absolute",
|
| 217 |
+
bottom: "0px",
|
| 218 |
+
left: settings_data.indicator_pos + "px",
|
| 219 |
+
width: settings_data.indicator_width + "px",
|
| 220 |
+
height: "2px"
|
| 221 |
+
};
|
| 222 |
+
},
|
| 223 |
+
chooseDirection: function() {
|
| 224 |
+
if (settings_data.forwards == true) {
|
| 225 |
+
return "slide-fade";
|
| 226 |
+
} else {
|
| 227 |
+
return "slide-fade";
|
| 228 |
+
}
|
| 229 |
+
}
|
| 230 |
+
},
|
| 231 |
+
methods: {
|
| 232 |
+
activateLicense: function() {
|
| 233 |
+
if (this.licenseType === 'free') {
|
| 234 |
+
this.runOneClickUpgrade();
|
| 235 |
+
} else {
|
| 236 |
+
this.activateProLicense();
|
| 237 |
+
}
|
| 238 |
+
},
|
| 239 |
+
activateProLicense: function() {
|
| 240 |
+
this.hasError = false;
|
| 241 |
+
this.loading = true;
|
| 242 |
+
this.pressedBtnName = 'ctf';
|
| 243 |
+
|
| 244 |
+
let data = new FormData();
|
| 245 |
+
data.append( 'action', 'ctf_activate_license' );
|
| 246 |
+
data.append( 'license_key', this.licenseKey );
|
| 247 |
+
data.append( 'nonce', this.nonce );
|
| 248 |
+
fetch(this.ajaxHandler, {
|
| 249 |
+
method: "POST",
|
| 250 |
+
credentials: 'same-origin',
|
| 251 |
+
body: data
|
| 252 |
+
})
|
| 253 |
+
.then(response => response.json())
|
| 254 |
+
.then(data => {
|
| 255 |
+
if ( data.success == false ) {
|
| 256 |
+
this.licenseStatus = 'inactive';
|
| 257 |
+
this.hasError = true;
|
| 258 |
+
this.loading = false;
|
| 259 |
+
return;
|
| 260 |
+
}
|
| 261 |
+
if ( data.success == true ) {
|
| 262 |
+
let licenseData = data.data.licenseData;
|
| 263 |
+
this.licenseStatus = data.data.licenseStatus;
|
| 264 |
+
this.loading = false;
|
| 265 |
+
this.pressedBtnName = null;
|
| 266 |
+
|
| 267 |
+
if (
|
| 268 |
+
data.data.licenseStatus == 'inactive' ||
|
| 269 |
+
data.data.licenseStatus == 'invalid' ||
|
| 270 |
+
data.data.licenseStatus == 'expired'
|
| 271 |
+
) {
|
| 272 |
+
this.hasError = true;
|
| 273 |
+
if( licenseData.error ) {
|
| 274 |
+
this.licenseErrorMsg = licenseData.errorMsg
|
| 275 |
+
}
|
| 276 |
+
}
|
| 277 |
+
}
|
| 278 |
+
return;
|
| 279 |
+
});
|
| 280 |
+
},
|
| 281 |
+
deactivateLicense: function() {
|
| 282 |
+
this.loading = true;
|
| 283 |
+
this.pressedBtnName = 'ctf';
|
| 284 |
+
let data = new FormData();
|
| 285 |
+
data.append( 'action', 'ctf_deactivate_license' );
|
| 286 |
+
data.append( 'nonce', this.nonce );
|
| 287 |
+
fetch(this.ajaxHandler, {
|
| 288 |
+
method: "POST",
|
| 289 |
+
credentials: 'same-origin',
|
| 290 |
+
body: data
|
| 291 |
+
})
|
| 292 |
+
.then(response => response.json())
|
| 293 |
+
.then(data => {
|
| 294 |
+
if ( data.success == true ) {
|
| 295 |
+
this.licenseStatus = data.data.licenseStatus ;
|
| 296 |
+
this.loading = false;
|
| 297 |
+
this.pressedBtnName = null;
|
| 298 |
+
}
|
| 299 |
+
return;
|
| 300 |
+
});
|
| 301 |
+
},
|
| 302 |
+
licenseActiveAction: function(extension) {
|
| 303 |
+
extension = typeof extension !== 'undefined' ? extension : false;
|
| 304 |
+
if (this.licenseType === 'free') {
|
| 305 |
+
this.runOneClickUpgrade();
|
| 306 |
+
} else {
|
| 307 |
+
if (typeof extension !== 'undefined') {
|
| 308 |
+
this.deactivateExtensionLicense(extension);
|
| 309 |
+
} else {
|
| 310 |
+
this.deactivateLicense();
|
| 311 |
+
}
|
| 312 |
+
}
|
| 313 |
+
|
| 314 |
+
},
|
| 315 |
+
|
| 316 |
+
runOneClickUpgrade: function() {
|
| 317 |
+
this.hasError = false;
|
| 318 |
+
this.loading = true;
|
| 319 |
+
this.pressedBtnName = 'ctf';
|
| 320 |
+
|
| 321 |
+
let data = new FormData();
|
| 322 |
+
data.append( 'action', 'ctf_maybe_upgrade_redirect' );
|
| 323 |
+
data.append( 'license_key', this.licenseKey );
|
| 324 |
+
data.append( 'nonce', this.nonce );
|
| 325 |
+
fetch(this.ajaxHandler, {
|
| 326 |
+
method: "POST",
|
| 327 |
+
credentials: 'same-origin',
|
| 328 |
+
body: data
|
| 329 |
+
})
|
| 330 |
+
.then(response => response.json())
|
| 331 |
+
.then(data => {
|
| 332 |
+
if ( data.success === false ) {
|
| 333 |
+
this.licenseStatus = 'invalid';
|
| 334 |
+
this.hasError = true;
|
| 335 |
+
this.loading = false;
|
| 336 |
+
if( typeof data.data !== 'undefined' ) {
|
| 337 |
+
this.licenseErrorMsg = data.data.message
|
| 338 |
+
}
|
| 339 |
+
return;
|
| 340 |
+
}
|
| 341 |
+
if ( data.success === true ) {
|
| 342 |
+
window.location.href = data.data.url
|
| 343 |
+
}
|
| 344 |
+
return;
|
| 345 |
+
});
|
| 346 |
+
},
|
| 347 |
+
|
| 348 |
+
/**
|
| 349 |
+
* Activate Extensions License
|
| 350 |
+
*
|
| 351 |
+
* @since 2.0
|
| 352 |
+
*
|
| 353 |
+
* @param {object} extension
|
| 354 |
+
*/
|
| 355 |
+
activateExtensionLicense: function( extension ) {
|
| 356 |
+
let licenseKey = this.extensionsLicenseKey[extension.name];
|
| 357 |
+
this.extensionFieldHasError = false;
|
| 358 |
+
this.loading = true;
|
| 359 |
+
this.pressedBtnName = extension.name;
|
| 360 |
+
if ( ! licenseKey ) {
|
| 361 |
+
this.loading = false;
|
| 362 |
+
this.extensionFieldHasError = true;
|
| 363 |
+
return;
|
| 364 |
+
}
|
| 365 |
+
let data = new FormData();
|
| 366 |
+
data.append( 'action', 'ctf_activate_extension_license' );
|
| 367 |
+
data.append( 'license_key', licenseKey );
|
| 368 |
+
data.append( 'extension_name', extension.name );
|
| 369 |
+
data.append( 'extension_item_name', extension.itemName );
|
| 370 |
+
data.append( 'nonce', this.nonce );
|
| 371 |
+
fetch(this.ajaxHandler, {
|
| 372 |
+
method: "POST",
|
| 373 |
+
credentials: 'same-origin',
|
| 374 |
+
body: data
|
| 375 |
+
})
|
| 376 |
+
.then(response => response.json())
|
| 377 |
+
.then(data => {
|
| 378 |
+
this.loading = false;
|
| 379 |
+
if ( data.success == true ) {
|
| 380 |
+
this.extensionFieldHasError = false;
|
| 381 |
+
this.pressedBtnName = null;
|
| 382 |
+
if ( data.data.licenseStatus == 'invalid' ) {
|
| 383 |
+
this.extensionFieldHasError = true;
|
| 384 |
+
this.notificationElement = {
|
| 385 |
+
type : 'error',
|
| 386 |
+
text : this.genericText.invalidLicenseKey,
|
| 387 |
+
shown : "shown"
|
| 388 |
+
};
|
| 389 |
+
}
|
| 390 |
+
if ( data.data.licenseStatus == 'valid' ) {
|
| 391 |
+
this.notificationElement = {
|
| 392 |
+
type : 'success',
|
| 393 |
+
text : this.genericText.licenseActivated,
|
| 394 |
+
shown : "shown"
|
| 395 |
+
};
|
| 396 |
+
}
|
| 397 |
+
extension.licenseStatus = data.data.licenseStatus;
|
| 398 |
+
extension.licenseKey = licenseKey;
|
| 399 |
+
|
| 400 |
+
setTimeout(function(){
|
| 401 |
+
this.notificationElement.shown = "hidden";
|
| 402 |
+
}.bind(this), 3000);
|
| 403 |
+
}
|
| 404 |
+
return;
|
| 405 |
+
});
|
| 406 |
+
},
|
| 407 |
+
|
| 408 |
+
/**
|
| 409 |
+
* Deactivate Extensions License
|
| 410 |
+
*
|
| 411 |
+
* @since 2.0
|
| 412 |
+
*
|
| 413 |
+
* @param {object} extension
|
| 414 |
+
*/
|
| 415 |
+
deactivateExtensionLicense: function( extension ) {
|
| 416 |
+
let licenseKey = this.extensionsLicenseKey[extension.name];
|
| 417 |
+
this.extensionFieldHasError = false;
|
| 418 |
+
this.loading = true;
|
| 419 |
+
this.pressedBtnName = extension.name;
|
| 420 |
+
let data = new FormData();
|
| 421 |
+
data.append( 'action', 'ctf_deactivate_extension_license' );
|
| 422 |
+
data.append( 'extension_name', extension.name );
|
| 423 |
+
data.append( 'extension_item_name', extension.itemName );
|
| 424 |
+
data.append( 'nonce', this.nonce );
|
| 425 |
+
fetch(this.ajaxHandler, {
|
| 426 |
+
method: "POST",
|
| 427 |
+
credentials: 'same-origin',
|
| 428 |
+
body: data
|
| 429 |
+
})
|
| 430 |
+
.then(response => response.json())
|
| 431 |
+
.then(data => {
|
| 432 |
+
this.loading = false;
|
| 433 |
+
if ( data.success == true ) {
|
| 434 |
+
this.extensionFieldHasError = false;
|
| 435 |
+
this.pressedBtnName = null;
|
| 436 |
+
if ( data.data.licenseStatus == 'deactivated' ) {
|
| 437 |
+
this.notificationElement = {
|
| 438 |
+
type : 'success',
|
| 439 |
+
text : this.genericText.licenseDeactivated,
|
| 440 |
+
shown : "shown"
|
| 441 |
+
};
|
| 442 |
+
}
|
| 443 |
+
extension.licenseStatus = data.data.licenseStatus;
|
| 444 |
+
extension.licenseKey = licenseKey;
|
| 445 |
+
|
| 446 |
+
setTimeout(function(){
|
| 447 |
+
this.notificationElement.shown = "hidden";
|
| 448 |
+
}.bind(this), 3000);
|
| 449 |
+
}
|
| 450 |
+
return;
|
| 451 |
+
});
|
| 452 |
+
},
|
| 453 |
+
testConnection: function() {
|
| 454 |
+
this.testConnectionStatus = 'loading';
|
| 455 |
+
let data = new FormData();
|
| 456 |
+
data.append( 'action', 'ctf_test_connection' );
|
| 457 |
+
data.append( 'nonce', this.nonce );
|
| 458 |
+
fetch(this.ajaxHandler, {
|
| 459 |
+
method: "POST",
|
| 460 |
+
credentials: 'same-origin',
|
| 461 |
+
body: data
|
| 462 |
+
})
|
| 463 |
+
.then(response => response.json())
|
| 464 |
+
.then(data => {
|
| 465 |
+
if ( data.success == false ) {
|
| 466 |
+
this.testConnectionStatus = 'error';
|
| 467 |
+
}
|
| 468 |
+
if ( data.success == true ) {
|
| 469 |
+
this.testConnectionStatus = 'success';
|
| 470 |
+
|
| 471 |
+
setTimeout(function() {
|
| 472 |
+
this.testConnectionStatus = null;
|
| 473 |
+
}.bind(this), 3000);
|
| 474 |
+
}
|
| 475 |
+
return;
|
| 476 |
+
});
|
| 477 |
+
},
|
| 478 |
+
recheckLicense: function( licenseKey, itemName, optionName = null ) {
|
| 479 |
+
this.recheckLicenseStatus = 'loading';
|
| 480 |
+
this.pressedBtnName = optionName;
|
| 481 |
+
let data = new FormData();
|
| 482 |
+
data.append( 'action', 'ctf_recheck_connection' );
|
| 483 |
+
data.append( 'license_key', licenseKey );
|
| 484 |
+
data.append( 'item_name', itemName );
|
| 485 |
+
data.append( 'option_name', optionName );
|
| 486 |
+
data.append( 'nonce', this.nonce );
|
| 487 |
+
fetch(this.ajaxHandler, {
|
| 488 |
+
method: "POST",
|
| 489 |
+
credentials: 'same-origin',
|
| 490 |
+
body: data
|
| 491 |
+
})
|
| 492 |
+
.then(response => response.json())
|
| 493 |
+
.then(data => {
|
| 494 |
+
if ( data.success == true ) {
|
| 495 |
+
if ( data.data.license == 'valid' ) {
|
| 496 |
+
this.recheckLicenseStatus = 'success';
|
| 497 |
+
}
|
| 498 |
+
if ( data.data.license == 'expired' ) {
|
| 499 |
+
this.recheckLicenseStatus = 'error';
|
| 500 |
+
}
|
| 501 |
+
|
| 502 |
+
// if the api license status has changed from old stored license status
|
| 503 |
+
// then reload the page to show proper error message and notices
|
| 504 |
+
// or hide error messages and notices
|
| 505 |
+
if ( data.data.licenseChanged == true ) {
|
| 506 |
+
location.reload();
|
| 507 |
+
}
|
| 508 |
+
|
| 509 |
+
setTimeout(function() {
|
| 510 |
+
this.pressedBtnName = null;
|
| 511 |
+
this.recheckLicenseStatus = null;
|
| 512 |
+
}.bind(this), 3000);
|
| 513 |
+
}
|
| 514 |
+
return;
|
| 515 |
+
});
|
| 516 |
+
},
|
| 517 |
+
recheckLicenseIcon: function() {
|
| 518 |
+
if ( this.recheckLicenseStatus == null ) {
|
| 519 |
+
return this.generalTab.licenseBox.recheckLicense;
|
| 520 |
+
} else if ( this.recheckLicenseStatus == 'loading' ) {
|
| 521 |
+
return this.loaderSVG;
|
| 522 |
+
} else if ( this.recheckLicenseStatus == 'success' ) {
|
| 523 |
+
return '<i class="fa fa-check-circle"></i> ' + this.generalTab.licenseBox.licenseValid;
|
| 524 |
+
} else if ( this.recheckLicenseStatus == 'error' ) {
|
| 525 |
+
return '<i class="fa fa-times-circle"></i> ' + this.generalTab.licenseBox.licenseExpired;
|
| 526 |
+
}
|
| 527 |
+
},
|
| 528 |
+
recheckBtnText: function( btnName ) {
|
| 529 |
+
if ( this.recheckLicenseStatus == null || this.pressedBtnName != btnName ) {
|
| 530 |
+
return this.generalTab.licenseBox.recheckLicense;
|
| 531 |
+
} else if ( this.recheckLicenseStatus == 'loading' && this.pressedBtnName == btnName ) {
|
| 532 |
+
return this.loaderSVG;
|
| 533 |
+
} else if ( this.recheckLicenseStatus == 'success' ) {
|
| 534 |
+
return '<i class="fa fa-check-circle"></i> ' + this.generalTab.licenseBox.licenseValid;
|
| 535 |
+
} else if ( this.recheckLicenseStatus == 'error' ) {
|
| 536 |
+
return '<i class="fa fa-times-circle"></i> ' + this.generalTab.licenseBox.licenseExpired;
|
| 537 |
+
}
|
| 538 |
+
},
|
| 539 |
+
testConnectionIcon: function() {
|
| 540 |
+
if ( this.testConnectionStatus == 'loading' ) {
|
| 541 |
+
return this.loaderSVG;
|
| 542 |
+
} else if ( this.testConnectionStatus == 'success' ) {
|
| 543 |
+
return '<i class="fa fa-check-circle"></i> ' + this.generalTab.licenseBox.connectionSuccessful;
|
| 544 |
+
} else if ( this.testConnectionStatus == 'error' ) {
|
| 545 |
+
return `<i class="fa fa-times-circle"></i> ${this.generalTab.licenseBox.connectionFailed} <a href="#">${this.generalTab.licenseBox.viewError}</a>`;
|
| 546 |
+
}
|
| 547 |
+
},
|
| 548 |
+
importFile: function() {
|
| 549 |
+
document.getElementById("import_file").click();
|
| 550 |
+
},
|
| 551 |
+
uploadFile: function( event ) {
|
| 552 |
+
this.uploadStatus = 'loading';
|
| 553 |
+
let file = this.$refs.file.files[0];
|
| 554 |
+
let data = new FormData();
|
| 555 |
+
data.append( 'action', 'ctf_import_settings_json' );
|
| 556 |
+
data.append( 'file', file );
|
| 557 |
+
data.append( 'nonce', this.nonce );
|
| 558 |
+
fetch(this.ajaxHandler, {
|
| 559 |
+
method: "POST",
|
| 560 |
+
credentials: 'same-origin',
|
| 561 |
+
body: data
|
| 562 |
+
})
|
| 563 |
+
.then(response => response.json())
|
| 564 |
+
.then(data => {
|
| 565 |
+
this.uploadStatus = null;
|
| 566 |
+
this.$refs.file.files[0] = null;
|
| 567 |
+
if ( data.success == false ) {
|
| 568 |
+
this.notificationElement = {
|
| 569 |
+
type : 'error',
|
| 570 |
+
text : this.genericText.failedToImportFeed,
|
| 571 |
+
shown : "shown"
|
| 572 |
+
};
|
| 573 |
+
}
|
| 574 |
+
if ( data.success == true ) {
|
| 575 |
+
this.feeds = data.data.feeds;
|
| 576 |
+
this.notificationElement = {
|
| 577 |
+
type : 'success',
|
| 578 |
+
text : this.genericText.feedImported,
|
| 579 |
+
shown : "shown"
|
| 580 |
+
};
|
| 581 |
+
}
|
| 582 |
+
setTimeout(function(){
|
| 583 |
+
this.notificationElement.shown = "hidden";
|
| 584 |
+
}.bind(this), 3000);
|
| 585 |
+
});
|
| 586 |
+
},
|
| 587 |
+
exportFeedSettings: function() {
|
| 588 |
+
// return if no feed is selected
|
| 589 |
+
if ( this.exportFeed === 'none' ) {
|
| 590 |
+
return;
|
| 591 |
+
}
|
| 592 |
+
|
| 593 |
+
let url = this.ajaxHandler + '?action=ctf_export_settings_json&feed_id=' + this.exportFeed;
|
| 594 |
+
window.location = url;
|
| 595 |
+
},
|
| 596 |
+
saveSettings: function() {
|
| 597 |
+
this.btnStatus = 'loading';
|
| 598 |
+
this.pressedBtnName = 'saveChanges';
|
| 599 |
+
let data = new FormData();
|
| 600 |
+
data.append( 'action', 'ctf_save_settings' );
|
| 601 |
+
data.append( 'model', JSON.stringify( this.model ) );
|
| 602 |
+
data.append( 'ctf_license_key', this.licenseKey );
|
| 603 |
+
data.append( 'extensions_license_key', JSON.stringify( this.extensionsLicenseKey ) );
|
| 604 |
+
data.append( 'nonce', this.nonce );
|
| 605 |
+
fetch(this.ajaxHandler, {
|
| 606 |
+
method: "POST",
|
| 607 |
+
credentials: 'same-origin',
|
| 608 |
+
body: data
|
| 609 |
+
})
|
| 610 |
+
.then(response => response.json())
|
| 611 |
+
.then(data => {
|
| 612 |
+
if ( data.success == false ) {
|
| 613 |
+
this.btnStatus = 'error';
|
| 614 |
+
return;
|
| 615 |
+
}
|
| 616 |
+
|
| 617 |
+
this.cronNextCheck = data.data.cronNextCheck;
|
| 618 |
+
this.btnStatus = 'success';
|
| 619 |
+
setTimeout(function() {
|
| 620 |
+
this.btnStatus = null;
|
| 621 |
+
this.pressedBtnName = null;
|
| 622 |
+
}.bind(this), 3000);
|
| 623 |
+
});
|
| 624 |
+
},
|
| 625 |
+
clearCache: function() {
|
| 626 |
+
this.clearCacheStatus = 'loading';
|
| 627 |
+
let data = new FormData();
|
| 628 |
+
data.append( 'action', 'ctf_clear_cache_settings' );
|
| 629 |
+
data.append( 'model', JSON.stringify( this.model ) );
|
| 630 |
+
data.append( 'nonce', this.nonce );
|
| 631 |
+
fetch(this.ajaxHandler, {
|
| 632 |
+
method: "POST",
|
| 633 |
+
credentials: 'same-origin',
|
| 634 |
+
body: data
|
| 635 |
+
})
|
| 636 |
+
.then(response => response.json())
|
| 637 |
+
.then(data => {
|
| 638 |
+
if ( data.success == false ) {
|
| 639 |
+
this.clearCacheStatus = 'error';
|
| 640 |
+
return;
|
| 641 |
+
}
|
| 642 |
+
this.cronNextCheck = data.data.cronNextCheck;
|
| 643 |
+
this.clearCacheStatus = 'success';
|
| 644 |
+
setTimeout(function() {
|
| 645 |
+
this.clearCacheStatus = null;
|
| 646 |
+
}.bind(this), 3000);
|
| 647 |
+
});
|
| 648 |
+
},
|
| 649 |
+
showTooltip: function( tooltipName ) {
|
| 650 |
+
this.tooltipName = tooltipName;
|
| 651 |
+
},
|
| 652 |
+
hideTooltip: function() {
|
| 653 |
+
this.tooltipName = null;
|
| 654 |
+
},
|
| 655 |
+
gdprOptions: function() {
|
| 656 |
+
this.gdprInfoTooltip = null;
|
| 657 |
+
},
|
| 658 |
+
gdprLimited: function() {
|
| 659 |
+
this.gdprInfoTooltip = this.gdprInfoTooltip == null ? true : null;
|
| 660 |
+
},
|
| 661 |
+
clearImageResizeCache: function() {
|
| 662 |
+
this.optimizeCacheStatus = 'loading';
|
| 663 |
+
let data = new FormData();
|
| 664 |
+
data.append( 'action', 'ctf_clear_image_resize_cache' );
|
| 665 |
+
data.append( 'nonce', this.nonce );
|
| 666 |
+
fetch(this.ajaxHandler, {
|
| 667 |
+
method: "POST",
|
| 668 |
+
credentials: 'same-origin',
|
| 669 |
+
body: data
|
| 670 |
+
})
|
| 671 |
+
.then(response => response.json())
|
| 672 |
+
.then(data => {
|
| 673 |
+
if ( data.success == false ) {
|
| 674 |
+
this.optimizeCacheStatus = 'error';
|
| 675 |
+
return;
|
| 676 |
+
}
|
| 677 |
+
this.optimizeCacheStatus = 'success';
|
| 678 |
+
setTimeout(function() {
|
| 679 |
+
this.optimizeCacheStatus = null;
|
| 680 |
+
}.bind(this), 3000);
|
| 681 |
+
});
|
| 682 |
+
},
|
| 683 |
+
clearPersistentCache: function() {
|
| 684 |
+
this.persistentCacheStatus = 'loading';
|
| 685 |
+
let data = new FormData();
|
| 686 |
+
data.append( 'action', 'ctf_clear_persistent_cache' );
|
| 687 |
+
data.append( 'nonce', this.nonce );
|
| 688 |
+
fetch(this.ajaxHandler, {
|
| 689 |
+
method: "POST",
|
| 690 |
+
credentials: 'same-origin',
|
| 691 |
+
body: data
|
| 692 |
+
})
|
| 693 |
+
.then(response => response.json())
|
| 694 |
+
.then(data => {
|
| 695 |
+
if ( data.success == false ) {
|
| 696 |
+
this.persistentCacheStatus = 'error';
|
| 697 |
+
return;
|
| 698 |
+
}
|
| 699 |
+
this.persistentCacheStatus = 'success';
|
| 700 |
+
setTimeout(function() {
|
| 701 |
+
this.persistentCacheStatus = null;
|
| 702 |
+
}.bind(this), 3000);
|
| 703 |
+
});
|
| 704 |
+
},
|
| 705 |
+
clearTwittercardCache: function() {
|
| 706 |
+
this.twittercardCacheStatus = 'loading';
|
| 707 |
+
let data = new FormData();
|
| 708 |
+
data.append( 'action', 'ctf_clear_twittercard_cache' );
|
| 709 |
+
data.append( 'nonce', this.nonce );
|
| 710 |
+
fetch(this.ajaxHandler, {
|
| 711 |
+
method: "POST",
|
| 712 |
+
credentials: 'same-origin',
|
| 713 |
+
body: data
|
| 714 |
+
})
|
| 715 |
+
.then(response => response.json())
|
| 716 |
+
.then(data => {
|
| 717 |
+
if ( data.success == false ) {
|
| 718 |
+
this.twittercardCacheStatus = 'error';
|
| 719 |
+
return;
|
| 720 |
+
}
|
| 721 |
+
this.twittercardCacheStatus = 'success';
|
| 722 |
+
setTimeout(function() {
|
| 723 |
+
this.twittercardCacheStatus = null;
|
| 724 |
+
}.bind(this), 3000);
|
| 725 |
+
});
|
| 726 |
+
},
|
| 727 |
+
dpaReset: function() {
|
| 728 |
+
this.dpaResetStatus = 'loading';
|
| 729 |
+
let data = new FormData();
|
| 730 |
+
data.append( 'action', 'ctf_dpa_reset' );
|
| 731 |
+
data.append( 'nonce', this.nonce );
|
| 732 |
+
fetch(this.ajaxHandler, {
|
| 733 |
+
method: "POST",
|
| 734 |
+
credentials: 'same-origin',
|
| 735 |
+
body: data
|
| 736 |
+
})
|
| 737 |
+
.then(response => response.json())
|
| 738 |
+
.then(data => {
|
| 739 |
+
if ( data.success == false ) {
|
| 740 |
+
this.dpaResetStatus = 'error';
|
| 741 |
+
return;
|
| 742 |
+
}
|
| 743 |
+
this.dpaResetStatus = 'success';
|
| 744 |
+
setTimeout(function() {
|
| 745 |
+
this.dpaResetStatus = null;
|
| 746 |
+
}.bind(this), 3000);
|
| 747 |
+
});
|
| 748 |
+
},
|
| 749 |
+
saveChangesIcon: function() {
|
| 750 |
+
if ( this.btnStatus == 'loading' ) {
|
| 751 |
+
return this.loaderSVG;
|
| 752 |
+
} else if ( this.btnStatus == 'success' ) {
|
| 753 |
+
return this.checkmarkSVG;
|
| 754 |
+
} else if ( this.btnStatus == 'error' ) {
|
| 755 |
+
return `<i class="fa fa-times-circle"></i>`;
|
| 756 |
+
}
|
| 757 |
+
},
|
| 758 |
+
importBtnIcon: function() {
|
| 759 |
+
if ( this.uploadStatus === null ) {
|
| 760 |
+
return this.uploadSVG;
|
| 761 |
+
}
|
| 762 |
+
if ( this.uploadStatus == 'loading' ) {
|
| 763 |
+
return this.loaderSVG;
|
| 764 |
+
} else if ( this.uploadStatus == 'success' ) {
|
| 765 |
+
return this.checkmarkSVG;
|
| 766 |
+
} else if ( this.uploadStatus == 'error' ) {
|
| 767 |
+
return `<i class="fa fa-times-circle"></i>`;
|
| 768 |
+
}
|
| 769 |
+
},
|
| 770 |
+
clearCacheIcon: function() {
|
| 771 |
+
if ( this.clearCacheStatus === null ) {
|
| 772 |
+
return this.reloadSVG;
|
| 773 |
+
}
|
| 774 |
+
if ( this.clearCacheStatus == 'loading' ) {
|
| 775 |
+
return this.loaderSVG;
|
| 776 |
+
} else if ( this.clearCacheStatus == 'success' ) {
|
| 777 |
+
return this.checkmarkSVG;
|
| 778 |
+
} else if ( this.clearCacheStatus == 'error' ) {
|
| 779 |
+
return `<i class="fa fa-times-circle"></i>`;
|
| 780 |
+
}
|
| 781 |
+
},
|
| 782 |
+
clearImageResizeCacheIcon: function() {
|
| 783 |
+
if ( this.optimizeCacheStatus === null ) {
|
| 784 |
+
return;
|
| 785 |
+
}
|
| 786 |
+
if ( this.optimizeCacheStatus == 'loading' ) {
|
| 787 |
+
return this.loaderSVG;
|
| 788 |
+
} else if ( this.optimizeCacheStatus == 'success' ) {
|
| 789 |
+
return this.checkmarkSVG;
|
| 790 |
+
} else if ( this.optimizeCacheStatus == 'error' ) {
|
| 791 |
+
return `<i class="fa fa-times-circle"></i>`;
|
| 792 |
+
}
|
| 793 |
+
},
|
| 794 |
+
clearPersistentCacheIcon: function() {
|
| 795 |
+
if ( this.persistentCacheStatus === null ) {
|
| 796 |
+
return;
|
| 797 |
+
}
|
| 798 |
+
if ( this.persistentCacheStatus == 'loading' ) {
|
| 799 |
+
return this.loaderSVG;
|
| 800 |
+
} else if ( this.persistentCacheStatus == 'success' ) {
|
| 801 |
+
return this.checkmarkSVG;
|
| 802 |
+
} else if ( this.persistentCacheStatus == 'error' ) {
|
| 803 |
+
return `<i class="fa fa-times-circle"></i>`;
|
| 804 |
+
}
|
| 805 |
+
},
|
| 806 |
+
clearTwittercardCacheIcon: function() {
|
| 807 |
+
if ( this.twittercardCacheStatus === null ) {
|
| 808 |
+
return;
|
| 809 |
+
}
|
| 810 |
+
if ( this.twittercardCacheStatus == 'loading' ) {
|
| 811 |
+
return this.loaderSVG;
|
| 812 |
+
} else if ( this.twittercardCacheStatus == 'success' ) {
|
| 813 |
+
return this.checkmarkSVG;
|
| 814 |
+
} else if ( this.twittercardCacheStatus == 'error' ) {
|
| 815 |
+
return `<i class="fa fa-times-circle"></i>`;
|
| 816 |
+
}
|
| 817 |
+
},
|
| 818 |
+
|
| 819 |
+
dpaResetStatusIcon: function() {
|
| 820 |
+
if ( this.dpaResetStatus === null ) {
|
| 821 |
+
return;
|
| 822 |
+
}
|
| 823 |
+
if ( this.dpaResetStatus == 'loading' ) {
|
| 824 |
+
return this.loaderSVG;
|
| 825 |
+
} else if ( this.dpaResetStatus == 'success' ) {
|
| 826 |
+
return this.checkmarkSVG;
|
| 827 |
+
} else if ( this.dpaResetStatus == 'error' ) {
|
| 828 |
+
return `<i class="fa fa-times-circle"></i>`;
|
| 829 |
+
}
|
| 830 |
+
},
|
| 831 |
+
|
| 832 |
+
/**
|
| 833 |
+
* Toggle Sticky Widget view
|
| 834 |
+
*
|
| 835 |
+
* @since 2.0
|
| 836 |
+
*/
|
| 837 |
+
toggleStickyWidget: function() {
|
| 838 |
+
this.stickyWidget = !this.stickyWidget;
|
| 839 |
+
},
|
| 840 |
+
|
| 841 |
+
printUsedInText: function( usedInNumber ){
|
| 842 |
+
if(usedInNumber == 0){
|
| 843 |
+
return this.genericText.sourceNotUsedYet;
|
| 844 |
+
}
|
| 845 |
+
return this.genericText.usedIn + ' ' + usedInNumber + ' ' +(usedInNumber == 1 ? this.genericText.feed : this.genericText.feeds);
|
| 846 |
+
},
|
| 847 |
+
|
| 848 |
+
/**
|
| 849 |
+
* Delete Source Ajax
|
| 850 |
+
*
|
| 851 |
+
* @since 2.0
|
| 852 |
+
*/
|
| 853 |
+
deleteSource : function(sourceToDelete){
|
| 854 |
+
var self = this;
|
| 855 |
+
let data = new FormData();
|
| 856 |
+
data.append( 'action', 'ctf_feed_saver_manager_delete_source' );
|
| 857 |
+
data.append( 'source_id', sourceToDelete.id);
|
| 858 |
+
data.append( 'nonce', this.nonce );
|
| 859 |
+
fetch(self.ajaxHandler, {
|
| 860 |
+
method: "POST",
|
| 861 |
+
credentials: 'same-origin',
|
| 862 |
+
body: data
|
| 863 |
+
})
|
| 864 |
+
.then(response => response.json())
|
| 865 |
+
.then(data => {
|
| 866 |
+
if (sourceToDelete.just_added) {
|
| 867 |
+
window.location.href = window.location.href.replace('ctf_access_token','ctf_null');
|
| 868 |
+
}
|
| 869 |
+
self.sourcesList = data;
|
| 870 |
+
});
|
| 871 |
+
},
|
| 872 |
+
|
| 873 |
+
/**
|
| 874 |
+
* Check if Value is Empty
|
| 875 |
+
*
|
| 876 |
+
* @since 2.0
|
| 877 |
+
*
|
| 878 |
+
* @return boolean
|
| 879 |
+
*/
|
| 880 |
+
checkNotEmpty : function(value){
|
| 881 |
+
return value != null && value.replace(/ /gi,'') != '';
|
| 882 |
+
},
|
| 883 |
+
|
| 884 |
+
/**
|
| 885 |
+
* Activate View
|
| 886 |
+
*
|
| 887 |
+
* @since 2.0
|
| 888 |
+
*/
|
| 889 |
+
activateView : function(viewName, sourcePopupType = 'creation', ajaxAction = false){
|
| 890 |
+
var self = this;
|
| 891 |
+
self.viewsActive[viewName] = (self.viewsActive[viewName] == false ) ? true : false;
|
| 892 |
+
if(viewName == 'sourcePopup' && sourcePopupType == 'creationRedirect'){
|
| 893 |
+
setTimeout(function(){
|
| 894 |
+
self.$refs.addSourceRef.processIFConnect()
|
| 895 |
+
},3500);
|
| 896 |
+
}
|
| 897 |
+
|
| 898 |
+
},
|
| 899 |
+
|
| 900 |
+
/**
|
| 901 |
+
* Switch & Change Feed Screens
|
| 902 |
+
*
|
| 903 |
+
* @since 2.0
|
| 904 |
+
*/
|
| 905 |
+
switchScreen: function(screenType, screenName){
|
| 906 |
+
this.viewsActive[screenType] = screenName;
|
| 907 |
+
},
|
| 908 |
+
|
| 909 |
+
/**
|
| 910 |
+
* Parse JSON
|
| 911 |
+
*
|
| 912 |
+
* @since 2.0
|
| 913 |
+
*
|
| 914 |
+
* @return jsonObject / Boolean
|
| 915 |
+
*/
|
| 916 |
+
jsonParse : function(jsonString){
|
| 917 |
+
try {
|
| 918 |
+
return JSON.parse(jsonString);
|
| 919 |
+
} catch(e) {
|
| 920 |
+
return false;
|
| 921 |
+
}
|
| 922 |
+
},
|
| 923 |
+
|
| 924 |
+
|
| 925 |
+
/**
|
| 926 |
+
* Ajax Post Action
|
| 927 |
+
*
|
| 928 |
+
* @since 2.0
|
| 929 |
+
*/
|
| 930 |
+
ajaxPost : function(data, callback){
|
| 931 |
+
var self = this;
|
| 932 |
+
self.$http.post(self.ajaxHandler,data).then(callback);
|
| 933 |
+
},
|
| 934 |
+
|
| 935 |
+
/**
|
| 936 |
+
* Check if Object has Nested Property
|
| 937 |
+
*
|
| 938 |
+
* @since 2.0
|
| 939 |
+
*
|
| 940 |
+
* @return boolean
|
| 941 |
+
*/
|
| 942 |
+
hasOwnNestedProperty : function(obj,propertyPath) {
|
| 943 |
+
if (!propertyPath){return false;}var properties = propertyPath.split('.');
|
| 944 |
+
for (var i = 0; i < properties.length; i++) {
|
| 945 |
+
var prop = properties[i];
|
| 946 |
+
if (!obj || !obj.hasOwnProperty(prop)) {
|
| 947 |
+
return false;
|
| 948 |
+
} else {
|
| 949 |
+
obj = obj[prop];
|
| 950 |
+
}
|
| 951 |
+
}
|
| 952 |
+
return true;
|
| 953 |
+
},
|
| 954 |
+
|
| 955 |
+
/**
|
| 956 |
+
* Show Tooltip on Hover
|
| 957 |
+
*
|
| 958 |
+
* @since 2.0
|
| 959 |
+
*/
|
| 960 |
+
toggleElementTooltip : function(tooltipText, type, align = 'center'){
|
| 961 |
+
var self = this,
|
| 962 |
+
target = window.event.currentTarget,
|
| 963 |
+
tooltip = (target != undefined && target != null) ? document.querySelector('.sb-control-elem-tltp-content') : null;
|
| 964 |
+
if(tooltip != null && type == 'show'){
|
| 965 |
+
self.tooltip.text = tooltipText;
|
| 966 |
+
var position = target.getBoundingClientRect(),
|
| 967 |
+
left = position.left + 10,
|
| 968 |
+
top = position.top - 10;
|
| 969 |
+
tooltip.style.left = left + 'px';
|
| 970 |
+
tooltip.style.top = top + 'px';
|
| 971 |
+
tooltip.style.textAlign = align;
|
| 972 |
+
self.tooltip.hover = true;
|
| 973 |
+
}
|
| 974 |
+
if(type == 'hide'){
|
| 975 |
+
self.tooltip.hover = false;
|
| 976 |
+
}
|
| 977 |
+
},
|
| 978 |
+
|
| 979 |
+
/**
|
| 980 |
+
* Hover Tooltip
|
| 981 |
+
*
|
| 982 |
+
* @since 2.0
|
| 983 |
+
*/
|
| 984 |
+
hoverTooltip : function(type){
|
| 985 |
+
this.tooltip.hover = type;
|
| 986 |
+
},
|
| 987 |
+
|
| 988 |
+
/**
|
| 989 |
+
* Open Dialog Box
|
| 990 |
+
*
|
| 991 |
+
* @since 2.0
|
| 992 |
+
*/
|
| 993 |
+
openDialogBox : function(type, args = []){
|
| 994 |
+
var self = this,
|
| 995 |
+
heading = self.dialogBoxPopupScreen[type].heading,
|
| 996 |
+
description = self.dialogBoxPopupScreen[type].description,
|
| 997 |
+
customButtons = self.dialogBoxPopupScreen[type].customButtons;
|
| 998 |
+
|
| 999 |
+
|
| 1000 |
+
switch (type) {
|
| 1001 |
+
case "deleteSource":
|
| 1002 |
+
self.sourceToDelete = args;
|
| 1003 |
+
heading = heading.replace("#", self.sourceToDelete.username);
|
| 1004 |
+
break;
|
| 1005 |
+
}
|
| 1006 |
+
self.dialogBox = {
|
| 1007 |
+
active : true,
|
| 1008 |
+
type : type,
|
| 1009 |
+
heading : heading,
|
| 1010 |
+
description : description,
|
| 1011 |
+
customButtons : customButtons
|
| 1012 |
+
};
|
| 1013 |
+
},
|
| 1014 |
+
|
| 1015 |
+
|
| 1016 |
+
/**
|
| 1017 |
+
* Confirm Dialog Box Actions
|
| 1018 |
+
*
|
| 1019 |
+
* @since 2.0
|
| 1020 |
+
*/
|
| 1021 |
+
confirmDialogAction : function(){
|
| 1022 |
+
var self = this;
|
| 1023 |
+
switch (self.dialogBox.type) {
|
| 1024 |
+
case 'deleteSource':
|
| 1025 |
+
self.deleteSource(self.sourceToDelete);
|
| 1026 |
+
break;
|
| 1027 |
+
case 'deleteAccount':
|
| 1028 |
+
self.deleteAccount();
|
| 1029 |
+
break;
|
| 1030 |
+
case 'deleteApp':
|
| 1031 |
+
self.deleteAccount(true);
|
| 1032 |
+
break;
|
| 1033 |
+
}
|
| 1034 |
+
},
|
| 1035 |
+
|
| 1036 |
+
/**
|
| 1037 |
+
* Display Feed Sources Settings
|
| 1038 |
+
*
|
| 1039 |
+
* @since 2.0
|
| 1040 |
+
*
|
| 1041 |
+
* @param {object} source
|
| 1042 |
+
* @param {int} sourceIndex
|
| 1043 |
+
*/
|
| 1044 |
+
displayFeedSettings: function(source, sourceIndex) {
|
| 1045 |
+
this.expandedFeedID = sourceIndex + 1;
|
| 1046 |
+
},
|
| 1047 |
+
|
| 1048 |
+
/**
|
| 1049 |
+
* Hide Feed Sources Settings
|
| 1050 |
+
*
|
| 1051 |
+
* @since 2.0
|
| 1052 |
+
*
|
| 1053 |
+
* @param {object} source
|
| 1054 |
+
* @param {int} sourceIndex
|
| 1055 |
+
*/
|
| 1056 |
+
hideFeedSettings: function() {
|
| 1057 |
+
this.expandedFeedID = null;
|
| 1058 |
+
},
|
| 1059 |
+
|
| 1060 |
+
/**
|
| 1061 |
+
* Copy text to clipboard
|
| 1062 |
+
*
|
| 1063 |
+
* @since 2.0
|
| 1064 |
+
*/
|
| 1065 |
+
copyToClipBoard : function(value){
|
| 1066 |
+
var self = this;
|
| 1067 |
+
const el = document.createElement('textarea');
|
| 1068 |
+
el.className = 'ctf-fb-cp-clpboard';
|
| 1069 |
+
el.value = value;
|
| 1070 |
+
document.body.appendChild(el);
|
| 1071 |
+
el.select();
|
| 1072 |
+
document.execCommand('copy');
|
| 1073 |
+
document.body.removeChild(el);
|
| 1074 |
+
self.notificationElement = {
|
| 1075 |
+
type : 'success',
|
| 1076 |
+
text : this.genericText.copiedClipboard,
|
| 1077 |
+
shown : "shown"
|
| 1078 |
+
};
|
| 1079 |
+
setTimeout(function(){
|
| 1080 |
+
self.notificationElement.shown = "hidden";
|
| 1081 |
+
}, 3000);
|
| 1082 |
+
},
|
| 1083 |
+
|
| 1084 |
+
|
| 1085 |
+
/**
|
| 1086 |
+
* View Source Instances
|
| 1087 |
+
*
|
| 1088 |
+
* @since 2.0
|
| 1089 |
+
*/
|
| 1090 |
+
viewSourceInstances : function(source){
|
| 1091 |
+
var self = this;
|
| 1092 |
+
self.viewsActive.instanceSourceActive = source;
|
| 1093 |
+
},
|
| 1094 |
+
|
| 1095 |
+
/**
|
| 1096 |
+
* Return Page/Group Avatar
|
| 1097 |
+
*
|
| 1098 |
+
* @since 2.0
|
| 1099 |
+
*
|
| 1100 |
+
* @return string
|
| 1101 |
+
*/
|
| 1102 |
+
returnAccountAvatar : function(source){
|
| 1103 |
+
if (typeof source.local_avatar_url !== "undefined" && source.local_avatar_url !== '') {
|
| 1104 |
+
return source.local_avatar_url;
|
| 1105 |
+
}
|
| 1106 |
+
if (typeof source.avatar_url !== "undefined" && source.avatar_url !== '') {
|
| 1107 |
+
return source.avatar_url;
|
| 1108 |
+
}
|
| 1109 |
+
|
| 1110 |
+
return false;
|
| 1111 |
+
},
|
| 1112 |
+
|
| 1113 |
+
checkManualEmpty : function(){
|
| 1114 |
+
var self = this;
|
| 1115 |
+
return self.checkNotEmpty(self.appCredentials.access_token) && self.checkNotEmpty(self.appCredentials.access_token_secret);
|
| 1116 |
+
},
|
| 1117 |
+
|
| 1118 |
+
closeConnectAccountPopup : function(){
|
| 1119 |
+
var self = this;
|
| 1120 |
+
self.appCredentials = {
|
| 1121 |
+
app_name : '',
|
| 1122 |
+
consumer_key : '',
|
| 1123 |
+
consumer_secret : '',
|
| 1124 |
+
access_token : '',
|
| 1125 |
+
access_token_secret : ''
|
| 1126 |
+
};
|
| 1127 |
+
self.viewsActive.connectAccountPopup = false;
|
| 1128 |
+
},
|
| 1129 |
+
|
| 1130 |
+
checkNewAccount : function(){
|
| 1131 |
+
var self = this;
|
| 1132 |
+
if( self.newAccountData !== undefined ){
|
| 1133 |
+
if( self.newAccountData['error'] !== undefined ){
|
| 1134 |
+
self.accountDetails = self.newAccountData;
|
| 1135 |
+
}
|
| 1136 |
+
}
|
| 1137 |
+
},
|
| 1138 |
+
checkAccountDetails : function(){
|
| 1139 |
+
var self = this;
|
| 1140 |
+
return self.accountDetails !== undefined &&
|
| 1141 |
+
self?.accountDetails?.access_token !== undefined &&
|
| 1142 |
+
self?.accountDetails?.access_token_secret !== undefined &&
|
| 1143 |
+
self.checkNotEmpty(self?.accountDetails?.access_token) &&
|
| 1144 |
+
self.checkNotEmpty(self?.accountDetails?.access_token_secret);
|
| 1145 |
+
|
| 1146 |
+
},
|
| 1147 |
+
|
| 1148 |
+
checkAppData : function(){
|
| 1149 |
+
var self = this;
|
| 1150 |
+
return self?.accountDetails?.app_name !== undefined &&
|
| 1151 |
+
self?.accountDetails?.consumer_key !== undefined &&
|
| 1152 |
+
self?.accountDetails?.consumer_secret !== undefined &&
|
| 1153 |
+
self.checkNotEmpty(self?.accountDetails?.app_name) &&
|
| 1154 |
+
self.checkNotEmpty(self?.accountDetails?.consumer_key) &&
|
| 1155 |
+
self.checkNotEmpty(self?.accountDetails?.consumer_secret);
|
| 1156 |
+
},
|
| 1157 |
+
|
| 1158 |
+
deleteAccount : function(deleteApp = false){
|
| 1159 |
+
var self = this;
|
| 1160 |
+
self.loadingAjax = true;
|
| 1161 |
+
var deleteData = {
|
| 1162 |
+
action : 'ctf_feed_saver_manager_delete_account',
|
| 1163 |
+
'nonce' : self.nonce,
|
| 1164 |
+
deleteApp : deleteApp
|
| 1165 |
+
};
|
| 1166 |
+
self.ajaxPost(deleteData, function(_ref){
|
| 1167 |
+
var data = _ref.data;
|
| 1168 |
+
self.accountDetails = data;
|
| 1169 |
+
self.loadingAjax = false;
|
| 1170 |
+
});
|
| 1171 |
+
},
|
| 1172 |
+
|
| 1173 |
+
connectAccountLink : function(){
|
| 1174 |
+
window.location = this.appOAUTH;
|
| 1175 |
+
},
|
| 1176 |
+
|
| 1177 |
+
/**
|
| 1178 |
+
* Connect Twitter Account Manually
|
| 1179 |
+
*
|
| 1180 |
+
* @since 2.0
|
| 1181 |
+
*/
|
| 1182 |
+
connectManualAccount : function(){
|
| 1183 |
+
var self = this;
|
| 1184 |
+
if( self.checkManualEmpty() ){
|
| 1185 |
+
self.loadingAjax = true;
|
| 1186 |
+
var connectManualAccountData = {
|
| 1187 |
+
action : 'ctf_feed_saver_manager_connect_manual_account',
|
| 1188 |
+
'nonce' : self.nonce,
|
| 1189 |
+
app_name : self.appCredentials.app_name,
|
| 1190 |
+
consumer_key : self.appCredentials.consumer_key,
|
| 1191 |
+
consumer_secret : self.appCredentials.consumer_secret,
|
| 1192 |
+
access_token : self.appCredentials.access_token,
|
| 1193 |
+
access_token_secret : self.appCredentials.access_token_secret
|
| 1194 |
+
};
|
| 1195 |
+
self.ajaxPost(connectManualAccountData, function(_ref){
|
| 1196 |
+
var data = _ref.data;
|
| 1197 |
+
if(data['error'] === undefined){
|
| 1198 |
+
self.accountDetails = data;
|
| 1199 |
+
self.manualAccountResp = 'success';
|
| 1200 |
+
setTimeout(function(){
|
| 1201 |
+
self.viewsActive['connectAccountPopup'] = false;
|
| 1202 |
+
self.manualAccountResp = false;
|
| 1203 |
+
}, 1000)
|
| 1204 |
+
}else{
|
| 1205 |
+
self.manualAccountResp = 'error';
|
| 1206 |
+
setTimeout(function(){
|
| 1207 |
+
self.manualAccountResp = false;
|
| 1208 |
+
}, 3000)
|
| 1209 |
+
}
|
| 1210 |
+
self.loadingAjax = false;
|
| 1211 |
+
});
|
| 1212 |
+
}
|
| 1213 |
+
},
|
| 1214 |
+
|
| 1215 |
+
}
|
| 1216 |
+
});
|
| 1217 |
+
|
admin/assets/js/support.js
ADDED
|
@@ -0,0 +1,122 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 1 |
+
var support_data = {
|
| 2 |
+
genericText: ctf_support.genericText,
|
| 3 |
+
articles: ctf_support.articles,
|
| 4 |
+
links: ctf_support.links,
|
| 5 |
+
system_info: ctf_support.system_info,
|
| 6 |
+
system_info_n: ctf_support.system_info_n,
|
| 7 |
+
exportFeed: 'none',
|
| 8 |
+
stickyWidget: false,
|
| 9 |
+
feeds: ctf_support.feeds,
|
| 10 |
+
supportUrl: ctf_support.supportUrl,
|
| 11 |
+
socialWallActivated: ctf_support.socialWallActivated,
|
| 12 |
+
socialWallLinks: ctf_support.socialWallLinks,
|
| 13 |
+
siteSearchUrl: ctf_support.siteSearchUrl,
|
| 14 |
+
siteSearchUrlWithArgs: null,
|
| 15 |
+
searchKeywords: null,
|
| 16 |
+
buttons: ctf_support.buttons,
|
| 17 |
+
links: ctf_support.links,
|
| 18 |
+
supportPageUrl: ctf_support.supportPageUrl,
|
| 19 |
+
systemInfoBtnStatus: 'collapsed',
|
| 20 |
+
copyBtnStatus: null,
|
| 21 |
+
ajax_handler: ctf_support.ajax_handler,
|
| 22 |
+
nonce: ctf_support.nonce,
|
| 23 |
+
icons: ctf_support.icons,
|
| 24 |
+
images: ctf_support.images,
|
| 25 |
+
svgIcons : ctf_support.svgIcons,
|
| 26 |
+
notificationElement : {
|
| 27 |
+
type : 'success', // success, error, warning, message
|
| 28 |
+
text : '',
|
| 29 |
+
shown : null
|
| 30 |
+
}
|
| 31 |
+
}
|
| 32 |
+
|
| 33 |
+
var ctfsupport = new Vue({
|
| 34 |
+
el: "#ctf-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 = 'ctf-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=ctf_export_settings_json&feed_id=' + this.exportFeed;
|
| 77 |
+
window.location = url;
|
| 78 |
+
},
|
| 79 |
+
searchDoc: function() {
|
| 80 |
+
let self = this;
|
| 81 |
+
let searchInput = document.getElementById('ctf-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', 'twitter');
|
| 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', 'twitter');
|
| 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 2.0
|
| 117 |
+
*/
|
| 118 |
+
toggleStickyWidget: function() {
|
| 119 |
+
this.stickyWidget = !this.stickyWidget;
|
| 120 |
+
},
|
| 121 |
+
},
|
| 122 |
+
})
|
admin/builder/assets/css/builder.css
ADDED
|
@@ -0,0 +1,5650 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 1 |
+
body{
|
| 2 |
+
--cl-orange: #FE544F;
|
| 3 |
+
--cl-dark:#2C324C;
|
| 4 |
+
--error-red: #D72C2C;
|
| 5 |
+
--customizer-blue: #0096CC;
|
| 6 |
+
--dark-blue: #2A65DB;
|
| 7 |
+
--success-green: #59AB46;
|
| 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 |
+
.ctf-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 |
+
.ctf-btn-orange{
|
| 94 |
+
background: #FE544F!important;
|
| 95 |
+
color: #fff!important;
|
| 96 |
+
}
|
| 97 |
+
.ctf-btn-orange:hover{
|
| 98 |
+
background: #EC352F!important;
|
| 99 |
+
color: #fff!important;
|
| 100 |
+
}
|
| 101 |
+
.ctf-btn-orange:focus{
|
| 102 |
+
background: #BC120E!important;
|
| 103 |
+
color: #fff!important;
|
| 104 |
+
}
|
| 105 |
+
|
| 106 |
+
/*red*/
|
| 107 |
+
.ctf-btn-red{
|
| 108 |
+
background: #D72C2C!important;
|
| 109 |
+
color: #fff!important;
|
| 110 |
+
}
|
| 111 |
+
.ctf-btn-red:hover{
|
| 112 |
+
background: #DF5757!important;
|
| 113 |
+
color: #fff!important;
|
| 114 |
+
}
|
| 115 |
+
.ctf-btn-red:focus{
|
| 116 |
+
background: #841919!important;
|
| 117 |
+
color: #fff!important;
|
| 118 |
+
}
|
| 119 |
+
|
| 120 |
+
/*red*/
|
| 121 |
+
.ctf-btn-blue{
|
| 122 |
+
background: #0068A0!important;
|
| 123 |
+
color: #fff!important;
|
| 124 |
+
}
|
| 125 |
+
.ctf-btn-blue:hover{
|
| 126 |
+
background: #0096CC!important;
|
| 127 |
+
color: #fff!important;
|
| 128 |
+
}
|
| 129 |
+
.ctf-btn-blue:focus{
|
| 130 |
+
background: #004D77!important;
|
| 131 |
+
color: #fff!important;
|
| 132 |
+
}
|
| 133 |
+
|
| 134 |
+
/*grey*/
|
| 135 |
+
.ctf-btn-grey{
|
| 136 |
+
background: #F3F4F5!important;
|
| 137 |
+
color: #141B38!important;
|
| 138 |
+
border: 1px solid #D0D1D7!important;
|
| 139 |
+
}
|
| 140 |
+
.ctf-btn-grey:hover{
|
| 141 |
+
background: #fff!important;
|
| 142 |
+
color: #141B38!important;
|
| 143 |
+
border: 1px solid #DCDDE1!important;
|
| 144 |
+
}
|
| 145 |
+
.ctf-btn-grey:focus{
|
| 146 |
+
background: #E8E8EB!important;
|
| 147 |
+
color: #141B38!important;
|
| 148 |
+
border: 1px solid #D0D1D7!important;
|
| 149 |
+
}
|
| 150 |
+
|
| 151 |
+
/*dark*/
|
| 152 |
+
.ctf-btn-dark{
|
| 153 |
+
background: #2C324C!important;
|
| 154 |
+
color: #fff!important;
|
| 155 |
+
}
|
| 156 |
+
.ctf-btn-dark:hover{
|
| 157 |
+
background: #434960!important;
|
| 158 |
+
color: #fff!important;
|
| 159 |
+
}
|
| 160 |
+
.ctf-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 |
+
.ctf-btn-orange[data-active="false"],
|
| 172 |
+
.ctf-btn-blue[data-active="false"],
|
| 173 |
+
.ctf-btn-red[data-active="false"],
|
| 174 |
+
.ctf-btn-grey[data-active="false"],
|
| 175 |
+
.ctf-btn-dark[data-active="false"]{
|
| 176 |
+
background: #E8E8EB !important;
|
| 177 |
+
color: #8C8F9A !important;
|
| 178 |
+
}
|
| 179 |
+
|
| 180 |
+
/* Text */
|
| 181 |
+
|
| 182 |
+
#ctf-builder-app h1:not(#sb_instagram 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 |
+
#ctf-builder-app h2:not(#sb_instagram 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 |
+
#ctf-builder-app h3:not(#sb_instagram h3):not(.sb_instagram_header 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 |
+
#ctf-builder-app h4:not(#sb_instagram h5) {
|
| 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 |
+
.ctf-fb-feedtypes-pp-ctn h4 {
|
| 217 |
+
font-size: 24px !important;
|
| 218 |
+
margin-bottom: 28px !important;
|
| 219 |
+
}
|
| 220 |
+
|
| 221 |
+
#ctf-builder-app .sb-small-p,
|
| 222 |
+
#ctf-builder-app .sb-standard-p{
|
| 223 |
+
font-style: normal;
|
| 224 |
+
font-weight: normal;
|
| 225 |
+
font-size: 14px;
|
| 226 |
+
line-height: 160%;
|
| 227 |
+
color: #8C8F9A;
|
| 228 |
+
margin: 0;
|
| 229 |
+
}
|
| 230 |
+
#ctf-builder-app .sb-standard-p{
|
| 231 |
+
font-size: 16px;
|
| 232 |
+
color: #141B38;
|
| 233 |
+
}
|
| 234 |
+
#ctf-builder-app .ctf-fb-source-inp::placeholder {
|
| 235 |
+
color: #8C8F9A;
|
| 236 |
+
font-size: 14px;
|
| 237 |
+
font-weight: normal;
|
| 238 |
+
}
|
| 239 |
+
#ctf-builder-app .sb-bold {
|
| 240 |
+
font-weight: 600;
|
| 241 |
+
}
|
| 242 |
+
#ctf-builder-app .sb-dark-text {
|
| 243 |
+
color: #141B38;
|
| 244 |
+
}
|
| 245 |
+
#ctf-builder-app .ctf-btn-orange .sb-small-p,
|
| 246 |
+
#ctf-builder-app .ctf-btn-blue .sb-small-p,
|
| 247 |
+
#ctf-builder-app .ctf-btn-red .sb-small-p,
|
| 248 |
+
#ctf-builder-app .ctf-btn-dark .sb-small-p{
|
| 249 |
+
color: #fff;
|
| 250 |
+
}
|
| 251 |
+
|
| 252 |
+
#ctf-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 |
+
#ctf-builder-app .sb-caption.sb-caption-lighter {
|
| 260 |
+
color: #5F6368;
|
| 261 |
+
}
|
| 262 |
+
|
| 263 |
+
#ctf-builder-app .sb-small {
|
| 264 |
+
font-style: normal;
|
| 265 |
+
font-weight: bold;
|
| 266 |
+
font-size: 10px;
|
| 267 |
+
line-height: 160%;
|
| 268 |
+
letter-spacing: 0.02em;
|
| 269 |
+
text-transform: uppercase;
|
| 270 |
+
color: #141B38;
|
| 271 |
+
}
|
| 272 |
+
|
| 273 |
+
#ctf-builder-app .sb-lighter {
|
| 274 |
+
color: #434960;
|
| 275 |
+
}
|
| 276 |
+
#ctf-builder-app .sb-lightest {
|
| 277 |
+
color: #74777D;
|
| 278 |
+
}
|
| 279 |
+
#ctf-builder-app .sb-small-text {
|
| 280 |
+
font-size: 12px;
|
| 281 |
+
}
|
| 282 |
+
#ctf-builder-app .ctf-fb-feedtypes-pp-ctn.sb-fs-boss .ctf-fb-feedtypes-popup.ctf-fb-popup-inside{
|
| 283 |
+
overflow: visible;
|
| 284 |
+
min-height: 100px;
|
| 285 |
+
max-height: unset;
|
| 286 |
+
position: absolute;
|
| 287 |
+
left: 50%;
|
| 288 |
+
transform: translateX(-50%);
|
| 289 |
+
}
|
| 290 |
+
#ctf-builder-app .ctf-fb-feedtypes-pp-ctn.sb-fs-boss{
|
| 291 |
+
position: absolute;
|
| 292 |
+
min-height: 100%;
|
| 293 |
+
align-items: unset;
|
| 294 |
+
padding: 150px 0px;
|
| 295 |
+
}
|
| 296 |
+
/* Positioning */
|
| 297 |
+
.sb-icon-label {
|
| 298 |
+
display: flex;
|
| 299 |
+
flex-direction: row;
|
| 300 |
+
justify-content: flex-start;
|
| 301 |
+
align-items: center;
|
| 302 |
+
}
|
| 303 |
+
/* Misc Stylings */
|
| 304 |
+
.sb-flex-center {
|
| 305 |
+
display: -ms-flexbox;
|
| 306 |
+
display: -webkit-flex;
|
| 307 |
+
display: flex;
|
| 308 |
+
|
| 309 |
+
-ms-flex-align: center;
|
| 310 |
+
-webkit-align-items: center;
|
| 311 |
+
-webkit-box-align: center;
|
| 312 |
+
|
| 313 |
+
align-items: center;
|
| 314 |
+
}
|
| 315 |
+
.sb-box-shadow {
|
| 316 |
+
box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05), 0px 4px 5px rgba(0, 0, 0, 0.05);
|
| 317 |
+
}
|
| 318 |
+
#ctf-builder-app .sb-icon-small svg {
|
| 319 |
+
height: 10px;
|
| 320 |
+
}
|
| 321 |
+
|
| 322 |
+
/*
|
| 323 |
+
Social Links
|
| 324 |
+
*/
|
| 325 |
+
.ctf-cl-facebook, .ctf-clhv-facebook:hover{
|
| 326 |
+
color: #006BFA!important;
|
| 327 |
+
}
|
| 328 |
+
.ctf-bg-facebook, .ctf-bghv-facebook:hover{
|
| 329 |
+
background: #006BFA!important;
|
| 330 |
+
}
|
| 331 |
+
|
| 332 |
+
.ctf-cl-instagram, .ctf-clhv-instagram:hover{
|
| 333 |
+
color: #BA03A7!important;
|
| 334 |
+
}
|
| 335 |
+
.ctf-bg-instagram, .ctf-bghv-instagram:hover{
|
| 336 |
+
background: #BA03A7!important;
|
| 337 |
+
}
|
| 338 |
+
|
| 339 |
+
.ctf-cl-twitter, .ctf-clhv-twitter:hover{
|
| 340 |
+
color: #1B90EF!important;
|
| 341 |
+
}
|
| 342 |
+
.ctf-bg-twitter, .ctf-bghv-twitter:hover{
|
| 343 |
+
background: #1B90EF!important;
|
| 344 |
+
}
|
| 345 |
+
|
| 346 |
+
.ctf-cl-youtube, .ctf-clhv-youtube:hover{
|
| 347 |
+
color: #EB2121!important;
|
| 348 |
+
}
|
| 349 |
+
.ctf-bg-youtube, .ctf-bghv-youtube:hover{
|
| 350 |
+
background: #EB2121!important;
|
| 351 |
+
}
|
| 352 |
+
|
| 353 |
+
.ctf-cl-linkedin, .ctf-clhv-linkedin:hover{
|
| 354 |
+
color: #007bb6!important;
|
| 355 |
+
}
|
| 356 |
+
.ctf-bg-linkedin, .ctf-bghv-linkedin:hover{
|
| 357 |
+
background: #007bb6!important;
|
| 358 |
+
}
|
| 359 |
+
|
| 360 |
+
.ctf-cl-mail, .ctf-clhv-mail:hover{
|
| 361 |
+
color: #666!important;
|
| 362 |
+
}
|
| 363 |
+
.ctf-bg-mail, .ctf-bghv-mail:hover{
|
| 364 |
+
background: #666!important;
|
| 365 |
+
}
|
| 366 |
+
|
| 367 |
+
#ctf-builder-app{
|
| 368 |
+
font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;;
|
| 369 |
+
visibility: hidden;
|
| 370 |
+
opacity: 0;
|
| 371 |
+
}
|
| 372 |
+
#ctf-builder-app[data-app-loaded="true"]{
|
| 373 |
+
visibility: visible;
|
| 374 |
+
opacity: 1;
|
| 375 |
+
}
|
| 376 |
+
|
| 377 |
+
.ctf-builder-app a, .ctf-builder-app a:focus{
|
| 378 |
+
text-decoration: none;
|
| 379 |
+
/*color: inherit;*/
|
| 380 |
+
outline: none;
|
| 381 |
+
}
|
| 382 |
+
.ctf-fb-btn{
|
| 383 |
+
display: flex;
|
| 384 |
+
flex-direction: row;
|
| 385 |
+
justify-content: center;
|
| 386 |
+
align-items: center;
|
| 387 |
+
padding: 9px 38px;
|
| 388 |
+
font-style: normal;
|
| 389 |
+
font-weight: 500;
|
| 390 |
+
font-size: 14px;
|
| 391 |
+
line-height: 17px;
|
| 392 |
+
border-radius: 2px;
|
| 393 |
+
cursor: pointer;
|
| 394 |
+
color: #fff;
|
| 395 |
+
outline: none;
|
| 396 |
+
box-shadow: none;
|
| 397 |
+
border: none;;
|
| 398 |
+
}
|
| 399 |
+
.ctf-fb-btn:focus{
|
| 400 |
+
box-shadow: none;
|
| 401 |
+
}
|
| 402 |
+
.ctf-fb-fs{
|
| 403 |
+
width: 100%;
|
| 404 |
+
position: relative;
|
| 405 |
+
float: left;
|
| 406 |
+
box-sizing: border-box;
|
| 407 |
+
}
|
| 408 |
+
.ctf-fs-a{
|
| 409 |
+
width: 100%;
|
| 410 |
+
height: 100%;
|
| 411 |
+
display: block;
|
| 412 |
+
position: absolute;
|
| 413 |
+
left: 0;
|
| 414 |
+
top: 0;
|
| 415 |
+
z-index: 1;
|
| 416 |
+
}
|
| 417 |
+
.sb-btn:focus{
|
| 418 |
+
outline: none;
|
| 419 |
+
}
|
| 420 |
+
#wpcontent,
|
| 421 |
+
.facebook-feed_page_ctf-feed-builder #wpcontent{
|
| 422 |
+
padding-left: 0px;
|
| 423 |
+
}
|
| 424 |
+
#wpfooter{
|
| 425 |
+
display: none;
|
| 426 |
+
}
|
| 427 |
+
#wpbody-content{
|
| 428 |
+
padding-bottom: 0px;
|
| 429 |
+
}
|
| 430 |
+
.ctf-fb-wrapper{
|
| 431 |
+
max-width: 92%;
|
| 432 |
+
position: relative;
|
| 433 |
+
margin: auto;
|
| 434 |
+
color: #141B38;
|
| 435 |
+
}
|
| 436 |
+
.ctf-fb-fs-boss{
|
| 437 |
+
position: fixed;
|
| 438 |
+
height: 100vh;
|
| 439 |
+
width: 100%;
|
| 440 |
+
left: 0;
|
| 441 |
+
top: 0;
|
| 442 |
+
bottom: 0;
|
| 443 |
+
right: 0;
|
| 444 |
+
background: rgba(0,0,0,.4);
|
| 445 |
+
z-index: 9989;
|
| 446 |
+
}
|
| 447 |
+
|
| 448 |
+
|
| 449 |
+
/*
|
| 450 |
+
Header
|
| 451 |
+
*/
|
| 452 |
+
.ctf-fb-create-ctn{
|
| 453 |
+
margin-top: 104px;
|
| 454 |
+
padding: 0 54px;
|
| 455 |
+
box-sizing: border-box;
|
| 456 |
+
width: 100%;
|
| 457 |
+
}
|
| 458 |
+
.ctf-fb-header{
|
| 459 |
+
height: 64px;
|
| 460 |
+
position: absolute;
|
| 461 |
+
display: flex;
|
| 462 |
+
flex-direction: row;
|
| 463 |
+
justify-content: space-between;
|
| 464 |
+
align-items: center;
|
| 465 |
+
background: #fff;
|
| 466 |
+
padding: 0px 52px;
|
| 467 |
+
z-index: 99;
|
| 468 |
+
}
|
| 469 |
+
.ctf-fb-header-left {
|
| 470 |
+
display: flex;
|
| 471 |
+
}
|
| 472 |
+
.ctf-fb-header-left .sb-social-wall-link-wrap {
|
| 473 |
+
margin-left: 30px;
|
| 474 |
+
}
|
| 475 |
+
.ctf-fb-hd-logo {
|
| 476 |
+
display: flex;
|
| 477 |
+
vertical-align: middle;
|
| 478 |
+
align-items: center;
|
| 479 |
+
gap: 5px;
|
| 480 |
+
}
|
| 481 |
+
.ctf-fb-hd-logo .sb-logo-letters-wrap {
|
| 482 |
+
transform: translate(0px, -2px);
|
| 483 |
+
}
|
| 484 |
+
.ctf-fb-hd-logo .breadcrumb-title {
|
| 485 |
+
font-size: 14px;
|
| 486 |
+
font-weight: 400;
|
| 487 |
+
line-height: 22px;
|
| 488 |
+
letter-spacing: 0em;
|
| 489 |
+
margin-left: 4px;
|
| 490 |
+
}
|
| 491 |
+
.ctf-csz-header.ctf-fb-header{
|
| 492 |
+
position: fixed!important;
|
| 493 |
+
padding: 0 20px;
|
| 494 |
+
}
|
| 495 |
+
.ctf-csz-header-insider{
|
| 496 |
+
width: calc(100% - 160px);
|
| 497 |
+
display: flex;
|
| 498 |
+
flex-direction: row;
|
| 499 |
+
justify-content: space-between;
|
| 500 |
+
align-items: center;
|
| 501 |
+
height: 52px;
|
| 502 |
+
}
|
| 503 |
+
body.jetpack-masterbar .ctf-csz-header-insider {
|
| 504 |
+
width: calc(100% - 272px);
|
| 505 |
+
}
|
| 506 |
+
|
| 507 |
+
@media all and (max-width: 960px) {
|
| 508 |
+
.ctf-csz-header-insider{
|
| 509 |
+
width: calc(100% - 36px);
|
| 510 |
+
}
|
| 511 |
+
.sb-customizer-ctn .sb-customizer-sidebar{
|
| 512 |
+
left: 36px;
|
| 513 |
+
}
|
| 514 |
+
body.jetpack-masterbar .sb-customizer-sidebar {
|
| 515 |
+
left: 36px;
|
| 516 |
+
}
|
| 517 |
+
body.jetpack-masterbar .ctf-csz-header-insider {
|
| 518 |
+
width: calc(100% - 36px);
|
| 519 |
+
}
|
| 520 |
+
}
|
| 521 |
+
|
| 522 |
+
.ctf-fb-hd-btn{
|
| 523 |
+
cursor: pointer;
|
| 524 |
+
display: flex;
|
| 525 |
+
flex-direction: row;
|
| 526 |
+
justify-content: center;
|
| 527 |
+
align-items: center;
|
| 528 |
+
position: relative;
|
| 529 |
+
border: 1px solid;
|
| 530 |
+
-webkit-transition: all .15s ease-in-out;
|
| 531 |
+
transition: all .15s ease-in-out;
|
| 532 |
+
}
|
| 533 |
+
.ctf-fb-hd-btn i{
|
| 534 |
+
margin: 0px 5px;
|
| 535 |
+
}
|
| 536 |
+
.ctf-fb-full-wrapper {
|
| 537 |
+
padding: 0 53px;
|
| 538 |
+
padding-top: 82px;
|
| 539 |
+
}
|
| 540 |
+
.ctf-csz-hd-actions{
|
| 541 |
+
display: flex;
|
| 542 |
+
justify-content: center;
|
| 543 |
+
align-items: center;
|
| 544 |
+
}
|
| 545 |
+
.ctf-csz-hd-actions > button{
|
| 546 |
+
margin-left: 10px;
|
| 547 |
+
}
|
| 548 |
+
|
| 549 |
+
.ctf-csz-btn-embd{
|
| 550 |
+
color: #fff;
|
| 551 |
+
background: var(--cl-dark);
|
| 552 |
+
border-color: var(--cl-dark);
|
| 553 |
+
}
|
| 554 |
+
.ctf-csz-btn-save{
|
| 555 |
+
color: #fff;
|
| 556 |
+
background: var(--cl-orange);
|
| 557 |
+
border-color: var(--cl-orange);
|
| 558 |
+
}
|
| 559 |
+
.ctf-csz-hd-name{
|
| 560 |
+
display: flex;
|
| 561 |
+
justify-content: center;
|
| 562 |
+
align-items: center;
|
| 563 |
+
height: 45px;
|
| 564 |
+
}
|
| 565 |
+
.ctf-csz-hd-name strong{
|
| 566 |
+
font-size: 18px;
|
| 567 |
+
}
|
| 568 |
+
.ctf-csz-hd-name[data-edit="true"] strong{
|
| 569 |
+
display: none;
|
| 570 |
+
}
|
| 571 |
+
.ctf-csz-hd-name input[type="text"]{
|
| 572 |
+
border-radius: 0px;
|
| 573 |
+
border: 0px;
|
| 574 |
+
background: #CCE7FF;
|
| 575 |
+
outline: none;
|
| 576 |
+
font-size: 18px;
|
| 577 |
+
font-weight: 700;
|
| 578 |
+
display: none;
|
| 579 |
+
}
|
| 580 |
+
.ctf-csz-hd-name[data-edit="true"] input[type="text"]{
|
| 581 |
+
display: block;
|
| 582 |
+
}
|
| 583 |
+
.ctf-csz-hd-name input[type="text"]:focus{
|
| 584 |
+
outline: none!important;
|
| 585 |
+
border: 0px!important;
|
| 586 |
+
box-shadow: none!important;
|
| 587 |
+
}
|
| 588 |
+
|
| 589 |
+
|
| 590 |
+
.ctf-csz-name-ed-btn{
|
| 591 |
+
width: 22px;
|
| 592 |
+
height: 22px;
|
| 593 |
+
cursor: pointer;
|
| 594 |
+
margin: 0 10px;
|
| 595 |
+
background: #E8E8EB;
|
| 596 |
+
border: 1px solid #E8E8EB;
|
| 597 |
+
outline: none;
|
| 598 |
+
}
|
| 599 |
+
.ctf-csz-name-ed-btn:focus,
|
| 600 |
+
.ctf-csz-name-ed-btn:hover{
|
| 601 |
+
outline: none;
|
| 602 |
+
background-color: #fff;
|
| 603 |
+
}
|
| 604 |
+
.ctf-csz-name-ed-btn svg{
|
| 605 |
+
width: 11px;
|
| 606 |
+
fill: #141B38;
|
| 607 |
+
float: left;
|
| 608 |
+
margin-left: -1px;
|
| 609 |
+
}
|
| 610 |
+
|
| 611 |
+
|
| 612 |
+
/*
|
| 613 |
+
Welcome Screen Empty State
|
| 614 |
+
*/
|
| 615 |
+
.ctf-fb-wlcm-header{
|
| 616 |
+
display: flex;
|
| 617 |
+
align-items: center;
|
| 618 |
+
margin-bottom: 28px;
|
| 619 |
+
margin-top: 23px;
|
| 620 |
+
}
|
| 621 |
+
#ctf-fb-full-wrapper .ctf-fb-wlcm-header {
|
| 622 |
+
margin-bottom: 34px;
|
| 623 |
+
}
|
| 624 |
+
|
| 625 |
+
.ctf-fb-wlcm-header h3,
|
| 626 |
+
.ctf-fb-create-ctn h3{
|
| 627 |
+
font-weight: 600;
|
| 628 |
+
font-size: 32px;
|
| 629 |
+
line-height: 40px;
|
| 630 |
+
padding: 0;
|
| 631 |
+
margin: 0;
|
| 632 |
+
float: left;
|
| 633 |
+
}
|
| 634 |
+
.ctf-fb-btn-new{
|
| 635 |
+
background: var(--cl-orange);
|
| 636 |
+
position: relative;
|
| 637 |
+
float: left;
|
| 638 |
+
margin-left: 20px;
|
| 639 |
+
font-size: 12px;
|
| 640 |
+
padding: 8px 12px 8px 32px;
|
| 641 |
+
font-weight: 700;
|
| 642 |
+
}
|
| 643 |
+
.ctf-fb-btn-new svg{
|
| 644 |
+
width: 10px;
|
| 645 |
+
height: 10px;
|
| 646 |
+
position: absolute;
|
| 647 |
+
left: 12px;
|
| 648 |
+
}
|
| 649 |
+
|
| 650 |
+
.ctf-fb-inf-cnt{
|
| 651 |
+
position: relative;
|
| 652 |
+
background: #fff;
|
| 653 |
+
padding: 27px;
|
| 654 |
+
box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05), 0px 4px 5px rgba(0, 0, 0, 0.05);
|
| 655 |
+
border-radius: 2px;
|
| 656 |
+
max-width: 100%;
|
| 657 |
+
}
|
| 658 |
+
.ctf-fb-inf-num{
|
| 659 |
+
width: 30px;
|
| 660 |
+
height: 30px;
|
| 661 |
+
position: relative;
|
| 662 |
+
float: left;
|
| 663 |
+
display: flex;
|
| 664 |
+
justify-content: center;
|
| 665 |
+
align-items: center;
|
| 666 |
+
font-size: 12px;
|
| 667 |
+
font-weight: 600;
|
| 668 |
+
color: #141B38;
|
| 669 |
+
margin-right: 20px;
|
| 670 |
+
|
| 671 |
+
}
|
| 672 |
+
.ctf-fb-inf-num span{
|
| 673 |
+
z-index: 1;
|
| 674 |
+
}
|
| 675 |
+
.ctf-fb-inf-num:before{
|
| 676 |
+
content: '';
|
| 677 |
+
position: absolute;
|
| 678 |
+
width: 100%;
|
| 679 |
+
height: 100%;
|
| 680 |
+
background: #D8DADD;
|
| 681 |
+
border-radius: 50%;
|
| 682 |
+
}
|
| 683 |
+
.ctf-fb-inf-txt{
|
| 684 |
+
float: left;
|
| 685 |
+
}
|
| 686 |
+
/*.ctf-fb-inf-txt strong{
|
| 687 |
+
display: block;
|
| 688 |
+
font-size: 20px;
|
| 689 |
+
line-height: 1em;
|
| 690 |
+
font-weight: bold;
|
| 691 |
+
margin-bottom: 8px;
|
| 692 |
+
}*/
|
| 693 |
+
.ctf-fb-inf-txt span{
|
| 694 |
+
display: block;
|
| 695 |
+
font-size: 16px;
|
| 696 |
+
color: #5F6368;
|
| 697 |
+
line-height: 1.5em;
|
| 698 |
+
}
|
| 699 |
+
.ctf-fb-wlcm-inf-1 {
|
| 700 |
+
padding-left: 297px;
|
| 701 |
+
}
|
| 702 |
+
.ctf-fb-wlcm-inf-1 .ctf-fb-inf-svg{
|
| 703 |
+
position: absolute;
|
| 704 |
+
left: 191px;
|
| 705 |
+
top: 32px;
|
| 706 |
+
/*float: left;
|
| 707 |
+
margin-top: 30px;
|
| 708 |
+
margin-left: 230px;
|
| 709 |
+
position: relative;
|
| 710 |
+
margin-right: 25px;*/
|
| 711 |
+
}
|
| 712 |
+
.ctf-fb-wlcm-inf-1 .ctf-fb-inf-svg svg{
|
| 713 |
+
margin-top: -45px;
|
| 714 |
+
}
|
| 715 |
+
.sb-head {
|
| 716 |
+
position: absolute;
|
| 717 |
+
top: -2px;
|
| 718 |
+
left:-4px;
|
| 719 |
+
}
|
| 720 |
+
.ctf-fb-wlcm-inf-1 .ctf-fb-inf-cnt{
|
| 721 |
+
float: left;
|
| 722 |
+
width: 523px;
|
| 723 |
+
margin-bottom: 24px;
|
| 724 |
+
}
|
| 725 |
+
.ctf-fb-wlcm-inf-2{
|
| 726 |
+
display: flex;
|
| 727 |
+
justify-content: space-between;
|
| 728 |
+
padding-left: 152px;
|
| 729 |
+
}
|
| 730 |
+
.ctf-fb-wlcm-inf-2 .ctf-fb-inf-cnt{
|
| 731 |
+
float: left;
|
| 732 |
+
width: 590px;
|
| 733 |
+
margin-bottom: 29px;
|
| 734 |
+
height: 67px;
|
| 735 |
+
display: flex;
|
| 736 |
+
align-items: center;
|
| 737 |
+
}
|
| 738 |
+
.ctf-fb-wlcm-inf-2 .ctf-fb-inf-img{
|
| 739 |
+
position: absolute;
|
| 740 |
+
right: 15px;
|
| 741 |
+
top: -15px;
|
| 742 |
+
}
|
| 743 |
+
|
| 744 |
+
.ctf-fb-wlcm-inf-3{
|
| 745 |
+
display: flex;
|
| 746 |
+
justify-content: flex-start;
|
| 747 |
+
align-items: center;
|
| 748 |
+
padding-left: 297px;
|
| 749 |
+
}
|
| 750 |
+
.ctf-fb-wlcm-inf-3 .ctf-fb-inf-cnt{
|
| 751 |
+
float: left;
|
| 752 |
+
width: 620px;
|
| 753 |
+
height: 80px;
|
| 754 |
+
display: flex;
|
| 755 |
+
justify-content: center;
|
| 756 |
+
align-items: center;
|
| 757 |
+
}
|
| 758 |
+
.ctf-fb-wlcm-inf-3 .ctf-fb-inf-img{
|
| 759 |
+
float: left;
|
| 760 |
+
left: 10px;
|
| 761 |
+
top: -10px;
|
| 762 |
+
position: absolute;
|
| 763 |
+
}
|
| 764 |
+
.ctf-fb-wlcm-inf-2 .ctf-fb-inf-num, .ctf-fb-wlcm-inf-3 .ctf-fb-inf-num{
|
| 765 |
+
margin-top: -20px;
|
| 766 |
+
}
|
| 767 |
+
.ctf-fb-types-ctn, .ctf-fb-slctsrc-ctn, .ctf-fb-section-wh{
|
| 768 |
+
background: #fff;
|
| 769 |
+
border: 1px solid #E7E7E9;
|
| 770 |
+
}
|
| 771 |
+
.ctf-fb-wrapper h3, .ctf-fb-section-wh h3{
|
| 772 |
+
font-size: 32px;
|
| 773 |
+
line-height: 39px;
|
| 774 |
+
font-weight: 600;
|
| 775 |
+
}
|
| 776 |
+
.ctf-fb-create-ctn h3{
|
| 777 |
+
margin-bottom: 30px;
|
| 778 |
+
}
|
| 779 |
+
.ctf-fb-types h4, .ctf-fb-section-wh h4 {
|
| 780 |
+
font-size:20px;
|
| 781 |
+
line-height: 24px;
|
| 782 |
+
font-weight: 600;
|
| 783 |
+
}
|
| 784 |
+
#ctf-builder-app .ctf-fb-create-ctn h4,
|
| 785 |
+
#ctf-builder-app .ctf-fb-feedtypes-pp-ctn h4{
|
| 786 |
+
margin-bottom: 1px;
|
| 787 |
+
}
|
| 788 |
+
#ctf-builder-app .ctf-fb-feedtypes-pp-ctn[data-screen="customizer"] .ctf-fb-types {
|
| 789 |
+
margin-top: 20px;
|
| 790 |
+
}
|
| 791 |
+
|
| 792 |
+
|
| 793 |
+
|
| 794 |
+
#ctf-builder-app .ctf-fb-adv-types .ctf-adv-types-heading{
|
| 795 |
+
font-style: normal;
|
| 796 |
+
font-weight: bold;
|
| 797 |
+
font-size: 12px;
|
| 798 |
+
line-height: 160%;
|
| 799 |
+
letter-spacing: 0.05em;
|
| 800 |
+
text-transform: uppercase;
|
| 801 |
+
color: #8C8F9A;
|
| 802 |
+
}
|
| 803 |
+
.ctf-fb-types-desc{
|
| 804 |
+
font-size: 14px;
|
| 805 |
+
color: #434960;
|
| 806 |
+
margin-bottom: 33px;
|
| 807 |
+
display: block;
|
| 808 |
+
}
|
| 809 |
+
|
| 810 |
+
.ctf-fb-adv-types {
|
| 811 |
+
padding-top: 0;
|
| 812 |
+
}
|
| 813 |
+
#ctf-builder-app .ctf-fb-type-el-info a,
|
| 814 |
+
.ctf-business-required{
|
| 815 |
+
color: #0068A0;
|
| 816 |
+
font-size: 12px;
|
| 817 |
+
display: flex;
|
| 818 |
+
align-self: center;
|
| 819 |
+
}
|
| 820 |
+
#ctf-builder-app .ctf-fb-type-el-info a span{
|
| 821 |
+
margin-right: 7px;
|
| 822 |
+
}
|
| 823 |
+
#ctf-builder-app .ctf-fb-type-el-info a svg,
|
| 824 |
+
.ctf-business-required svg{
|
| 825 |
+
height: 16px;
|
| 826 |
+
line-height: 12px;
|
| 827 |
+
vertical-align: top;
|
| 828 |
+
margin-top: 1px;
|
| 829 |
+
}
|
| 830 |
+
.ctf-fb-types-list{
|
| 831 |
+
display: grid;
|
| 832 |
+
grid-template-columns: 33% 33% 33%;
|
| 833 |
+
grid-column-gap: 1%;
|
| 834 |
+
margin-bottom: 31px;
|
| 835 |
+
}
|
| 836 |
+
.ctf-fb-templates-list {
|
| 837 |
+
display: grid;
|
| 838 |
+
grid-template-columns: 24.2% 24.2% 24.2% 24.2%;
|
| 839 |
+
grid-column-gap: 1%;
|
| 840 |
+
margin: 31px 0px;
|
| 841 |
+
}
|
| 842 |
+
.ctf-fb-templates-list .ctf-fb-type-el {
|
| 843 |
+
margin-bottom: 10px;
|
| 844 |
+
}
|
| 845 |
+
.ctf-fb-templates-list .ctf-fb-type-el-info {
|
| 846 |
+
padding: 0 10px;
|
| 847 |
+
}
|
| 848 |
+
.ctf-fb-templates-list .ctf-fb-type-el-img svg {
|
| 849 |
+
width: 100%;
|
| 850 |
+
}
|
| 851 |
+
.ctf-fb-templates-list .ctf-fb-type-el-img {
|
| 852 |
+
border-width: 0px !important;
|
| 853 |
+
}
|
| 854 |
+
.ctf-fb-templates-ctn .ctf-fb-type-el-img {
|
| 855 |
+
background: #f3f4f5;
|
| 856 |
+
}
|
| 857 |
+
.ctf-fb-templates-ctn .ctf-fb-type-el-img.simple_carousel,
|
| 858 |
+
.ctf-fb-templates-ctn .ctf-fb-type-el-img.showcase_carousel {
|
| 859 |
+
background-color: #fdf3ef;
|
| 860 |
+
}
|
| 861 |
+
.ctf-fb-feedtemplate-alert {
|
| 862 |
+
padding: 8px 12px 10px;
|
| 863 |
+
background: #FFF7E5;
|
| 864 |
+
border: 1px solid #FFDF99;
|
| 865 |
+
box-sizing: border-box;
|
| 866 |
+
border-radius: 4px;
|
| 867 |
+
font-size: 14px;
|
| 868 |
+
line-height: 160%;
|
| 869 |
+
display: flex;
|
| 870 |
+
align-items: center;
|
| 871 |
+
color:#663D00
|
| 872 |
+
}
|
| 873 |
+
.ctf-fb-feedtemplate-alert span {
|
| 874 |
+
line-height: 1;
|
| 875 |
+
}
|
| 876 |
+
.ctf-fb-feedtemplate-alert svg {
|
| 877 |
+
width: 16px;
|
| 878 |
+
height: 16px;
|
| 879 |
+
margin-right: 10px;
|
| 880 |
+
}
|
| 881 |
+
.ctf-fb-feedtemplate-alert svg path{
|
| 882 |
+
fill: #663D00!important
|
| 883 |
+
}
|
| 884 |
+
.sb-control-feedtype-ctn .ctf-fb-feedtemplate-alert{
|
| 885 |
+
align-items: flex-start;
|
| 886 |
+
}
|
| 887 |
+
.sb-control-feedtype-ctn .ctf-fb-feedtemplate-alert span{
|
| 888 |
+
margin-top: 4px;
|
| 889 |
+
}
|
| 890 |
+
|
| 891 |
+
|
| 892 |
+
#ctf-builder-app .ctf-fb-feedtemplates-ctn .ctf-fb-types {
|
| 893 |
+
margin-top: -10px;
|
| 894 |
+
}
|
| 895 |
+
#ctf-builder-app .ctf-fb-templates-list .ctf-fb-type-el-info p {
|
| 896 |
+
margin: 8px 0px 7px;
|
| 897 |
+
}
|
| 898 |
+
#ctf-builder-app .ctf-fb-templates-ctn .ctf-fb-types h4 {
|
| 899 |
+
margin-bottom: 0px;
|
| 900 |
+
}
|
| 901 |
+
#ctf-builder-app .ctf-fb-templates-ctn .ctf-fb-types .sb-caption {
|
| 902 |
+
font-size: 12px;
|
| 903 |
+
line-height: 150%;
|
| 904 |
+
color: #434960;
|
| 905 |
+
margin-top: 0px;
|
| 906 |
+
}
|
| 907 |
+
#ctf-builder-app .ctf-fb-templates-ctn .ctf-fb-type-el,
|
| 908 |
+
.sb-control-feedtemplate-ctn .ctf-fb-type-el{
|
| 909 |
+
display: flex;
|
| 910 |
+
flex-direction: column;
|
| 911 |
+
align-items: flex-start;
|
| 912 |
+
padding: 0;
|
| 913 |
+
position: relative;
|
| 914 |
+
background: #fff;
|
| 915 |
+
border: 1px solid #D8D8D8;
|
| 916 |
+
border-radius: 3px;
|
| 917 |
+
cursor: pointer;
|
| 918 |
+
box-sizing: border-box;
|
| 919 |
+
}
|
| 920 |
+
#ctf-builder-app .ctf-fb-templates-ctn .ctf-fb-type-el .ctf-fb-type-el-img,
|
| 921 |
+
.sb-control-feedtemplate-ctn .ctf-fb-type-el .ctf-fb-type-el-img{
|
| 922 |
+
display: flex;
|
| 923 |
+
flex-direction: column;
|
| 924 |
+
justify-content: center;
|
| 925 |
+
align-items: center;
|
| 926 |
+
background: #f3f4f5;
|
| 927 |
+
border: 2px solid #F1F1F1;
|
| 928 |
+
border-bottom: 1px solid #fff;
|
| 929 |
+
}
|
| 930 |
+
#ctf-builder-app .ctf-fb-templates-ctn .ctf-fb-type-el .ctf-fb-type-el-info,
|
| 931 |
+
.sb-control-feedtemplate-ctn .ctf-fb-type-el .ctf-fb-type-el-info{
|
| 932 |
+
display: flex;
|
| 933 |
+
flex-direction: column;
|
| 934 |
+
align-items: center;
|
| 935 |
+
text-align: center;
|
| 936 |
+
flex: 1 1 auto;
|
| 937 |
+
justify-content: center;
|
| 938 |
+
padding: 0px 10px;
|
| 939 |
+
}
|
| 940 |
+
.sb-control-feedtemplate-ctn .ctf-fb-type-el .ctf-fb-type-el-info{
|
| 941 |
+
padding-bottom: 11px;
|
| 942 |
+
}
|
| 943 |
+
.ctf-fb-heading {
|
| 944 |
+
margin-bottom: 24px;
|
| 945 |
+
width: 100%;
|
| 946 |
+
float: left;
|
| 947 |
+
}
|
| 948 |
+
.ctf-fb-heading h1{
|
| 949 |
+
float: left;
|
| 950 |
+
}
|
| 951 |
+
.ctf-fb-heading .ctf-fb-btn{
|
| 952 |
+
float: right!important;
|
| 953 |
+
}
|
| 954 |
+
|
| 955 |
+
.ctf-fb-adv-types .ctf-fb-types-list{
|
| 956 |
+
margin-bottom: 71px;
|
| 957 |
+
}
|
| 958 |
+
.ctf-fb-type-el{
|
| 959 |
+
display: flex;
|
| 960 |
+
flex-direction: row;
|
| 961 |
+
align-items: center;
|
| 962 |
+
padding: 0;
|
| 963 |
+
position: relative;
|
| 964 |
+
background: #fff;
|
| 965 |
+
border: 1px solid #edeeef;
|
| 966 |
+
border-radius: 3px;
|
| 967 |
+
cursor: pointer;
|
| 968 |
+
box-sizing: border-box;
|
| 969 |
+
margin-bottom: 20px;
|
| 970 |
+
}
|
| 971 |
+
#ctf-builder-app .ctf-fb-type-el:not([data-type="socialwall"]):hover,
|
| 972 |
+
.ctf-fb-adv-types .ctf-fb-type-el:not([data-type="socialwall"]):hover{
|
| 973 |
+
border: 1px solid #F6966B;
|
| 974 |
+
}
|
| 975 |
+
|
| 976 |
+
.ctf-fb-type-el[data-type="socialwall"] .ctf-fb-type-el-img{
|
| 977 |
+
background: #fef4ef;
|
| 978 |
+
border: 3px solid #fef4ef;
|
| 979 |
+
}
|
| 980 |
+
|
| 981 |
+
.ctf-fb-adv-types .ctf-fb-type-el{
|
| 982 |
+
border: 1px solid #FFDBBA;
|
| 983 |
+
}
|
| 984 |
+
#ctf-builder-app .sb-control-feedtype-ctn .ctf-fb-type-el,
|
| 985 |
+
#ctf-builder-app .sb-control-feedtype-ctn .ctf-fb-type-el:hover{
|
| 986 |
+
border: 2px solid #E8E8EB;
|
| 987 |
+
margin-bottom: 7px;
|
| 988 |
+
}
|
| 989 |
+
.sb-control-feedtype-ctn .ctf-fb-type-el-info{
|
| 990 |
+
margin-top: 14px
|
| 991 |
+
}
|
| 992 |
+
.ctf-fb-type-el[data-active="true"],
|
| 993 |
+
.ctf-fb-adv-types .ctf-fb-type-el[data-active="true"]{
|
| 994 |
+
border: 2px solid var(--cl-orange)!important;
|
| 995 |
+
}
|
| 996 |
+
.ctf-fb-type-el[data-active="true"]:not([data-type="socialwall"]):after{
|
| 997 |
+
content: '';
|
| 998 |
+
position: absolute;
|
| 999 |
+
width: 10px;
|
| 1000 |
+
height: 4px;
|
| 1001 |
+
border-left: 2px solid #fff;
|
| 1002 |
+
border-bottom: 2px solid #fff;
|
| 1003 |
+
z-index: 3;
|
| 1004 |
+
right: 5px;
|
| 1005 |
+
top: 7px;
|
| 1006 |
+
-webkit-transform: rotate(-45deg);
|
| 1007 |
+
transform: rotate(-45deg);
|
| 1008 |
+
}
|
| 1009 |
+
.ctf-fb-type-el:before{
|
| 1010 |
+
content: '';
|
| 1011 |
+
position: absolute;
|
| 1012 |
+
width: 24px;
|
| 1013 |
+
height: 24px;
|
| 1014 |
+
right: 0px;
|
| 1015 |
+
top: 0px;
|
| 1016 |
+
z-index: 2;
|
| 1017 |
+
background: #DCDDE1;
|
| 1018 |
+
display: none;
|
| 1019 |
+
}
|
| 1020 |
+
.sb-control-feedtemplate-ctn .ctf-fb-type-el:before,
|
| 1021 |
+
.ctf-fb-templates-list .ctf-fb-type-el:before{
|
| 1022 |
+
display: none;
|
| 1023 |
+
}
|
| 1024 |
+
|
| 1025 |
+
.ctf-fb-type-el[data-active="true"]:before{
|
| 1026 |
+
background: var(--cl-orange);
|
| 1027 |
+
display: block;
|
| 1028 |
+
}
|
| 1029 |
+
.ctf-fb-type-el[data-type="socialwall"]:before{
|
| 1030 |
+
display: none;
|
| 1031 |
+
}
|
| 1032 |
+
|
| 1033 |
+
|
| 1034 |
+
.ctf-fb-type-el-img{
|
| 1035 |
+
display: flex;
|
| 1036 |
+
flex-direction: column;
|
| 1037 |
+
justify-content: center;
|
| 1038 |
+
align-items: center;
|
| 1039 |
+
background: #f3f4f5;
|
| 1040 |
+
border: 3px solid #f3f4f5;
|
| 1041 |
+
border-right: 1px solid #fff;
|
| 1042 |
+
margin-right: 30px;
|
| 1043 |
+
}
|
| 1044 |
+
.ctf-fb-type-el[data-active="true"] .ctf-fb-type-el-img{
|
| 1045 |
+
border: 1px solid #F1F1F1;
|
| 1046 |
+
border-bottom: 2px solid #fff;
|
| 1047 |
+
}
|
| 1048 |
+
.ctf-fb-type-el-img svg {
|
| 1049 |
+
max-width: 100%;
|
| 1050 |
+
}
|
| 1051 |
+
.ctf-fb-adv-types .ctf-fb-type-el-img{
|
| 1052 |
+
background: #FCF4EF;
|
| 1053 |
+
}
|
| 1054 |
+
.ctf-fb-type-el-info{
|
| 1055 |
+
display: flex;
|
| 1056 |
+
flex-direction: column;
|
| 1057 |
+
align-items: flex-start;
|
| 1058 |
+
text-align: left;
|
| 1059 |
+
flex: 1 1 auto;
|
| 1060 |
+
padding: 0 20px;
|
| 1061 |
+
padding-right: 50px;
|
| 1062 |
+
}
|
| 1063 |
+
.ctf-fb-type-el-link{
|
| 1064 |
+
font-size: 13px;
|
| 1065 |
+
font-weight: 400;
|
| 1066 |
+
margin-bottom: 5px;
|
| 1067 |
+
}
|
| 1068 |
+
.ctf-fb-type-el-info .sb-caption{
|
| 1069 |
+
font-size: 13px!important;
|
| 1070 |
+
margin-top: 5px;
|
| 1071 |
+
}
|
| 1072 |
+
.sb-control-feedtype-ctn .ctf-fb-type-el-info{
|
| 1073 |
+
padding: 15px 70px 25px;
|
| 1074 |
+
}
|
| 1075 |
+
.sb-control-feedtype-ctn .ctf-fb-type-el-info strong{
|
| 1076 |
+
font-size: 14px;
|
| 1077 |
+
}
|
| 1078 |
+
#ctf-builder-app .ctf-fb-type-el p {
|
| 1079 |
+
margin: 11px 0 4px;
|
| 1080 |
+
}
|
| 1081 |
+
#ctf-builder-app .ctf-fb-feedtypes-pp-ctn .ctf-fb-type-el p{
|
| 1082 |
+
margin: 0px;
|
| 1083 |
+
}
|
| 1084 |
+
.ctf-fb-feedtypes-pp-ctn .ctf-fb-adv-types h4{
|
| 1085 |
+
margin-bottom: 0px !important;
|
| 1086 |
+
font-size: 20px !important;
|
| 1087 |
+
}
|
| 1088 |
+
|
| 1089 |
+
#ctf-builder-app .ctf-fb-type-el[data-active="true"] .ctf-fb-type-el-info {
|
| 1090 |
+
|
| 1091 |
+
}
|
| 1092 |
+
#ctf-builder-app .ctf-fb-type-el p svg {
|
| 1093 |
+
width: 14px;
|
| 1094 |
+
height: 14px;
|
| 1095 |
+
margin-left: 5px;
|
| 1096 |
+
vertical-align: middle;
|
| 1097 |
+
}
|
| 1098 |
+
/*.ctf-fb-type-el-info strong{
|
| 1099 |
+
font-weight: 600;
|
| 1100 |
+
font-size: 16px;
|
| 1101 |
+
line-height: 19px;
|
| 1102 |
+
margin-bottom: 10px;
|
| 1103 |
+
text-transform: capitalize;
|
| 1104 |
+
display: flex;
|
| 1105 |
+
justify-content: center;
|
| 1106 |
+
align-items: center;
|
| 1107 |
+
}
|
| 1108 |
+
.ctf-fb-type-el-info strong i{
|
| 1109 |
+
color: #ed8000;
|
| 1110 |
+
margin-left: 5px;
|
| 1111 |
+
font-size: 13px;
|
| 1112 |
+
margin-top: 2px;
|
| 1113 |
+
}
|
| 1114 |
+
.ctf-fb-type-el-info span{
|
| 1115 |
+
font-size: 13px;
|
| 1116 |
+
line-height: 1.4em;
|
| 1117 |
+
color: #74777D;
|
| 1118 |
+
}*/
|
| 1119 |
+
.ctf-fb-adv-types .ctf-fb-type-el-img {
|
| 1120 |
+
border-color: #FCF4EF;
|
| 1121 |
+
}
|
| 1122 |
+
.ctf-fb-ft-action {
|
| 1123 |
+
border-top: 1px solid #D8DADD;
|
| 1124 |
+
padding: 30px 40px;
|
| 1125 |
+
margin-top: 63px;
|
| 1126 |
+
}
|
| 1127 |
+
.ctf-fb-slctfd-action .ctf-fb-wrapper{
|
| 1128 |
+
display: flex;
|
| 1129 |
+
align-items: center;
|
| 1130 |
+
justify-content: flex-end;
|
| 1131 |
+
}
|
| 1132 |
+
.ctf-fb-slctfd-action{
|
| 1133 |
+
padding: 16px 0;
|
| 1134 |
+
}
|
| 1135 |
+
.ctf-fb-slctf-nxt{
|
| 1136 |
+
height: auto;
|
| 1137 |
+
padding: 7px 36px 7px 37px;
|
| 1138 |
+
}
|
| 1139 |
+
.ctf-fb-slctf-back{
|
| 1140 |
+
margin-right: auto;
|
| 1141 |
+
height: auto;
|
| 1142 |
+
padding: 7px 37px 7px 36px;
|
| 1143 |
+
}
|
| 1144 |
+
.ctf-fb-slctf-back svg,
|
| 1145 |
+
.ctf-fb-slctf-nxt svg {
|
| 1146 |
+
width: 6px;
|
| 1147 |
+
height: 10px;
|
| 1148 |
+
}
|
| 1149 |
+
.ctf-fb-slctf-back span {
|
| 1150 |
+
display: inline-block;
|
| 1151 |
+
margin-left: 15px;
|
| 1152 |
+
line-height: 160%;
|
| 1153 |
+
}
|
| 1154 |
+
.ctf-fb-slctf-nxt span {
|
| 1155 |
+
display: inline-block;
|
| 1156 |
+
margin-right: 15px;
|
| 1157 |
+
line-height: 160%;
|
| 1158 |
+
}
|
| 1159 |
+
.ctf-fb-btn-ac{
|
| 1160 |
+
opacity: 0.6;
|
| 1161 |
+
}
|
| 1162 |
+
.ctf-fb-btn-ac[data-active="true"]{
|
| 1163 |
+
opacity: 1;
|
| 1164 |
+
}
|
| 1165 |
+
|
| 1166 |
+
.sb-control-single-id-ctn{
|
| 1167 |
+
margin-top: 35px;
|
| 1168 |
+
padding: 25px 0px;
|
| 1169 |
+
}
|
| 1170 |
+
.sb-control-single-id-ctn:before,
|
| 1171 |
+
.sb-control-before-brd:before
|
| 1172 |
+
{
|
| 1173 |
+
content: '';
|
| 1174 |
+
position: absolute;
|
| 1175 |
+
border-top: 1px solid #DCDDE1;
|
| 1176 |
+
height: 2px;
|
| 1177 |
+
top: 0px;
|
| 1178 |
+
left: -20px;
|
| 1179 |
+
width: calc(100% + 40px);
|
| 1180 |
+
}
|
| 1181 |
+
.sb-control-single-id-input{
|
| 1182 |
+
display: flex;
|
| 1183 |
+
justify-content: center;
|
| 1184 |
+
align-items: center;
|
| 1185 |
+
margin-top: 7px;
|
| 1186 |
+
}
|
| 1187 |
+
.sb-control-single-id-input input{
|
| 1188 |
+
height: 45px;
|
| 1189 |
+
float: left;
|
| 1190 |
+
background: #fff;
|
| 1191 |
+
margin-top: 6px;
|
| 1192 |
+
margin-right: 7px;
|
| 1193 |
+
}
|
| 1194 |
+
|
| 1195 |
+
/*
|
| 1196 |
+
Video Type Chooser
|
| 1197 |
+
*/
|
| 1198 |
+
.ctf-fb-section-wh.ctf-fb-section-videos{
|
| 1199 |
+
padding: 50px 21px 54px 30px;
|
| 1200 |
+
}
|
| 1201 |
+
.ctf-fb-videotype-chooser{
|
| 1202 |
+
display: grid;
|
| 1203 |
+
grid-template-columns: 49% 49%;
|
| 1204 |
+
grid-column-gap: 1%;
|
| 1205 |
+
|
| 1206 |
+
}
|
| 1207 |
+
.ctf-fb-section-videos{
|
| 1208 |
+
flex-direction: column;
|
| 1209 |
+
}
|
| 1210 |
+
.ctf-fb-section-videos .ctf-fb-section-video-playlist{
|
| 1211 |
+
margin-top: 30px;
|
| 1212 |
+
}
|
| 1213 |
+
|
| 1214 |
+
.ctf-fb-section-video-playlist .ctf-fb-wh-inp{
|
| 1215 |
+
margin-top: 10px;
|
| 1216 |
+
margin-bottom: 10px!important;
|
| 1217 |
+
}
|
| 1218 |
+
.ctf-fb-section-videos .ctf-fb-sglelm-left{
|
| 1219 |
+
padding-right: 0px;
|
| 1220 |
+
}
|
| 1221 |
+
/*
|
| 1222 |
+
Source Screen
|
| 1223 |
+
*/
|
| 1224 |
+
.ctf-fb-sec-heading > span{
|
| 1225 |
+
font-size:14px;
|
| 1226 |
+
color: #434960;
|
| 1227 |
+
line-height: 1.7em;
|
| 1228 |
+
display: block;
|
| 1229 |
+
}
|
| 1230 |
+
#ctf-builder-app .ctf-fb-sec-heading h4{
|
| 1231 |
+
margin-bottom: 2px;
|
| 1232 |
+
}
|
| 1233 |
+
#ctf-builder-app .ctf-fb-slctsrc-ctn .ctf-fb-sec-heading h4{
|
| 1234 |
+
margin-bottom: 2px !important;
|
| 1235 |
+
}
|
| 1236 |
+
.ctf-fb-sec-heading {
|
| 1237 |
+
margin-bottom: 14px;
|
| 1238 |
+
}
|
| 1239 |
+
.ctf-builder-app .ctf-fb-slctsrc-content,.ctf-fb-section-wh-insd{
|
| 1240 |
+
padding: 23px 30px;
|
| 1241 |
+
}
|
| 1242 |
+
|
| 1243 |
+
.ctf-fb-slctsrc-ctn h4,.ctf-fb-section-wh-insd h4{
|
| 1244 |
+
font-size: 20px;
|
| 1245 |
+
padding: 0px;
|
| 1246 |
+
margin: 0px;
|
| 1247 |
+
}
|
| 1248 |
+
.ctf-fb-srcslist-ctn{
|
| 1249 |
+
display: grid;
|
| 1250 |
+
grid-template-columns: 32.66% 32.66% 32.66%;
|
| 1251 |
+
grid-column-gap: 1%;
|
| 1252 |
+
margin-bottom: 28px;
|
| 1253 |
+
}
|
| 1254 |
+
.ctf-fb-srcs-item{
|
| 1255 |
+
width: 100%;
|
| 1256 |
+
cursor: pointer;
|
| 1257 |
+
height: 62px;
|
| 1258 |
+
margin: 1% 0;
|
| 1259 |
+
border-radius: 3px;
|
| 1260 |
+
border: 1px solid #E7E7E9;
|
| 1261 |
+
display: flex;
|
| 1262 |
+
position: relative;
|
| 1263 |
+
}
|
| 1264 |
+
.ctf-fb-srcs-item[data-disabled="true"]{
|
| 1265 |
+
background: #F3F4F5;
|
| 1266 |
+
}
|
| 1267 |
+
.ctf-fb-srcs-item[data-disabled="true"] .ctf-fb-srcs-item-inf{
|
| 1268 |
+
opacity: .55;
|
| 1269 |
+
|
| 1270 |
+
}
|
| 1271 |
+
#ctf-builder-app .ctf-fb-srcs-item .ctf-fb-srcs-item-inf .ctf-fb-srcs-item-name {
|
| 1272 |
+
color: #141B38;
|
| 1273 |
+
padding-right: 44px;
|
| 1274 |
+
}
|
| 1275 |
+
|
| 1276 |
+
/*Disabled Controls*/
|
| 1277 |
+
.sb-control-elem-ctn[data-disabled="true"] input[type="text"],
|
| 1278 |
+
.sb-control-elem-ctn[data-disabled="true"] input[type="number"],
|
| 1279 |
+
.sb-control-elem-ctn[data-disabled="true"] input[type="date"],
|
| 1280 |
+
.sb-control-elem-ctn[data-disabled="true"] textarea{
|
| 1281 |
+
background: #f0f0f0!important;
|
| 1282 |
+
border-color: #D0D1D7!important;
|
| 1283 |
+
}
|
| 1284 |
+
|
| 1285 |
+
.sb-control-elem-ctn[data-disabled="true"] .sb-control-colorpicker-swatch{
|
| 1286 |
+
background: #D0D1D7!important;
|
| 1287 |
+
}
|
| 1288 |
+
.sb-control-elem-ctn[data-disabled="true"] .sb-control-checkbox{
|
| 1289 |
+
background: #D0D1D7!important;
|
| 1290 |
+
border-color: #c1c1c1!important;
|
| 1291 |
+
}
|
| 1292 |
+
.sb-control-elem-ctn[data-disabled="true"] .sb-control-toggle-elm{
|
| 1293 |
+
background: #e5e6e7!important;
|
| 1294 |
+
}
|
| 1295 |
+
.sb-control-elem-ctn[data-disabled="true"] .sb-control-toggle-elm{
|
| 1296 |
+
border-color: #c1c1c1!important;
|
| 1297 |
+
}
|
| 1298 |
+
.sb-control-elem-ctn[data-disabled="true"] .sb-control-toggle-elm[data-active="true"]{
|
| 1299 |
+
border-top: 0px;
|
| 1300 |
+
}
|
| 1301 |
+
.sb-control-elem-ctn[data-disabled="true"] .sb-control-toggle-elm .sb-control-toggle-deco{
|
| 1302 |
+
border-color: #bbb!important;
|
| 1303 |
+
}
|
| 1304 |
+
.sb-control-elem-ctn[data-disabled="true"] .sb-control-toggle-elm[data-active="true"] .sb-control-toggle-deco{
|
| 1305 |
+
border-color: #8C8F9A!important;
|
| 1306 |
+
}
|
| 1307 |
+
#ctf-builder-app .ctf-fb-srcs-item .ctf-fb-srcs-item-inf .ctf-fb-srcs-item-name span {
|
| 1308 |
+
max-height: 30px;
|
| 1309 |
+
display: block;
|
| 1310 |
+
overflow: hidden;
|
| 1311 |
+
line-height: 1.1;
|
| 1312 |
+
padding-bottom:1px;
|
| 1313 |
+
color: #141B38;
|
| 1314 |
+
}
|
| 1315 |
+
|
| 1316 |
+
#ctf-builder-app .ctf-fb-srcs-item:hover{
|
| 1317 |
+
border-color: #86D0F9;
|
| 1318 |
+
}
|
| 1319 |
+
#ctf-builder-app .ctf-fb-srcs-item[data-active="true"]{
|
| 1320 |
+
border-color: #0096cc;
|
| 1321 |
+
}
|
| 1322 |
+
|
| 1323 |
+
.ctf-fb-source-top .ctf-fb-srcs-item{
|
| 1324 |
+
margin-bottom: 0px;
|
| 1325 |
+
}
|
| 1326 |
+
#ctf-builder-app .ctf-fb-srcs-new{
|
| 1327 |
+
display: flex;
|
| 1328 |
+
justify-content: center;
|
| 1329 |
+
align-items: center;
|
| 1330 |
+
background: #EBF5FF;
|
| 1331 |
+
border: 1px solid #EBF5FF;
|
| 1332 |
+
}
|
| 1333 |
+
#ctf-builder-app .ctf-fb-srcs-new span{
|
| 1334 |
+
margin-left: 13px;
|
| 1335 |
+
color: #0096CC;
|
| 1336 |
+
}
|
| 1337 |
+
.ctf-fb-srcs-new i{
|
| 1338 |
+
font-size: 14px;
|
| 1339 |
+
padding: 0 10px;
|
| 1340 |
+
margin-left: -10px;
|
| 1341 |
+
}
|
| 1342 |
+
.ctf-fb-srcs-item-chkbx{
|
| 1343 |
+
width: 40px;
|
| 1344 |
+
height: inherit;
|
| 1345 |
+
display: flex;
|
| 1346 |
+
justify-content: center;
|
| 1347 |
+
align-items: center;
|
| 1348 |
+
margin: 0 16px 0 7px;
|
| 1349 |
+
}
|
| 1350 |
+
|
| 1351 |
+
.ctf-fb-srcs-item-chkbx-ic,.ctf-fb-chbx-round{
|
| 1352 |
+
width: 16px;
|
| 1353 |
+
height: 16px;
|
| 1354 |
+
box-sizing: border-box;
|
| 1355 |
+
position: relative;
|
| 1356 |
+
border-radius: 50px;
|
| 1357 |
+
border: 2px solid #8c8f9a;
|
| 1358 |
+
}
|
| 1359 |
+
[data-source="active"] .ctf-fb-srcs-item-chkbx-ic{
|
| 1360 |
+
border-radius: 2px;
|
| 1361 |
+
}
|
| 1362 |
+
|
| 1363 |
+
[data-active="true"] .ctf-fb-srcs-item-chkbx-ic, [data-active="true"] > .ctf-fb-chbx-round, .ctf-fb-source-popup [data-active="true"] > .ctf-fb-chbx-round{
|
| 1364 |
+
border-color: #0096cc;
|
| 1365 |
+
background: #0096cc;
|
| 1366 |
+
}
|
| 1367 |
+
[data-source="active"] [data-active="true"] .ctf-fb-srcs-item-chkbx-ic:before{
|
| 1368 |
+
content: '';
|
| 1369 |
+
position: absolute;
|
| 1370 |
+
width: 8px;
|
| 1371 |
+
height: 3px;
|
| 1372 |
+
border-left: 2px solid #fff;
|
| 1373 |
+
border-bottom: 2px solid #fff;
|
| 1374 |
+
top: 2px;
|
| 1375 |
+
right: 1px;
|
| 1376 |
+
-webkit-transform: rotate(-45deg);
|
| 1377 |
+
transform: rotate(-45deg);
|
| 1378 |
+
}
|
| 1379 |
+
|
| 1380 |
+
[data-multifeed="inactive"] [data-active="true"] .ctf-fb-srcs-item-chkbx-ic:before, [data-active="true"] > .ctf-fb-chbx-round:before,
|
| 1381 |
+
.ctf-fb-source-popup .ctf-fb-source-list [data-active="true"] .ctf-fb-srcs-item-chkbx-ic:before,
|
| 1382 |
+
.ctf-fb-section-videos [data-active="true"] .ctf-fb-srcs-item-chkbx-ic:before{
|
| 1383 |
+
content: '';
|
| 1384 |
+
position: absolute;
|
| 1385 |
+
height: 6px;
|
| 1386 |
+
width: 6px;
|
| 1387 |
+
background: #fff;
|
| 1388 |
+
border-radius: 25px;
|
| 1389 |
+
left: 3px;
|
| 1390 |
+
top: 3px;
|
| 1391 |
+
}
|
| 1392 |
+
|
| 1393 |
+
.ctf-fb-sources-empty-ctn{
|
| 1394 |
+
padding: 24px 32px 28px 24px;
|
| 1395 |
+
background: #F9F9FA;
|
| 1396 |
+
border: 1px dashed #DCDDE1;
|
| 1397 |
+
margin-top: 10px;
|
| 1398 |
+
display: flex;
|
| 1399 |
+
align-items: center;
|
| 1400 |
+
}
|
| 1401 |
+
|
| 1402 |
+
.ctf-fb-sources-empty-txt{
|
| 1403 |
+
font-style: normal;
|
| 1404 |
+
font-weight: normal;
|
| 1405 |
+
font-size: 16px;
|
| 1406 |
+
line-height: 160%;
|
| 1407 |
+
color: #141B38;
|
| 1408 |
+
}
|
| 1409 |
+
.ctf-fb-sources-empty-btn-ctn{
|
| 1410 |
+
margin-left: auto;
|
| 1411 |
+
}
|
| 1412 |
+
.sb-addsources-btn{
|
| 1413 |
+
color: #fff;
|
| 1414 |
+
height: 27px;
|
| 1415 |
+
padding: 9px 23px;
|
| 1416 |
+
}
|
| 1417 |
+
.sb-addsources-btn svg{
|
| 1418 |
+
margin-right: 10px;
|
| 1419 |
+
fill: currentColor;
|
| 1420 |
+
width: 14px;
|
| 1421 |
+
height: 14px;
|
| 1422 |
+
}
|
| 1423 |
+
.ctf-fb-mr-feeds,.ctf-fb-section-wh{
|
| 1424 |
+
margin-top: 8px;
|
| 1425 |
+
background: #fff;
|
| 1426 |
+
box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05), 0px 4px 5px rgba(0, 0, 0, 0.05);
|
| 1427 |
+
display: flex;
|
| 1428 |
+
align-items: center;
|
| 1429 |
+
}
|
| 1430 |
+
.ctf-fb-mr-fd-img {
|
| 1431 |
+
float: left;
|
| 1432 |
+
margin-right: 6%;
|
| 1433 |
+
width: 28%;
|
| 1434 |
+
line-height: 0;
|
| 1435 |
+
}
|
| 1436 |
+
.ctf-fb-mr-fd-img img{
|
| 1437 |
+
width: 100%;
|
| 1438 |
+
}
|
| 1439 |
+
|
| 1440 |
+
.ctf-fb-mr-fd-heading{
|
| 1441 |
+
font-weight:600;
|
| 1442 |
+
font-size: 18px;
|
| 1443 |
+
line-height: 1.7em;
|
| 1444 |
+
margin-bottom: 24px;
|
| 1445 |
+
float: left;
|
| 1446 |
+
}
|
| 1447 |
+
.ctf-fb-mr-fd-list{
|
| 1448 |
+
margin-bottom: 10px;
|
| 1449 |
+
width: 100%;
|
| 1450 |
+
float: left;
|
| 1451 |
+
}
|
| 1452 |
+
.ctf-fb-mr-fd-item{
|
| 1453 |
+
box-sizing: border-box;
|
| 1454 |
+
position: relative;
|
| 1455 |
+
float: left;
|
| 1456 |
+
border: 1px solid #DCDDE1;
|
| 1457 |
+
border-radius: 2px;
|
| 1458 |
+
margin-right: 8px;
|
| 1459 |
+
height: 38px;
|
| 1460 |
+
width: 160px;
|
| 1461 |
+
color: #141B38;
|
| 1462 |
+
font-size: 14px;
|
| 1463 |
+
font-weight:600;
|
| 1464 |
+
text-transform: capitalize;
|
| 1465 |
+
display: flex;
|
| 1466 |
+
justify-content: center;
|
| 1467 |
+
align-items: center;
|
| 1468 |
+
transition: all .15s ease-in-out;
|
| 1469 |
+
}
|
| 1470 |
+
.ctf-icon-platform-wrap {
|
| 1471 |
+
width: 100%;
|
| 1472 |
+
display: flex;
|
| 1473 |
+
justify-content: left;
|
| 1474 |
+
align-items: center;
|
| 1475 |
+
margin-left: 13px;
|
| 1476 |
+
}
|
| 1477 |
+
|
| 1478 |
+
.ctf-fb-mr-fd-ic {
|
| 1479 |
+
margin-right: 9px;
|
| 1480 |
+
}
|
| 1481 |
+
.ctf-fb-mr-fd-ic svg{
|
| 1482 |
+
height: 16px;
|
| 1483 |
+
fill: currentColor;
|
| 1484 |
+
float: left;
|
| 1485 |
+
}
|
| 1486 |
+
.ctf-fb-mr-fd-ch{
|
| 1487 |
+
position: absolute;
|
| 1488 |
+
right:14px;
|
| 1489 |
+
}
|
| 1490 |
+
#ctf-builder-app .ctf-fb-mr-fd-heading h3 {
|
| 1491 |
+
margin-bottom: 21px;
|
| 1492 |
+
max-width: 385px;
|
| 1493 |
+
}
|
| 1494 |
+
|
| 1495 |
+
|
| 1496 |
+
|
| 1497 |
+
/*Embed Popup*/
|
| 1498 |
+
.ctf-fb-embed-step-1{
|
| 1499 |
+
margin-top: 36px;
|
| 1500 |
+
}
|
| 1501 |
+
|
| 1502 |
+
.ctf-fb-embed-step-1 > div{
|
| 1503 |
+
padding: 0 20px;
|
| 1504 |
+
}
|
| 1505 |
+
.ctf-fb-embed-step-1-top{
|
| 1506 |
+
padding-bottom: 53px!important;
|
| 1507 |
+
border-bottom: 1px solid #E8E8EB;
|
| 1508 |
+
margin-bottom: 42px;
|
| 1509 |
+
}
|
| 1510 |
+
#ctf-builder-app .ctf-fb-embed-step-1 h4{
|
| 1511 |
+
margin-bottom: 12px;
|
| 1512 |
+
}
|
| 1513 |
+
.ctf-fb-embed-input-ctn{
|
| 1514 |
+
display: flex;
|
| 1515 |
+
}
|
| 1516 |
+
.ctf-fb-embed-input-ctn input,
|
| 1517 |
+
.ctf-fb-embed-input-ctn input[type="text"]{
|
| 1518 |
+
position: relative;
|
| 1519 |
+
font-style: normal;
|
| 1520 |
+
font-weight: normal;
|
| 1521 |
+
font-size: 16px;
|
| 1522 |
+
line-height: 160%;
|
| 1523 |
+
color: #141B38;
|
| 1524 |
+
height: 44px;
|
| 1525 |
+
width: 77%;
|
| 1526 |
+
box-sizing: border-box;
|
| 1527 |
+
border-radius: 0px;
|
| 1528 |
+
border: 1px solid #D0D1D7!important;
|
| 1529 |
+
border-right: 0px!important;
|
| 1530 |
+
|
| 1531 |
+
}
|
| 1532 |
+
.ctf-fb-embed-input-ctn input:focus, .ctf-fb-embed-input-ctn .ctf-fb-hd-btn:focus{
|
| 1533 |
+
box-shadow: none!important;
|
| 1534 |
+
outline: none!important
|
| 1535 |
+
}
|
| 1536 |
+
.ctf-fb-embed-input-ctn .ctf-fb-hd-btn{
|
| 1537 |
+
width: 23%;
|
| 1538 |
+
border-bottom-left-radius: 0px;
|
| 1539 |
+
border-top-left-radius: 0px;
|
| 1540 |
+
}
|
| 1541 |
+
.ctf-fb-embed-input-ctn svg{
|
| 1542 |
+
width: 17px;
|
| 1543 |
+
fill: currentColor;
|
| 1544 |
+
float: left;
|
| 1545 |
+
margin-right: 10px;
|
| 1546 |
+
}
|
| 1547 |
+
.ctf-fb-embed-step-1-bottom h4{
|
| 1548 |
+
text-align: center;
|
| 1549 |
+
}
|
| 1550 |
+
.ctf-fb-embed-btns-ctn{
|
| 1551 |
+
display: grid;
|
| 1552 |
+
grid-template-columns: 49% 49%;
|
| 1553 |
+
grid-column-gap: 2%;
|
| 1554 |
+
margin-top: 14px;
|
| 1555 |
+
margin-bottom: 35px;
|
| 1556 |
+
}
|
| 1557 |
+
.ctf-fb-embed-btn{
|
| 1558 |
+
cursor: pointer;
|
| 1559 |
+
width: 100%;
|
| 1560 |
+
height: 50px;
|
| 1561 |
+
background: #F3F4F5;
|
| 1562 |
+
border-radius: 2px;
|
| 1563 |
+
border: 1px solid #DCDDE1;
|
| 1564 |
+
display: flex;
|
| 1565 |
+
align-items: center;
|
| 1566 |
+
justify-content: space-between;
|
| 1567 |
+
box-sizing: border-box;
|
| 1568 |
+
padding: 0 20px;
|
| 1569 |
+
position: relative;
|
| 1570 |
+
color: #141B38;
|
| 1571 |
+
font-size: 16px;
|
| 1572 |
+
font-weight: 500;
|
| 1573 |
+
}
|
| 1574 |
+
.ctf-fb-embed-btn .sb-icon-label svg{
|
| 1575 |
+
fill: currentColor;
|
| 1576 |
+
width: 18px;
|
| 1577 |
+
margin-right: 10px;
|
| 1578 |
+
float: left;
|
| 1579 |
+
}
|
| 1580 |
+
.ctf-fb-embed-popup .sb-embed-breadcrumb {
|
| 1581 |
+
display: flex;
|
| 1582 |
+
align-items: center;
|
| 1583 |
+
padding: 25px 30px 0;
|
| 1584 |
+
margin-bottom: 2px;
|
| 1585 |
+
}
|
| 1586 |
+
.sb-embed-breadcrumb a {
|
| 1587 |
+
font-style: normal;
|
| 1588 |
+
font-weight: bold;
|
| 1589 |
+
font-size: 10px;
|
| 1590 |
+
line-height: 160%;
|
| 1591 |
+
letter-spacing: 0.08em;
|
| 1592 |
+
text-transform: uppercase;
|
| 1593 |
+
color: #434960;
|
| 1594 |
+
cursor: pointer;
|
| 1595 |
+
}
|
| 1596 |
+
.sb-embed-breadcrumb a:hover {
|
| 1597 |
+
color: #141B38;
|
| 1598 |
+
}
|
| 1599 |
+
.sb-embed-breadcrumb svg {
|
| 1600 |
+
margin-right: 8px;
|
| 1601 |
+
}
|
| 1602 |
+
.ctf-fb-embed-step-2 > div{
|
| 1603 |
+
padding: 0 29px;
|
| 1604 |
+
}
|
| 1605 |
+
|
| 1606 |
+
.sb-customizer-sidebar-cache-wrapper{
|
| 1607 |
+
margin-top: 20px;
|
| 1608 |
+
padding: 0 20px;
|
| 1609 |
+
}
|
| 1610 |
+
.ctf-fb-embed-step-2-list{
|
| 1611 |
+
margin-top: 25px;
|
| 1612 |
+
border-top: 1px solid #DCDDE1;
|
| 1613 |
+
padding-top: 14px !important;
|
| 1614 |
+
}
|
| 1615 |
+
.ctf-fb-embed-step-2-list > strong{
|
| 1616 |
+
text-transform: uppercase;
|
| 1617 |
+
font-size: 12px;
|
| 1618 |
+
color: #434960;
|
| 1619 |
+
margin-bottom: 10px;
|
| 1620 |
+
}
|
| 1621 |
+
.ctf-fb-embed-step-2-pages{
|
| 1622 |
+
margin-top: 8px;
|
| 1623 |
+
height: 250px;
|
| 1624 |
+
overflow: auto;
|
| 1625 |
+
}
|
| 1626 |
+
.ctf-fb-embed-step-2-pages .sb-control-toggle-icon svg {
|
| 1627 |
+
width: 11px;
|
| 1628 |
+
}
|
| 1629 |
+
.ctf-fb-embed-step-2-action{
|
| 1630 |
+
padding: 10px 34px 10px 30px !important;
|
| 1631 |
+
background: #F3F4F5;
|
| 1632 |
+
box-shadow: 0px -4px 5px rgba(0, 0, 0, 0.1);
|
| 1633 |
+
}
|
| 1634 |
+
.ctf-fb-embed-step-2-action a{
|
| 1635 |
+
color: #fff;
|
| 1636 |
+
}
|
| 1637 |
+
.ctf-fb-embed-step-2-action a[data-active="false"]{
|
| 1638 |
+
opacity: .75;
|
| 1639 |
+
}
|
| 1640 |
+
|
| 1641 |
+
/*Dialog Popup*/
|
| 1642 |
+
.ctf-fb-dialog-remove-source{
|
| 1643 |
+
background: #F3F4F5;
|
| 1644 |
+
padding: 40px 20px;
|
| 1645 |
+
display: flex;
|
| 1646 |
+
justify-content: center;
|
| 1647 |
+
align-items: center;
|
| 1648 |
+
}
|
| 1649 |
+
.ctf-fb-dialog-remove-source .ctf-fb-srcs-item{
|
| 1650 |
+
background: #fff;
|
| 1651 |
+
width: 280px;
|
| 1652 |
+
padding-left: 20px;
|
| 1653 |
+
box-sizing: border-box;
|
| 1654 |
+
margin-top: 0px;
|
| 1655 |
+
}
|
| 1656 |
+
.ctf-fb-srcs-item-remove{
|
| 1657 |
+
position: absolute;
|
| 1658 |
+
width: 35px;
|
| 1659 |
+
height: 35px;
|
| 1660 |
+
border-radius: 50px;
|
| 1661 |
+
background: #fff;
|
| 1662 |
+
border:1px solid #E7E7E9;
|
| 1663 |
+
z-index: 3;
|
| 1664 |
+
right: -13px;
|
| 1665 |
+
bottom: -13px;
|
| 1666 |
+
display: flex;
|
| 1667 |
+
justify-content: center;
|
| 1668 |
+
align-items: center;
|
| 1669 |
+
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);
|
| 1670 |
+
}
|
| 1671 |
+
.ctf-fb-srcs-item-remove svg{
|
| 1672 |
+
width: 12px;
|
| 1673 |
+
float: left;
|
| 1674 |
+
fill: var(--error-red);
|
| 1675 |
+
}
|
| 1676 |
+
.ctf-fb-dialog-popup-content{
|
| 1677 |
+
display: flex;
|
| 1678 |
+
justify-content: center;
|
| 1679 |
+
align-items: center;
|
| 1680 |
+
text-align: center;
|
| 1681 |
+
flex-direction: column;
|
| 1682 |
+
padding: 38px 12%;
|
| 1683 |
+
}
|
| 1684 |
+
.ctf-fb-dialog-popup-content strong{
|
| 1685 |
+
font-size: 22px;
|
| 1686 |
+
color: #141B38;
|
| 1687 |
+
display: block;
|
| 1688 |
+
margin-bottom: 15px;
|
| 1689 |
+
}
|
| 1690 |
+
.ctf-fb-dialog-popup-content span{
|
| 1691 |
+
font-size: 16px;
|
| 1692 |
+
line-height: 1.5em;
|
| 1693 |
+
color: #434960;
|
| 1694 |
+
}
|
| 1695 |
+
.ctf-fb-dialog-popup-actions{
|
| 1696 |
+
display: flex;
|
| 1697 |
+
justify-content: center;
|
| 1698 |
+
align-items: center;
|
| 1699 |
+
margin-top: 25px;
|
| 1700 |
+
}
|
| 1701 |
+
.ctf-fb-dialog-popup-actions button{
|
| 1702 |
+
width: 100%;
|
| 1703 |
+
margin: 4px 4px;
|
| 1704 |
+
cursor: pointer;
|
| 1705 |
+
height: 42px;
|
| 1706 |
+
}
|
| 1707 |
+
|
| 1708 |
+
/*
|
| 1709 |
+
Footer Sticky Widget
|
| 1710 |
+
*/
|
| 1711 |
+
.ctf-stck-wdg{
|
| 1712 |
+
position: fixed;
|
| 1713 |
+
right: 21px;
|
| 1714 |
+
z-index: 9;
|
| 1715 |
+
bottom: 20px;
|
| 1716 |
+
}
|
| 1717 |
+
.ctf-stck-wdg-btn{
|
| 1718 |
+
width: 52px;
|
| 1719 |
+
height: 52px;
|
| 1720 |
+
background: #fff;
|
| 1721 |
+
border-radius: 50%;
|
| 1722 |
+
cursor: pointer;
|
| 1723 |
+
display: flex;
|
| 1724 |
+
justify-content: center;
|
| 1725 |
+
align-items: center;
|
| 1726 |
+
filter: drop-shadow(0px 9px 13px rgba(0, 0, 0, 0.2));
|
| 1727 |
+
}
|
| 1728 |
+
.ctf-stck-wdg-btn svg{
|
| 1729 |
+
width: 25px;
|
| 1730 |
+
fill: #FE544F;
|
| 1731 |
+
height: 33px;
|
| 1732 |
+
float: left;
|
| 1733 |
+
}
|
| 1734 |
+
.ctf-stck-wdg[data-active="true"] .ctf-stck-wdg-btn svg,.ctf-stck-wdg-btn-cls{
|
| 1735 |
+
display: none;
|
| 1736 |
+
}
|
| 1737 |
+
|
| 1738 |
+
.ctf-stck-wdg[data-active="true"] .ctf-stck-wdg-btn-cls,
|
| 1739 |
+
.ctf-stck-wdg[data-active="true"] .ctf-stck-wdg-btn-cls svg{
|
| 1740 |
+
display: block;
|
| 1741 |
+
}
|
| 1742 |
+
.ctf-stck-wdg-btn-cls{
|
| 1743 |
+
width: inherit;
|
| 1744 |
+
height: inherit;
|
| 1745 |
+
position: relative;
|
| 1746 |
+
color: #364152;
|
| 1747 |
+
box-shadow: 0px 1px 6px rgba(0, 0, 0, .05), 0px 9px 12px rgba(0, 0, 0, .05);
|
| 1748 |
+
border-radius: 70px;
|
| 1749 |
+
}
|
| 1750 |
+
.ctf-stck-wdg-btn-cls svg {
|
| 1751 |
+
width: 14px;
|
| 1752 |
+
height: 14px;
|
| 1753 |
+
position: absolute;
|
| 1754 |
+
top: 50%;
|
| 1755 |
+
right: 0;
|
| 1756 |
+
bottom: 0;
|
| 1757 |
+
left: 50%;
|
| 1758 |
+
margin-top: -7px;
|
| 1759 |
+
margin-left: -7px;
|
| 1760 |
+
}
|
| 1761 |
+
|
| 1762 |
+
.ctf-stck-pop{
|
| 1763 |
+
position: absolute;
|
| 1764 |
+
width: 292px;
|
| 1765 |
+
height: auto;
|
| 1766 |
+
background: #fff;
|
| 1767 |
+
border: 1px solid #E2E8F0;
|
| 1768 |
+
box-sizing: border-box;
|
| 1769 |
+
box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.15), 0px 3px 14px rgba(0, 0, 0, 0.12);
|
| 1770 |
+
border-radius: 2px;
|
| 1771 |
+
padding: 20px;
|
| 1772 |
+
right: 0px;
|
| 1773 |
+
bottom: 100px;
|
| 1774 |
+
color: #141B38;
|
| 1775 |
+
opacity: 0;
|
| 1776 |
+
padding-bottom: 82px;
|
| 1777 |
+
visibility: hidden;
|
| 1778 |
+
}
|
| 1779 |
+
.ctf-stck-wdg[data-active="true"] .ctf-stck-pop{
|
| 1780 |
+
bottom: 66px;
|
| 1781 |
+
opacity: 1;
|
| 1782 |
+
visibility: visible;
|
| 1783 |
+
}
|
| 1784 |
+
|
| 1785 |
+
.ctf-stck-pop svg{
|
| 1786 |
+
fill: currentColor;
|
| 1787 |
+
}
|
| 1788 |
+
.ctf-stck-el-list{
|
| 1789 |
+
border: 1px solid #DCDDE1;
|
| 1790 |
+
border-radius: 2px;
|
| 1791 |
+
}
|
| 1792 |
+
.ctf-stck-el{
|
| 1793 |
+
display: flex;
|
| 1794 |
+
align-items: center;
|
| 1795 |
+
padding: 11px 13px;
|
| 1796 |
+
border-bottom: 1px solid #DCDDE1;
|
| 1797 |
+
}
|
| 1798 |
+
.ctf-stck-el:hover{
|
| 1799 |
+
background: #F3F4F5;
|
| 1800 |
+
}
|
| 1801 |
+
.ctf-stck-el:last-of-type{
|
| 1802 |
+
border-bottom: 0px;
|
| 1803 |
+
}
|
| 1804 |
+
.ctf-stck-el-list .ctf-chevron svg{
|
| 1805 |
+
width: 5px;
|
| 1806 |
+
height: 8px;
|
| 1807 |
+
}
|
| 1808 |
+
.ctf-stck-el-list .ctf-stck-el-icon svg {
|
| 1809 |
+
|
| 1810 |
+
}
|
| 1811 |
+
.ctf-stck-el .ctf-stck-el-txt{
|
| 1812 |
+
color: #27303F;
|
| 1813 |
+
}
|
| 1814 |
+
.ctf-stck-el.ctf-stck-el-upgrd{
|
| 1815 |
+
padding: 8px 14px;
|
| 1816 |
+
font-size: 14px;
|
| 1817 |
+
background: var(--cl-orange);
|
| 1818 |
+
color: #fff;
|
| 1819 |
+
}
|
| 1820 |
+
.ctf-chevron {
|
| 1821 |
+
position: absolute;
|
| 1822 |
+
right: 14px
|
| 1823 |
+
}
|
| 1824 |
+
.ctf-stck-el.ctf-stck-el-upgrd .ctf-stck-el-txt{
|
| 1825 |
+
color: #fff;
|
| 1826 |
+
}
|
| 1827 |
+
.ctf-stck-el.ctf-stck-el-upgrd:after{
|
| 1828 |
+
top: 20px;
|
| 1829 |
+
opacity: 1;
|
| 1830 |
+
}
|
| 1831 |
+
.ctf-stck-el-icon{
|
| 1832 |
+
margin-right: 10px;
|
| 1833 |
+
}
|
| 1834 |
+
.ctf-stck-el-icon svg{
|
| 1835 |
+
width: 17px;
|
| 1836 |
+
float: left;
|
| 1837 |
+
}
|
| 1838 |
+
.ctf-stck-el.ctf-stck-el-upgrd svg path{
|
| 1839 |
+
fill: #fff!important;
|
| 1840 |
+
}
|
| 1841 |
+
#ctf-builder-app .ctf-stck-title{
|
| 1842 |
+
margin-top: 20px;
|
| 1843 |
+
margin-bottom: 10px;
|
| 1844 |
+
}
|
| 1845 |
+
|
| 1846 |
+
.ctf-stck-follow{
|
| 1847 |
+
background: #F3F4F5;
|
| 1848 |
+
margin-top: 20px;
|
| 1849 |
+
left: 0px;
|
| 1850 |
+
bottom: 0px;
|
| 1851 |
+
position: absolute;
|
| 1852 |
+
padding: 12px 20px;
|
| 1853 |
+
display: flex;
|
| 1854 |
+
align-items: center;
|
| 1855 |
+
}
|
| 1856 |
+
.ctf-stck-follow span{
|
| 1857 |
+
font-weight: 600;
|
| 1858 |
+
font-size: 14px;
|
| 1859 |
+
}
|
| 1860 |
+
.ctf-stck-flw-links{
|
| 1861 |
+
display: flex;
|
| 1862 |
+
justify-content: center;
|
| 1863 |
+
align-items: center;
|
| 1864 |
+
margin-left: auto;
|
| 1865 |
+
}
|
| 1866 |
+
.ctf-stck-flw-links a{
|
| 1867 |
+
width: 36px;
|
| 1868 |
+
height: 28px;
|
| 1869 |
+
color: inherit;
|
| 1870 |
+
display: inline-flex;
|
| 1871 |
+
justify-content: center;
|
| 1872 |
+
align-items: center;
|
| 1873 |
+
margin-left: 4px;
|
| 1874 |
+
border-radius: 2px;
|
| 1875 |
+
}
|
| 1876 |
+
.ctf-stck-flw-links svg{
|
| 1877 |
+
width: 17px;
|
| 1878 |
+
color: #141B38;
|
| 1879 |
+
}
|
| 1880 |
+
.ctf-stck-flw-links a:hover{
|
| 1881 |
+
background: #fff;
|
| 1882 |
+
}
|
| 1883 |
+
.ctf-stck-flw-links a:hover svg{
|
| 1884 |
+
color: inherit;
|
| 1885 |
+
}
|
| 1886 |
+
|
| 1887 |
+
.ctf-stck-flw-links a[data-type="instagram"] svg path{
|
| 1888 |
+
fill: currentColor;
|
| 1889 |
+
}
|
| 1890 |
+
|
| 1891 |
+
|
| 1892 |
+
/*
|
| 1893 |
+
Builder Footer
|
| 1894 |
+
*/
|
| 1895 |
+
.ctf-bld-footer > div{
|
| 1896 |
+
background: #fff;
|
| 1897 |
+
color: #141B38;
|
| 1898 |
+
margin: 30px 0;
|
| 1899 |
+
}
|
| 1900 |
+
.ctf-bld-footer{
|
| 1901 |
+
padding-top: 0px!important
|
| 1902 |
+
}
|
| 1903 |
+
.ctf-bld-ft-content{
|
| 1904 |
+
display: flex;
|
| 1905 |
+
align-items: center;
|
| 1906 |
+
max-width: 1200px;
|
| 1907 |
+
}
|
| 1908 |
+
.ctf-bld-ft-img{
|
| 1909 |
+
float: left;
|
| 1910 |
+
width: 15%;
|
| 1911 |
+
margin-right: 5%;
|
| 1912 |
+
/*height: 158px;*/
|
| 1913 |
+
}
|
| 1914 |
+
.ctf-bld-ft-img svg{
|
| 1915 |
+
margin-bottom: -4px;
|
| 1916 |
+
}
|
| 1917 |
+
.ctf-bld-ft-txt{
|
| 1918 |
+
display: flex;
|
| 1919 |
+
justify-content: center;
|
| 1920 |
+
align-items: center;
|
| 1921 |
+
width: 59%;
|
| 1922 |
+
margin-right: 5%;
|
| 1923 |
+
}
|
| 1924 |
+
.ctf-bld-ft-txt strong,
|
| 1925 |
+
.ctf-fb-mr-fd-heading span{
|
| 1926 |
+
color: var(--cl-orange);
|
| 1927 |
+
}
|
| 1928 |
+
#ctf-builder-app .ctf-bld-ft-info{
|
| 1929 |
+
width: 44%;
|
| 1930 |
+
color: #434960;
|
| 1931 |
+
}
|
| 1932 |
+
#sb-footer-banner .ctf-bld-ft-title{
|
| 1933 |
+
width: 63%;
|
| 1934 |
+
margin-right: 6%;
|
| 1935 |
+
}
|
| 1936 |
+
.ctf-bld-ft-action{
|
| 1937 |
+
width: 17%;
|
| 1938 |
+
display: flex;
|
| 1939 |
+
justify-content: left;
|
| 1940 |
+
align-items: center;
|
| 1941 |
+
}
|
| 1942 |
+
.ctf-bld-ft-action svg{
|
| 1943 |
+
top: 14px;
|
| 1944 |
+
height: 10px;
|
| 1945 |
+
}
|
| 1946 |
+
@media all and (max-width: 1130px) {
|
| 1947 |
+
#sb-footer-banner .ctf-bld-ft-img{
|
| 1948 |
+
width: 17%;
|
| 1949 |
+
margin-right: 3%;
|
| 1950 |
+
}
|
| 1951 |
+
#sb-footer-banner .ctf-bld-ft-txt{
|
| 1952 |
+
display: flex;
|
| 1953 |
+
justify-content: center;
|
| 1954 |
+
align-items: center;
|
| 1955 |
+
width: 61%;
|
| 1956 |
+
margin-right: 3%;
|
| 1957 |
+
}
|
| 1958 |
+
#ctf-builder-app #sb-footer-banner h3 {
|
| 1959 |
+
font-size: 20px;
|
| 1960 |
+
}
|
| 1961 |
+
#ctf-builder-app #sb-footer-banner .sb-small-p {
|
| 1962 |
+
font-size: 13px;
|
| 1963 |
+
}
|
| 1964 |
+
#sb-footer-banner .sb-button-standard {
|
| 1965 |
+
font-size: 13px;
|
| 1966 |
+
padding-left: 16px;
|
| 1967 |
+
line-height: 15px;
|
| 1968 |
+
}
|
| 1969 |
+
}
|
| 1970 |
+
|
| 1971 |
+
.ctf-bld-ft-btm{
|
| 1972 |
+
font-size: 14px;
|
| 1973 |
+
display: flex;
|
| 1974 |
+
justify-content: center;
|
| 1975 |
+
align-items: center;
|
| 1976 |
+
padding: 15px 0px;
|
| 1977 |
+
border-top: 1px solid #DCDDE1;
|
| 1978 |
+
}
|
| 1979 |
+
.ctf-bld-ft-btm strong{
|
| 1980 |
+
padding: 0 5px;
|
| 1981 |
+
}
|
| 1982 |
+
.ctf-bld-ft-btm a{
|
| 1983 |
+
display: inline-block;
|
| 1984 |
+
padding: 0 10px;
|
| 1985 |
+
font-weight: 500;
|
| 1986 |
+
color: #0068A0;
|
| 1987 |
+
}
|
| 1988 |
+
.ctf-bld-ft-btm a i{
|
| 1989 |
+
font-size: 12px;
|
| 1990 |
+
margin-left: 5px;
|
| 1991 |
+
}
|
| 1992 |
+
.ctf-bld-ft-bns{
|
| 1993 |
+
display: inline-block;
|
| 1994 |
+
margin: 0 10px;
|
| 1995 |
+
padding: 5px 10px;
|
| 1996 |
+
border-radius: 5px;
|
| 1997 |
+
font-size: 14px;
|
| 1998 |
+
font-weight: 700;
|
| 1999 |
+
text-transform: uppercase;
|
| 2000 |
+
color: #663D00;
|
| 2001 |
+
background: #FFDF99;
|
| 2002 |
+
}
|
| 2003 |
+
/*
|
| 2004 |
+
Extensions Poup
|
| 2005 |
+
*/
|
| 2006 |
+
.ctf-fb-fs-link{
|
| 2007 |
+
position: absolute;
|
| 2008 |
+
width: 100%;
|
| 2009 |
+
height: 100%;
|
| 2010 |
+
left: 0;
|
| 2011 |
+
top: 0;
|
| 2012 |
+
right: 0;
|
| 2013 |
+
bottom: 0;
|
| 2014 |
+
z-index: 1;
|
| 2015 |
+
}
|
| 2016 |
+
.ctf-fb-extensions-popup .ctf-fb-slctf-back {
|
| 2017 |
+
position: relative;
|
| 2018 |
+
top: -5px;
|
| 2019 |
+
padding: 5px 12px;
|
| 2020 |
+
display: inline-block;
|
| 2021 |
+
z-index: 3;
|
| 2022 |
+
margin-bottom: 11px;
|
| 2023 |
+
}
|
| 2024 |
+
.ctf-fb-extensions-popup .ctf-fb-slctf-back span {
|
| 2025 |
+
margin-left:9px;
|
| 2026 |
+
}
|
| 2027 |
+
.ctf-fb-extensions-popup{
|
| 2028 |
+
|
| 2029 |
+
}
|
| 2030 |
+
.ctf-fb-extpp-top{
|
| 2031 |
+
display: flex;
|
| 2032 |
+
justify-content: center;
|
| 2033 |
+
align-items: center;
|
| 2034 |
+
height: 264px;
|
| 2035 |
+
background: #F3F4F5;
|
| 2036 |
+
}
|
| 2037 |
+
.ctf-fb-extpp-img{
|
| 2038 |
+
width: 50%;
|
| 2039 |
+
float: left;
|
| 2040 |
+
display: flex;
|
| 2041 |
+
justify-content: center;
|
| 2042 |
+
}
|
| 2043 |
+
.ctf-fb-extensions-popup[data-getext-view="featuredpost"] .ctf-fb-extpp-img{
|
| 2044 |
+
padding: 50px 0px;
|
| 2045 |
+
}
|
| 2046 |
+
.ctf-fb-extensions-popup[data-getext-view="singlealbum"] .ctf-fb-extpp-img{
|
| 2047 |
+
padding: 65px 0px;
|
| 2048 |
+
}
|
| 2049 |
+
.ctf-fb-extpp-social-wall .ctf-fb-extpp-top {
|
| 2050 |
+
display: flex;
|
| 2051 |
+
flex-direction: column;
|
| 2052 |
+
align-items: center;
|
| 2053 |
+
height: auto;
|
| 2054 |
+
padding-top: 29px;
|
| 2055 |
+
}
|
| 2056 |
+
.ctf-fb-extensions-popup[data-getext-view="socialwall"] .ctf-fb-extpp-head {
|
| 2057 |
+
margin: 0 0 12px;
|
| 2058 |
+
padding-top: 14px;
|
| 2059 |
+
}
|
| 2060 |
+
.ctf-fb-extensions-popup[data-getext-view="socialwall"] .ctf-fb-extpp-head h2 {
|
| 2061 |
+
font-size: 24px !important;
|
| 2062 |
+
line-height: 120% !important;
|
| 2063 |
+
}
|
| 2064 |
+
.ctf-fb-extpp-info{
|
| 2065 |
+
width: 50%;
|
| 2066 |
+
float: left;
|
| 2067 |
+
display: flex;
|
| 2068 |
+
justify-content: center;
|
| 2069 |
+
flex-direction: column;
|
| 2070 |
+
padding-left: 40px;
|
| 2071 |
+
}
|
| 2072 |
+
.ctf-fb-extensions-popup[data-getext-view="socialwall"] .ctf-fb-extpp-info {
|
| 2073 |
+
width: 40%;
|
| 2074 |
+
padding-right: 50px;
|
| 2075 |
+
}
|
| 2076 |
+
|
| 2077 |
+
.ctf-fb-extensions-popup .ctf-fb-extpp-lite-btn {
|
| 2078 |
+
margin-top: 20px;
|
| 2079 |
+
max-width: 270px;
|
| 2080 |
+
box-sizing: border-box;
|
| 2081 |
+
padding: 7px 11px;
|
| 2082 |
+
float: left;
|
| 2083 |
+
}
|
| 2084 |
+
.ctf-fb-extensions-popup .ctf-extension-bullet-list {
|
| 2085 |
+
grid-template-columns: 33% 33% 33%;
|
| 2086 |
+
}
|
| 2087 |
+
#ctf-builder-app .ctf-fb-extensions-popup[data-getext-view="socialwall"] .ctf-fb-extpp-head{
|
| 2088 |
+
margin: 0 0 9px;
|
| 2089 |
+
}
|
| 2090 |
+
#ctf-builder-app .ctf-fb-extpp-desc {
|
| 2091 |
+
color: #475569;
|
| 2092 |
+
display: flex;
|
| 2093 |
+
justify-content: center;
|
| 2094 |
+
align-items: center;
|
| 2095 |
+
padding-top: 10px;
|
| 2096 |
+
}
|
| 2097 |
+
.ctf-fb-extpp-head span{
|
| 2098 |
+
color: var(--cl-orange);
|
| 2099 |
+
}
|
| 2100 |
+
.ctf-fb-extpp-lite-btn{
|
| 2101 |
+
font-size: 15px;
|
| 2102 |
+
font-weight: 500;
|
| 2103 |
+
padding: 10px 20px;
|
| 2104 |
+
color: #0068A0;
|
| 2105 |
+
background: #fff;
|
| 2106 |
+
border: 1px solid #DCDDE1;
|
| 2107 |
+
margin-bottom: 14px;
|
| 2108 |
+
}
|
| 2109 |
+
.ctf-fb-extpp-lite-btn svg{
|
| 2110 |
+
fill: currentColor;
|
| 2111 |
+
width: 20px;
|
| 2112 |
+
float: left;
|
| 2113 |
+
margin-right: 10px;
|
| 2114 |
+
}
|
| 2115 |
+
.ctf-fb-extpp-inc-list{
|
| 2116 |
+
border: 1px solid #dcdde1;
|
| 2117 |
+
margin-top: 10px;
|
| 2118 |
+
margin-bottom: 30px;
|
| 2119 |
+
}
|
| 2120 |
+
.ctf-fb-extpp-bottom-strg{
|
| 2121 |
+
font-size:18px;
|
| 2122 |
+
font-weight: 600;
|
| 2123 |
+
}
|
| 2124 |
+
.ctf-fb-extpp-inc-items{
|
| 2125 |
+
display: grid;
|
| 2126 |
+
grid-template-columns: 25% 25% 25% 25%;
|
| 2127 |
+
}
|
| 2128 |
+
.ctf-fb-extpp-inc-item, .ctf-fb-extpp-inc-item-bottom{
|
| 2129 |
+
position: relative;
|
| 2130 |
+
height: 50px;
|
| 2131 |
+
display: flex;
|
| 2132 |
+
justify-content: center;
|
| 2133 |
+
align-items: center;
|
| 2134 |
+
border-right: 1px solid #dcdde1;
|
| 2135 |
+
border-bottom: 1px solid #dcdde1;
|
| 2136 |
+
font-size: 14px;
|
| 2137 |
+
}
|
| 2138 |
+
.ctf-fb-extpp-inc-item-bottom{
|
| 2139 |
+
border: 0px !important;
|
| 2140 |
+
}
|
| 2141 |
+
.ctf-fb-extpp-inc-item:last-of-type{
|
| 2142 |
+
border-right: 0px;
|
| 2143 |
+
}
|
| 2144 |
+
.ctf-fb-extpp-inc-item svg, .ctf-fb-extpp-inc-item-bottom svg{
|
| 2145 |
+
width: 17px; margin-right: 10px; fill: currentColor; float: left;
|
| 2146 |
+
}
|
| 2147 |
+
.ctf-fb-extpp-bottom{
|
| 2148 |
+
padding: 20px 40px;
|
| 2149 |
+
background: #fff;
|
| 2150 |
+
}
|
| 2151 |
+
.ctf-extension-bullet-list {
|
| 2152 |
+
display: grid;
|
| 2153 |
+
grid-template-columns: 49% 49%;
|
| 2154 |
+
grid-column-gap: 2%;
|
| 2155 |
+
margin-top: 12px;
|
| 2156 |
+
margin-bottom: 40px;
|
| 2157 |
+
}
|
| 2158 |
+
.ctf-extension-single-bullet {
|
| 2159 |
+
display: flex;
|
| 2160 |
+
justify-content: flex-start;
|
| 2161 |
+
align-items: center;
|
| 2162 |
+
margin: 4px 0;
|
| 2163 |
+
}
|
| 2164 |
+
#ctf-builder-app .ctf-extension-single-bullet span {
|
| 2165 |
+
color: #434960;
|
| 2166 |
+
}
|
| 2167 |
+
|
| 2168 |
+
.ctf-extension-single-bullet svg {
|
| 2169 |
+
margin-right: 12px;
|
| 2170 |
+
}
|
| 2171 |
+
.ctf-fb-extpp-btns{
|
| 2172 |
+
display: grid;
|
| 2173 |
+
grid-template-columns: 100%;
|
| 2174 |
+
grid-column-gap: 1%;
|
| 2175 |
+
}
|
| 2176 |
+
.ctf-fb-extpp-btns div{
|
| 2177 |
+
height: 38px;
|
| 2178 |
+
cursor: pointer;
|
| 2179 |
+
position: relative;
|
| 2180 |
+
border-radius: 3px;
|
| 2181 |
+
font-style: normal;
|
| 2182 |
+
font-weight: 600;
|
| 2183 |
+
font-size: 14px;
|
| 2184 |
+
line-height: 160%;
|
| 2185 |
+
display: flex;
|
| 2186 |
+
justify-content: center;
|
| 2187 |
+
align-items: center;
|
| 2188 |
+
box-sizing: border-box;
|
| 2189 |
+
}
|
| 2190 |
+
.ctf-fb-extpp-get-btn{
|
| 2191 |
+
color: #fff;
|
| 2192 |
+
background: var(--cl-orange);
|
| 2193 |
+
}
|
| 2194 |
+
.ctf-fb-extpp-demo-btn{
|
| 2195 |
+
border: 2px solid #DCDDE1;
|
| 2196 |
+
background: #F3F4F5;
|
| 2197 |
+
}
|
| 2198 |
+
|
| 2199 |
+
/*
|
| 2200 |
+
Feed Type Creation Process : Single Album;
|
| 2201 |
+
*/
|
| 2202 |
+
.ctf-fb-section-wh-insd{
|
| 2203 |
+
display: flex;
|
| 2204 |
+
}
|
| 2205 |
+
.ctf-fb-sglelm-inp-ctn{
|
| 2206 |
+
margin-top: 100px;
|
| 2207 |
+
}
|
| 2208 |
+
|
| 2209 |
+
.ctf-fb-sglelm-inp-ctn input[type="text"]{
|
| 2210 |
+
height: 44px;
|
| 2211 |
+
}
|
| 2212 |
+
.ctf-fb-section-wh.ctf-fb-sglelm-ctn {
|
| 2213 |
+
padding: 20px 21px 24px 30px;
|
| 2214 |
+
}
|
| 2215 |
+
.ctf-fb-section-wh.ctf-fb-sglelm-ctn .ctf-fb-section-wh-insd {
|
| 2216 |
+
padding: 0;
|
| 2217 |
+
}
|
| 2218 |
+
.ctf-fb-sglelm-inp-ctn input[type="text"]::placeholder{
|
| 2219 |
+
font-style: normal;
|
| 2220 |
+
font-weight: normal;
|
| 2221 |
+
font-size: 16px;
|
| 2222 |
+
line-height: 160%;
|
| 2223 |
+
color: #8C8F9A;
|
| 2224 |
+
}
|
| 2225 |
+
.ctf-fb-sglelm-error-icon{
|
| 2226 |
+
width: 23px;
|
| 2227 |
+
height: 23px;
|
| 2228 |
+
background: var(--error-red);
|
| 2229 |
+
font-family: monospace;
|
| 2230 |
+
font-weight: 900;
|
| 2231 |
+
color: #fff;
|
| 2232 |
+
font-size: 15px;
|
| 2233 |
+
position: absolute;
|
| 2234 |
+
right: 10px;
|
| 2235 |
+
top: 10px;
|
| 2236 |
+
z-index: 999999999999999999;
|
| 2237 |
+
border-radius: 50px;
|
| 2238 |
+
display: flex;
|
| 2239 |
+
justify-content: center;
|
| 2240 |
+
align-items: center;
|
| 2241 |
+
}
|
| 2242 |
+
.ctf-fb-sglelm-errormsg{
|
| 2243 |
+
color: var(--error-red);
|
| 2244 |
+
font-weight: 800;
|
| 2245 |
+
}
|
| 2246 |
+
.ctf-fb-sglelm-inp-ctn .ctf-fb-wh-inp{
|
| 2247 |
+
margin-bottom: 10px;
|
| 2248 |
+
}
|
| 2249 |
+
.ctf-fb-sglelm-left{
|
| 2250 |
+
padding-right: 100px;
|
| 2251 |
+
}
|
| 2252 |
+
.ctf-fb-sglelm-img-ctn{
|
| 2253 |
+
background:#E8E8EB;
|
| 2254 |
+
height: 350px;
|
| 2255 |
+
display: flex;
|
| 2256 |
+
justify-content: center;
|
| 2257 |
+
align-items: center;
|
| 2258 |
+
text-align: center;
|
| 2259 |
+
flex-direction: column;
|
| 2260 |
+
padding: 100px 50px;
|
| 2261 |
+
border: 1px solid #D0D1D7;
|
| 2262 |
+
box-sizing: border-box;
|
| 2263 |
+
}
|
| 2264 |
+
.ctf-fb-sglelm-img-ctn.ctf-fb-sglelm-img-pf{
|
| 2265 |
+
padding: 100px 35px;
|
| 2266 |
+
}
|
| 2267 |
+
.ctf-fb-sglelm-img-ctn strong{
|
| 2268 |
+
font-size: 16px;
|
| 2269 |
+
color: #434960;
|
| 2270 |
+
margin-bottom: 8px;
|
| 2271 |
+
margin-top: 30px;
|
| 2272 |
+
}
|
| 2273 |
+
.ctf-fb-sglelm-img-ctn span{
|
| 2274 |
+
font-size: 14px;
|
| 2275 |
+
line-height:1.6em;
|
| 2276 |
+
color: #8C8F9A;
|
| 2277 |
+
}
|
| 2278 |
+
.ctf-fb-sglelm-right{
|
| 2279 |
+
width: 445px
|
| 2280 |
+
}
|
| 2281 |
+
.ctf-fb-sglelm-img-errorctn span{
|
| 2282 |
+
padding: 0 20px;
|
| 2283 |
+
color: #434960;
|
| 2284 |
+
font-size: 20px;
|
| 2285 |
+
margin-top: 30px;
|
| 2286 |
+
line-height: 1.2em;
|
| 2287 |
+
}
|
| 2288 |
+
.ctf-fb-sglelm-preview{
|
| 2289 |
+
height: 375px;
|
| 2290 |
+
background-color: #141B38;
|
| 2291 |
+
background-position: center center;
|
| 2292 |
+
background-size: cover;
|
| 2293 |
+
display: flex;
|
| 2294 |
+
justify-content: center;
|
| 2295 |
+
align-items: flex-end;
|
| 2296 |
+
color: #fff;
|
| 2297 |
+
}
|
| 2298 |
+
.ctf-fb-sglelm-preview:after{
|
| 2299 |
+
content: '';
|
| 2300 |
+
position: absolute;
|
| 2301 |
+
width: 100%; height: 100%;
|
| 2302 |
+
background-image: linear-gradient(to bottom, rgba(0,0,0,0) , rgba(0,0,0,.5));
|
| 2303 |
+
}
|
| 2304 |
+
.ctf-fb-sglelm-prev-info{
|
| 2305 |
+
width: 100%;
|
| 2306 |
+
padding: 20px 30px;
|
| 2307 |
+
padding-bottom: 40px;
|
| 2308 |
+
display: flex;
|
| 2309 |
+
justify-content: center;
|
| 2310 |
+
align-items: center;
|
| 2311 |
+
text-align: center;
|
| 2312 |
+
flex-direction: column;
|
| 2313 |
+
z-index: 2;
|
| 2314 |
+
}
|
| 2315 |
+
.ctf-fb-sglelm-prev-info strong{
|
| 2316 |
+
font-size: 18px;
|
| 2317 |
+
margin-bottom: 5px;
|
| 2318 |
+
}
|
| 2319 |
+
.ctf-fb-sglelm-prev-info span{
|
| 2320 |
+
font-size: 16px;
|
| 2321 |
+
line-height: 1.7em;
|
| 2322 |
+
}
|
| 2323 |
+
|
| 2324 |
+
|
| 2325 |
+
/*
|
| 2326 |
+
Feeds List
|
| 2327 |
+
*/
|
| 2328 |
+
#ctf-builder-app .ctf-fb-select,
|
| 2329 |
+
#ctf-builder-app .ctf-fb-select:hover,
|
| 2330 |
+
#ctf-builder-app .ctf-fb-select:focus{
|
| 2331 |
+
border-radius: 0px!important;
|
| 2332 |
+
border: 1px solid #D0D1D7!important;
|
| 2333 |
+
outline: unset!important;
|
| 2334 |
+
float: left;
|
| 2335 |
+
min-height: auto;
|
| 2336 |
+
padding: 6px 31px 6px 8px;
|
| 2337 |
+
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%;
|
| 2338 |
+
background-size: 10px 6px;
|
| 2339 |
+
}
|
| 2340 |
+
.ctf-fd-lst-bulk-ctn > *{
|
| 2341 |
+
float: left;
|
| 2342 |
+
margin-right: 10px;
|
| 2343 |
+
}
|
| 2344 |
+
.ctf-fd-lst-bulk-ctn{
|
| 2345 |
+
margin-bottom: 8px;
|
| 2346 |
+
}
|
| 2347 |
+
.ctf-fd-lst-pagination-ctn{
|
| 2348 |
+
float: right;
|
| 2349 |
+
display: flex;
|
| 2350 |
+
align-items: center;
|
| 2351 |
+
margin-top: 10px;
|
| 2352 |
+
}
|
| 2353 |
+
.ctf-fd-lst-pgnt-btn{
|
| 2354 |
+
height: 30px;
|
| 2355 |
+
padding: 0 8px;
|
| 2356 |
+
cursor: pointer;
|
| 2357 |
+
border-radius: 3px;
|
| 2358 |
+
}
|
| 2359 |
+
.ctf-fd-lst-pgnt-info{
|
| 2360 |
+
display: inline-block;
|
| 2361 |
+
padding: 0 3px;
|
| 2362 |
+
}
|
| 2363 |
+
.ctf-fd-lst-count{
|
| 2364 |
+
margin-right: 10px;
|
| 2365 |
+
}
|
| 2366 |
+
.ctf-feeds-list table{
|
| 2367 |
+
width: 100%;
|
| 2368 |
+
text-align: left;
|
| 2369 |
+
border-spacing: 0px;
|
| 2370 |
+
box-sizing: border-box;
|
| 2371 |
+
box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05), 0px 4px 5px rgba(0, 0, 0, 0.05);
|
| 2372 |
+
background: #fff;
|
| 2373 |
+
}
|
| 2374 |
+
|
| 2375 |
+
.ctf-feeds-list table a{
|
| 2376 |
+
cursor: pointer;
|
| 2377 |
+
}
|
| 2378 |
+
.ctf-fd-lst-tbody tr:nth-child(odd){
|
| 2379 |
+
background: #F3F4F5;
|
| 2380 |
+
}
|
| 2381 |
+
.ctf-fd-lst-tbody tr td{
|
| 2382 |
+
position: relative;
|
| 2383 |
+
vertical-align: top;
|
| 2384 |
+
padding: 12px 5px;
|
| 2385 |
+
font-size: 16px;
|
| 2386 |
+
}
|
| 2387 |
+
.ctf-feeds-list table tr td:first-child {
|
| 2388 |
+
width: 30px;
|
| 2389 |
+
}
|
| 2390 |
+
.ctf-fd-lst-thtf{
|
| 2391 |
+
background: #fff;
|
| 2392 |
+
}
|
| 2393 |
+
.ctf-fd-lst-thtf th, .ctf-fd-lst-thtf td{
|
| 2394 |
+
padding: 6px 5px;
|
| 2395 |
+
}
|
| 2396 |
+
.ctf-fd-lst-thtf th{
|
| 2397 |
+
border-bottom: 1px solid #DCDDE1;
|
| 2398 |
+
}
|
| 2399 |
+
.ctf-fd-lst-thtf td{
|
| 2400 |
+
border-top: 1px solid #DCDDE1;
|
| 2401 |
+
}
|
| 2402 |
+
.ctf-fd-lst-chkbx{
|
| 2403 |
+
width: 11px;
|
| 2404 |
+
height: 11px;
|
| 2405 |
+
position: relative;
|
| 2406 |
+
border-radius: 2px;
|
| 2407 |
+
border: 1px solid #97A6BA;
|
| 2408 |
+
background: #fff;
|
| 2409 |
+
cursor: pointer;
|
| 2410 |
+
margin-left: 10px;
|
| 2411 |
+
}
|
| 2412 |
+
tbody .ctf-fd-lst-chkbx {
|
| 2413 |
+
position: absolute;
|
| 2414 |
+
top: 15px;
|
| 2415 |
+
left: 5px;
|
| 2416 |
+
bottom: 0;
|
| 2417 |
+
right: 0;
|
| 2418 |
+
}
|
| 2419 |
+
.ctf-fd-lst-thtf .ctf-fd-lst-chkbx{
|
| 2420 |
+
width: 11px;
|
| 2421 |
+
height: 11px;
|
| 2422 |
+
border: 1px solid #D8DADD;
|
| 2423 |
+
}
|
| 2424 |
+
.ctf-fd-lst-chkbx[data-active="true"]{
|
| 2425 |
+
background: var(--customizer-blue);
|
| 2426 |
+
border-color: var(--customizer-blue)!important;
|
| 2427 |
+
}
|
| 2428 |
+
.ctf-fd-lst-chkbx[data-active="true"]:before{
|
| 2429 |
+
content: '';
|
| 2430 |
+
position: absolute;
|
| 2431 |
+
width: 6px;
|
| 2432 |
+
height: 3px;
|
| 2433 |
+
left: 2px;
|
| 2434 |
+
top: 2px;
|
| 2435 |
+
border-bottom: 2px solid #fff;
|
| 2436 |
+
border-left: 2px solid #fff;
|
| 2437 |
+
-webkit-transform: rotate(-45deg);
|
| 2438 |
+
transform: rotate(-45deg);
|
| 2439 |
+
}
|
| 2440 |
+
|
| 2441 |
+
|
| 2442 |
+
.ctf-fd-lst-name{
|
| 2443 |
+
font-size: 17px;
|
| 2444 |
+
font-weight:500;
|
| 2445 |
+
color: #0068A0!important;
|
| 2446 |
+
}
|
| 2447 |
+
.ctf-fd-lst-type{
|
| 2448 |
+
display: block;
|
| 2449 |
+
text-transform: capitalize;
|
| 2450 |
+
}
|
| 2451 |
+
.sb-instances-cell {
|
| 2452 |
+
margin-top: 4px;
|
| 2453 |
+
}
|
| 2454 |
+
.ctf-fd-lst-btn{
|
| 2455 |
+
width: 21px;
|
| 2456 |
+
height: 21px;
|
| 2457 |
+
display: inline-flex;
|
| 2458 |
+
justify-content: center;
|
| 2459 |
+
align-items: center;
|
| 2460 |
+
margin: 0 4px;
|
| 2461 |
+
cursor: pointer;
|
| 2462 |
+
color: #141B38;
|
| 2463 |
+
border-radius: 2px;
|
| 2464 |
+
border: 1px solid #D8DADD;
|
| 2465 |
+
-webkit-transition: all .2s ease-in-out;
|
| 2466 |
+
transition: all .2s ease-in-out;
|
| 2467 |
+
background: #fff;
|
| 2468 |
+
}
|
| 2469 |
+
.ctf-fd-lst-btn svg {
|
| 2470 |
+
height: 13px;
|
| 2471 |
+
}
|
| 2472 |
+
.ctf-fd-lst-actions .ctf-fd-lst-btn,
|
| 2473 |
+
.ctf-fb-inst-tbl-ctn .ctf-fd-lst-btn{
|
| 2474 |
+
box-sizing: border-box;
|
| 2475 |
+
width: 36px;
|
| 2476 |
+
height: 32px;
|
| 2477 |
+
background: transparent;
|
| 2478 |
+
}
|
| 2479 |
+
.ctf-fd-lst-actions .ctf-fd-lst-btn {
|
| 2480 |
+
margin: 0 4px 0 0;
|
| 2481 |
+
}
|
| 2482 |
+
.ctf-fd-lst-actions .ctf-fd-lst-btn:last-child {
|
| 2483 |
+
margin: 0;
|
| 2484 |
+
}
|
| 2485 |
+
.ctf-fd-lst-actions .ctf-fd-lst-btn svg {
|
| 2486 |
+
width: 12px;
|
| 2487 |
+
height: 16px;
|
| 2488 |
+
}
|
| 2489 |
+
.ctf-fd-lst-btn-delete{
|
| 2490 |
+
color: #D72C2C;
|
| 2491 |
+
border-color: #FBD5D5;
|
| 2492 |
+
}
|
| 2493 |
+
.ctf-fd-lst-btn-delete[data-greyed="true"],
|
| 2494 |
+
.ctf-fd-lst-btn-delete[data-greyed="true"]:hover{
|
| 2495 |
+
color: #8C8F9A!important;
|
| 2496 |
+
border-color: #E8E8EB!important;
|
| 2497 |
+
background: #fff!important;
|
| 2498 |
+
}
|
| 2499 |
+
.ctf-fd-lst-btn-delete[data-greyed="true"] svg,
|
| 2500 |
+
.ctf-fd-lst-btn-delete[data-greyed="true"]:hover svg{
|
| 2501 |
+
color: #8C8F9A!important;
|
| 2502 |
+
}
|
| 2503 |
+
|
| 2504 |
+
.ctf-fd-lst-btn-delete[data-greyed="true"] .ctf-fb-tltp-elem,
|
| 2505 |
+
.ctf-fb-feedtypes-popup .ctf-fb-type-el[data-active="true"] .ctf-fb-tltp-elem{
|
| 2506 |
+
background: #fff;
|
| 2507 |
+
color: #141B38;
|
| 2508 |
+
font-weight: 400;
|
| 2509 |
+
box-shadow: 0 1px 2px #ccc;
|
| 2510 |
+
margin-left: -9px;
|
| 2511 |
+
}
|
| 2512 |
+
.ctf-fd-lst-btn-delete[data-greyed="true"]:hover .ctf-fb-tltp-elem{
|
| 2513 |
+
top: calc(-100% - 31px);
|
| 2514 |
+
}
|
| 2515 |
+
.ctf-fd-lst-btn-delete[data-greyed="true"] .ctf-fb-tltp-elem:after,
|
| 2516 |
+
.ctf-fb-feedtypes-popup .ctf-fb-type-el[data-active="true"] .ctf-fb-tltp-elem:after{
|
| 2517 |
+
background: #fff;
|
| 2518 |
+
box-shadow: -5px 8px 9px #ccc;
|
| 2519 |
+
left: calc(50% - -4px);
|
| 2520 |
+
}
|
| 2521 |
+
|
| 2522 |
+
.ctf-fd-lst-btn svg{
|
| 2523 |
+
fill: currentColor;
|
| 2524 |
+
width: 14px;
|
| 2525 |
+
float: left;
|
| 2526 |
+
}
|
| 2527 |
+
.ctf-fd-lst-actions .ctf-fd-lst-btn:hover svg,
|
| 2528 |
+
.ctf-feedtype-section .ctf-fd-lst-btn-delete:hover svg{
|
| 2529 |
+
color: #fff;
|
| 2530 |
+
}
|
| 2531 |
+
.ctf-fd-lst-actions .ctf-fd-lst-btn:hover{
|
| 2532 |
+
background: #0096CC;
|
| 2533 |
+
border-color: #0096CC;
|
| 2534 |
+
}
|
| 2535 |
+
.ctf-fd-lst-actions .ctf-fd-lst-btn-delete:hover, .ctf-feedtype-section .ctf-fd-lst-btn-delete:hover{
|
| 2536 |
+
background: #D72C2C;
|
| 2537 |
+
border-color: #D72C2C;
|
| 2538 |
+
}
|
| 2539 |
+
.ctf-fd-lst-dimmed .ctf-fd-lst-btn, .ctf-fd-lst-dimmed .ctf-fd-lst-btn:hover{
|
| 2540 |
+
background: #F3F4F5!important;
|
| 2541 |
+
border-color:#D8DADD!important;
|
| 2542 |
+
color: #8C8F9A!important;
|
| 2543 |
+
}
|
| 2544 |
+
.ctf-fd-lst-dimmed .ctf-fd-lst-btn:hover svg{
|
| 2545 |
+
color: #8C8F9A!important;
|
| 2546 |
+
}
|
| 2547 |
+
|
| 2548 |
+
.ctf-fb-tltp-parent{
|
| 2549 |
+
position: relative;
|
| 2550 |
+
}
|
| 2551 |
+
.ctf-fb-view-instances[data-active="true"]{
|
| 2552 |
+
font-weight: 600;
|
| 2553 |
+
text-decoration: underline;
|
| 2554 |
+
cursor: pointer;
|
| 2555 |
+
line-height: 1em;
|
| 2556 |
+
}
|
| 2557 |
+
.ctf-fb-tltp-elem{
|
| 2558 |
+
position: absolute;
|
| 2559 |
+
color: #fff;
|
| 2560 |
+
background: #434960;
|
| 2561 |
+
font-size: 14px;
|
| 2562 |
+
padding: 7px 10px;
|
| 2563 |
+
border-radius: 3px;
|
| 2564 |
+
font-weight:500;
|
| 2565 |
+
z-index: 9;
|
| 2566 |
+
text-align: center;
|
| 2567 |
+
opacity: 0;
|
| 2568 |
+
visibility: hidden;
|
| 2569 |
+
top: calc(-100% - 30px);
|
| 2570 |
+
left: 50%;
|
| 2571 |
+
-webkit-transform: translateX(-50%);
|
| 2572 |
+
transform: translateX(-50%);
|
| 2573 |
+
-webkit-transition: all .2s ease-in-out;
|
| 2574 |
+
transition: all .2s ease-in-out;
|
| 2575 |
+
}
|
| 2576 |
+
.ctf-fb-tltp-elem span{
|
| 2577 |
+
position: relative; z-index: 3;
|
| 2578 |
+
}
|
| 2579 |
+
.ctf-fb-tltp-elem:after{
|
| 2580 |
+
content: '';
|
| 2581 |
+
position: absolute;
|
| 2582 |
+
height: 10px;
|
| 2583 |
+
width: 10px;
|
| 2584 |
+
bottom: -5px;
|
| 2585 |
+
left: calc(50% - 5px);
|
| 2586 |
+
background: #434960;
|
| 2587 |
+
transform: rotate(-45deg);
|
| 2588 |
+
}
|
| 2589 |
+
.ctf-fb-tltp-parent:hover .ctf-fb-tltp-elem {
|
| 2590 |
+
top: calc(-100% - 20px);
|
| 2591 |
+
opacity: 1;
|
| 2592 |
+
visibility: visible;
|
| 2593 |
+
}
|
| 2594 |
+
.ctf-fd-lst-shortcode-cp{
|
| 2595 |
+
margin-left: 10px;
|
| 2596 |
+
}
|
| 2597 |
+
.ctf-fd-lst-act-th{
|
| 2598 |
+
width: 190px;
|
| 2599 |
+
max-width: 190px;
|
| 2600 |
+
}
|
| 2601 |
+
|
| 2602 |
+
/*
|
| 2603 |
+
Feed Instance Popup
|
| 2604 |
+
*/
|
| 2605 |
+
.ctf-fb-popup-feedinst .ctf-fb-source-top{
|
| 2606 |
+
display: flex;
|
| 2607 |
+
align-items: center;
|
| 2608 |
+
}
|
| 2609 |
+
.ctf-fb-popup-feedinst h5{
|
| 2610 |
+
margin-bottom: 0px;
|
| 2611 |
+
float: left;
|
| 2612 |
+
font-size: 27px;
|
| 2613 |
+
}
|
| 2614 |
+
.ctf-fb-fdinst-type{
|
| 2615 |
+
padding: 5px 5px;
|
| 2616 |
+
background: #E8E8EB;
|
| 2617 |
+
margin-left: 12px;
|
| 2618 |
+
float: left;
|
| 2619 |
+
}
|
| 2620 |
+
.ctf-fb-inst-tbl-ctn{
|
| 2621 |
+
padding: 0 23px 63px;
|
| 2622 |
+
}
|
| 2623 |
+
.ctf-fb-inst-tbl-ctn table{
|
| 2624 |
+
width: 100%;
|
| 2625 |
+
border-spacing: unset;
|
| 2626 |
+
box-sizing: border-box;
|
| 2627 |
+
border: 1px solid #DCDDE1;
|
| 2628 |
+
text-align: left;
|
| 2629 |
+
}
|
| 2630 |
+
.ctf-fb-inst-tbl-ctn tfoot,.ctf-fb-inst-tbl-ctn thead{
|
| 2631 |
+
background: #F3F4F5
|
| 2632 |
+
}
|
| 2633 |
+
.ctf-fb-inst-tbl-ctn .ctf-fd-lst-thtf th, .ctf-fb-inst-tbl-ctn .ctf-fd-lst-thtf td{
|
| 2634 |
+
font-size: 13px;
|
| 2635 |
+
color: #364152;
|
| 2636 |
+
padding: 13px 10px;
|
| 2637 |
+
}
|
| 2638 |
+
.ctf-fb-inst-tbl-ctn .ctf-fd-lst-tbody tr:nth-child(odd){
|
| 2639 |
+
background: #fff;
|
| 2640 |
+
}
|
| 2641 |
+
.ctf-fb-inst-tbl-ctn .ctf-fd-lst-tbody tr:nth-child(even){
|
| 2642 |
+
background: #F3F4F5;
|
| 2643 |
+
}
|
| 2644 |
+
.ctf-fb-inst-tbl-ctn .ctf-fd-lst-thtf tr th,
|
| 2645 |
+
.ctf-fb-inst-tbl-ctn .ctf-fd-lst-thtf tr td{
|
| 2646 |
+
padding: 4px 20px;
|
| 2647 |
+
}
|
| 2648 |
+
.ctf-fb-inst-tbl-ctn .ctf-fd-lst-tbody tr td{
|
| 2649 |
+
padding: 11px 20px;
|
| 2650 |
+
}
|
| 2651 |
+
.ctf-fb-inst-tbl-ctn .ctf-fd-lst-name{
|
| 2652 |
+
font-size: 14px;
|
| 2653 |
+
}
|
| 2654 |
+
.ctf-fb-inst-tbl-shrtc{
|
| 2655 |
+
display: flex;
|
| 2656 |
+
align-items: center;
|
| 2657 |
+
}
|
| 2658 |
+
|
| 2659 |
+
.ctf-fd-inst-btn{
|
| 2660 |
+
width: 10px;
|
| 2661 |
+
height: 10px;
|
| 2662 |
+
box-sizing: border-box;
|
| 2663 |
+
border-right: 3px solid #8C8F9A;
|
| 2664 |
+
border-top: 3px solid #8C8F9A;
|
| 2665 |
+
cursor: pointer;
|
| 2666 |
+
-webkit-transform: rotate(45deg);
|
| 2667 |
+
transform: rotate(45deg);
|
| 2668 |
+
}
|
| 2669 |
+
|
| 2670 |
+
/*Legacy Feeds */
|
| 2671 |
+
.ctf-fb-lgc-top-new{
|
| 2672 |
+
color: #141B38;
|
| 2673 |
+
background: #fff;
|
| 2674 |
+
margin: 10px 0px;
|
| 2675 |
+
padding: 15px 20px;
|
| 2676 |
+
display: flex;
|
| 2677 |
+
justify-content: center;
|
| 2678 |
+
align-items: center;
|
| 2679 |
+
font-size: 14px;
|
| 2680 |
+
font-weight: 600;
|
| 2681 |
+
}
|
| 2682 |
+
.ctf-fb-lgc-gr{
|
| 2683 |
+
font-size: 12px;
|
| 2684 |
+
text-transform: uppercase;
|
| 2685 |
+
font-weight: 500;
|
| 2686 |
+
background: #59AB46;
|
| 2687 |
+
color: #fff;
|
| 2688 |
+
margin-right: 10px;
|
| 2689 |
+
padding: 6px 10px;
|
| 2690 |
+
border-radius: 2px;
|
| 2691 |
+
line-height: 1em;
|
| 2692 |
+
}
|
| 2693 |
+
.ctf-fb-lgc-inf-ctn{
|
| 2694 |
+
background: #fff;
|
| 2695 |
+
padding: 0 20px;
|
| 2696 |
+
display: flex;
|
| 2697 |
+
align-items: center;
|
| 2698 |
+
height: 58px;
|
| 2699 |
+
}
|
| 2700 |
+
.ctf-fb-lgc-inf-ctn > h4{
|
| 2701 |
+
margin-right: 10px!important;
|
| 2702 |
+
}
|
| 2703 |
+
|
| 2704 |
+
.ctf-fb-lgc-inf-ctn > *{
|
| 2705 |
+
float: left;
|
| 2706 |
+
display: inline-block;
|
| 2707 |
+
position: relative;
|
| 2708 |
+
}
|
| 2709 |
+
#ctf-builder-app .ctf-fb-lgc-inf-ctn > h4{
|
| 2710 |
+
margin-right: 14px;
|
| 2711 |
+
margin-bottom: 0;
|
| 2712 |
+
}
|
| 2713 |
+
#ctf-builder-app .ctf-fb-lgc-btn-stg{
|
| 2714 |
+
display: flex;
|
| 2715 |
+
margin-left: auto;
|
| 2716 |
+
}
|
| 2717 |
+
.ctf-fd-legacy-feed-toggle{
|
| 2718 |
+
height: 34px;
|
| 2719 |
+
display: flex;
|
| 2720 |
+
justify-content: center;
|
| 2721 |
+
align-items: center;
|
| 2722 |
+
background: #E2F5FF;
|
| 2723 |
+
color:#0068A0;
|
| 2724 |
+
cursor: pointer;
|
| 2725 |
+
font-weight: 600;
|
| 2726 |
+
font-size: 14px;
|
| 2727 |
+
line-height: 160%;
|
| 2728 |
+
}
|
| 2729 |
+
.ctf-fd-legacy-feed-toggle:hover {
|
| 2730 |
+
background: #BFE8FF;
|
| 2731 |
+
}
|
| 2732 |
+
.ctf-fd-legacy-feed-toggle span{
|
| 2733 |
+
display: inline-block;
|
| 2734 |
+
position: relative;
|
| 2735 |
+
padding-right: 20px;
|
| 2736 |
+
margin-left: -20px;
|
| 2737 |
+
}
|
| 2738 |
+
.ctf-fd-legacy-feed-toggle[data-active="true"] span:after{
|
| 2739 |
+
-webkit-transform: rotate(-225deg);
|
| 2740 |
+
transform: rotate(-225deg);
|
| 2741 |
+
top: 7px;
|
| 2742 |
+
}
|
| 2743 |
+
.ctf-feeds-list .ctf-legacy-table-wrap table{
|
| 2744 |
+
box-shadow: none;
|
| 2745 |
+
border-top: 1px solid #DCDDE1;
|
| 2746 |
+
}
|
| 2747 |
+
.ctf-fb-lgc-ctn{
|
| 2748 |
+
box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05), 0px 4px 5px rgba(0, 0, 0, 0.05);
|
| 2749 |
+
margin-bottom: 20px;
|
| 2750 |
+
}
|
| 2751 |
+
|
| 2752 |
+
.ctf-fb-onbrd-infotxt{
|
| 2753 |
+
display: flex;
|
| 2754 |
+
align-items: center;
|
| 2755 |
+
}
|
| 2756 |
+
.ctf-fb-onbrd-infotxt svg{
|
| 2757 |
+
fill: currentColor;
|
| 2758 |
+
width: 16px;
|
| 2759 |
+
display: inline-block;
|
| 2760 |
+
margin-left: 10px;
|
| 2761 |
+
float: left;
|
| 2762 |
+
}
|
| 2763 |
+
|
| 2764 |
+
.ctf-fb-onbrd-tltp-parent{
|
| 2765 |
+
position: relative;
|
| 2766 |
+
}
|
| 2767 |
+
.ctf-fb-onbrd-tltp-elem{
|
| 2768 |
+
position: absolute;
|
| 2769 |
+
z-index: 9;
|
| 2770 |
+
background: #fff;
|
| 2771 |
+
border-radius: 2px;
|
| 2772 |
+
color: #434960;
|
| 2773 |
+
padding: 16px 52px 4px 24px;
|
| 2774 |
+
font-size: 15px;
|
| 2775 |
+
left: -30px;
|
| 2776 |
+
top: calc(100% + 20px);
|
| 2777 |
+
line-height: 1.7em;
|
| 2778 |
+
box-shadow: 0px 1px 18px rgba(0,0,0,.2);
|
| 2779 |
+
display: none;
|
| 2780 |
+
}
|
| 2781 |
+
|
| 2782 |
+
|
| 2783 |
+
|
| 2784 |
+
.ctf-fb-onbrd-tltp-elem[data-active="false"]{
|
| 2785 |
+
display: none;
|
| 2786 |
+
}
|
| 2787 |
+
.ctf-fb-onbrd-tltp-elem[data-active="true"],
|
| 2788 |
+
.ctf-fb-onbrd-tltp-hover:hover .ctf-fb-onbrd-tltp-elem{
|
| 2789 |
+
display: block;
|
| 2790 |
+
min-width: 440px;
|
| 2791 |
+
padding-bottom: 15px;
|
| 2792 |
+
}
|
| 2793 |
+
.ctf-fb-onbrd-tltp-elem .sb-pointer {
|
| 2794 |
+
position: absolute;
|
| 2795 |
+
left: 85px;
|
| 2796 |
+
top: -17px;
|
| 2797 |
+
}
|
| 2798 |
+
.ctf-fb-onbrd-tltp-elem-2 .sb-pointer {
|
| 2799 |
+
left: 485px;
|
| 2800 |
+
|
| 2801 |
+
}
|
| 2802 |
+
.ctf-fb-onbrd-tltp-elem:after{
|
| 2803 |
+
background: #fff;
|
| 2804 |
+
z-index: 999;
|
| 2805 |
+
top: 0px;
|
| 2806 |
+
margin-left: -10px;
|
| 2807 |
+
width: 40px;
|
| 2808 |
+
box-shadow: unset;
|
| 2809 |
+
-webkit-transform: rotate(0deg);
|
| 2810 |
+
transform: rotate(0deg);
|
| 2811 |
+
}
|
| 2812 |
+
.ctf-fb-onbrd-tltp-parent.ctf-fb-onbrd-tltp-center-top .ctf-fb-onbrd-tltp-elem{
|
| 2813 |
+
left: 50%;
|
| 2814 |
+
-webkit-transform:translateX(-50%);
|
| 2815 |
+
transform:translateX(-50%);
|
| 2816 |
+
bottom: calc(100% + 15px);
|
| 2817 |
+
top: unset;
|
| 2818 |
+
padding: 8px 11px;
|
| 2819 |
+
width: 100%;
|
| 2820 |
+
text-align: center;
|
| 2821 |
+
box-shadow: 0 5px 9px rgba(0,0,0,.2), 0 -4px 9px rgba(0,0,0,.1);
|
| 2822 |
+
}
|
| 2823 |
+
.ctf-fb-onbrd-tltp-parent.ctf-fb-onbrd-tltp-center-top .ctf-fb-onbrd-tltp-elem:before {
|
| 2824 |
+
content: '';
|
| 2825 |
+
position: absolute;
|
| 2826 |
+
left: 50%;
|
| 2827 |
+
bottom: -10px;
|
| 2828 |
+
border-top: 12px solid #fff;
|
| 2829 |
+
border-right: 12px solid transparent;
|
| 2830 |
+
border-left: 12px solid transparent;
|
| 2831 |
+
-webkit-transform: translateX(-50%);
|
| 2832 |
+
transform: translateX(-50%);
|
| 2833 |
+
z-index: 2;
|
| 2834 |
+
}
|
| 2835 |
+
.ctf-fb-onbrd-tltp-parent.ctf-fb-onbrd-tltp-center-top .ctf-fb-onbrd-tltp-elem:before,
|
| 2836 |
+
.ctf-fb-onbrd-tltp-parent.ctf-fb-onbrd-tltp-center-top .ctf-fb-onbrd-tltp-elem:after{
|
| 2837 |
+
left: calc(50% - 10px);
|
| 2838 |
+
top: unset;
|
| 2839 |
+
}
|
| 2840 |
+
.ctf-fb-onbrd-tltp-parent.ctf-fb-onbrd-tltp-center-top .ctf-fb-onbrd-tltp-elem:before{
|
| 2841 |
+
bottom: -10px;
|
| 2842 |
+
}
|
| 2843 |
+
.ctf-fb-onbrd-tltp-parent.ctf-fb-onbrd-tltp-center-top .ctf-fb-onbrd-tltp-elem:after{
|
| 2844 |
+
bottom: 0px;
|
| 2845 |
+
}
|
| 2846 |
+
|
| 2847 |
+
|
| 2848 |
+
#ctf-builder-app .ctf-fb-onbrd-tltp-txt{
|
| 2849 |
+
margin: 0px;
|
| 2850 |
+
}
|
| 2851 |
+
.ctf-fb-onbrd-tltp-txt:last-of-type{
|
| 2852 |
+
margin-bottom: 0px;
|
| 2853 |
+
}
|
| 2854 |
+
.ctf-fb-onbrd-tltp-elem .ctf-fb-popup-cls{
|
| 2855 |
+
top: 12px;
|
| 2856 |
+
right: 16px;
|
| 2857 |
+
}
|
| 2858 |
+
|
| 2859 |
+
[data-tltp-pos*="right"] .ctf-fb-onbrd-tltp-elem{
|
| 2860 |
+
right: 50px;
|
| 2861 |
+
left: unset;
|
| 2862 |
+
}
|
| 2863 |
+
[data-tltp-pos*="right"] .ctf-fb-onbrd-tltp-elem:before,
|
| 2864 |
+
[data-tltp-pos*="right"] .ctf-fb-onbrd-tltp-elem:after{
|
| 2865 |
+
left: unset;
|
| 2866 |
+
right: 13%
|
| 2867 |
+
}
|
| 2868 |
+
[data-tltp-pos*="right"] .ctf-fb-onbrd-tltp-elem:after{
|
| 2869 |
+
margin-left: unset;
|
| 2870 |
+
margin-right: -10px;
|
| 2871 |
+
}
|
| 2872 |
+
.ctf-fd-lst-dimmed .ctf-fb-onbrd-tltp-elem{
|
| 2873 |
+
top: 100%;
|
| 2874 |
+
}
|
| 2875 |
+
.ctf-fb-cp-clpboard{
|
| 2876 |
+
width: 0px;
|
| 2877 |
+
height: 0px;
|
| 2878 |
+
position: absolute;
|
| 2879 |
+
left: -100000px;
|
| 2880 |
+
}
|
| 2881 |
+
.ctf-fb-copied{
|
| 2882 |
+
position: fixed;
|
| 2883 |
+
z-index: 9999999;
|
| 2884 |
+
background: #010101;
|
| 2885 |
+
color: #fff;
|
| 2886 |
+
line-height: 1em;
|
| 2887 |
+
font-size: 15px;
|
| 2888 |
+
font-weight: 500;
|
| 2889 |
+
padding: 10px 20px;
|
| 2890 |
+
opacity: 0;
|
| 2891 |
+
visibility: hidden;
|
| 2892 |
+
-webkit-transition: all .2s ease-in-out, opacity .4s ease-in-out;
|
| 2893 |
+
transition: all .2s ease-in-out, opacity .4s ease-in-out;
|
| 2894 |
+
left: 50%;
|
| 2895 |
+
bottom: -20px;
|
| 2896 |
+
-webkit-transform: translateX(-50%);
|
| 2897 |
+
transform: translateX(-50%);
|
| 2898 |
+
}
|
| 2899 |
+
.ctf-fb-copied[data-active="true"]{
|
| 2900 |
+
opacity: 1;
|
| 2901 |
+
visibility: visible;
|
| 2902 |
+
bottom: 20px;
|
| 2903 |
+
}
|
| 2904 |
+
|
| 2905 |
+
/*
|
| 2906 |
+
****
|
| 2907 |
+
customizer Screens
|
| 2908 |
+
****
|
| 2909 |
+
*/
|
| 2910 |
+
.sb-customizer-ctn{
|
| 2911 |
+
/*margin-top: 52px;*/
|
| 2912 |
+
min-height: 100vh;
|
| 2913 |
+
}
|
| 2914 |
+
.sb-customizer-sidebar{
|
| 2915 |
+
position: fixed;
|
| 2916 |
+
z-index: 100;
|
| 2917 |
+
width: 375px;
|
| 2918 |
+
box-shadow: 4px 0px 14px rgba(0, 0, 0, .05), 1px 0px 4px rgba(0, 0, 0, .1);
|
| 2919 |
+
background: #fff;
|
| 2920 |
+
left: 160px;
|
| 2921 |
+
top: 96px;
|
| 2922 |
+
overflow: auto;
|
| 2923 |
+
bottom: 0px;
|
| 2924 |
+
padding-bottom: 50px;
|
| 2925 |
+
}
|
| 2926 |
+
.jetpack-masterbar .sb-customizer-sidebar {
|
| 2927 |
+
left: 272px;
|
| 2928 |
+
}
|
| 2929 |
+
body.folded .sb-customizer-sidebar{
|
| 2930 |
+
left: 36px;
|
| 2931 |
+
}
|
| 2932 |
+
|
| 2933 |
+
.sb-customizer-sidebar-tab-ctn{
|
| 2934 |
+
display: flex;
|
| 2935 |
+
justify-content: center;
|
| 2936 |
+
align-items: center;
|
| 2937 |
+
margin-bottom: 24px;
|
| 2938 |
+
}
|
| 2939 |
+
.sb-customizer-sidebar-tab{
|
| 2940 |
+
width: 50%;
|
| 2941 |
+
height: 56px;
|
| 2942 |
+
background: #F3F4F5;
|
| 2943 |
+
border-bottom: 2px solid #F3F4F5;
|
| 2944 |
+
display: flex;
|
| 2945 |
+
justify-content: center;
|
| 2946 |
+
align-items: center;
|
| 2947 |
+
cursor: pointer;
|
| 2948 |
+
}
|
| 2949 |
+
.sb-customizer-sidebar-tab[data-active="true"]{
|
| 2950 |
+
border-color: #0096CC;
|
| 2951 |
+
}
|
| 2952 |
+
.sb-customizer-sidebar-tab:hover {
|
| 2953 |
+
background: #fff!important;
|
| 2954 |
+
color: #141B38!important;
|
| 2955 |
+
}
|
| 2956 |
+
.sb-customizer-sidebar-intro {
|
| 2957 |
+
display: block;
|
| 2958 |
+
padding: 5px 0 10px 0;
|
| 2959 |
+
line-height: 1.7 !important;
|
| 2960 |
+
}
|
| 2961 |
+
.sb-customizer-sidebar-sec1 a:hover {
|
| 2962 |
+
text-decoration: underline;
|
| 2963 |
+
cursor: pointer;
|
| 2964 |
+
}
|
| 2965 |
+
.sb-breadcrumb-pro-label{
|
| 2966 |
+
color: #fff !important;
|
| 2967 |
+
display: inline-block;
|
| 2968 |
+
background: var(--cl-orange);
|
| 2969 |
+
padding: 5px 8px;
|
| 2970 |
+
font-size: 11px;
|
| 2971 |
+
line-height: 1em !important;
|
| 2972 |
+
border-radius: 4px;
|
| 2973 |
+
-webkit-transform: translateX(5px) translateY(-4px);
|
| 2974 |
+
transform: translateX(8px) translateY(-2px);
|
| 2975 |
+
}
|
| 2976 |
+
.sb-control-elem-label .sb-breadcrumb-pro-label{
|
| 2977 |
+
-webkit-transform: translateX(5px) translateY(0px);
|
| 2978 |
+
transform: translateX(5px) translateY(0px);
|
| 2979 |
+
}
|
| 2980 |
+
.sb-customizer-sidebar-sec-el{
|
| 2981 |
+
height: 52px;
|
| 2982 |
+
cursor: pointer;
|
| 2983 |
+
display: flex;
|
| 2984 |
+
align-items: center;
|
| 2985 |
+
color: #141B38;
|
| 2986 |
+
border-bottom: 1px solid #DCDDE1;
|
| 2987 |
+
-webkit-transition: background .2s ease-in-out;
|
| 2988 |
+
transition: background .2s ease-in-out;
|
| 2989 |
+
padding: 0 20px;
|
| 2990 |
+
}
|
| 2991 |
+
.sb-customizer-sidebar-sec-el:hover{
|
| 2992 |
+
background: #F3F4F5;
|
| 2993 |
+
border-bottom: 1px solid #F3F4F5;
|
| 2994 |
+
}
|
| 2995 |
+
.sb-customizer-sidebar-sec-el .sb-customizer-chevron svg{
|
| 2996 |
+
position: absolute;
|
| 2997 |
+
right: 22px;
|
| 2998 |
+
top: 22px;
|
| 2999 |
+
}
|
| 3000 |
+
.sb-customizer-sidebar-sec-el-icon{
|
| 3001 |
+
margin-right: 15px;
|
| 3002 |
+
width: 30px;
|
| 3003 |
+
height: 30px;
|
| 3004 |
+
display: flex;
|
| 3005 |
+
justify-content: center;
|
| 3006 |
+
align-items: center;
|
| 3007 |
+
}
|
| 3008 |
+
.sb-customizer-sidebar-sec-el-icon svg{
|
| 3009 |
+
width: 20px;
|
| 3010 |
+
float: left;
|
| 3011 |
+
fill: currentColor;
|
| 3012 |
+
}
|
| 3013 |
+
.sb-customizer-sidebar-sec-elhead{
|
| 3014 |
+
height: 50px;
|
| 3015 |
+
padding: 0 20px;
|
| 3016 |
+
display: flex;
|
| 3017 |
+
align-items: center;
|
| 3018 |
+
margin-top: 30px;
|
| 3019 |
+
font-style: normal;
|
| 3020 |
+
font-weight: bold;
|
| 3021 |
+
font-size: 12px;
|
| 3022 |
+
line-height: 160%;
|
| 3023 |
+
letter-spacing: 0.05em;
|
| 3024 |
+
text-transform: uppercase;
|
| 3025 |
+
color: #8C8F9A;
|
| 3026 |
+
}
|
| 3027 |
+
.sb-customizer-sidebar-sec-elhead[data-header-id="empty_sections"]{
|
| 3028 |
+
height: 5px;
|
| 3029 |
+
}
|
| 3030 |
+
.sb-customizer-sidebar-header{
|
| 3031 |
+
padding: 20px 20px;
|
| 3032 |
+
border-bottom: 1px solid #DCDDE1;
|
| 3033 |
+
}
|
| 3034 |
+
.sb-customizer-sidebar-header[data-separator="none"]{
|
| 3035 |
+
border-bottom: 0px!important;
|
| 3036 |
+
padding-bottom: 0px;
|
| 3037 |
+
}
|
| 3038 |
+
|
| 3039 |
+
.sb-customizer-sidebar-breadcrumb{
|
| 3040 |
+
margin-bottom: 15px;
|
| 3041 |
+
}
|
| 3042 |
+
.sb-customizer-sidebar-breadcrumb a, .sb-customizer-sidebar-breadcrumb span{
|
| 3043 |
+
display: inline-block;
|
| 3044 |
+
position: relative;
|
| 3045 |
+
cursor: pointer;
|
| 3046 |
+
color: #434960;
|
| 3047 |
+
text-transform: uppercase;
|
| 3048 |
+
font-size: 10px;
|
| 3049 |
+
line-height: 160%;
|
| 3050 |
+
letter-spacing: 0.08em;
|
| 3051 |
+
padding: 0 17px;
|
| 3052 |
+
height: 20px;
|
| 3053 |
+
font-weight: 600;
|
| 3054 |
+
}
|
| 3055 |
+
.sb-customizer-sidebar-breadcrumb span{
|
| 3056 |
+
cursor: text;
|
| 3057 |
+
}
|
| 3058 |
+
.sb-customizer-sidebar-breadcrumb svg {
|
| 3059 |
+
position: absolute;
|
| 3060 |
+
left: 4px;
|
| 3061 |
+
top: 6px;
|
| 3062 |
+
|
| 3063 |
+
}
|
| 3064 |
+
|
| 3065 |
+
|
| 3066 |
+
.sb-customizer-sidebar-header strong{
|
| 3067 |
+
font-size: 26px;
|
| 3068 |
+
color: #141B38;
|
| 3069 |
+
display: block;
|
| 3070 |
+
margin-bottom: 10px;
|
| 3071 |
+
line-height: 1.1em;
|
| 3072 |
+
}
|
| 3073 |
+
.sb-customizer-sidebar-header span{
|
| 3074 |
+
line-height: 1em;
|
| 3075 |
+
color: #434960;
|
| 3076 |
+
}
|
| 3077 |
+
.sb-customizer-ctrl-link{
|
| 3078 |
+
text-decoration: underline!important;
|
| 3079 |
+
}
|
| 3080 |
+
/*
|
| 3081 |
+
Controls Style
|
| 3082 |
+
*/
|
| 3083 |
+
.sb-control-label[data-title="true"]{
|
| 3084 |
+
font-weight: 600;
|
| 3085 |
+
}
|
| 3086 |
+
|
| 3087 |
+
.sb-control-elem-ctn{
|
| 3088 |
+
display: flex;
|
| 3089 |
+
color: #141B38;
|
| 3090 |
+
padding: 20px 20px;
|
| 3091 |
+
}
|
| 3092 |
+
.sb-control-elem-ctn[data-stacked="true"]{
|
| 3093 |
+
padding: 5px 20px;
|
| 3094 |
+
}
|
| 3095 |
+
.sb-control-elem-ctn[data-type="heading"]{
|
| 3096 |
+
padding-bottom: 0;
|
| 3097 |
+
}
|
| 3098 |
+
.sb-control-elem-overlay{
|
| 3099 |
+
width: 100%!important;
|
| 3100 |
+
height: 100%!important;
|
| 3101 |
+
position: absolute!important;
|
| 3102 |
+
left: 0!important;
|
| 3103 |
+
top: 0!important;
|
| 3104 |
+
z-index: 5!important;
|
| 3105 |
+
background: rgba(255,255,255,0.4)!important;
|
| 3106 |
+
}
|
| 3107 |
+
#ctf-builder-app .sb-control-elem-ctn[data-type="heading"] .sb-small-p{
|
| 3108 |
+
font-weight: 600;
|
| 3109 |
+
}
|
| 3110 |
+
#ctf-builder-app .sb-control-elem-ctn[data-type="heading"] .sb-control-elem-description{
|
| 3111 |
+
font-style: normal;
|
| 3112 |
+
font-weight: normal;
|
| 3113 |
+
font-size: 12px;
|
| 3114 |
+
line-height: 150%;
|
| 3115 |
+
color: #434960;
|
| 3116 |
+
}
|
| 3117 |
+
#ctf-builder-app .sb-control-elem-ctn[data-type="heading"] .sb-control-elem-label {
|
| 3118 |
+
margin-bottom: 0;
|
| 3119 |
+
}
|
| 3120 |
+
.sb-control-elem-heading svg {
|
| 3121 |
+
margin-left: 8px;
|
| 3122 |
+
}
|
| 3123 |
+
.sb-control-elem-ctn[data-separator="top"],.sb-control-elem-ctn[data-separator="both"]{
|
| 3124 |
+
border-top: 1px solid #DCDDE1;
|
| 3125 |
+
}
|
| 3126 |
+
.sb-control-elem-ctn[data-separator="bottom"],.sb-control-elem-ctn[data-separator="both"]{
|
| 3127 |
+
border-bottom: 1px solid #DCDDE1;
|
| 3128 |
+
}
|
| 3129 |
+
.sb-control-elem-ctn[data-type="separator"]{
|
| 3130 |
+
padding: 0;
|
| 3131 |
+
}
|
| 3132 |
+
.sb-control-elem-separator{
|
| 3133 |
+
height: 2px;
|
| 3134 |
+
border-top: 1px solid #DCDDE1;
|
| 3135 |
+
}
|
| 3136 |
+
|
| 3137 |
+
.sb-control-elem-ctn[data-reverse="true"]{
|
| 3138 |
+
flex-direction: row-reverse;
|
| 3139 |
+
}
|
| 3140 |
+
.sb-control-elem-ctn[data-reverse="true"] .sb-control-elem-label{
|
| 3141 |
+
flex: 1;
|
| 3142 |
+
}
|
| 3143 |
+
.sb-control-elem-ctn svg{
|
| 3144 |
+
fill: currentColor;
|
| 3145 |
+
}
|
| 3146 |
+
.sb-control-elem-output{
|
| 3147 |
+
padding-left: 20px;
|
| 3148 |
+
}
|
| 3149 |
+
.sb-control-elem-ctn[data-reverse="true"] .sb-control-elem-output{
|
| 3150 |
+
padding-right: 20px;
|
| 3151 |
+
padding-left: 0px;
|
| 3152 |
+
}
|
| 3153 |
+
.sb-control-elem-ctn[data-layout="block"]{
|
| 3154 |
+
display: block;
|
| 3155 |
+
}
|
| 3156 |
+
.sb-control-elem-ctn[data-layout="block"] .sb-control-elem-label{
|
| 3157 |
+
width: 100%;
|
| 3158 |
+
float: left;
|
| 3159 |
+
margin-bottom: 8px;
|
| 3160 |
+
}
|
| 3161 |
+
.sb-control-elem-ctn[data-layout="block"] .sb-control-elem-output{
|
| 3162 |
+
padding: 0px;
|
| 3163 |
+
}
|
| 3164 |
+
.sb-control-elem-ctn[data-layout="block"] input[type="number"] {
|
| 3165 |
+
height: 36px;
|
| 3166 |
+
background: #FFFFFF;
|
| 3167 |
+
border-radius: 1px 0 0 1px !important;
|
| 3168 |
+
/*border-right-color: #F3F4F5 !important;*/
|
| 3169 |
+
}
|
| 3170 |
+
.sb-control-elem-ctn[data-layout="block"] [data-contains-suffix="true"] input[type="number"]{
|
| 3171 |
+
border-right-color: #F3F4F5 !important;
|
| 3172 |
+
}
|
| 3173 |
+
.sb-control-elem-ctn[data-child="true"]{
|
| 3174 |
+
padding-left: 70px;
|
| 3175 |
+
}
|
| 3176 |
+
|
| 3177 |
+
.sb-control-elem-ctn[data-layout="half"]{
|
| 3178 |
+
align-items: center;
|
| 3179 |
+
justify-content: flex-start;
|
| 3180 |
+
}
|
| 3181 |
+
.sb-control-elem-ctn[data-layout="half"][data-switcher-top="true"]{
|
| 3182 |
+
align-items: flex-start!important;
|
| 3183 |
+
}
|
| 3184 |
+
.sb-control-elem-ctn[data-layout="half"][data-switcher-top="true"] .sb-control-switcher-ctn{
|
| 3185 |
+
margin-top: 5px;
|
| 3186 |
+
}
|
| 3187 |
+
.sb-control-elem-ctn[data-layout="half"] > div{
|
| 3188 |
+
width: 100%;
|
| 3189 |
+
}
|
| 3190 |
+
.sb-control-elem-ctn[data-type="switcher"][data-reverse="true"][data-layout="half"] > div{
|
| 3191 |
+
width: unset;
|
| 3192 |
+
}
|
| 3193 |
+
.sb-control-elem-ctn[data-layout="half"][data-reverse="true"]{
|
| 3194 |
+
justify-content: flex-end;
|
| 3195 |
+
}
|
| 3196 |
+
[data-type="switcher"][data-reverse="true"][data-layout="half"] .sb-control-elem-output{
|
| 3197 |
+
padding-right: 5px;
|
| 3198 |
+
|
| 3199 |
+
}
|
| 3200 |
+
.sb-control-elem-label-title{
|
| 3201 |
+
display: flex;
|
| 3202 |
+
align-items: center;
|
| 3203 |
+
}
|
| 3204 |
+
.sb-control-elem-description{
|
| 3205 |
+
color: #434960;
|
| 3206 |
+
font-size: 13px;
|
| 3207 |
+
float: left;
|
| 3208 |
+
margin-top: 4px;
|
| 3209 |
+
}
|
| 3210 |
+
.sb-control-elem-ctn[data-align-description="true"] .sb-control-elem-description{
|
| 3211 |
+
padding-left: 45px;
|
| 3212 |
+
}
|
| 3213 |
+
.sb-control-elem-ctn[data-heading="strong"] .sb-control-elem-heading{
|
| 3214 |
+
font-weight: 500!important;
|
| 3215 |
+
}
|
| 3216 |
+
.sb-control-elem-heading[data-underline="true"]{
|
| 3217 |
+
text-decoration: underline;
|
| 3218 |
+
}
|
| 3219 |
+
.sb-control-elem-icon{
|
| 3220 |
+
display: flex;
|
| 3221 |
+
justify-content: center;
|
| 3222 |
+
align-items: center;
|
| 3223 |
+
}
|
| 3224 |
+
.sb-control-elem-icon svg{
|
| 3225 |
+
width: 16px;
|
| 3226 |
+
float: left;
|
| 3227 |
+
margin-right: 10px;
|
| 3228 |
+
}
|
| 3229 |
+
.sb-control-elem-tltp{
|
| 3230 |
+
margin-left: 10px;
|
| 3231 |
+
position: relative;
|
| 3232 |
+
}
|
| 3233 |
+
.sb-control-elem-tltp-icon{
|
| 3234 |
+
float: left;
|
| 3235 |
+
cursor: pointer;
|
| 3236 |
+
}
|
| 3237 |
+
.sb-control-elem-tltp-icon svg{
|
| 3238 |
+
width: 14px;
|
| 3239 |
+
float: left;
|
| 3240 |
+
}
|
| 3241 |
+
|
| 3242 |
+
/*Switcher Control*/
|
| 3243 |
+
.sb-control-switcher-ctn{
|
| 3244 |
+
cursor: pointer;
|
| 3245 |
+
display: flex;
|
| 3246 |
+
align-items: center;
|
| 3247 |
+
float: left;
|
| 3248 |
+
}
|
| 3249 |
+
.sb-control-switcher{
|
| 3250 |
+
width: 36px;
|
| 3251 |
+
height: 18px;
|
| 3252 |
+
border-radius: 25px;
|
| 3253 |
+
background: #D0D1D7;
|
| 3254 |
+
position: relative;
|
| 3255 |
+
margin-right: 10px;
|
| 3256 |
+
}
|
| 3257 |
+
|
| 3258 |
+
.sb-control-switcher:before{
|
| 3259 |
+
content: '';
|
| 3260 |
+
position: absolute;
|
| 3261 |
+
height: 14px;
|
| 3262 |
+
width: 14px;
|
| 3263 |
+
left: 3px;
|
| 3264 |
+
top: 2px;
|
| 3265 |
+
border-radius: 25px;
|
| 3266 |
+
background: #fff;
|
| 3267 |
+
box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.25);
|
| 3268 |
+
-webkit-transition: all .2s ease-in-out;
|
| 3269 |
+
transition: all .2s ease-in-out;
|
| 3270 |
+
}
|
| 3271 |
+
.sb-control-switcher-ctn[data-active="true"] .sb-control-switcher{
|
| 3272 |
+
background: var(--customizer-blue);
|
| 3273 |
+
}
|
| 3274 |
+
.sb-control-switcher-ctn[data-active="true"] .sb-control-switcher:before{
|
| 3275 |
+
left: 19px;
|
| 3276 |
+
}
|
| 3277 |
+
|
| 3278 |
+
/*Toggle SINGLE Control*/
|
| 3279 |
+
.sb-control-toggle-elm{
|
| 3280 |
+
display: flex;
|
| 3281 |
+
align-items: center;
|
| 3282 |
+
cursor: pointer;
|
| 3283 |
+
height: 46px;
|
| 3284 |
+
padding: 0 15px;
|
| 3285 |
+
border-right: 1px solid #E8E8EB;
|
| 3286 |
+
border-left: 1px solid #E8E8EB;
|
| 3287 |
+
border-bottom: 1px solid #E8E8EB;
|
| 3288 |
+
}
|
| 3289 |
+
.sb-control-toggle-elm:first-child {
|
| 3290 |
+
border-top: 1px solid #E8E8EB;
|
| 3291 |
+
}
|
| 3292 |
+
.sb-control-toggle-elm[data-disabled="true"]{
|
| 3293 |
+
background: #F3F4F5;
|
| 3294 |
+
}
|
| 3295 |
+
.sb-control-toggle-extension-cover{
|
| 3296 |
+
width: 100%;
|
| 3297 |
+
height: 100%;
|
| 3298 |
+
position: absolute;
|
| 3299 |
+
left: 0px;
|
| 3300 |
+
top: 0;
|
| 3301 |
+
cursor: pointer;
|
| 3302 |
+
z-index: 4;
|
| 3303 |
+
|
| 3304 |
+
}
|
| 3305 |
+
|
| 3306 |
+
.sb-control-toggle-deco{
|
| 3307 |
+
width: 16px;
|
| 3308 |
+
height: 16px;
|
| 3309 |
+
margin-right: 13px;
|
| 3310 |
+
box-sizing: border-box;
|
| 3311 |
+
border-radius: 50%;
|
| 3312 |
+
border: 2px solid #d0d1d7;
|
| 3313 |
+
}
|
| 3314 |
+
.sb-control-toggle-icon{
|
| 3315 |
+
display: flex;
|
| 3316 |
+
justify-content: center;
|
| 3317 |
+
align-items: center;
|
| 3318 |
+
margin-right: 13px;
|
| 3319 |
+
}
|
| 3320 |
+
.sb-control-toggle-icon svg{
|
| 3321 |
+
width: 16px;
|
| 3322 |
+
float: left;
|
| 3323 |
+
fill: #141B38;
|
| 3324 |
+
}
|
| 3325 |
+
.sb-control-toggle-elm[data-active="true"]{
|
| 3326 |
+
background: #F7FDFF;
|
| 3327 |
+
border-radius: 2px;
|
| 3328 |
+
border: 1px solid var(--customizer-blue);
|
| 3329 |
+
}
|
| 3330 |
+
.sb-control-toggle-elm[data-active="true"]{
|
| 3331 |
+
background: #F7FDFF;
|
| 3332 |
+
border-radius: 2px;
|
| 3333 |
+
border: 1px solid var(--customizer-blue);
|
| 3334 |
+
}
|
| 3335 |
+
.sb-control-toggle-elm:hover:not(.sb-control-toggle-elm[data-disabled="true"]) .sb-control-toggle-deco,
|
| 3336 |
+
.sb-control-toggle-elm[data-active="true"]:not(.sb-control-toggle-elm[data-disabled="true"]):hover .sb-control-toggle-deco{
|
| 3337 |
+
border: 4px solid var(--customizer-blue);
|
| 3338 |
+
background: #fff;
|
| 3339 |
+
}
|
| 3340 |
+
.sb-control-toggle-elm[data-active="true"] .sb-control-toggle-deco{
|
| 3341 |
+
border: 6px solid var(--customizer-blue);
|
| 3342 |
+
background: #fff;
|
| 3343 |
+
}
|
| 3344 |
+
|
| 3345 |
+
/*Toggle SET Control*/
|
| 3346 |
+
.sb-control-toggle-set-ctn .sb-control-toggle-elm[data-active="true"]{
|
| 3347 |
+
border-radius: 0px;
|
| 3348 |
+
}
|
| 3349 |
+
|
| 3350 |
+
/*Toggle Button Control*/
|
| 3351 |
+
.sb-control-togglebutton-ctn{
|
| 3352 |
+
display: flex;
|
| 3353 |
+
align-items: center;
|
| 3354 |
+
justify-content: center;
|
| 3355 |
+
padding: 3px;
|
| 3356 |
+
background: #f3f4f5;
|
| 3357 |
+
border-radius: 4px;
|
| 3358 |
+
border: 1px solid #eee;
|
| 3359 |
+
height: 40px;
|
| 3360 |
+
}
|
| 3361 |
+
.sb-control-togglebutton-elm{
|
| 3362 |
+
width: 100%;
|
| 3363 |
+
display: flex;
|
| 3364 |
+
justify-content: center;
|
| 3365 |
+
align-items: center;
|
| 3366 |
+
height: 33px;
|
| 3367 |
+
cursor: pointer;
|
| 3368 |
+
font-weight: 600;
|
| 3369 |
+
border-radius: 4px;
|
| 3370 |
+
text-transform: capitalize;
|
| 3371 |
+
line-height: 1em;
|
| 3372 |
+
}
|
| 3373 |
+
.sb-control-togglebutton-elm[data-active="true"]{
|
| 3374 |
+
color: var(--dark-blue);
|
| 3375 |
+
background: #fff;
|
| 3376 |
+
}
|
| 3377 |
+
.sb-control-togglebutton-elm:hover{
|
| 3378 |
+
color: var(--dark-blue);
|
| 3379 |
+
}
|
| 3380 |
+
|
| 3381 |
+
.sb-control-toggle-set-desc-ctn .sb-control-label{
|
| 3382 |
+
font-weight: 600;
|
| 3383 |
+
}
|
| 3384 |
+
.sb-control-toggle-set-desc-ctn .sb-control-toggle-elm{
|
| 3385 |
+
height: 82px;
|
| 3386 |
+
}
|
| 3387 |
+
|
| 3388 |
+
.sb-control-toggle-set-desc-ctn .sb-control-toggle-deco{
|
| 3389 |
+
flex-grow: 0;
|
| 3390 |
+
flex-shrink: 0;
|
| 3391 |
+
}
|
| 3392 |
+
.sb-control-moderatiomode-selement .sb-control-elem-label-title{
|
| 3393 |
+
margin-bottom: 15px;
|
| 3394 |
+
}
|
| 3395 |
+
.sb-control-moderatiomode-selement{
|
| 3396 |
+
margin-bottom: 20px;
|
| 3397 |
+
padding: 20px 0px;
|
| 3398 |
+
}
|
| 3399 |
+
|
| 3400 |
+
/*Input Control*/
|
| 3401 |
+
.sb-control-input-ctn{
|
| 3402 |
+
display: flex;
|
| 3403 |
+
}
|
| 3404 |
+
.sb-control-input,.sb-control-input-textrea{
|
| 3405 |
+
height: 40px;
|
| 3406 |
+
background: #fff;
|
| 3407 |
+
border: 1px solid #D0D1D7!important;
|
| 3408 |
+
border-radius: unset!important;
|
| 3409 |
+
outline: unset!important;
|
| 3410 |
+
padding: 0 10px!important;
|
| 3411 |
+
line-height: 1em;
|
| 3412 |
+
margin: 0px;
|
| 3413 |
+
}
|
| 3414 |
+
.sb-control-input-textrea{
|
| 3415 |
+
padding: 10px!important;
|
| 3416 |
+
height: 120px;
|
| 3417 |
+
line-height: 1.5em;
|
| 3418 |
+
}
|
| 3419 |
+
.sb-control-input:hover{
|
| 3420 |
+
color: inherit!important;
|
| 3421 |
+
}
|
| 3422 |
+
.sb-control-input:focus,.sb-control-input-textrea:focus{
|
| 3423 |
+
border: 1px solid #8C8F9A!important;
|
| 3424 |
+
border-radius: unset!important;
|
| 3425 |
+
box-shadow: unset!important;
|
| 3426 |
+
outline: unset!important;
|
| 3427 |
+
}
|
| 3428 |
+
.sb-control-input[disabled],.sb-control-input-textrea[disabled]{
|
| 3429 |
+
background-color: #F3F4F5;
|
| 3430 |
+
border: 1px solid #E8E8EB;
|
| 3431 |
+
}
|
| 3432 |
+
.sb-control-input-info{
|
| 3433 |
+
display: flex;
|
| 3434 |
+
justify-content: center;
|
| 3435 |
+
align-items: center;
|
| 3436 |
+
background: #F3F4F5;
|
| 3437 |
+
padding: 0 8px;
|
| 3438 |
+
font-weight: normal;
|
| 3439 |
+
font-size: 14px;
|
| 3440 |
+
line-height: 160%;
|
| 3441 |
+
color: #434960;
|
| 3442 |
+
border: 1px solid #D0D1D7;
|
| 3443 |
+
border-left: none;
|
| 3444 |
+
border-radius: 0 1px 1px 0 !important;
|
| 3445 |
+
}
|
| 3446 |
+
|
| 3447 |
+
/*ImageChooser Control*/
|
| 3448 |
+
.sb-control-imagechooser-ctn{
|
| 3449 |
+
display: flex;
|
| 3450 |
+
background: #F3F4F5;
|
| 3451 |
+
border: 1px solid #ccc!important;
|
| 3452 |
+
height: 40px;
|
| 3453 |
+
}
|
| 3454 |
+
|
| 3455 |
+
.sb-control-imagechooser-input,
|
| 3456 |
+
.sb-control-imagechooser-input:focus{
|
| 3457 |
+
outline: none!important;
|
| 3458 |
+
border: none!important;
|
| 3459 |
+
box-shadow: none!important;
|
| 3460 |
+
background: none!important;
|
| 3461 |
+
height: 40px;
|
| 3462 |
+
}
|
| 3463 |
+
.sb-control-imagechooser-btn svg{
|
| 3464 |
+
width: 18px;
|
| 3465 |
+
margin-right: 5px;
|
| 3466 |
+
float: left;
|
| 3467 |
+
}
|
| 3468 |
+
.sb-control-imagechooser-btn{
|
| 3469 |
+
display: flex;
|
| 3470 |
+
justify-content: center;
|
| 3471 |
+
align-items: center;
|
| 3472 |
+
padding: 0 10px;
|
| 3473 |
+
cursor: pointer;
|
| 3474 |
+
border-left: 1px solid #ccc!important;
|
| 3475 |
+
font-weight: 500;
|
| 3476 |
+
color: #141B38;
|
| 3477 |
+
}
|
| 3478 |
+
.sb-control-imagechooser-clear{
|
| 3479 |
+
position: absolute;
|
| 3480 |
+
right: 4px;
|
| 3481 |
+
top: 10px;
|
| 3482 |
+
}
|
| 3483 |
+
.sb-control-imagechooser-clear-icon{
|
| 3484 |
+
position: relative;
|
| 3485 |
+
width: 20px;
|
| 3486 |
+
height: 20px;
|
| 3487 |
+
color: #141B38;
|
| 3488 |
+
cursor: pointer;
|
| 3489 |
+
opacity: 0.5;
|
| 3490 |
+
}
|
| 3491 |
+
.sb-control-imagechooser-clear-icon:hover{
|
| 3492 |
+
opacity: 1;
|
| 3493 |
+
}
|
| 3494 |
+
.sb-control-imagechooser-clear-icon:before,
|
| 3495 |
+
.sb-control-imagechooser-clear-icon:after{
|
| 3496 |
+
content: '';
|
| 3497 |
+
position: absolute;
|
| 3498 |
+
width: 16px;
|
| 3499 |
+
height: 2px;
|
| 3500 |
+
background: currentColor;
|
| 3501 |
+
left: 2px;
|
| 3502 |
+
top: 9px;
|
| 3503 |
+
-webkit-transform:rotate(45deg);
|
| 3504 |
+
transform:rotate(45deg);
|
| 3505 |
+
}
|
| 3506 |
+
.sb-control-imagechooser-clear-icon:after{
|
| 3507 |
+
-webkit-transform:rotate(-45deg);
|
| 3508 |
+
transform:rotate(-45deg);
|
| 3509 |
+
}
|
| 3510 |
+
.sb-control-imagechooser-padding{
|
| 3511 |
+
padding-right: 31px!important;
|
| 3512 |
+
}
|
| 3513 |
+
|
| 3514 |
+
/*CheckBox Control*/
|
| 3515 |
+
.sb-control-checkbox-ctn{
|
| 3516 |
+
cursor: pointer;
|
| 3517 |
+
display: flex;
|
| 3518 |
+
}
|
| 3519 |
+
.sb-control-checkbox{
|
| 3520 |
+
width: 18px;
|
| 3521 |
+
height: 18px;
|
| 3522 |
+
border-radius: 2px;
|
| 3523 |
+
float: left;
|
| 3524 |
+
border: 2px solid #D0D1D7;
|
| 3525 |
+
box-sizing: border-box;
|
| 3526 |
+
position: relative;
|
| 3527 |
+
margin-right: 10px;
|
| 3528 |
+
flex: none;
|
| 3529 |
+
}
|
| 3530 |
+
.sb-control-checkbox-ctn > div{
|
| 3531 |
+
z-index: 3;
|
| 3532 |
+
}
|
| 3533 |
+
.sb-control-checkbox-ctn:hover .sb-control-checkbox-hover{
|
| 3534 |
+
opacity: 1;
|
| 3535 |
+
}
|
| 3536 |
+
.sb-control-checkbox-hover{
|
| 3537 |
+
position: absolute;
|
| 3538 |
+
left: -20px;
|
| 3539 |
+
top: 0px;
|
| 3540 |
+
width: calc(100% + 40px);
|
| 3541 |
+
height: 100%;
|
| 3542 |
+
background:#F3F4F5;
|
| 3543 |
+
z-index: 1;
|
| 3544 |
+
opacity: 0;
|
| 3545 |
+
}
|
| 3546 |
+
|
| 3547 |
+
.sb-control-checkbox{
|
| 3548 |
+
z-index: 5!important;
|
| 3549 |
+
}
|
| 3550 |
+
|
| 3551 |
+
|
| 3552 |
+
.sb-control-checkbox[data-active="true"]{
|
| 3553 |
+
background: var(--customizer-blue);
|
| 3554 |
+
border-color: var(--customizer-blue);
|
| 3555 |
+
color: #fff;
|
| 3556 |
+
}
|
| 3557 |
+
.sb-control-checkbox[data-active="true"]:before{
|
| 3558 |
+
content: '';
|
| 3559 |
+
position: absolute;
|
| 3560 |
+
width: 8px;
|
| 3561 |
+
height: 4px;
|
| 3562 |
+
top: 2px;
|
| 3563 |
+
left: 2px;
|
| 3564 |
+
border-left: 2px solid currentColor;
|
| 3565 |
+
border-bottom: 2px solid currentColor;
|
| 3566 |
+
-webkit-transform: rotate(-45deg);
|
| 3567 |
+
transform: rotate(-45deg);
|
| 3568 |
+
}
|
| 3569 |
+
|
| 3570 |
+
|
| 3571 |
+
/*Action Button Control*/
|
| 3572 |
+
.sb-control-action-button{
|
| 3573 |
+
height: 38px;
|
| 3574 |
+
cursor: pointer;
|
| 3575 |
+
display: flex;
|
| 3576 |
+
flex-direction: row;
|
| 3577 |
+
justify-content: center;
|
| 3578 |
+
align-items: center;
|
| 3579 |
+
background: #F3F4F5;
|
| 3580 |
+
border-radius: 2px;
|
| 3581 |
+
border: 1px solid #DCDDE1;
|
| 3582 |
+
position: relative;
|
| 3583 |
+
line-height: 1em;
|
| 3584 |
+
margin-top: 7px;
|
| 3585 |
+
}
|
| 3586 |
+
|
| 3587 |
+
.sb-control-action-button div{
|
| 3588 |
+
float: left;
|
| 3589 |
+
width: 20px;
|
| 3590 |
+
height: 20px;
|
| 3591 |
+
display: flex;
|
| 3592 |
+
justify-content: center;
|
| 3593 |
+
align-items: center;
|
| 3594 |
+
margin-right: 8px;
|
| 3595 |
+
}
|
| 3596 |
+
.sb-control-action-button svg{
|
| 3597 |
+
width: 17px;
|
| 3598 |
+
}
|
| 3599 |
+
|
| 3600 |
+
/* WPColorPicker Control Redesign */
|
| 3601 |
+
.sb-control-colorpicker-ctn .wp-picker-default{
|
| 3602 |
+
display: none!important;
|
| 3603 |
+
}
|
| 3604 |
+
.sb-control-colorpicker-ctn .minicolors-theme-default.minicolors{
|
| 3605 |
+
width: 100%;
|
| 3606 |
+
}
|
| 3607 |
+
|
| 3608 |
+
.sb-control-colorpicker-ctn .minicolors-theme-default.minicolors-position-right .minicolors-swatch {
|
| 3609 |
+
/*
|
| 3610 |
+
left: auto;
|
| 3611 |
+
right: 6px;
|
| 3612 |
+
top: 6px;
|
| 3613 |
+
width: 26px;
|
| 3614 |
+
height: 26px;
|
| 3615 |
+
background: #F9F9FA;
|
| 3616 |
+
border: 0px;
|
| 3617 |
+
*/
|
| 3618 |
+
|
| 3619 |
+
left: auto;
|
| 3620 |
+
right: 1px;
|
| 3621 |
+
top: 1px;
|
| 3622 |
+
width: 35px;
|
| 3623 |
+
height: 35px;
|
| 3624 |
+
background: #F9F9FA;
|
| 3625 |
+
border: 0px;
|
| 3626 |
+
}
|
| 3627 |
+
.minicolors-swatch-color{
|
| 3628 |
+
box-shadow: none;
|
| 3629 |
+
}
|
| 3630 |
+
.sb-control-colorpicker-ctn .minicolors-input,.sb-control-colorpicker-ctn .minicolors-input:focus{
|
| 3631 |
+
height: 37px;
|
| 3632 |
+
width: 100%!important;
|
| 3633 |
+
background: #fff;
|
| 3634 |
+
border: 1px solid #D0D1D7!important;
|
| 3635 |
+
border-radius: unset!important;
|
| 3636 |
+
outline: unset!important;
|
| 3637 |
+
box-shadow: unset!important;
|
| 3638 |
+
padding: 0 10px!important;
|
| 3639 |
+
line-height: 1em;
|
| 3640 |
+
margin: 0px;
|
| 3641 |
+
}
|
| 3642 |
+
.sb-control-colorpicker-ctn .minicolors-input:focus{
|
| 3643 |
+
border: 1px solid #0096CC!important;
|
| 3644 |
+
}
|
| 3645 |
+
|
| 3646 |
+
[data-type="colorpicker"] .minicolors-input{
|
| 3647 |
+
font-size: 13px;
|
| 3648 |
+
}
|
| 3649 |
+
[data-type="colorpicker"] .minicolors-input{
|
| 3650 |
+
font-style: normal;
|
| 3651 |
+
font-weight: normal;
|
| 3652 |
+
font-size: 12px;
|
| 3653 |
+
line-height: 150%;
|
| 3654 |
+
color: #434960;
|
| 3655 |
+
}
|
| 3656 |
+
|
| 3657 |
+
.sb-control-colorpicker-btn{
|
| 3658 |
+
height: 38px;
|
| 3659 |
+
display: flex;
|
| 3660 |
+
justify-content: center;
|
| 3661 |
+
align-items: center;
|
| 3662 |
+
border: 1px solid #DCDDE1;
|
| 3663 |
+
border-left: 0px;
|
| 3664 |
+
padding: 0 10px;
|
| 3665 |
+
background: #F3F4F5;
|
| 3666 |
+
font-style: normal;
|
| 3667 |
+
font-weight: 600;
|
| 3668 |
+
font-size: 12px;
|
| 3669 |
+
line-height: 160%;
|
| 3670 |
+
color: #141B38;
|
| 3671 |
+
cursor: pointer;
|
| 3672 |
+
box-sizing: border-box;
|
| 3673 |
+
}
|
| 3674 |
+
.sb-control-colorpicker-ctn[data-picker-style="reset"] .minicolors-input,
|
| 3675 |
+
.sb-control-coloroverride-ctn{
|
| 3676 |
+
background: #F3F4F5!important;
|
| 3677 |
+
border: 1px solid #DCDDE1!important;
|
| 3678 |
+
}
|
| 3679 |
+
.sb-control-colorpicker-ctn[data-picker-style="reset"] .minicolors-theme-default.minicolors-position-right .minicolors-swatch,
|
| 3680 |
+
.sb-control-coloroverride-ctn .sb-control-coloroverride-swatch{
|
| 3681 |
+
top: 8px;
|
| 3682 |
+
width: 22px;
|
| 3683 |
+
height: 22px;
|
| 3684 |
+
}
|
| 3685 |
+
.sb-control-coloroverride-ctn .sb-control-coloroverride-swatch{
|
| 3686 |
+
position: absolute;
|
| 3687 |
+
right: 10px;
|
| 3688 |
+
}
|
| 3689 |
+
.sb-control-coloroverride-ctn .sb-control-colorpicker-btn{
|
| 3690 |
+
margin-left: auto;
|
| 3691 |
+
border: 0px!important;
|
| 3692 |
+
border-left: 1px solid #DCDDE1!important;
|
| 3693 |
+
}
|
| 3694 |
+
.sb-control-coloroverride-ctn .sb-control-coloroverride-content{
|
| 3695 |
+
width: 100%;
|
| 3696 |
+
display: flex;
|
| 3697 |
+
align-items: center;
|
| 3698 |
+
position: relative;
|
| 3699 |
+
}
|
| 3700 |
+
.sb-control-coloroverride-ctn .sb-control-coloroverride-txt{
|
| 3701 |
+
padding-left: 9px;
|
| 3702 |
+
box-sizing: border-box;
|
| 3703 |
+
}
|
| 3704 |
+
|
| 3705 |
+
/*
|
| 3706 |
+
Customizer Preview
|
| 3707 |
+
*/
|
| 3708 |
+
.sb-customizer-preview{
|
| 3709 |
+
min-height: 100px;
|
| 3710 |
+
width: calc(100% - 375px);
|
| 3711 |
+
float: right;
|
| 3712 |
+
box-sizing: border-box;
|
| 3713 |
+
padding: 0 20px;
|
| 3714 |
+
display: flex;
|
| 3715 |
+
justify-content: center;
|
| 3716 |
+
margin-top: 64px;
|
| 3717 |
+
position: relative;
|
| 3718 |
+
flex-wrap: wrap;
|
| 3719 |
+
}
|
| 3720 |
+
.sb-customizer-preview .ctf-admin-notices{
|
| 3721 |
+
margin-top: 20px;
|
| 3722 |
+
width: 100%;
|
| 3723 |
+
}
|
| 3724 |
+
.sb-customizer-preview .license-details-modal .ctf-modal-content {
|
| 3725 |
+
max-height: none;
|
| 3726 |
+
height: auto;
|
| 3727 |
+
}
|
| 3728 |
+
.sb-customizer-preview .ctf-sb-modal-body .sb-why-renew-list:nth-child(3) {
|
| 3729 |
+
margin-bottom: 0;
|
| 3730 |
+
}
|
| 3731 |
+
.sb-customizer-preview .ctf-sb-modal-body .sb-why-renew-list:last-child {
|
| 3732 |
+
margin-bottom: 0;
|
| 3733 |
+
}
|
| 3734 |
+
.sb-customizer-preview[data-preview-device="desktop"] .sb-preview-ctn{
|
| 3735 |
+
width: 100%;
|
| 3736 |
+
max-width: 1200px;
|
| 3737 |
+
}
|
| 3738 |
+
.sb-customizer-preview[data-preview-device="tablet"] .sb-preview-ctn{
|
| 3739 |
+
max-width: 100%;
|
| 3740 |
+
width: 800px;
|
| 3741 |
+
}
|
| 3742 |
+
.sb-customizer-preview[data-preview-device="mobile"] .sb-preview-ctn{
|
| 3743 |
+
max-width: 100%;
|
| 3744 |
+
width: 400px;
|
| 3745 |
+
}
|
| 3746 |
+
.ctf-preview-ctn {
|
| 3747 |
+
padding: 10px;
|
| 3748 |
+
}
|
| 3749 |
+
|
| 3750 |
+
.sb-preview-top-chooser{
|
| 3751 |
+
padding: 18px 0 16px;
|
| 3752 |
+
display: flex;
|
| 3753 |
+
color: #434960;
|
| 3754 |
+
align-items: center;
|
| 3755 |
+
}
|
| 3756 |
+
.sb-preview-top-chooser strong{
|
| 3757 |
+
font-style: normal;
|
| 3758 |
+
font-weight: bold;
|
| 3759 |
+
font-size: 12px;
|
| 3760 |
+
line-height: 160%;
|
| 3761 |
+
letter-spacing: 0.05em;
|
| 3762 |
+
text-transform: uppercase;
|
| 3763 |
+
color: #434960;
|
| 3764 |
+
display: inline-flex;
|
| 3765 |
+
}
|
| 3766 |
+
.ctf-moderate-heading{
|
| 3767 |
+
margin-top: 21px;
|
| 3768 |
+
}
|
| 3769 |
+
.sb-preview-top-chooser strong > svg{
|
| 3770 |
+
margin-right: 10px;
|
| 3771 |
+
margin-left: 16px;
|
| 3772 |
+
fill: currentColor;
|
| 3773 |
+
width: 20px;
|
| 3774 |
+
}
|
| 3775 |
+
|
| 3776 |
+
.sb-preview-chooser{
|
| 3777 |
+
height: 36px;
|
| 3778 |
+
background: #E8E8EB;
|
| 3779 |
+
margin-left: auto;
|
| 3780 |
+
padding: 0 2px;
|
| 3781 |
+
border-radius: 1px;
|
| 3782 |
+
display: flex;
|
| 3783 |
+
justify-content: center;
|
| 3784 |
+
align-items: center;
|
| 3785 |
+
}
|
| 3786 |
+
.sb-preview-chooser-btn,.sb-preview-chooser-btn:focus{
|
| 3787 |
+
width: 40px;
|
| 3788 |
+
height: 32px;
|
| 3789 |
+
display: flex;
|
| 3790 |
+
justify-content: center;
|
| 3791 |
+
align-items: center;
|
| 3792 |
+
cursor: pointer;
|
| 3793 |
+
float: left;
|
| 3794 |
+
border: 0;
|
| 3795 |
+
background: unset;
|
| 3796 |
+
outline: none;
|
| 3797 |
+
}
|
| 3798 |
+
|
| 3799 |
+
.sb-preview-chooser-btn svg{
|
| 3800 |
+
width: 15px;
|
| 3801 |
+
fill: currentColor;
|
| 3802 |
+
float: left;
|
| 3803 |
+
}
|
| 3804 |
+
.sb-preview-chooser-btn.sb-mobilee svg{
|
| 3805 |
+
width: 9px;
|
| 3806 |
+
fill: currentColor;
|
| 3807 |
+
float: left;
|
| 3808 |
+
}
|
| 3809 |
+
.sb-preview-chooser-btn[data-active="true"],
|
| 3810 |
+
.sb-preview-chooser-btn:hover{
|
| 3811 |
+
background: #fff!important;
|
| 3812 |
+
box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.25);
|
| 3813 |
+
border-radius: 1px;
|
| 3814 |
+
}
|
| 3815 |
+
|
| 3816 |
+
.sb-control-checkboxsection-header{
|
| 3817 |
+
width: 100%;
|
| 3818 |
+
margin-top: 25px;
|
| 3819 |
+
display: flex;
|
| 3820 |
+
align-items: center;
|
| 3821 |
+
text-transform: uppercase;
|
| 3822 |
+
font-size: 13px;
|
| 3823 |
+
padding-bottom: 15px;
|
| 3824 |
+
position: relative;
|
| 3825 |
+
}
|
| 3826 |
+
.sb-control-checkboxsection-header:before{
|
| 3827 |
+
content: '';
|
| 3828 |
+
position: absolute;
|
| 3829 |
+
left: -20px;
|
| 3830 |
+
width: calc(100% + 40px);
|
| 3831 |
+
height: 1px;
|
| 3832 |
+
background: #DCDDE1;
|
| 3833 |
+
bottom: 0px;
|
| 3834 |
+
}
|
| 3835 |
+
.sb-control-checkboxsection-name{
|
| 3836 |
+
display: flex;
|
| 3837 |
+
align-items: center;
|
| 3838 |
+
}
|
| 3839 |
+
.sb-control-checkboxsection-header svg{
|
| 3840 |
+
width: 20px;
|
| 3841 |
+
margin-right: 7px;
|
| 3842 |
+
fill: #434960;
|
| 3843 |
+
float: left;
|
| 3844 |
+
}
|
| 3845 |
+
.sb-control-checkboxsection-header > strong{
|
| 3846 |
+
margin-left: auto;
|
| 3847 |
+
}
|
| 3848 |
+
[data-type="checkboxsection"] .sb-control-checkbox-ctn{
|
| 3849 |
+
align-items: center;
|
| 3850 |
+
height: 50px;
|
| 3851 |
+
}
|
| 3852 |
+
[data-type="checkboxsection"] {
|
| 3853 |
+
padding: 0 20px !important;
|
| 3854 |
+
}
|
| 3855 |
+
[data-type="checkboxsection"] .sb-control-elem-label{
|
| 3856 |
+
display: none;
|
| 3857 |
+
}
|
| 3858 |
+
[data-type="checkboxsection"] strong{
|
| 3859 |
+
color: #434960
|
| 3860 |
+
}
|
| 3861 |
+
[data-type="checkboxsection"] [data-active="true"] strong{
|
| 3862 |
+
color: #141B38;
|
| 3863 |
+
}
|
| 3864 |
+
.sb-control-checkboxsection-btn{
|
| 3865 |
+
width: 21px;
|
| 3866 |
+
height: 21px;
|
| 3867 |
+
position: relative;
|
| 3868 |
+
cursor: pointer;
|
| 3869 |
+
}
|
| 3870 |
+
.sb-control-checkboxsection-btn:before{
|
| 3871 |
+
content: '';
|
| 3872 |
+
position: absolute;
|
| 3873 |
+
width: 7px;
|
| 3874 |
+
height: 7px;
|
| 3875 |
+
left: 5px;
|
| 3876 |
+
top: 7px;
|
| 3877 |
+
border-right: 2px solid #8C8F9A;
|
| 3878 |
+
border-bottom: 2px solid #8C8F9A;
|
| 3879 |
+
-webkit-transform: rotate(-45deg);
|
| 3880 |
+
transform: rotate(-45deg);
|
| 3881 |
+
}
|
| 3882 |
+
|
| 3883 |
+
/*CheckBox List*/
|
| 3884 |
+
[data-type="checkboxlist"] .sb-control-checkbox-ctn{
|
| 3885 |
+
margin-bottom: 10px!important;
|
| 3886 |
+
}
|
| 3887 |
+
[data-type="checkboxlist"] .sb-control-checkbox-ctn .sb-control-label{
|
| 3888 |
+
font-style: normal;
|
| 3889 |
+
font-weight: normal;
|
| 3890 |
+
font-size: 14px;
|
| 3891 |
+
line-height: 160%;
|
| 3892 |
+
}
|
| 3893 |
+
|
| 3894 |
+
/*Source Controls*/
|
| 3895 |
+
.sb-control-sources-ctn .ctf-fb-srcs-item{
|
| 3896 |
+
box-sizing: border-box;
|
| 3897 |
+
position: relative;
|
| 3898 |
+
cursor: auto;
|
| 3899 |
+
display: block;
|
| 3900 |
+
height: auto;
|
| 3901 |
+
border: 1px solid #E7E7E9;
|
| 3902 |
+
min-height: 60px;
|
| 3903 |
+
overflow: auto;
|
| 3904 |
+
margin-top: 0px;
|
| 3905 |
+
}
|
| 3906 |
+
.ctf-fb-srcs-item-ins{
|
| 3907 |
+
cursor: pointer;
|
| 3908 |
+
display: flex;
|
| 3909 |
+
height: 62px;
|
| 3910 |
+
padding: 0 10px;
|
| 3911 |
+
position: relative;
|
| 3912 |
+
}
|
| 3913 |
+
.sb-control-src-icon{
|
| 3914 |
+
width: 20px;
|
| 3915 |
+
height: 20px;
|
| 3916 |
+
position: absolute;
|
| 3917 |
+
right: 10px;
|
| 3918 |
+
top: 10px;
|
| 3919 |
+
z-index: 2;
|
| 3920 |
+
cursor: pointer;
|
| 3921 |
+
display: flex;
|
| 3922 |
+
justify-content: center;
|
| 3923 |
+
align-items: center;
|
| 3924 |
+
}
|
| 3925 |
+
.sb-control-src-icon svg{
|
| 3926 |
+
width: 13px;
|
| 3927 |
+
float: left;
|
| 3928 |
+
}
|
| 3929 |
+
[data-expanded="true"] .sb-control-src-expand svg,.ctf-fb-srcs-info {
|
| 3930 |
+
display: none
|
| 3931 |
+
}
|
| 3932 |
+
.sb-control-src-expand-chevron{
|
| 3933 |
+
width: 7px;
|
| 3934 |
+
height: 7px;
|
| 3935 |
+
border-left: 2px solid currentColor;
|
| 3936 |
+
border-top: 2px solid currentColor;
|
| 3937 |
+
-webkit-transform: rotate(45deg);
|
| 3938 |
+
transform: rotate(45deg);
|
| 3939 |
+
display: none;
|
| 3940 |
+
}
|
| 3941 |
+
[data-expanded="true"] .sb-control-src-expand-chevron,[data-expanded="true"] .ctf-fb-srcs-info {
|
| 3942 |
+
display: block;
|
| 3943 |
+
}
|
| 3944 |
+
.sb-control-src-remove svg{
|
| 3945 |
+
width: 11px;
|
| 3946 |
+
fill: var(--error-red);
|
| 3947 |
+
}
|
| 3948 |
+
.sb-control-sources-ctn[data-multifeed="true"] .sb-control-src-expand {
|
| 3949 |
+
right: 30px;
|
| 3950 |
+
}
|
| 3951 |
+
.sb-control-elem-output .sb-control-src-expand:hover {
|
| 3952 |
+
background: #F3F4F5;
|
| 3953 |
+
border-radius: 3px;
|
| 3954 |
+
}
|
| 3955 |
+
.sb-control-elem-output .sb-control-src-expand:hover path{
|
| 3956 |
+
fill: #111;
|
| 3957 |
+
}
|
| 3958 |
+
|
| 3959 |
+
.sb-control-sources-ctn .ctf-fb-srcs-item .ctf-fb-srcs-item-name{
|
| 3960 |
+
font-size: 17px;
|
| 3961 |
+
line-height: 1em;
|
| 3962 |
+
margin-bottom: 3px;
|
| 3963 |
+
}
|
| 3964 |
+
|
| 3965 |
+
.ctf-fb-srcs-info-item{
|
| 3966 |
+
display: flex;
|
| 3967 |
+
border-top: 1px solid #E7E7E9;
|
| 3968 |
+
box-sizing: border-box;
|
| 3969 |
+
width: 100%;
|
| 3970 |
+
float: left;
|
| 3971 |
+
padding: 8px 10px;
|
| 3972 |
+
}
|
| 3973 |
+
.ctf-fb-srcs-info-item:first-of-type{
|
| 3974 |
+
align-items: center;
|
| 3975 |
+
}
|
| 3976 |
+
.ctf-fb-srcs-info-item strong{
|
| 3977 |
+
font-size: 14px;
|
| 3978 |
+
width: 50px;
|
| 3979 |
+
}
|
| 3980 |
+
.ctf-fb-srcs-info-item span{
|
| 3981 |
+
font-size: 13px;
|
| 3982 |
+
line-height: 1.1em;
|
| 3983 |
+
color: #434960;
|
| 3984 |
+
font-weight: 400;
|
| 3985 |
+
display: inline-block;
|
| 3986 |
+
word-break: break-all;
|
| 3987 |
+
width: calc(100% - 80px);
|
| 3988 |
+
padding: 0 15px;
|
| 3989 |
+
box-sizing: border-box;
|
| 3990 |
+
}
|
| 3991 |
+
.ctf-fb-srcs-info-icon{
|
| 3992 |
+
width: 26px;
|
| 3993 |
+
height: 26px;
|
| 3994 |
+
display: flex;
|
| 3995 |
+
justify-content: center;
|
| 3996 |
+
align-items: center;
|
| 3997 |
+
cursor: pointer;
|
| 3998 |
+
margin-left: auto;
|
| 3999 |
+
border: 1px solid #D0D1D7;
|
| 4000 |
+
border-radius: 2px;
|
| 4001 |
+
}
|
| 4002 |
+
.ctf-fb-srcs-info-icon svg{
|
| 4003 |
+
width: 15px;
|
| 4004 |
+
float: left;
|
| 4005 |
+
}
|
| 4006 |
+
.sb-control-sources-ctn .sb-control-action-button{
|
| 4007 |
+
margin-top: 8px;
|
| 4008 |
+
margin-bottom: 16px;
|
| 4009 |
+
}
|
| 4010 |
+
.sb-control-sources-promo-ctn{
|
| 4011 |
+
padding: 16px 0;
|
| 4012 |
+
}
|
| 4013 |
+
.sb-control-sources-promo-ctn:before{
|
| 4014 |
+
content: '';
|
| 4015 |
+
position: absolute;
|
| 4016 |
+
height: 1px;
|
| 4017 |
+
width: calc(100% + 40px);
|
| 4018 |
+
left: -20px;
|
| 4019 |
+
top: 0px;
|
| 4020 |
+
background: #E7E7E9;
|
| 4021 |
+
}
|
| 4022 |
+
.sb-control-sources-promo-top{
|
| 4023 |
+
width: 100%;
|
| 4024 |
+
box-sizing: border-box;
|
| 4025 |
+
padding: 30px 20px;
|
| 4026 |
+
border: 1px solid #E8E8EB;
|
| 4027 |
+
float: left;
|
| 4028 |
+
background: #F9F9FA;
|
| 4029 |
+
}
|
| 4030 |
+
.sb-control-sources-promo-top > div{
|
| 4031 |
+
width: 100%;
|
| 4032 |
+
float: left;
|
| 4033 |
+
text-align: center;
|
| 4034 |
+
display: flex;
|
| 4035 |
+
justify-content: center;
|
| 4036 |
+
align-items: center;
|
| 4037 |
+
box-sizing: border-box;
|
| 4038 |
+
line-height: 1.6em;
|
| 4039 |
+
}
|
| 4040 |
+
.sb-btn-chevron{
|
| 4041 |
+
display: inline-block;
|
| 4042 |
+
width: 7px;
|
| 4043 |
+
height: 7px;
|
| 4044 |
+
border-right: 2px solid currentColor;
|
| 4045 |
+
border-top: 2px solid currentColor;
|
| 4046 |
+
-webkit-transform: rotate(45deg);
|
| 4047 |
+
transform: rotate(45deg);
|
| 4048 |
+
}
|
| 4049 |
+
.sb-control-sources-promo-text{
|
| 4050 |
+
font-size: 15px;
|
| 4051 |
+
font-weight: 600;
|
| 4052 |
+
}
|
| 4053 |
+
.sb-control-sources-promo-btn{
|
| 4054 |
+
display: flex;
|
| 4055 |
+
align-items: center;
|
| 4056 |
+
justify-content: center;
|
| 4057 |
+
padding: 16px 20px;
|
| 4058 |
+
color: #fff !important;
|
| 4059 |
+
background: #0068A0;
|
| 4060 |
+
font-size: 15px;
|
| 4061 |
+
}
|
| 4062 |
+
.sb-control-sources-promo-btn div{
|
| 4063 |
+
margin-left: 10px;
|
| 4064 |
+
}
|
| 4065 |
+
.sb-control-sources-promo-icon{
|
| 4066 |
+
margin-bottom: 20px;
|
| 4067 |
+
}
|
| 4068 |
+
|
| 4069 |
+
/*Loading Bar*/
|
| 4070 |
+
.sb-loadingbar-ctn{
|
| 4071 |
+
position: absolute;
|
| 4072 |
+
height: 5px;
|
| 4073 |
+
width: 100%;
|
| 4074 |
+
left: 0px;
|
| 4075 |
+
bottom: 0px;
|
| 4076 |
+
background: rgba(227, 79, 14, 0.25);
|
| 4077 |
+
z-index: 999999999999999;
|
| 4078 |
+
}
|
| 4079 |
+
.sb-loadingbar-ctn:before, .sb-loadingbar-ctn:after{
|
| 4080 |
+
content: '';
|
| 4081 |
+
position: absolute;
|
| 4082 |
+
height: 5px;
|
| 4083 |
+
background: #FE544F;
|
| 4084 |
+
z-index: 9;
|
| 4085 |
+
top: 0;
|
| 4086 |
+
}
|
| 4087 |
+
|
| 4088 |
+
.sb-loadingbar-ctn:before{
|
| 4089 |
+
-webkit-animation: ctf-loading-animation 4s infinite;
|
| 4090 |
+
animation: ctf-loading-animation 4s infinite;
|
| 4091 |
+
}
|
| 4092 |
+
.sb-loadingbar-ctn:after{
|
| 4093 |
+
-webkit-animation: ctf-loading-animation 4s 2s infinite;
|
| 4094 |
+
animation: ctf-loading-animation 4s 2s infinite;
|
| 4095 |
+
}
|
| 4096 |
+
|
| 4097 |
+
@-webkit-keyframes ctf-loading-animation {
|
| 4098 |
+
from { left: -5%; width: 0%; }
|
| 4099 |
+
to { left: 130%; width: 50%;}
|
| 4100 |
+
}
|
| 4101 |
+
@keyframes ctf-loading-animation {
|
| 4102 |
+
from { left: -5%; width: 0%; }
|
| 4103 |
+
to { left: 130%; width: 50%;}
|
| 4104 |
+
}
|
| 4105 |
+
|
| 4106 |
+
/*Notification Element*/
|
| 4107 |
+
.sb-notification-ctn{
|
| 4108 |
+
position: fixed;
|
| 4109 |
+
bottom: -100px;
|
| 4110 |
+
left: 200px;
|
| 4111 |
+
z-index: 99999;
|
| 4112 |
+
background: #fff;
|
| 4113 |
+
display: flex;
|
| 4114 |
+
justify-content: center;
|
| 4115 |
+
align-items: center;
|
| 4116 |
+
border-left: 3px solid #fff;
|
| 4117 |
+
line-height: 1em;
|
| 4118 |
+
padding: 10px 20px;
|
| 4119 |
+
padding-left: 0px;
|
| 4120 |
+
border-radius: 4px;
|
| 4121 |
+
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);
|
| 4122 |
+
|
| 4123 |
+
}
|
| 4124 |
+
.sb-notification-ctn[data-active="hidden"]{
|
| 4125 |
+
-webkit-animation: ctf-notification-hide .5s forwards linear;
|
| 4126 |
+
animation: ctf-notification-hide .5s forwards linear;
|
| 4127 |
+
}
|
| 4128 |
+
.sb-notification-ctn[data-active="shown"]{
|
| 4129 |
+
-webkit-animation: ctf-notification-show .5s forwards linear;
|
| 4130 |
+
animation: ctf-notification-show .5s forwards linear;
|
| 4131 |
+
}
|
| 4132 |
+
@-webkit-keyframes ctf-notification-show { 0%{bottom: -100px;} 50%{bottom: 70px;} 70%{bottom: 60px;} 85%{bottom: 65px;} 100%{bottom: 50px;}}
|
| 4133 |
+
@keyframes ctf-notification-show { 0%{bottom: -100px;} 50%{bottom: 70px;} 70%{bottom: 60px;} 85%{bottom: 65px;} 100%{bottom: 50px;}}
|
| 4134 |
+
|
| 4135 |
+
@-webkit-keyframes ctf-notification-hide {0%{bottom: 50px;}55%{bottom: 65px;}70%{bottom: 60px;}85%{bottom: 70px;}100%{bottom: -100px;}}
|
| 4136 |
+
@keyframes ctf-notification-hide {0%{bottom: 50px;}55%{bottom: 65px;}70%{bottom: 60px;}85%{bottom: 70px;}100%{bottom: -100px;}}
|
| 4137 |
+
|
| 4138 |
+
.sb-notification-ctn[data-type="success"]{
|
| 4139 |
+
border-color: #59AB46;
|
| 4140 |
+
}
|
| 4141 |
+
.sb-notification-ctn[data-type="error"]{
|
| 4142 |
+
border-color: #D72C2C;
|
| 4143 |
+
}
|
| 4144 |
+
.sb-notification-ctn[data-type="message"]{
|
| 4145 |
+
border-color: #141B38;
|
| 4146 |
+
}
|
| 4147 |
+
.sb-notification-icon{
|
| 4148 |
+
width: 25px;
|
| 4149 |
+
height: 25px;
|
| 4150 |
+
display: flex;
|
| 4151 |
+
justify-content: center;
|
| 4152 |
+
align-items: center;
|
| 4153 |
+
margin-left: 10px;
|
| 4154 |
+
margin-right: 15px;
|
| 4155 |
+
}
|
| 4156 |
+
.sb-notification-icon svg{
|
| 4157 |
+
width: 22px;
|
| 4158 |
+
height: 22px;
|
| 4159 |
+
float: left;
|
| 4160 |
+
fill: currentColor;
|
| 4161 |
+
}
|
| 4162 |
+
|
| 4163 |
+
.sb-notification-ctn[data-type="success"] .sb-notification-icon{
|
| 4164 |
+
color: #59AB46;
|
| 4165 |
+
}
|
| 4166 |
+
.sb-notification-ctn[data-type="error"] .sb-notification-icon{
|
| 4167 |
+
color: #D72C2C;
|
| 4168 |
+
}
|
| 4169 |
+
.sb-notification-ctn[data-type="message"] .sb-notification-icon{
|
| 4170 |
+
color: #141B38;
|
| 4171 |
+
}
|
| 4172 |
+
|
| 4173 |
+
.sb-notification-ctn span{
|
| 4174 |
+
font-size: 14px;
|
| 4175 |
+
color: #141B38;
|
| 4176 |
+
font-weight:500;
|
| 4177 |
+
}
|
| 4178 |
+
|
| 4179 |
+
/* Onboarding */
|
| 4180 |
+
.sb-onboarding-tooltip {
|
| 4181 |
+
display: none;
|
| 4182 |
+
position: absolute;
|
| 4183 |
+
min-height: auto;
|
| 4184 |
+
width: 432px;
|
| 4185 |
+
max-width: 100%;
|
| 4186 |
+
padding: 0;
|
| 4187 |
+
border-radius: 2px;
|
| 4188 |
+
}
|
| 4189 |
+
#sb-onboarding-tooltip-multiple-2,
|
| 4190 |
+
#sb-onboarding-tooltip-multiple-3{
|
| 4191 |
+
width: 528px;
|
| 4192 |
+
}
|
| 4193 |
+
#sb-onboarding-tooltip-single-2 {
|
| 4194 |
+
width: 402px;
|
| 4195 |
+
}
|
| 4196 |
+
.sb-onboarding-active .sb-onboarding-highlight .ctf-fb-btn.ctf-fb-btn-new,
|
| 4197 |
+
.sb-onboarding-active .sb-positioning-wrap.sb-onboarding-highlight,
|
| 4198 |
+
.sb-onboarding-active .ctf-fd-lst-bigctn .ctf-table-wrap.sb-onboarding-highlight,
|
| 4199 |
+
.sb-onboarding-active .ctf-fb-lgc-ctn.sb-onboarding-highlight,
|
| 4200 |
+
.sb-onboarding-active .ctf-fb-lgc-ctn .ctf-legacy-table-wrap.sb-onboarding-highlight{
|
| 4201 |
+
position: relative;
|
| 4202 |
+
z-index: 100000;
|
| 4203 |
+
}
|
| 4204 |
+
.sb-onboarding-active .ctf-fd-legacy-feed-toggle {
|
| 4205 |
+
display: none;
|
| 4206 |
+
}
|
| 4207 |
+
.ctf-legacy-table-wrap.sb-onboarding-highlight {
|
| 4208 |
+
clear: both;
|
| 4209 |
+
}
|
| 4210 |
+
.sb-onboarding-tooltip-1 {
|
| 4211 |
+
top: 50px;
|
| 4212 |
+
left: 8px;
|
| 4213 |
+
}
|
| 4214 |
+
#sb-onboarding-tooltip-single-2 {
|
| 4215 |
+
bottom: -179px;
|
| 4216 |
+
top: auto;
|
| 4217 |
+
left: 68%;
|
| 4218 |
+
margin-left: -201px;
|
| 4219 |
+
}
|
| 4220 |
+
#sb-onboarding-tooltip-multiple-2,
|
| 4221 |
+
#sb-onboarding-tooltip-multiple-3{
|
| 4222 |
+
top: -200px;
|
| 4223 |
+
left: 20%;
|
| 4224 |
+
}
|
| 4225 |
+
#sb-onboarding-tooltip-multiple-3 {
|
| 4226 |
+
top: -210px;
|
| 4227 |
+
}
|
| 4228 |
+
.sb-onboarding-tooltip .ctf-fb-wrapper {
|
| 4229 |
+
display: flex;
|
| 4230 |
+
justify-content: flex-end;
|
| 4231 |
+
}
|
| 4232 |
+
.sb-positioning-wrap {
|
| 4233 |
+
width: 432px;
|
| 4234 |
+
}
|
| 4235 |
+
.sb-onboarding-tooltip .ctf-fb-popup-cls {
|
| 4236 |
+
position:absolute;
|
| 4237 |
+
width: 12px;
|
| 4238 |
+
height: 12px;
|
| 4239 |
+
top: 12px;
|
| 4240 |
+
right: 12px;
|
| 4241 |
+
}
|
| 4242 |
+
.sb-onboarding-tooltip .ctf-fb-popup-cls svg {
|
| 4243 |
+
width: 12px;
|
| 4244 |
+
height: 12px;
|
| 4245 |
+
}
|
| 4246 |
+
.sb-onboarding-tooltip h3 {
|
| 4247 |
+
font-size: 16px;
|
| 4248 |
+
color: #141B38;
|
| 4249 |
+
line-height: 160%;
|
| 4250 |
+
font-weight: 600;
|
| 4251 |
+
margin: 0;
|
| 4252 |
+
}
|
| 4253 |
+
.sb-onboarding-step {
|
| 4254 |
+
font-style: normal;
|
| 4255 |
+
font-weight: normal;
|
| 4256 |
+
font-size: 12px;
|
| 4257 |
+
line-height: 160%;
|
| 4258 |
+
color: #434960;
|
| 4259 |
+
margin: 2px 0 20px;
|
| 4260 |
+
display: block;
|
| 4261 |
+
}
|
| 4262 |
+
.ctf-onboarding-next,
|
| 4263 |
+
.ctf-onboarding-previous{
|
| 4264 |
+
color: #353A41;
|
| 4265 |
+
background: #F3F4F5;
|
| 4266 |
+
border: 1px solid #DCDDE1;
|
| 4267 |
+
margin-left: 10px;
|
| 4268 |
+
}
|
| 4269 |
+
.sb-onboarding-tooltip .ctf-fb-hd-btn {
|
| 4270 |
+
margin-right: 0;
|
| 4271 |
+
}
|
| 4272 |
+
.sb-onboarding-tooltip .ctf-fb-hd-btn i {
|
| 4273 |
+
margin: 0;
|
| 4274 |
+
}
|
| 4275 |
+
.ctf-onboarding-finish{
|
| 4276 |
+
margin-left: 10px;
|
| 4277 |
+
padding: 0 32px;
|
| 4278 |
+
}
|
| 4279 |
+
.sb-onboarding-tooltip .ctf-fb-hd-btn[data-active="false"] {
|
| 4280 |
+
background-color: #e8e8eb;
|
| 4281 |
+
color: #8c8f99;
|
| 4282 |
+
}
|
| 4283 |
+
.sb-onboarding-tooltip .ctf-fb-hd-btn[data-active="false"]:hover {
|
| 4284 |
+
cursor: default;
|
| 4285 |
+
}
|
| 4286 |
+
.sb-step-counter-wrap span {
|
| 4287 |
+
font-style: normal;
|
| 4288 |
+
font-weight: bold;
|
| 4289 |
+
font-size: 12px;
|
| 4290 |
+
line-height: 160%;
|
| 4291 |
+
letter-spacing: 0.05em;
|
| 4292 |
+
text-transform: uppercase;
|
| 4293 |
+
color: #141B38;
|
| 4294 |
+
}
|
| 4295 |
+
.sb-onboarding-tooltip .sb-pointer {
|
| 4296 |
+
position: absolute;
|
| 4297 |
+
left: 50px;
|
| 4298 |
+
top: -14px;
|
| 4299 |
+
}
|
| 4300 |
+
.sb-onboarding-tooltip .sb-pointer.sb-bottom-pointer {
|
| 4301 |
+
top: auto;;
|
| 4302 |
+
bottom: -14px;
|
| 4303 |
+
}
|
| 4304 |
+
#sb-onboarding-tooltip-single-2 .sb-pointer {
|
| 4305 |
+
left: 193px;
|
| 4306 |
+
}
|
| 4307 |
+
#sb-onboarding-tooltip-multiple-2:before,
|
| 4308 |
+
#sb-onboarding-tooltip-multiple-3:before{
|
| 4309 |
+
bottom: -8px;
|
| 4310 |
+
}
|
| 4311 |
+
.sb-onboarding-top-row {
|
| 4312 |
+
padding: 20px 44px 0 24px;
|
| 4313 |
+
}
|
| 4314 |
+
.sb-onboarding-bottom-row {
|
| 4315 |
+
display: flex;
|
| 4316 |
+
flex-direction: row;
|
| 4317 |
+
justify-content: space-between;
|
| 4318 |
+
align-items: center;
|
| 4319 |
+
padding: 8px 16px 12px 24px;
|
| 4320 |
+
}
|
| 4321 |
+
|
| 4322 |
+
|
| 4323 |
+
/*Vue Color Picker*/
|
| 4324 |
+
.sb-control-colorpicker-ctn .vc-sketch{
|
| 4325 |
+
box-shadow: none!important;
|
| 4326 |
+
}
|
| 4327 |
+
.sb-control-colorpicker-popup{
|
| 4328 |
+
box-shadow: 0px 0px 10px rgba(0,0,0,0.2);
|
| 4329 |
+
position: absolute;
|
| 4330 |
+
z-index: 99;
|
| 4331 |
+
top: 100%;
|
| 4332 |
+
background: #fff;
|
| 4333 |
+
right: 0px;
|
| 4334 |
+
}
|
| 4335 |
+
.sb-control-colorpicker-popup .sb-colorpicker-reset-btn{
|
| 4336 |
+
width: calc(100% - 20px);
|
| 4337 |
+
margin-left: 10px;
|
| 4338 |
+
margin-bottom: 15px;
|
| 4339 |
+
}
|
| 4340 |
+
.sb-control-colorpicker-swatch{
|
| 4341 |
+
width: 38px;
|
| 4342 |
+
height: 38px;
|
| 4343 |
+
position: absolute;
|
| 4344 |
+
right: 1px;
|
| 4345 |
+
top: 1px;
|
| 4346 |
+
background: #f7f7f7;
|
| 4347 |
+
}
|
| 4348 |
+
.sb-control-colorpicker-ctn .sb-control-input{
|
| 4349 |
+
width: 100%;
|
| 4350 |
+
}
|
| 4351 |
+
|
| 4352 |
+
@media (min-width: 768px) and (max-width: 1023px) {
|
| 4353 |
+
.ctf-csz-header-insider {
|
| 4354 |
+
width: 100%;
|
| 4355 |
+
}
|
| 4356 |
+
.ctf-csz-header-insider .sb-button-standard {
|
| 4357 |
+
padding: 10px 14px 10px 30px;
|
| 4358 |
+
}
|
| 4359 |
+
}
|
| 4360 |
+
@media (min-width: 1024px) and (max-width: 1200px) {
|
| 4361 |
+
.ctf-fb-wlcm-inf-3 {
|
| 4362 |
+
padding-left: 120px;
|
| 4363 |
+
}
|
| 4364 |
+
}
|
| 4365 |
+
@media (max-width: 767px) {
|
| 4366 |
+
.ctf-fd-lst-thtf th:nth-child(3),
|
| 4367 |
+
.ctf-fd-lst-thtf th:nth-child(4),
|
| 4368 |
+
.ctf-fd-lst-tbody tr td:nth-child(3),
|
| 4369 |
+
.ctf-fd-lst-tbody tr td:nth-child(4),
|
| 4370 |
+
.ctf-fd-lst-thtf tr td:nth-child(3),
|
| 4371 |
+
.ctf-fd-lst-thtf tr td:nth-child(4) {
|
| 4372 |
+
display: none;
|
| 4373 |
+
}
|
| 4374 |
+
.ctf-fd-lst-thtf th:last-child,
|
| 4375 |
+
.ctf-fd-lst-thtf tr td:last-child {
|
| 4376 |
+
padding-right: 15px;
|
| 4377 |
+
text-align: right;
|
| 4378 |
+
}
|
| 4379 |
+
.ctf-fd-lst-tbody tr td.ctf-fd-lst-actions .sb-flex-center{
|
| 4380 |
+
justify-content: flex-end;
|
| 4381 |
+
padding-right: 8px;
|
| 4382 |
+
}
|
| 4383 |
+
.ctf-fb-full-wrapper {
|
| 4384 |
+
padding: 70px 20px 0 20px;
|
| 4385 |
+
}
|
| 4386 |
+
.ctf-fb-header {
|
| 4387 |
+
padding: 0px 20px;
|
| 4388 |
+
}
|
| 4389 |
+
.ctf-bld-ft-content {
|
| 4390 |
+
flex-wrap: wrap;
|
| 4391 |
+
}
|
| 4392 |
+
#sb-footer-banner .ctf-bld-ft-img {
|
| 4393 |
+
width: 100%;
|
| 4394 |
+
height: 140px;
|
| 4395 |
+
}
|
| 4396 |
+
#sb-footer-banner .ctf-bld-ft-img img {
|
| 4397 |
+
height: 100%;
|
| 4398 |
+
width: auto;
|
| 4399 |
+
}
|
| 4400 |
+
#sb-footer-banner .ctf-bld-ft-txt {
|
| 4401 |
+
justify-content: center;
|
| 4402 |
+
align-items: center;
|
| 4403 |
+
width: 100%;
|
| 4404 |
+
margin-right: 3%;
|
| 4405 |
+
padding: 20px;
|
| 4406 |
+
}
|
| 4407 |
+
.ctf-bld-ft-action {
|
| 4408 |
+
width: 100%;
|
| 4409 |
+
padding: 0 20px 20px;
|
| 4410 |
+
}
|
| 4411 |
+
.ctf-bld-footer > div {
|
| 4412 |
+
margin-bottom: 60px;
|
| 4413 |
+
}
|
| 4414 |
+
|
| 4415 |
+
/* single feed page */
|
| 4416 |
+
.ctf-csz-header-insider {
|
| 4417 |
+
flex-wrap: wrap;
|
| 4418 |
+
height: auto;
|
| 4419 |
+
width: 100%;
|
| 4420 |
+
}
|
| 4421 |
+
.ctf-fb-header.ctf-csz-header {
|
| 4422 |
+
height: 110px;
|
| 4423 |
+
}
|
| 4424 |
+
.ctf-csz-header.ctf-fb-header {
|
| 4425 |
+
padding-bottom: 6px;
|
| 4426 |
+
}
|
| 4427 |
+
.ctf-csz-header .ctf-csz-hd-actions {
|
| 4428 |
+
margin-top: 10px;
|
| 4429 |
+
}
|
| 4430 |
+
.sb-customizer-preview {
|
| 4431 |
+
display: none;
|
| 4432 |
+
}
|
| 4433 |
+
.sb-customizer-ctn .sb-customizer-sidebar {
|
| 4434 |
+
position: initial;
|
| 4435 |
+
margin-top: 110px;
|
| 4436 |
+
width: 100%;
|
| 4437 |
+
}
|
| 4438 |
+
.sb-notification-ctn {
|
| 4439 |
+
left: 20px;
|
| 4440 |
+
}
|
| 4441 |
+
.ctf-fb-header .sb-button-standard{
|
| 4442 |
+
padding: 10px 10px 10px 31px;
|
| 4443 |
+
}
|
| 4444 |
+
.ctf-fb-embed-ctn.sb-fs-boss.ctf-fb-center-boss .ctf-fb-popup-inside {
|
| 4445 |
+
top: 35px;
|
| 4446 |
+
}
|
| 4447 |
+
.ctf-fb-embed-btns-ctn {
|
| 4448 |
+
grid-template-columns: 100%;
|
| 4449 |
+
}
|
| 4450 |
+
.ctf-fb-embed-btns-ctn .ctf-fb-embed-btn {
|
| 4451 |
+
margin-bottom: 10px;
|
| 4452 |
+
}
|
| 4453 |
+
.ctf-fb-embed-ctn.sb-fs-boss.ctf-fb-center-boss .ctf-fb-popup-inside .ctf-fb-embed-step-1-top {
|
| 4454 |
+
margin-bottom: 10px;
|
| 4455 |
+
}
|
| 4456 |
+
.ctf-fb-embed-ctn.sb-fs-boss.ctf-fb-center-boss .ctf-fb-popup-inside .ctf-fb-embed-input-ctn {
|
| 4457 |
+
flex-wrap: wrap;
|
| 4458 |
+
}
|
| 4459 |
+
.ctf-fb-embed-input-ctn input, .ctf-fb-embed-input-ctn input[type="text"] {
|
| 4460 |
+
width: 100%;
|
| 4461 |
+
border-right: 1px solid #D0D1D7!important;
|
| 4462 |
+
}
|
| 4463 |
+
.ctf-fb-embed-input-ctn .ctf-fb-hd-btn {
|
| 4464 |
+
width: 32%;
|
| 4465 |
+
max-width: 120px;
|
| 4466 |
+
margin-top: 10px !important;
|
| 4467 |
+
padding: 8px;
|
| 4468 |
+
}
|
| 4469 |
+
.sb-fs-boss.ctf-fb-center-boss {
|
| 4470 |
+
z-index: 100001 !important;
|
| 4471 |
+
}
|
| 4472 |
+
#sb-footer-banner .ctf-bld-ft-txt {
|
| 4473 |
+
flex-wrap: wrap;
|
| 4474 |
+
}
|
| 4475 |
+
#ctf-builder-app #sb-footer-banner h3,
|
| 4476 |
+
#ctf-builder-app #sb-footer-banner .sb-small-p {
|
| 4477 |
+
width: 100%;
|
| 4478 |
+
}
|
| 4479 |
+
#ctf-builder-app #sb-footer-banner h3 {
|
| 4480 |
+
margin-bottom: 10px;
|
| 4481 |
+
}
|
| 4482 |
+
.ctf-fb-srcslist-ctn {
|
| 4483 |
+
grid-template-columns: 100%
|
| 4484 |
+
}
|
| 4485 |
+
.ctf-fb-mr-fd-img {
|
| 4486 |
+
width: 100%;
|
| 4487 |
+
margin-right: 0;
|
| 4488 |
+
}
|
| 4489 |
+
.ctf-fb-mr-fd-img svg {
|
| 4490 |
+
max-width: 100%;
|
| 4491 |
+
}
|
| 4492 |
+
.ctf-fd-lst-tbody tr td:nth-child(2) {
|
| 4493 |
+
width: 50%;
|
| 4494 |
+
}
|
| 4495 |
+
|
| 4496 |
+
.ctf-fb-wlcm-inf-1,
|
| 4497 |
+
.ctf-fb-wlcm-inf-2,
|
| 4498 |
+
.ctf-fb-wlcm-inf-3 {
|
| 4499 |
+
padding-left: 0;
|
| 4500 |
+
}
|
| 4501 |
+
|
| 4502 |
+
.ctf-fb-wlcm-inf-3 .ctf-fb-inf-img,
|
| 4503 |
+
.ctf-fb-wlcm-inf-2 .ctf-fb-inf-img,
|
| 4504 |
+
.ctf-fb-wlcm-inf-1 .ctf-fb-inf-svg {
|
| 4505 |
+
display: none;
|
| 4506 |
+
}
|
| 4507 |
+
.ctf-fb-wlcm-inf-3 .ctf-fb-inf-cnt {
|
| 4508 |
+
justify-content: flex-start;
|
| 4509 |
+
}
|
| 4510 |
+
.ctf-fb-wlcm-inf-1 .ctf-fb-inf-cnt {
|
| 4511 |
+
width: calc(100% - 53px);
|
| 4512 |
+
}
|
| 4513 |
+
.ctf-fb-wlcm-inf-2 .ctf-fb-inf-cnt,
|
| 4514 |
+
.ctf-fb-wlcm-inf-3 .ctf-fb-inf-cnt {
|
| 4515 |
+
width: 100%;
|
| 4516 |
+
}
|
| 4517 |
+
|
| 4518 |
+
.ctf-fb-wlcm-inf-1 .ctf-fb-inf-cnt .ctf-fb-inf-txt{
|
| 4519 |
+
width: 80%;
|
| 4520 |
+
}
|
| 4521 |
+
|
| 4522 |
+
.ctf-fb-wlcm-inf-2 .ctf-fb-inf-cnt {
|
| 4523 |
+
margin-bottom: 24px;
|
| 4524 |
+
}
|
| 4525 |
+
|
| 4526 |
+
}
|
| 4527 |
+
|
| 4528 |
+
@media (min-width: 768px) and (max-width: 1023px) {
|
| 4529 |
+
.ctf-fb-wlcm-inf-3 {
|
| 4530 |
+
padding-left: 7px;
|
| 4531 |
+
}
|
| 4532 |
+
.ctf-fb-wlcm-inf-2 {
|
| 4533 |
+
padding-left: 52px;
|
| 4534 |
+
}
|
| 4535 |
+
.ctf-fb-wlcm-inf-1 {
|
| 4536 |
+
padding-left: 85px;
|
| 4537 |
+
}
|
| 4538 |
+
.ctf-fb-wlcm-inf-1 .ctf-fb-inf-svg {
|
| 4539 |
+
display: none;
|
| 4540 |
+
}
|
| 4541 |
+
}
|
| 4542 |
+
|
| 4543 |
+
/*
|
| 4544 |
+
Multiple Sources Sections
|
| 4545 |
+
*/
|
| 4546 |
+
|
| 4547 |
+
#ctf-multiple-sources-ctn .ctf-fb-slctsrc-content{
|
| 4548 |
+
padding: 25px 30px;
|
| 4549 |
+
border-bottom: 1px solid #E8E9EA;
|
| 4550 |
+
}
|
| 4551 |
+
.ctf-feedtype-section{
|
| 4552 |
+
padding: 30px;
|
| 4553 |
+
border-bottom: 1px solid #E8E9EA;
|
| 4554 |
+
}
|
| 4555 |
+
.ctf-feedtype-sec-icon-heading{
|
| 4556 |
+
display: flex;
|
| 4557 |
+
align-self: center;
|
| 4558 |
+
}
|
| 4559 |
+
.ctf-feedtype-icon-wrap svg{
|
| 4560 |
+
width: 16px!important;
|
| 4561 |
+
height: 16px!important;
|
| 4562 |
+
float: left;
|
| 4563 |
+
fill: #0096CC;
|
| 4564 |
+
margin-right: 6px;
|
| 4565 |
+
}
|
| 4566 |
+
|
| 4567 |
+
.ctf-feedtype-sec-icon-heading span{
|
| 4568 |
+
color: #141B38;
|
| 4569 |
+
font-weight:600;
|
| 4570 |
+
font-size: 18px;
|
| 4571 |
+
}
|
| 4572 |
+
.ctf-feedtype-sec-icon-heading a{
|
| 4573 |
+
font-size: 12px;
|
| 4574 |
+
display: inline-block;
|
| 4575 |
+
margin-top: 2px;
|
| 4576 |
+
margin-left: 6px;
|
| 4577 |
+
}
|
| 4578 |
+
.ctf-feedtype-sec-desc{
|
| 4579 |
+
font-size: 12px;
|
| 4580 |
+
}
|
| 4581 |
+
.ctf-fb-hd-btn svg{
|
| 4582 |
+
fill: currentColor;
|
| 4583 |
+
}
|
| 4584 |
+
#ctf-multiple-sources-ctn .ctf-fb-hd-btn svg{
|
| 4585 |
+
fill: #141B38;
|
| 4586 |
+
}
|
| 4587 |
+
.ctf-addsource-type-btn{
|
| 4588 |
+
display: flex;
|
| 4589 |
+
justify-content: center;
|
| 4590 |
+
align-self: center;
|
| 4591 |
+
padding: 12px 20px;
|
| 4592 |
+
color: #8C8F9A;
|
| 4593 |
+
cursor: pointer;
|
| 4594 |
+
font-size: 14px;
|
| 4595 |
+
font-weight: 600;
|
| 4596 |
+
}
|
| 4597 |
+
.ctf-addsource-type-btn svg{
|
| 4598 |
+
margin-right: 12px;
|
| 4599 |
+
margin-top: 2px;
|
| 4600 |
+
fill: #8C8F9A;
|
| 4601 |
+
}
|
| 4602 |
+
.ctf-addsource-type-btn:hover,
|
| 4603 |
+
.ctf-addsource-type-btn:hover svg{
|
| 4604 |
+
color: #434960;
|
| 4605 |
+
fill: #434960;
|
| 4606 |
+
}
|
| 4607 |
+
|
| 4608 |
+
.ctf-feedtype-section .ctf-fd-lst-btn-delete{
|
| 4609 |
+
height: 32px;
|
| 4610 |
+
width: 36px;
|
| 4611 |
+
position: absolute;
|
| 4612 |
+
right: 20px;
|
| 4613 |
+
top: 20px;
|
| 4614 |
+
z-index: 2;
|
| 4615 |
+
}
|
| 4616 |
+
.ctf-feedtype-icon-wrap {
|
| 4617 |
+
position: absolute;
|
| 4618 |
+
top: 0;
|
| 4619 |
+
left: 0;
|
| 4620 |
+
}
|
| 4621 |
+
.ctf-feedtype-sec-wrap {
|
| 4622 |
+
margin-left: 28px;
|
| 4623 |
+
}
|
| 4624 |
+
.ctf-feedtype-sec-wrap .ctf-feedtype-sec-desc{
|
| 4625 |
+
margin-top: 8px;
|
| 4626 |
+
margin-bottom: 12px;
|
| 4627 |
+
}
|
| 4628 |
+
.ctf-feedtype-section .ctf-fd-lst-btn-delete{
|
| 4629 |
+
border-color: #D8DADD;
|
| 4630 |
+
}
|
| 4631 |
+
.ctf-fb-type-el[data-checked="true"]{
|
| 4632 |
+
border: 1px solid #D8D8D8
|
| 4633 |
+
}
|
| 4634 |
+
.ctf-feedtype-sec-wrap .ctf-fb-hd-btn svg{
|
| 4635 |
+
fill: currentColor!important;
|
| 4636 |
+
}
|
| 4637 |
+
|
| 4638 |
+
.ctf-fb-type-el[data-checked="true"]:before{
|
| 4639 |
+
content: ''!important;
|
| 4640 |
+
position: absolute!important;
|
| 4641 |
+
height: 100%!important;
|
| 4642 |
+
width: 100%!important;
|
| 4643 |
+
left: 0!important;
|
| 4644 |
+
top: 0!important;
|
| 4645 |
+
background: #f1f1f1!important!important;
|
| 4646 |
+
opacity: .35!important;
|
| 4647 |
+
cursor: default!important;
|
| 4648 |
+
}
|
| 4649 |
+
.ctf-fb-type-el[data-checked="true"]:after{
|
| 4650 |
+
display: none!important;
|
| 4651 |
+
}
|
| 4652 |
+
.ctf-fb-type-el[data-checked="true"] .ctf-fb-type-el-info *{
|
| 4653 |
+
color: #8C8F9A!important;
|
| 4654 |
+
}
|
| 4655 |
+
.ctf-fb-type-el-info .sb-control-elem-tltp,
|
| 4656 |
+
.ctf-fb-type-el-info .sb-control-elem-tltp-icon{
|
| 4657 |
+
display: inline-block;
|
| 4658 |
+
color: inherit;
|
| 4659 |
+
fill: currentColor;
|
| 4660 |
+
margin: 0px;
|
| 4661 |
+
}
|
| 4662 |
+
.ctf-fb-feedtypes-pp-ctn .ctf-fb-type-el-info{
|
| 4663 |
+
padding: 10px 10px!important;
|
| 4664 |
+
}
|
| 4665 |
+
|
| 4666 |
+
#ctf-builder-app .ctf-fb-feedtypes-pp-ctn .ctf-fb-types{
|
| 4667 |
+
padding: 23px 30px 10px!important;;
|
| 4668 |
+
padding-bottom: 0px!important;
|
| 4669 |
+
}
|
| 4670 |
+
#ctf-builder-app .ctf-fb-feedtemplates-ctn .ctf-fb-types{
|
| 4671 |
+
padding: 0px!important;
|
| 4672 |
+
}
|
| 4673 |
+
|
| 4674 |
+
.ctf-fb-feedtypes-popup .sb-button-no-border {
|
| 4675 |
+
position: absolute;
|
| 4676 |
+
z-index: 99;
|
| 4677 |
+
top: 20px;
|
| 4678 |
+
left: 33px;
|
| 4679 |
+
font-weight: bold;
|
| 4680 |
+
font-size: 12px;
|
| 4681 |
+
line-height: 160%;
|
| 4682 |
+
|
| 4683 |
+
letter-spacing: 0.05em;
|
| 4684 |
+
text-transform: uppercase;
|
| 4685 |
+
cursor: pointer;
|
| 4686 |
+
}
|
| 4687 |
+
.ctf-fb-feedtypes-popup .sb-button-no-border svg {
|
| 4688 |
+
margin-right: 9px;
|
| 4689 |
+
}
|
| 4690 |
+
.ctf-fb-addsourtype-ctn{
|
| 4691 |
+
margin-bottom: 30px;
|
| 4692 |
+
padding: 0px 30px!important;
|
| 4693 |
+
}
|
| 4694 |
+
.ctf-fb-addsourtype-ctn .ctf-fb-source-btn,
|
| 4695 |
+
.ctf-fb-feedtemplates-ctn .ctf-fb-source-btn{
|
| 4696 |
+
margin-top: 0px;
|
| 4697 |
+
}
|
| 4698 |
+
.ctf-fb-feedtemplates-ctn .ctf-fb-srcs-update{
|
| 4699 |
+
height: 43px;
|
| 4700 |
+
}
|
| 4701 |
+
.ctf-fb-feedtypes-pp-ctn h4{
|
| 4702 |
+
margin-bottom: 20px;
|
| 4703 |
+
}
|
| 4704 |
+
.ctf-fb-sourcelist-pp-ctn .ctf-fb-source-top{
|
| 4705 |
+
padding: 22px 19px 0px;
|
| 4706 |
+
}
|
| 4707 |
+
.ctf-fb-source-btn svg{
|
| 4708 |
+
margin-right: 10px;
|
| 4709 |
+
}
|
| 4710 |
+
.ctf-fb-sourcelist-pp-ctn .ctf-fb-sourcelist-pp{
|
| 4711 |
+
float: left;
|
| 4712 |
+
width: 100%;
|
| 4713 |
+
box-sizing: border-box;
|
| 4714 |
+
padding: 0 20px;
|
| 4715 |
+
}
|
| 4716 |
+
.ctf-fb-sourcelist-pp-ctn .ctf-fb-addsourtype-ctn{
|
| 4717 |
+
padding: 0px 20px!important;
|
| 4718 |
+
}
|
| 4719 |
+
|
| 4720 |
+
.ctf-fb-sourcelist-pp-ctn .ctf-fb-srcs-desc{
|
| 4721 |
+
margin-bottom: 20px;
|
| 4722 |
+
}
|
| 4723 |
+
.ctf-fb-sourcelist-pp-ctn .ctf-fb-source-pp-customizer .ctf-fb-srcslist-ctn{
|
| 4724 |
+
grid-template-columns: 49% 49%;
|
| 4725 |
+
}
|
| 4726 |
+
|
| 4727 |
+
.ctf-selected-sources-ctn .ctf-fb-hd-btn{
|
| 4728 |
+
display: inline-flex;
|
| 4729 |
+
margin-bottom: 7px;
|
| 4730 |
+
float: left;
|
| 4731 |
+
}
|
| 4732 |
+
.ctf-selected-source-item{
|
| 4733 |
+
width: auto;
|
| 4734 |
+
height: 38px;
|
| 4735 |
+
border: 1px solid #D0D1D7;
|
| 4736 |
+
border-radius: 2px;
|
| 4737 |
+
display: inline-flex;
|
| 4738 |
+
align-items: center;
|
| 4739 |
+
margin-right: 10px;
|
| 4740 |
+
margin-bottom: 7px;
|
| 4741 |
+
box-sizing: border-box;
|
| 4742 |
+
float: left;
|
| 4743 |
+
}
|
| 4744 |
+
.ctf-selected-source-item-avatar,
|
| 4745 |
+
.ctf-selected-source-item-avatar img{
|
| 4746 |
+
width: 36px;
|
| 4747 |
+
height: 36px;
|
| 4748 |
+
}
|
| 4749 |
+
.ctf-selected-source-item-avatar {
|
| 4750 |
+
border-right: 1px solid #F3F4F5;
|
| 4751 |
+
}
|
| 4752 |
+
|
| 4753 |
+
.ctf-selected-source-item span{
|
| 4754 |
+
font-weight:600;
|
| 4755 |
+
margin: 0px 10px;
|
| 4756 |
+
font-size: 13px;
|
| 4757 |
+
}
|
| 4758 |
+
.ctf-selected-source-item-icon{
|
| 4759 |
+
margin-left: auto;
|
| 4760 |
+
width: 36px;
|
| 4761 |
+
height: 36px;
|
| 4762 |
+
display: flex;
|
| 4763 |
+
justify-content: center;
|
| 4764 |
+
align-items: center;
|
| 4765 |
+
cursor: pointer;
|
| 4766 |
+
}
|
| 4767 |
+
.ctf-selected-source-item-icon svg{
|
| 4768 |
+
fill: #D72C2C;
|
| 4769 |
+
width: 14px;
|
| 4770 |
+
height: 14px;
|
| 4771 |
+
float: left;
|
| 4772 |
+
}
|
| 4773 |
+
|
| 4774 |
+
#ctf-multiple-sources-ctn .ctf-feedtype-sec-desc{
|
| 4775 |
+
margin: 4px 0 16px;
|
| 4776 |
+
}
|
| 4777 |
+
|
| 4778 |
+
.ctf-hashtag-item{
|
| 4779 |
+
display: inline-flex;
|
| 4780 |
+
font-weight: 400;
|
| 4781 |
+
height: 26px;
|
| 4782 |
+
font-size: 12px;
|
| 4783 |
+
align-items: center;
|
| 4784 |
+
padding: 0px 6px 1px 10px;
|
| 4785 |
+
border-radius: 50px;
|
| 4786 |
+
background: #f3f1f1;
|
| 4787 |
+
margin-right: 10px;
|
| 4788 |
+
margin-bottom: 10px;
|
| 4789 |
+
}
|
| 4790 |
+
.ctf-hashtag-item-delete{
|
| 4791 |
+
width: 16px;
|
| 4792 |
+
height: 16px;
|
| 4793 |
+
background: #8C8F9A;
|
| 4794 |
+
color: #fff;
|
| 4795 |
+
margin-left: 5px;
|
| 4796 |
+
border-radius:50px;
|
| 4797 |
+
cursor: pointer;
|
| 4798 |
+
position: relative;
|
| 4799 |
+
}
|
| 4800 |
+
|
| 4801 |
+
.ctf-hashtag-item-delete:before,
|
| 4802 |
+
.ctf-hashtag-item-delete:after{
|
| 4803 |
+
content: '';
|
| 4804 |
+
position: absolute;
|
| 4805 |
+
height: 2px;
|
| 4806 |
+
width: 8px;
|
| 4807 |
+
background: currentColor;
|
| 4808 |
+
left: 4px;
|
| 4809 |
+
top: 7px;
|
| 4810 |
+
-webkit-transform: rotate(45deg);
|
| 4811 |
+
transform: rotate(45deg);
|
| 4812 |
+
}
|
| 4813 |
+
.ctf-hashtag-item-delete:after{
|
| 4814 |
+
-webkit-transform: rotate(-45deg);
|
| 4815 |
+
transform: rotate(-45deg);
|
| 4816 |
+
}
|
| 4817 |
+
.ctf-hashtag-fetchby-chbx{
|
| 4818 |
+
display: flex;
|
| 4819 |
+
margin-bottom: 15px;
|
| 4820 |
+
margin-top: 10px;
|
| 4821 |
+
}
|
| 4822 |
+
.ctf-hashtag-fetchby-chbx .ctf-fb-stp-src-type{
|
| 4823 |
+
margin-left: 0px!important;
|
| 4824 |
+
margin-right: 20px!important;
|
| 4825 |
+
}
|
| 4826 |
+
/*
|
| 4827 |
+
Custom View Control With Image & info
|
| 4828 |
+
*/
|
| 4829 |
+
.sb-control-imginfo-elem{
|
| 4830 |
+
background: #F9F9FA;
|
| 4831 |
+
border: 1px solid #E8E8EB;
|
| 4832 |
+
padding: 20px 30px;
|
| 4833 |
+
}
|
| 4834 |
+
.sb-control-imginfo-icon svg{
|
| 4835 |
+
fill: none!important;
|
| 4836 |
+
}
|
| 4837 |
+
.sb-control-imginfo-icon{
|
| 4838 |
+
display: flex;
|
| 4839 |
+
justify-content: center;
|
| 4840 |
+
align-self: center;
|
| 4841 |
+
}
|
| 4842 |
+
.sb-control-imginfo-text{
|
| 4843 |
+
display: flex;
|
| 4844 |
+
flex-direction: column;
|
| 4845 |
+
padding-top: 20px;
|
| 4846 |
+
}
|
| 4847 |
+
.sb-control-imginfo-text [data-textalign="center"]{
|
| 4848 |
+
justify-content: center;
|
| 4849 |
+
}
|
| 4850 |
+
|
| 4851 |
+
.sb-control-imginfo-text strong{
|
| 4852 |
+
font-size: 18px;
|
| 4853 |
+
margin-bottom: 20px;
|
| 4854 |
+
}
|
| 4855 |
+
.sb-control-shoppbale-enbaled-ctn .sb-control-imginfo-text strong{
|
| 4856 |
+
font-size: 14px;
|
| 4857 |
+
text-align: center;
|
| 4858 |
+
line-height: 1.4em;
|
| 4859 |
+
}
|
| 4860 |
+
.sb-control-imginfo-text span{
|
| 4861 |
+
color: #434960;
|
| 4862 |
+
font-size: 14px;
|
| 4863 |
+
}
|
| 4864 |
+
|
| 4865 |
+
.sb-shoppable-edit-btn{
|
| 4866 |
+
position: absolute;
|
| 4867 |
+
right: 10px;
|
| 4868 |
+
top: 10px;
|
| 4869 |
+
cursor: pointer;
|
| 4870 |
+
z-index: 9;
|
| 4871 |
+
padding: 7px 13px 8px 35px;
|
| 4872 |
+
border: 2px solid rgba(255,255,255,.1);
|
| 4873 |
+
}
|
| 4874 |
+
.sb-shoppable-edit-btn-link svg{
|
| 4875 |
+
width: 16px;
|
| 4876 |
+
height: 10px;
|
| 4877 |
+
top: 10px;
|
| 4878 |
+
fill: currentColor;
|
| 4879 |
+
}
|
| 4880 |
+
|
| 4881 |
+
.sb-control-selectedpost-info{
|
| 4882 |
+
display: flex;
|
| 4883 |
+
align-items: center;
|
| 4884 |
+
box-sizing: border-box;
|
| 4885 |
+
padding: 10px;
|
| 4886 |
+
border: 1px solid #D0D1D7;
|
| 4887 |
+
margin-bottom: 30px;
|
| 4888 |
+
margin-top: 10px;
|
| 4889 |
+
}
|
| 4890 |
+
.sb-control-selectedpost-info img{
|
| 4891 |
+
width: 77px;
|
| 4892 |
+
height: 77px;
|
| 4893 |
+
}
|
| 4894 |
+
|
| 4895 |
+
.sb-control-selectedpost-info span{
|
| 4896 |
+
padding: 0 15px;
|
| 4897 |
+
color: #141B38;
|
| 4898 |
+
font-size: 13px;
|
| 4899 |
+
line-height: 1.6em;
|
| 4900 |
+
}
|
| 4901 |
+
.sb-control-selectedpost-input span{
|
| 4902 |
+
color: #434960;
|
| 4903 |
+
font-size: 13px;
|
| 4904 |
+
margin-bottom: 5px;
|
| 4905 |
+
}
|
| 4906 |
+
|
| 4907 |
+
.sb-control-selectedpost-btns{
|
| 4908 |
+
display: grid;
|
| 4909 |
+
grid-template-columns: 48% 48%;
|
| 4910 |
+
grid-column-gap: 4%;
|
| 4911 |
+
margin-top: 10px;
|
| 4912 |
+
}
|
| 4913 |
+
.sb-control-selectedpost-btns button{
|
| 4914 |
+
cursor: pointer;
|
| 4915 |
+
font-weight: 600;
|
| 4916 |
+
display: flex;
|
| 4917 |
+
justify-content: center;
|
| 4918 |
+
align-items: center;
|
| 4919 |
+
padding: 9px;
|
| 4920 |
+
}
|
| 4921 |
+
.sb-control-selectedpost-btns button svg{
|
| 4922 |
+
margin-right: 10px;
|
| 4923 |
+
}
|
| 4924 |
+
|
| 4925 |
+
/*
|
| 4926 |
+
Feed Type Customizer
|
| 4927 |
+
*/
|
| 4928 |
+
.sb-control-feedtype-item{
|
| 4929 |
+
margin-bottom: 24px;
|
| 4930 |
+
padding-bottom: 14px;
|
| 4931 |
+
}
|
| 4932 |
+
|
| 4933 |
+
.sb-control-feedtype-item:after{
|
| 4934 |
+
content: '';
|
| 4935 |
+
position: absolute;
|
| 4936 |
+
height: 1px;
|
| 4937 |
+
width: calc(100% + 40px);
|
| 4938 |
+
left: -20px;
|
| 4939 |
+
background: #DCDDE1;
|
| 4940 |
+
bottom: 0px;
|
| 4941 |
+
}
|
| 4942 |
+
.sb-control-feedtype-item:last-of-type:after{
|
| 4943 |
+
display: none;
|
| 4944 |
+
}
|
| 4945 |
+
|
| 4946 |
+
.sb-control-feedtype-list{
|
| 4947 |
+
margin-top: 8px;
|
| 4948 |
+
}
|
| 4949 |
+
.sb-control-feedtype-list-item{
|
| 4950 |
+
float: left;
|
| 4951 |
+
height: 30px;
|
| 4952 |
+
display: flex;
|
| 4953 |
+
justify-content: center;
|
| 4954 |
+
align-items: center;
|
| 4955 |
+
background: #F3F4F5;
|
| 4956 |
+
border-radius: 50px;
|
| 4957 |
+
padding: 0 14px;
|
| 4958 |
+
margin-right: 10px;
|
| 4959 |
+
margin-bottom: 10px;
|
| 4960 |
+
}
|
| 4961 |
+
|
| 4962 |
+
.sb-control-feedtype-list-item-icon{
|
| 4963 |
+
display: flex;
|
| 4964 |
+
justify-content: center;
|
| 4965 |
+
align-items: center;
|
| 4966 |
+
}
|
| 4967 |
+
.sb-control-feedtype-list-item svg{
|
| 4968 |
+
width: 12px;
|
| 4969 |
+
margin-right: 4px;
|
| 4970 |
+
fill: #0096CC;
|
| 4971 |
+
}
|
| 4972 |
+
.ctf-fb-extppcustomizer-btns{
|
| 4973 |
+
display: grid;
|
| 4974 |
+
grid-template-columns: 49% 49%;
|
| 4975 |
+
grid-column-gap: 1%;
|
| 4976 |
+
}
|
| 4977 |
+
.ctf-fb-feedtypescustomizer-pp-ctn .ctf-fb-feedtypes-popup{
|
| 4978 |
+
padding: 22px 20px;
|
| 4979 |
+
}
|
| 4980 |
+
.ctf-fb-feedtypescustomizer-pp-ctn .ctf-fb-source-top{
|
| 4981 |
+
padding: 0px;
|
| 4982 |
+
padding-bottom: 22px;
|
| 4983 |
+
}
|
| 4984 |
+
.ctf-fb-feedtypescustomizer-pp-ctn .ctf-fb-feedtypescustomizer-content{
|
| 4985 |
+
background: #F9F9FA;
|
| 4986 |
+
border: 1px solid #E8E8EB;
|
| 4987 |
+
margin-bottom: 20px;
|
| 4988 |
+
border-radius: 4px;
|
| 4989 |
+
}
|
| 4990 |
+
.ctf-fb-feedtypescustomizer-pp-ctn .ctf-feedtype-section{
|
| 4991 |
+
box-shadow: unset;
|
| 4992 |
+
border-bottom: 1px solid #E8E8EB;
|
| 4993 |
+
}
|
| 4994 |
+
.ctf-fb-feedtypescustomizer-pp-ctn .ctf-feedtype-section:last-of-type{
|
| 4995 |
+
border-bottom: 0px;
|
| 4996 |
+
}
|
| 4997 |
+
.ctf-fb-feedtypescustomizer-pp-ctn .ctf-feedtype-sec-desc{
|
| 4998 |
+
margin-bottom: 20px;
|
| 4999 |
+
}
|
| 5000 |
+
.ctf-fb-feedtypescustomizer-pp-ctn .ctf-hashtag-fetchby .ctf-feedtype-sec-desc{
|
| 5001 |
+
margin-bottom: 0px;
|
| 5002 |
+
}
|
| 5003 |
+
|
| 5004 |
+
.ctf-fb-feedtypescustomizer-pp-ctn .ctf-selected-source-item{
|
| 5005 |
+
border: 1px solid #e1e1e1;
|
| 5006 |
+
}
|
| 5007 |
+
.ctf-fb-feedtypescustomizer-content .ctf-fb-hd-btn svg{
|
| 5008 |
+
fill: #141B38;
|
| 5009 |
+
}
|
| 5010 |
+
.ctf-fb-feedtypescustomizer-content .ctf-feedtype-icon-wrap svg{
|
| 5011 |
+
width: 20px!important;
|
| 5012 |
+
height: 20px!important;
|
| 5013 |
+
}
|
| 5014 |
+
.ctf-fb-feedtypescustomizer-content .ctf-feedtype-section{
|
| 5015 |
+
padding: 24px;
|
| 5016 |
+
}
|
| 5017 |
+
|
| 5018 |
+
/*
|
| 5019 |
+
Moderation Mode
|
| 5020 |
+
*/
|
| 5021 |
+
.sb-control-moderationmode-action-btns{
|
| 5022 |
+
padding-top: 30px;
|
| 5023 |
+
}
|
| 5024 |
+
.sb-control-moderationmode-action-btns button{
|
| 5025 |
+
margin-bottom: 20px;
|
| 5026 |
+
}
|
| 5027 |
+
.ctf-moderation-overlay-ctn{
|
| 5028 |
+
position: absolute;
|
| 5029 |
+
width: 100%;
|
| 5030 |
+
height: 100%;
|
| 5031 |
+
left: 0;
|
| 5032 |
+
top: 0;
|
| 5033 |
+
z-index: 8;
|
| 5034 |
+
cursor: pointer;
|
| 5035 |
+
}
|
| 5036 |
+
.ctf-moderation-toggle{
|
| 5037 |
+
position: absolute;
|
| 5038 |
+
width: 66px;
|
| 5039 |
+
height: 22px;
|
| 5040 |
+
top: 10px;
|
| 5041 |
+
right: 10px;
|
| 5042 |
+
background: #FFFFFF;
|
| 5043 |
+
box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05), 0px 4px 5px rgba(0, 0, 0, 0.05);
|
| 5044 |
+
border-radius: 2px;
|
| 5045 |
+
padding: 2px;
|
| 5046 |
+
|
| 5047 |
+
}
|
| 5048 |
+
.ctf-moderation-toggle-icon{
|
| 5049 |
+
width: 33px;
|
| 5050 |
+
height: 22px;
|
| 5051 |
+
position: relative;
|
| 5052 |
+
float: left;
|
| 5053 |
+
border-radius: 2px;
|
| 5054 |
+
color: #8C8F9A;
|
| 5055 |
+
}
|
| 5056 |
+
|
| 5057 |
+
.ctf-moderation-toggle[data-type="active"] .ctf-moderation-checkmark{
|
| 5058 |
+
background: #59AB46;
|
| 5059 |
+
color: #fff!important;
|
| 5060 |
+
}
|
| 5061 |
+
|
| 5062 |
+
.ctf-moderation-toggle[data-type="inactive"] .ctf-moderation-x{
|
| 5063 |
+
background: #D72C2C;
|
| 5064 |
+
color: #fff!important;
|
| 5065 |
+
}
|
| 5066 |
+
.ctf_expand{
|
| 5067 |
+
cursor: pointer;
|
| 5068 |
+
}
|
| 5069 |
+
.ctf-moderation-checkmark:before{
|
| 5070 |
+
content: '';
|
| 5071 |
+
position: absolute;
|
| 5072 |
+
width: 13px;
|
| 5073 |
+
height: 5px;
|
| 5074 |
+
left: 8px;
|
| 5075 |
+
top: 5px;
|
| 5076 |
+
border-bottom: 2px solid currentColor;
|
| 5077 |
+
border-left: 2px solid currentColor;
|
| 5078 |
+
-webkit-transform: rotate(-45deg);
|
| 5079 |
+
transform: rotate(-45deg);
|
| 5080 |
+
}
|
| 5081 |
+
|
| 5082 |
+
.ctf-moderation-x:before,
|
| 5083 |
+
.ctf-moderation-x:after{
|
| 5084 |
+
content: '';
|
| 5085 |
+
position: absolute;
|
| 5086 |
+
width: 15px;
|
| 5087 |
+
height: 2px;
|
| 5088 |
+
left: 9px;
|
| 5089 |
+
top: 10px;
|
| 5090 |
+
background: currentColor;
|
| 5091 |
+
-webkit-transform: rotate(-45deg);
|
| 5092 |
+
transform: rotate(-45deg);
|
| 5093 |
+
}
|
| 5094 |
+
.ctf-moderation-x:after{
|
| 5095 |
+
-webkit-transform: rotate(45deg);
|
| 5096 |
+
transform: rotate(45deg);
|
| 5097 |
+
}
|
| 5098 |
+
.sb-control-moderationmode-elements > .sb-control-switcher-ctn{
|
| 5099 |
+
margin-bottom: 25px;
|
| 5100 |
+
}
|
| 5101 |
+
|
| 5102 |
+
.ctf_header_text h3{
|
| 5103 |
+
color: inherit;
|
| 5104 |
+
}
|
| 5105 |
+
|
| 5106 |
+
|
| 5107 |
+
.ctf-customizer-ms-modes .ctf_link,
|
| 5108 |
+
.ctf-customizer-ms-modes .sb_instagram_header{
|
| 5109 |
+
display: none!important;
|
| 5110 |
+
}
|
| 5111 |
+
|
| 5112 |
+
.ctf-moderation-pagination{
|
| 5113 |
+
display: flex;
|
| 5114 |
+
margin-top: 20px;
|
| 5115 |
+
justify-content: flex-end;
|
| 5116 |
+
}
|
| 5117 |
+
.ctf-moderation-pagination-btn{
|
| 5118 |
+
margin-left: 20px;
|
| 5119 |
+
}
|
| 5120 |
+
|
| 5121 |
+
#sb_instagram .ctf_item:not(.ctf_transition) .ctf_photo,
|
| 5122 |
+
#sb_instagram.ctf_highlight #ctf_images, #sb_instagram.ctf_masonry #ctf_images,
|
| 5123 |
+
#sb_instagram #ctf_images .ctf_item{
|
| 5124 |
+
-webkit-transition: unset!important;
|
| 5125 |
+
transition: unset!important;
|
| 5126 |
+
}
|
| 5127 |
+
|
| 5128 |
+
#sb_instagram .ctf_item .ctf_photo_shady{
|
| 5129 |
+
position: absolute;
|
| 5130 |
+
left: 0;
|
| 5131 |
+
top: 0;
|
| 5132 |
+
height: 100%;
|
| 5133 |
+
width: 100%;
|
| 5134 |
+
z-index: 2;
|
| 5135 |
+
background-position: inherit;
|
| 5136 |
+
background-size: inherit;
|
| 5137 |
+
}
|
| 5138 |
+
|
| 5139 |
+
|
| 5140 |
+
/*Specific for Twitter*/
|
| 5141 |
+
.ctf-customlist-chooser-ctn{
|
| 5142 |
+
border-radius: 5px;
|
| 5143 |
+
border: 1px solid #D0D1D7;
|
| 5144 |
+
}
|
| 5145 |
+
.ctf-customlist-chooser-selected{
|
| 5146 |
+
padding: 15px;
|
| 5147 |
+
}
|
| 5148 |
+
.ctf-customlist-chooser-selected-hd{
|
| 5149 |
+
font-size: 16px;
|
| 5150 |
+
margin-bottom: 10px
|
| 5151 |
+
}
|
| 5152 |
+
.ctf-customlist-chooser-selected-hd a{
|
| 5153 |
+
font-size: 14px;
|
| 5154 |
+
}
|
| 5155 |
+
|
| 5156 |
+
.ctf-link-underlined{
|
| 5157 |
+
color: #0068A0;
|
| 5158 |
+
text-decoration: underline!important;
|
| 5159 |
+
cursor: pointer;
|
| 5160 |
+
}
|
| 5161 |
+
.ctf-customlist-selected-item{
|
| 5162 |
+
float: left;
|
| 5163 |
+
background: #F3F4F5;
|
| 5164 |
+
border-radius: 20px;
|
| 5165 |
+
padding: 0px 12px;
|
| 5166 |
+
height: 36px;
|
| 5167 |
+
margin: 5px 8px;
|
| 5168 |
+
display: flex;
|
| 5169 |
+
align-items: center;
|
| 5170 |
+
margin-left: 0px;
|
| 5171 |
+
}
|
| 5172 |
+
.ctf-customlist-selected-item-icon svg{
|
| 5173 |
+
width: 16px;
|
| 5174 |
+
float: left;
|
| 5175 |
+
}
|
| 5176 |
+
.ctf-customlist-selected-item-info{
|
| 5177 |
+
margin: 0px 6px;
|
| 5178 |
+
font-size: 14px;
|
| 5179 |
+
}
|
| 5180 |
+
.ctf-customlist-selected-item-cls{
|
| 5181 |
+
width: 20px;
|
| 5182 |
+
height: 28px;
|
| 5183 |
+
cursor: pointer;
|
| 5184 |
+
position: relative;
|
| 5185 |
+
}
|
| 5186 |
+
.ctf-customlist-selected-item-cls:before,
|
| 5187 |
+
.ctf-customlist-selected-item-cls:after{
|
| 5188 |
+
content: '';
|
| 5189 |
+
position: absolute;
|
| 5190 |
+
width: 16px;
|
| 5191 |
+
height: 2px;
|
| 5192 |
+
background: currentColor;
|
| 5193 |
+
left: 3px;
|
| 5194 |
+
top: 13px;
|
| 5195 |
+
-webkit-transform: rotate(45deg);
|
| 5196 |
+
transform: rotate(45deg);
|
| 5197 |
+
}
|
| 5198 |
+
.ctf-customlist-selected-item-cls:after{
|
| 5199 |
+
-webkit-transform: rotate(-45deg);
|
| 5200 |
+
transform: rotate(-45deg);
|
| 5201 |
+
}
|
| 5202 |
+
|
| 5203 |
+
.ctf-customlist-inputs-ctn{
|
| 5204 |
+
display: grid;
|
| 5205 |
+
grid-template-columns: 49% 49%;
|
| 5206 |
+
grid-column-gap: 1%;
|
| 5207 |
+
border-top: 1px solid #D0D1D7;
|
| 5208 |
+
}
|
| 5209 |
+
.ctf-customlist-results-ctn{
|
| 5210 |
+
}
|
| 5211 |
+
.ctf-customlist-input-item{
|
| 5212 |
+
padding: 15px;
|
| 5213 |
+
float: left;
|
| 5214 |
+
box-sizing: border-box;
|
| 5215 |
+
}
|
| 5216 |
+
.ctf-customlist-input-addlist{
|
| 5217 |
+
background: #F3F4F5;
|
| 5218 |
+
border-right: 1px solid #D0D1D7;
|
| 5219 |
+
}
|
| 5220 |
+
.ctf-customlist-input-item-heading{
|
| 5221 |
+
font-weight: 700;
|
| 5222 |
+
color: #0068A0;
|
| 5223 |
+
margin-bottom: 15px;
|
| 5224 |
+
display: flex;
|
| 5225 |
+
align-items: center;
|
| 5226 |
+
}
|
| 5227 |
+
.ctf-customlist-input-item-heading svg{
|
| 5228 |
+
fill: currentColor;
|
| 5229 |
+
float: left;
|
| 5230 |
+
margin-right: 10px;
|
| 5231 |
+
width: 16px;
|
| 5232 |
+
}
|
| 5233 |
+
.ctf-customlist-input-ctn{
|
| 5234 |
+
display: flex;
|
| 5235 |
+
}
|
| 5236 |
+
.ctf-customlist-input-ctn input,
|
| 5237 |
+
.ctf-customlist-input-ctn input:focus{
|
| 5238 |
+
border-radius: 0px;
|
| 5239 |
+
background: #fff;
|
| 5240 |
+
outline: none;
|
| 5241 |
+
font-size: 14px;
|
| 5242 |
+
border: 1px solid #D0D1D7;
|
| 5243 |
+
margin-right: 10px;
|
| 5244 |
+
box-shadow: none;
|
| 5245 |
+
flex-grow: 1;
|
| 5246 |
+
height: 35px;
|
| 5247 |
+
}
|
| 5248 |
+
.ctf-customlist-input-ctn .sb-btn svg{
|
| 5249 |
+
fill: currentColor;
|
| 5250 |
+
margin-right: 10px;
|
| 5251 |
+
width: 14px;
|
| 5252 |
+
float: left;
|
| 5253 |
+
}
|
| 5254 |
+
.ctf-customlist-input-ctn .sb-btn svg path{
|
| 5255 |
+
fill: currentColor;
|
| 5256 |
+
}
|
| 5257 |
+
|
| 5258 |
+
.ctf-customlist-results-ctn > div{
|
| 5259 |
+
padding: 20px 15px;
|
| 5260 |
+
border-top: 1px solid #D0D1D7;
|
| 5261 |
+
|
| 5262 |
+
}
|
| 5263 |
+
.ctf-customlist-results-success-hd{
|
| 5264 |
+
font-weight: 700;
|
| 5265 |
+
margin-bottom: 10px
|
| 5266 |
+
}
|
| 5267 |
+
.ctf-customlist-results-success-hd strong{
|
| 5268 |
+
color:#0068A0;
|
| 5269 |
+
}
|
| 5270 |
+
.ctf-customlist-results-items{
|
| 5271 |
+
display: grid;
|
| 5272 |
+
grid-template-columns: 32.5% 32.5% 32.5%;
|
| 5273 |
+
grid-column-gap: 1%;
|
| 5274 |
+
}
|
| 5275 |
+
.ctf-customlist-results-item{
|
| 5276 |
+
padding: 15px 10px;
|
| 5277 |
+
border-radius: 4px;
|
| 5278 |
+
border: 1px solid #D0D1D7;
|
| 5279 |
+
display: flex;
|
| 5280 |
+
align-items: center;
|
| 5281 |
+
margin: 5px 0px;
|
| 5282 |
+
cursor: pointer;
|
| 5283 |
+
box-sizing: border-box;
|
| 5284 |
+
}
|
| 5285 |
+
.ctf-customlist-results-chkbx{
|
| 5286 |
+
width: 16px;
|
| 5287 |
+
height: inherit;
|
| 5288 |
+
margin-right: 22px;
|
| 5289 |
+
margin-left: 16px;
|
| 5290 |
+
}
|
| 5291 |
+
.ctf-customlist-results-chkbx > div{
|
| 5292 |
+
border-radius: 3px;
|
| 5293 |
+
width: 16px;
|
| 5294 |
+
height: 16px;
|
| 5295 |
+
border: 2px solid #8c8f9a;
|
| 5296 |
+
}
|
| 5297 |
+
.ctf-customlist-results-item-info{
|
| 5298 |
+
display: flex;
|
| 5299 |
+
flex-direction: column;
|
| 5300 |
+
}
|
| 5301 |
+
|
| 5302 |
+
.ctf-customlist-results-item[data-active="true"]{
|
| 5303 |
+
background: #F7FDFF;
|
| 5304 |
+
border: 2px solid #0096CC;
|
| 5305 |
+
}
|
| 5306 |
+
.ctf-customlist-results-item[data-active="true"] .ctf-customlist-results-chkbx > div{
|
| 5307 |
+
background: #0096CC;
|
| 5308 |
+
border: 1px solid #0096CC;
|
| 5309 |
+
color: #fff;
|
| 5310 |
+
position: relative;
|
| 5311 |
+
}
|
| 5312 |
+
.ctf-customlist-results-item[data-active="true"] .ctf-customlist-results-chkbx > div span{
|
| 5313 |
+
display: inline-block;
|
| 5314 |
+
position: absolute;
|
| 5315 |
+
width: 10px;
|
| 5316 |
+
height: 4px;
|
| 5317 |
+
border-left: 2px solid currentColor;
|
| 5318 |
+
border-bottom: 2px solid currentColor;
|
| 5319 |
+
-webkit-transform:rotate(-45deg);
|
| 5320 |
+
transform:rotate(-45deg);
|
| 5321 |
+
left: 2px;
|
| 5322 |
+
top: 3px;
|
| 5323 |
+
}
|
| 5324 |
+
|
| 5325 |
+
|
| 5326 |
+
.ctf-customlist-results-error{
|
| 5327 |
+
background: #F9F9FA;
|
| 5328 |
+
display: flex;
|
| 5329 |
+
justify-content: center;
|
| 5330 |
+
align-items: center;
|
| 5331 |
+
}
|
| 5332 |
+
.ctf-customlist-error-icon{
|
| 5333 |
+
width: 27px;
|
| 5334 |
+
height: 27px;
|
| 5335 |
+
border-radius: 50px;
|
| 5336 |
+
display: flex;
|
| 5337 |
+
justify-content: center;
|
| 5338 |
+
align-items: center;
|
| 5339 |
+
background: #8C8F9A;
|
| 5340 |
+
font-weight: 900;
|
| 5341 |
+
color: #fff;
|
| 5342 |
+
margin-right: 10px;
|
| 5343 |
+
|
| 5344 |
+
}
|
| 5345 |
+
|
| 5346 |
+
|
| 5347 |
+
|
| 5348 |
+
|
| 5349 |
+
#ctf .ctf-item{
|
| 5350 |
+
-webkit-transition: unset!important;
|
| 5351 |
+
transition: unset!important;
|
| 5352 |
+
}
|
| 5353 |
+
|
| 5354 |
+
|
| 5355 |
+
/*Lightbox */
|
| 5356 |
+
.ctf_lightbox{
|
| 5357 |
+
width: 100%;
|
| 5358 |
+
height: 100%;
|
| 5359 |
+
position: absolute!important;
|
| 5360 |
+
left: 0;
|
| 5361 |
+
top: 2px;
|
| 5362 |
+
z-index: 9;
|
| 5363 |
+
justify-content: center;
|
| 5364 |
+
align-items: flex-start;
|
| 5365 |
+
padding-top: 100px;
|
| 5366 |
+
opacity: 0;
|
| 5367 |
+
visibility: hidden;
|
| 5368 |
+
}
|
| 5369 |
+
.ctf-lightbox-dummy-overlay{
|
| 5370 |
+
background: rgba(0,0,0,0.9);
|
| 5371 |
+
position: absolute;
|
| 5372 |
+
width: 100%;
|
| 5373 |
+
height: 100%;
|
| 5374 |
+
left: 0;
|
| 5375 |
+
top: 0;
|
| 5376 |
+
}
|
| 5377 |
+
|
| 5378 |
+
.ctf_lightbox[data-visibility="true"]{
|
| 5379 |
+
display: block;
|
| 5380 |
+
opacity: 1;
|
| 5381 |
+
visibility: visible;
|
| 5382 |
+
}
|
| 5383 |
+
.ctf_lightbox[data-visibility="true"].ctf_lightbox-active{
|
| 5384 |
+
display: block!important;
|
| 5385 |
+
}
|
| 5386 |
+
.ctf_lightbox.ctf_lightbox-disabled{
|
| 5387 |
+
display: none!important;
|
| 5388 |
+
}
|
| 5389 |
+
.ctf_lightbox .ctf_lb-close{
|
| 5390 |
+
z-index: 9999999999999;
|
| 5391 |
+
cursor: pointer;
|
| 5392 |
+
position: absolute;
|
| 5393 |
+
right: 0;
|
| 5394 |
+
}
|
| 5395 |
+
|
| 5396 |
+
#ctf_lightbox.ctf-lightbox-dummy-ctn .ctf_lb-container-wrapper{
|
| 5397 |
+
width: calc(100% - 300px);
|
| 5398 |
+
}
|
| 5399 |
+
#ctf_lightbox.ctf-lightbox-dummy-ctn.ctf_lb-comments-disabled .ctf_lb-container-wrapper{
|
| 5400 |
+
width: 100%;
|
| 5401 |
+
}
|
| 5402 |
+
|
| 5403 |
+
#ctf_lightbox.ctf-lightbox-dummy-ctn .ctf_lb-image1{
|
| 5404 |
+
width: 100%!important;
|
| 5405 |
+
height: auto!important;
|
| 5406 |
+
}
|
| 5407 |
+
#ctf_lightbox.ctf-lightbox-dummy-ctn .ctf_lb-nav{
|
| 5408 |
+
width: 100%!important;
|
| 5409 |
+
height: 100%!important;
|
| 5410 |
+
position: absolute!important;
|
| 5411 |
+
}
|
| 5412 |
+
|
| 5413 |
+
#ctf_lightbox.ctf-lightbox-dummy-ctn .ctf_lb-data{
|
| 5414 |
+
position: relative;
|
| 5415 |
+
}
|
| 5416 |
+
.sb-control-notice-ctn{
|
| 5417 |
+
background: #F3F4F5;
|
| 5418 |
+
border-radius: 4px;
|
| 5419 |
+
padding: 19px;
|
| 5420 |
+
margin-top: 18px;
|
| 5421 |
+
border: 1px solid #E8E8EB;
|
| 5422 |
+
}
|
| 5423 |
+
|
| 5424 |
+
.sb-control-notice-ctn .sb-control-notice-content{
|
| 5425 |
+
display: flex;
|
| 5426 |
+
border-radius: 4px;
|
| 5427 |
+
align-items: flex-start;
|
| 5428 |
+
}
|
| 5429 |
+
|
| 5430 |
+
.sb-control-notice-ctn[data-notice-action="true"]{
|
| 5431 |
+
cursor: pointer;
|
| 5432 |
+
}
|
| 5433 |
+
.sb-control-notice-ctn[data-notice-action="true"]:before,
|
| 5434 |
+
.sb-control-notice-btn:before{
|
| 5435 |
+
content: '';
|
| 5436 |
+
width: 6px;
|
| 5437 |
+
height: 6px;
|
| 5438 |
+
border-right: 2px solid currentColor;
|
| 5439 |
+
border-bottom: 2px solid currentColor;
|
| 5440 |
+
transform: rotate(-45deg);
|
| 5441 |
+
right: 16px;
|
| 5442 |
+
position: absolute;
|
| 5443 |
+
top: calc(50% - 6px);
|
| 5444 |
+
}
|
| 5445 |
+
.sb-control-notice-btn:before{
|
| 5446 |
+
width: 5px;
|
| 5447 |
+
height: 5px;
|
| 5448 |
+
right: 15px;
|
| 5449 |
+
top: calc(50% - 3px);
|
| 5450 |
+
|
| 5451 |
+
}
|
| 5452 |
+
|
| 5453 |
+
.sb-control-notice-btn{
|
| 5454 |
+
float: left;
|
| 5455 |
+
margin-left: 27px;
|
| 5456 |
+
margin-top: 10px;
|
| 5457 |
+
font-size: 12px;
|
| 5458 |
+
padding-left: 15px;
|
| 5459 |
+
padding-right: 35px;
|
| 5460 |
+
}
|
| 5461 |
+
.sb-control-notice-icon{
|
| 5462 |
+
width: 14px;
|
| 5463 |
+
height: 14px;
|
| 5464 |
+
display: flex;
|
| 5465 |
+
justify-content: center;
|
| 5466 |
+
align-items: center;
|
| 5467 |
+
margin-top: 4px;
|
| 5468 |
+
margin-right: 14px;
|
| 5469 |
+
|
| 5470 |
+
}
|
| 5471 |
+
.sb-control-notice-icon{
|
| 5472 |
+
}
|
| 5473 |
+
|
| 5474 |
+
.sb-control-notice-icon svg{
|
| 5475 |
+
width: 14px;
|
| 5476 |
+
fill: currentColor;
|
| 5477 |
+
}
|
| 5478 |
+
.sb-control-elem-ctn[data-layout="half"][data-type="notice"]{
|
| 5479 |
+
padding-left: 48px;
|
| 5480 |
+
}
|
| 5481 |
+
|
| 5482 |
+
.ctf-fb-feedtypescustomizer-pp-ctn .ctf-addsource-type-btn{
|
| 5483 |
+
color: #0068A0;
|
| 5484 |
+
}
|
| 5485 |
+
.ctf-fb-feedtypescustomizer-pp-ctn .ctf-addsource-type-btn svg{
|
| 5486 |
+
fill: #0068A0;
|
| 5487 |
+
}
|
| 5488 |
+
.ctf-fb-feedtypes-popup .ctf-fb-type-el[data-already-selected="true"],
|
| 5489 |
+
.ctf-fb-feedtypes-popup .ctf-fb-adv-types .ctf-fb-type-el[data-already-selected="true"]{
|
| 5490 |
+
border: 1px solid #edeeef!important;
|
| 5491 |
+
background: #dcdde114!important;
|
| 5492 |
+
}
|
| 5493 |
+
.ctf-fb-feedtypes-popup .ctf-fb-type-el[data-already-selected="true"]:after,
|
| 5494 |
+
.ctf-fb-feedtypes-popup .ctf-fb-adv-types .ctf-fb-type-eldata-already-selected="true"]:after{
|
| 5495 |
+
display: none;
|
| 5496 |
+
}
|
| 5497 |
+
|
| 5498 |
+
.ctf-fb-feedtypes-popup .ctf-fb-type-el[data-already-selected="true"]:before,
|
| 5499 |
+
.ctf-fb-feedtypes-popup .ctf-fb-adv-types .ctf-fb-type-el[data-already-selected="true"]:before{
|
| 5500 |
+
content: ''!important;
|
| 5501 |
+
position: absolute!important;
|
| 5502 |
+
width: 100%!important;
|
| 5503 |
+
height: 100%!important;
|
| 5504 |
+
left: 0px!important;
|
| 5505 |
+
top: 0px!important;
|
| 5506 |
+
z-index: 2!important;
|
| 5507 |
+
background: rgba(255,255,255,0.5)!important;
|
| 5508 |
+
}
|
| 5509 |
+
.ctf-fb-feedtypes-popup .ctf-fb-type-el[data-already-selected="true"] .ctf-fb-type-el-img{
|
| 5510 |
+
border: 3px solid #f3f4f5!important;
|
| 5511 |
+
border-right: 1px solid #fff!important;
|
| 5512 |
+
}
|
| 5513 |
+
.ctf-fb-feedtypes-popup .ctf-fb-type-el[data-already-selected="true"] .ctf-fb-tltp-elem{
|
| 5514 |
+
top: -65px!important;
|
| 5515 |
+
}
|
| 5516 |
+
.ctf-fb-feedtypes-popup .ctf-fb-type-el[data-already-selected="true"] .ctf-fb-tltp-elem:after{
|
| 5517 |
+
box-shadow: -3px 6px 9px #ccc!important;
|
| 5518 |
+
}
|
| 5519 |
+
.ctf-fb-feedtypes-popup .ctf-fb-tltp-parent:hover .ctf-fb-tltp-elem{
|
| 5520 |
+
top: -45px!important;
|
| 5521 |
+
}
|
| 5522 |
+
|
| 5523 |
+
.ctf-carousel{
|
| 5524 |
+
display: block!important;
|
| 5525 |
+
}
|
| 5526 |
+
.ctf_lb-data .ctf_lb-caption a,
|
| 5527 |
+
.ctf_lb-data .ctf_lb-caption a:hover{
|
| 5528 |
+
color: #fff!important;
|
| 5529 |
+
}
|
| 5530 |
+
|
| 5531 |
+
|
| 5532 |
+
[data-preview-device="desktop"] [data-header-size="large"] .ctf-header-type-text{
|
| 5533 |
+
font-size: 48px!important;
|
| 5534 |
+
}
|
| 5535 |
+
|
| 5536 |
+
[data-preview-device="desktop"] [data-header-size="medium"] .ctf-header-type-text,
|
| 5537 |
+
[data-preview-device="tablet"] [data-header-size="large"] .ctf-header-type-text{
|
| 5538 |
+
font-size: 42px!important;
|
| 5539 |
+
}
|
| 5540 |
+
[data-preview-device="desktop"] [data-header-size="small"] .ctf-header-type-text,
|
| 5541 |
+
[data-preview-device="mobile"] [data-header-size="large"] .ctf-header-type-text,
|
| 5542 |
+
[data-preview-device="tablet"] [data-header-size="medium"] .ctf-header-type-text{
|
| 5543 |
+
font-size: 36px!important;
|
| 5544 |
+
}
|
| 5545 |
+
[data-preview-device="mobile"] [data-header-size="small"] .ctf-header-type-text,
|
| 5546 |
+
[data-preview-device="mobile"] [data-header-size="medium"] .ctf-header-type-text{
|
| 5547 |
+
font-size: 32px!important;
|
| 5548 |
+
}
|
| 5549 |
+
[data-preview-device="mobile"] [data-header-size="small"] .ctf-header-type-text{
|
| 5550 |
+
font-size: 28px!important;
|
| 5551 |
+
}
|
| 5552 |
+
|
| 5553 |
+
/*
|
| 5554 |
+
FREE
|
| 5555 |
+
*/
|
| 5556 |
+
|
| 5557 |
+
.ctf-fb-types-list-free{
|
| 5558 |
+
display: block;
|
| 5559 |
+
grid-template-columns: unset;
|
| 5560 |
+
grid-column-gap: unset;
|
| 5561 |
+
margin-bottom: 31px;
|
| 5562 |
+
margin-top: 25px;
|
| 5563 |
+
}
|
| 5564 |
+
.ctf-fb-types-list-free .ctf-fb-type-el > div{
|
| 5565 |
+
height: 100%;
|
| 5566 |
+
}
|
| 5567 |
+
.ctf-fb-types-list-free .ctf-fb-type-el{
|
| 5568 |
+
width: 420px;
|
| 5569 |
+
max-width: 100%;
|
| 5570 |
+
height: 165px;
|
| 5571 |
+
flex-direction: row;
|
| 5572 |
+
align-items: center;
|
| 5573 |
+
}
|
| 5574 |
+
.ctf-fb-types-list-free .ctf-fb-type-el .ctf-fb-type-el-info{
|
| 5575 |
+
text-align: left;
|
| 5576 |
+
align-items: flex-start;
|
| 5577 |
+
justify-content: center;
|
| 5578 |
+
}
|
| 5579 |
+
|
| 5580 |
+
.ctf-fb-types-list-free .ctf-fb-type-el .ctf-fb-type-el-info > *{
|
| 5581 |
+
padding: 0 20px;
|
| 5582 |
+
}
|
| 5583 |
+
|
| 5584 |
+
.ctf-fb-types-list-pro{
|
| 5585 |
+
display: grid;
|
| 5586 |
+
grid-template-columns: 24.5% 24.5% 24.5% 24.5%;
|
| 5587 |
+
grid-column-gap: 0.5%;
|
| 5588 |
+
margin-top: 10px;
|
| 5589 |
+
}
|
| 5590 |
+
.ctf-fb-type-el-pro{
|
| 5591 |
+
display: flex;
|
| 5592 |
+
flex-direction: row;
|
| 5593 |
+
align-items: center;
|
| 5594 |
+
padding: 12px 20px 12px 12px;
|
| 5595 |
+
background: #F9F9FA;
|
| 5596 |
+
border: 1px solid #D0D1D7;
|
| 5597 |
+
box-sizing: border-box;
|
| 5598 |
+
border-radius: 2px;
|
| 5599 |
+
color: #141B38;
|
| 5600 |
+
font-weight: 600;
|
| 5601 |
+
font-size: 14px;
|
| 5602 |
+
margin-bottom: 10px;
|
| 5603 |
+
cursor: pointer;
|
| 5604 |
+
}
|
| 5605 |
+
.ctf-fb-type-el-pro:hover{
|
| 5606 |
+
background: #E2F5FF;
|
| 5607 |
+
border: 1px solid #E2F5FF;
|
| 5608 |
+
}
|
| 5609 |
+
.ctf-fb-type-el-pro-img svg{
|
| 5610 |
+
float: left;
|
| 5611 |
+
}
|
| 5612 |
+
.ctf-fb-type-el-pro-img{
|
| 5613 |
+
margin-right: 20px;
|
| 5614 |
+
}
|
| 5615 |
+
|
| 5616 |
+
/*Lite Top Banner Dismiss*/
|
| 5617 |
+
.ctf-builder-app-lite-dismiss .ctf-header-notice{
|
| 5618 |
+
position: fixed!important;
|
| 5619 |
+
top: 32px;
|
| 5620 |
+
width: 100%;
|
| 5621 |
+
z-index: 2;
|
| 5622 |
+
left: 0;
|
| 5623 |
+
}
|
| 5624 |
+
.ctf-builder-app-lite-dismiss .ctf-fb-header{
|
| 5625 |
+
top: 64px;
|
| 5626 |
+
}
|
| 5627 |
+
.ctf-builder-app-lite-dismiss .sb-customizer-sidebar{
|
| 5628 |
+
top: 128px;
|
| 5629 |
+
}
|
| 5630 |
+
.ctf-builder-app-lite-dismiss .sb-customizer-preview{
|
| 5631 |
+
margin-top: 100px;
|
| 5632 |
+
}
|
| 5633 |
+
|
| 5634 |
+
.ctf-fb-feedtypescustomizer-pp-ctn .ctf-addsource-type-btn{
|
| 5635 |
+
color: #0068A0;
|
| 5636 |
+
}
|
| 5637 |
+
.ctf-fb-feedtypescustomizer-pp-ctn .ctf-addsource-type-btn svg{
|
| 5638 |
+
fill: #0068A0;
|
| 5639 |
+
}
|
| 5640 |
+
.sb-control-label-pro-toggle{
|
| 5641 |
+
display: inline-block;
|
| 5642 |
+
background: #b9b9b9;
|
| 5643 |
+
color: #fff;
|
| 5644 |
+
border-radius: 3px;
|
| 5645 |
+
padding: 1px 8px;
|
| 5646 |
+
text-transform: uppercase;
|
| 5647 |
+
font-size: 11px;
|
| 5648 |
+
margin-left: 2px;
|
| 5649 |
+
}
|
| 5650 |
+
|
admin/builder/assets/css/global.css
ADDED
|
@@ -0,0 +1,3154 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 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 |
+
body{
|
| 18 |
+
--cl-orange: #FE544F;
|
| 19 |
+
--cl-dark:#2C324C;
|
| 20 |
+
--error-red: #D72C2C;
|
| 21 |
+
--customizer-blue: #0096CC;
|
| 22 |
+
--dark-blue: #2A65DB;
|
| 23 |
+
--success-green: #59AB46;
|
| 24 |
+
}
|
| 25 |
+
#ctf-settings{
|
| 26 |
+
visibility: hidden;
|
| 27 |
+
opacity: 0;
|
| 28 |
+
}
|
| 29 |
+
#ctf-settings[data-app-loaded="true"]{
|
| 30 |
+
visibility: visible;
|
| 31 |
+
opacity: 1;
|
| 32 |
+
}
|
| 33 |
+
|
| 34 |
+
|
| 35 |
+
#ctf-builder-app {
|
| 36 |
+
-webkit-font-smoothing: antialiased;
|
| 37 |
+
}
|
| 38 |
+
/*
|
| 39 |
+
Connect Account Popup
|
| 40 |
+
*/
|
| 41 |
+
.ctf-fb-types, .ctf-fb-adv-types{
|
| 42 |
+
padding: 22px 35px 0;
|
| 43 |
+
}
|
| 44 |
+
.ctf-fb-types h4, .ctf-fb-section-wh h4 {
|
| 45 |
+
font-size:20px;
|
| 46 |
+
line-height: 24px;
|
| 47 |
+
font-weight: 600;
|
| 48 |
+
margin: 0 0 4px 0;
|
| 49 |
+
}
|
| 50 |
+
.ctf-fb-connectaccount-pp-ctn .ctf-fb-connectaccount-popup{
|
| 51 |
+
width: 874px;
|
| 52 |
+
min-height: 280px;
|
| 53 |
+
}
|
| 54 |
+
.ctf-fb-source-inp-half{
|
| 55 |
+
display: grid;
|
| 56 |
+
grid-template-columns: 49% 49%;
|
| 57 |
+
grid-column-gap: 1%;
|
| 58 |
+
}
|
| 59 |
+
.ctf-fb-connectaccount-popup[data-step="2"] h3{
|
| 60 |
+
margin-bottom: 22px !important;
|
| 61 |
+
}
|
| 62 |
+
.ctf-fb-connectaccount-popup[data-step="2"] .sb-account-connection-button{
|
| 63 |
+
margin-bottom: 30px;
|
| 64 |
+
}
|
| 65 |
+
.ctf-fb-connectaccount-btn{
|
| 66 |
+
margin-left: 33px;
|
| 67 |
+
margin-bottom: 36px;
|
| 68 |
+
position: relative;
|
| 69 |
+
padding: 13px 19px !important;
|
| 70 |
+
}
|
| 71 |
+
.ctf-fb-connectaccount-btn svg{
|
| 72 |
+
margin-right: 10px;
|
| 73 |
+
fill: currentColor;
|
| 74 |
+
width: 17px;
|
| 75 |
+
float: left;
|
| 76 |
+
}
|
| 77 |
+
/*
|
| 78 |
+
Transitions
|
| 79 |
+
*/
|
| 80 |
+
.sb-tr-1{
|
| 81 |
+
-webkit-transition: all .1s ease-in-out;
|
| 82 |
+
transition: all .1s ease-in-out;
|
| 83 |
+
}
|
| 84 |
+
.sb-tr-2{
|
| 85 |
+
-webkit-transition: all .2s ease-in-out;
|
| 86 |
+
transition: all .2s ease-in-out;
|
| 87 |
+
}
|
| 88 |
+
.sb-tr-3{
|
| 89 |
+
-webkit-transition: all .3s ease-in-out;
|
| 90 |
+
transition: all .3s ease-in-out;
|
| 91 |
+
}
|
| 92 |
+
.sb-tr-4{
|
| 93 |
+
-webkit-transition: all .4s ease-in-out;
|
| 94 |
+
transition: all .4s ease-in-out;
|
| 95 |
+
}
|
| 96 |
+
.sb-tr-5{
|
| 97 |
+
-webkit-transition: all .5s ease-in-out;
|
| 98 |
+
transition: all .5s ease-in-out;
|
| 99 |
+
}
|
| 100 |
+
.sb-tr-6{
|
| 101 |
+
-webkit-transition: all .6s ease-in-out;
|
| 102 |
+
transition: all .6s ease-in-out;
|
| 103 |
+
}
|
| 104 |
+
.sb-tr-7{
|
| 105 |
+
-webkit-transition: all .7s ease-in-out;
|
| 106 |
+
transition: all .7s ease-in-out;
|
| 107 |
+
}
|
| 108 |
+
.sb-tr-8{
|
| 109 |
+
-webkit-transition: all .8s ease-in-out;
|
| 110 |
+
transition: all .8s ease-in-out;
|
| 111 |
+
}
|
| 112 |
+
.sb-tr-9{
|
| 113 |
+
-webkit-transition: all .9s ease-in-out;
|
| 114 |
+
transition: all .9s ease-in-out;
|
| 115 |
+
}
|
| 116 |
+
.sb-tr-10{
|
| 117 |
+
-webkit-transition: all 1s ease-in-out;
|
| 118 |
+
transition: all 1s ease-in-out;
|
| 119 |
+
}
|
| 120 |
+
|
| 121 |
+
/*
|
| 122 |
+
* Default, Hover & Focus Colors & Backgrounds
|
| 123 |
+
*/
|
| 124 |
+
.sb-small-p,
|
| 125 |
+
.sb-standard-p{
|
| 126 |
+
font-style: normal;
|
| 127 |
+
font-weight: normal;
|
| 128 |
+
font-size: 14px;
|
| 129 |
+
line-height: 160%;
|
| 130 |
+
color: #8C8F9A;
|
| 131 |
+
margin: 0;
|
| 132 |
+
}
|
| 133 |
+
.sb-standard-p{
|
| 134 |
+
font-size: 16px;
|
| 135 |
+
color: #141B38;
|
| 136 |
+
}
|
| 137 |
+
#ctf-settings h3 {
|
| 138 |
+
font-style: normal;
|
| 139 |
+
font-weight: 600;
|
| 140 |
+
font-size: 24px;
|
| 141 |
+
line-height: 120%;
|
| 142 |
+
margin: 0 0 4px 0;
|
| 143 |
+
letter-spacing: 0;
|
| 144 |
+
}
|
| 145 |
+
.sb-caption {
|
| 146 |
+
font-style: normal;
|
| 147 |
+
font-weight: normal;
|
| 148 |
+
font-size: 13px;
|
| 149 |
+
line-height: 150%;
|
| 150 |
+
color: #141B38;
|
| 151 |
+
}
|
| 152 |
+
.sb-caption.sb-caption-lighter {
|
| 153 |
+
color: #5F6368;
|
| 154 |
+
}
|
| 155 |
+
.sb-small-text {
|
| 156 |
+
font-size: 12px;
|
| 157 |
+
}
|
| 158 |
+
.sb-bold {
|
| 159 |
+
font-weight: 600;
|
| 160 |
+
}
|
| 161 |
+
.sb-dark-text {
|
| 162 |
+
color: #141B38;
|
| 163 |
+
}
|
| 164 |
+
.sb-small {
|
| 165 |
+
font-style: normal;
|
| 166 |
+
font-weight: bold;
|
| 167 |
+
font-size: 10px;
|
| 168 |
+
line-height: 160%;
|
| 169 |
+
letter-spacing: 0.08em;
|
| 170 |
+
text-transform: uppercase;
|
| 171 |
+
color: #141B38;
|
| 172 |
+
}
|
| 173 |
+
.sb-button-no-border {
|
| 174 |
+
border-radius: 0 !important;
|
| 175 |
+
border: none !important;
|
| 176 |
+
}
|
| 177 |
+
.sb-icon-small svg {
|
| 178 |
+
height: 10px;
|
| 179 |
+
}
|
| 180 |
+
.sb-dark-hover:hover svg, .sb-dark-hover:hover path {
|
| 181 |
+
fill: #141B38;
|
| 182 |
+
}
|
| 183 |
+
/*orange*/
|
| 184 |
+
.sb-btn-orange{
|
| 185 |
+
background: #FE544F!important;
|
| 186 |
+
color: #fff!important;
|
| 187 |
+
}
|
| 188 |
+
.sb-btn-orange:hover{
|
| 189 |
+
background: #EC352F!important;
|
| 190 |
+
border-color: #EC352F!important;
|
| 191 |
+
color: #fff!important;
|
| 192 |
+
}
|
| 193 |
+
.sb-btn-orange:focus,
|
| 194 |
+
.sb-btn-orange:active{
|
| 195 |
+
background: #BC120E!important;
|
| 196 |
+
border-color: #BC120E!important;
|
| 197 |
+
color: #fff!important;
|
| 198 |
+
}
|
| 199 |
+
|
| 200 |
+
/*red*/
|
| 201 |
+
.sb-btn-red{
|
| 202 |
+
background: #D72C2C!important;
|
| 203 |
+
color: #fff!important;
|
| 204 |
+
}
|
| 205 |
+
.sb-btn-red:hover{
|
| 206 |
+
background: #DF5757!important;
|
| 207 |
+
color: #fff!important;
|
| 208 |
+
}
|
| 209 |
+
.sb-btn-red:focus,
|
| 210 |
+
.sb-btn-red:active{
|
| 211 |
+
background: #841919!important;
|
| 212 |
+
color: #fff!important;
|
| 213 |
+
}
|
| 214 |
+
|
| 215 |
+
/*red*/
|
| 216 |
+
.sb-btn-blue{
|
| 217 |
+
background: #0068A0!important;
|
| 218 |
+
color: #fff!important;
|
| 219 |
+
}
|
| 220 |
+
.sb-btn-blue:hover{
|
| 221 |
+
background: #0096CC!important;
|
| 222 |
+
border-color: #0096CC!important;
|
| 223 |
+
color: #fff!important;
|
| 224 |
+
}
|
| 225 |
+
.sb-btn-blue:focus,
|
| 226 |
+
.sb-btn-blue:active{
|
| 227 |
+
background: #004D77!important;
|
| 228 |
+
border-color: #004D77!important;
|
| 229 |
+
color: #fff!important;
|
| 230 |
+
}
|
| 231 |
+
|
| 232 |
+
/*grey*/
|
| 233 |
+
.sb-btn-grey{
|
| 234 |
+
background: #F3F4F5!important;
|
| 235 |
+
color: #141B38!important;
|
| 236 |
+
border: 1px solid #D0D1D7!important;
|
| 237 |
+
}
|
| 238 |
+
.sb-btn-grey:hover{
|
| 239 |
+
background: #fff!important;
|
| 240 |
+
color: #141B38!important;
|
| 241 |
+
border: 1px solid #DCDDE1!important;
|
| 242 |
+
}
|
| 243 |
+
.sb-btn-grey:focus,
|
| 244 |
+
.sb-btn-grey:active{
|
| 245 |
+
background: #E8E8EB!important;
|
| 246 |
+
color: #141B38!important;
|
| 247 |
+
border: 1px solid #D0D1D7!important;
|
| 248 |
+
}
|
| 249 |
+
|
| 250 |
+
/*dark*/
|
| 251 |
+
.sb-btn-dark{
|
| 252 |
+
background: #2C324C!important;
|
| 253 |
+
color: #fff!important;
|
| 254 |
+
}
|
| 255 |
+
.sb-btn-dark:hover{
|
| 256 |
+
background: #434960!important;
|
| 257 |
+
color: #fff!important;
|
| 258 |
+
}
|
| 259 |
+
.sb-btn-dark:focus,
|
| 260 |
+
.sb-btn-dark:active{
|
| 261 |
+
background: #141B38!important;
|
| 262 |
+
color: #fff!important;
|
| 263 |
+
}
|
| 264 |
+
|
| 265 |
+
/*orange*/
|
| 266 |
+
.ctf-btn-orange{
|
| 267 |
+
background: #FE544F!important;
|
| 268 |
+
color: #fff!important;
|
| 269 |
+
}
|
| 270 |
+
.ctf-btn-orange:hover{
|
| 271 |
+
background: #EC352F!important;
|
| 272 |
+
color: #fff!important;
|
| 273 |
+
}
|
| 274 |
+
.ctf-btn-orange:focus,
|
| 275 |
+
.ctf-btn-orange:active{
|
| 276 |
+
background: #BC120E!important;
|
| 277 |
+
color: #fff!important;
|
| 278 |
+
}
|
| 279 |
+
|
| 280 |
+
/*red*/
|
| 281 |
+
.ctf-btn-red{
|
| 282 |
+
background: #D72C2C!important;
|
| 283 |
+
color: #fff!important;
|
| 284 |
+
}
|
| 285 |
+
.ctf-btn-red:hover{
|
| 286 |
+
background: #DF5757!important;
|
| 287 |
+
color: #fff!important;
|
| 288 |
+
}
|
| 289 |
+
.ctf-btn-red:focus,
|
| 290 |
+
.ctf-btn-red:active{
|
| 291 |
+
background: #841919!important;
|
| 292 |
+
color: #fff!important;
|
| 293 |
+
}
|
| 294 |
+
|
| 295 |
+
/*red*/
|
| 296 |
+
.ctf-btn-blue{
|
| 297 |
+
background: #0068A0!important;
|
| 298 |
+
color: #fff!important;
|
| 299 |
+
}
|
| 300 |
+
.ctf-btn-blue:hover{
|
| 301 |
+
background: #0096CC!important;
|
| 302 |
+
color: #fff!important;
|
| 303 |
+
}
|
| 304 |
+
.ctf-btn-blue:focus,
|
| 305 |
+
.ctf-btn-blue:active{
|
| 306 |
+
background: #004D77!important;
|
| 307 |
+
color: #fff!important;
|
| 308 |
+
}
|
| 309 |
+
|
| 310 |
+
/*grey*/
|
| 311 |
+
.ctf-btn-grey{
|
| 312 |
+
background: #F3F4F5!important;
|
| 313 |
+
color: #141B38!important;
|
| 314 |
+
border: 1px solid #D0D1D7!important;
|
| 315 |
+
}
|
| 316 |
+
.ctf-btn-grey:hover{
|
| 317 |
+
background: #fff!important;
|
| 318 |
+
color: #141B38!important;
|
| 319 |
+
border: 1px solid #DCDDE1!important;
|
| 320 |
+
}
|
| 321 |
+
.ctf-btn-grey:focus,
|
| 322 |
+
.ctf-btn-grey:active{
|
| 323 |
+
background: #E8E8EB!important;
|
| 324 |
+
color: #141B38!important;
|
| 325 |
+
border: 1px solid #D0D1D7!important;
|
| 326 |
+
}
|
| 327 |
+
|
| 328 |
+
/*dark*/
|
| 329 |
+
.ctf-btn-dark{
|
| 330 |
+
background: #2C324C!important;
|
| 331 |
+
color: #fff!important;
|
| 332 |
+
}
|
| 333 |
+
.ctf-btn-dark:hover{
|
| 334 |
+
background: #434960!important;
|
| 335 |
+
color: #fff!important;
|
| 336 |
+
}
|
| 337 |
+
.ctf-btn-dark:focus,
|
| 338 |
+
.ctf-btn-dark:active{
|
| 339 |
+
background: #141B38!important;
|
| 340 |
+
color: #fff!important;
|
| 341 |
+
}
|
| 342 |
+
|
| 343 |
+
/*disabled*/
|
| 344 |
+
.sb-btn-orange[data-active="false"],
|
| 345 |
+
.sb-btn-blue[data-active="false"],
|
| 346 |
+
.sb-btn-red[data-active="false"],
|
| 347 |
+
.sb-btn-grey[data-active="false"],
|
| 348 |
+
.sb-btn-dark[data-active="false"]{
|
| 349 |
+
background: #E8E8EB !important;
|
| 350 |
+
color: #8C8F9A !important;
|
| 351 |
+
}
|
| 352 |
+
|
| 353 |
+
|
| 354 |
+
/*
|
| 355 |
+
* Social Colors
|
| 356 |
+
*/
|
| 357 |
+
|
| 358 |
+
/*Facebook*/
|
| 359 |
+
.sb-cl-facebook,
|
| 360 |
+
.sb-clhv-facebook:hover{
|
| 361 |
+
color: #006BFA!important;
|
| 362 |
+
}
|
| 363 |
+
.ctf-bg-facebook,
|
| 364 |
+
.ctf-bghv-facebook:hover{
|
| 365 |
+
background: #006BFA!important;
|
| 366 |
+
}
|
| 367 |
+
|
| 368 |
+
/*Instagram*/
|
| 369 |
+
.sb-cl-instagram,
|
| 370 |
+
.sb-clhv-instagram:hover{
|
| 371 |
+
color: #BA03A7!important;
|
| 372 |
+
}
|
| 373 |
+
.ctf-bg-instagram,
|
| 374 |
+
.ctf-bghv-instagram:hover{
|
| 375 |
+
background: #BA03A7!important;
|
| 376 |
+
}
|
| 377 |
+
|
| 378 |
+
/*Twitter*/
|
| 379 |
+
.sb-cl-twitter,
|
| 380 |
+
.sb-clhv-twitter:hover{
|
| 381 |
+
color: #1B90EF!important;
|
| 382 |
+
}
|
| 383 |
+
.ctf-bg-twitter,
|
| 384 |
+
.ctf-bghv-twitter:hover{
|
| 385 |
+
background: #1B90EF!important;
|
| 386 |
+
}
|
| 387 |
+
|
| 388 |
+
/*YouTube*/
|
| 389 |
+
.sb-cl-youtube,
|
| 390 |
+
.sb-clhv-youtube:hover{
|
| 391 |
+
color: #EB2121!important;
|
| 392 |
+
}
|
| 393 |
+
.ctf-bg-youtube,
|
| 394 |
+
.ctf-bghv-youtube:hover{
|
| 395 |
+
background: #EB2121!important;
|
| 396 |
+
}
|
| 397 |
+
|
| 398 |
+
/*Linkedin*/
|
| 399 |
+
.sb-cl-linkedin,
|
| 400 |
+
.sb-clhv-linkedin:hover{
|
| 401 |
+
color: #007bb6!important;
|
| 402 |
+
}
|
| 403 |
+
.ctf-bg-linkedin,
|
| 404 |
+
.ctf-bghv-linkedin:hover{
|
| 405 |
+
background: #007bb6!important;
|
| 406 |
+
}
|
| 407 |
+
|
| 408 |
+
/*Mail*/
|
| 409 |
+
.sb-cl-mail,
|
| 410 |
+
.sb-clhv-mail:hover{
|
| 411 |
+
color: #666!important;
|
| 412 |
+
}
|
| 413 |
+
.ctf-bg-mail,
|
| 414 |
+
.ctf-bghv-mail:hover{
|
| 415 |
+
background: #666!important;
|
| 416 |
+
}
|
| 417 |
+
|
| 418 |
+
.sb-cursor-pointer{
|
| 419 |
+
cursor: pointer;
|
| 420 |
+
}
|
| 421 |
+
|
| 422 |
+
/*Buttons*/
|
| 423 |
+
.sb-btn{
|
| 424 |
+
display: flex;
|
| 425 |
+
flex-direction: row;
|
| 426 |
+
justify-content: center;
|
| 427 |
+
align-items: center;
|
| 428 |
+
padding: 9px 38px;
|
| 429 |
+
font-style: normal;
|
| 430 |
+
font-weight: 500;
|
| 431 |
+
font-size: 14px;
|
| 432 |
+
line-height: 17px;
|
| 433 |
+
border-radius: 2px;
|
| 434 |
+
cursor: pointer;
|
| 435 |
+
color: #fff;
|
| 436 |
+
outline: none;
|
| 437 |
+
box-shadow: none;
|
| 438 |
+
border: none;;
|
| 439 |
+
}
|
| 440 |
+
.sb-btn:focus{
|
| 441 |
+
box-shadow: none;
|
| 442 |
+
}
|
| 443 |
+
|
| 444 |
+
.ctf-small-chevron svg{
|
| 445 |
+
width: 6px;
|
| 446 |
+
height: 8px;
|
| 447 |
+
top: 14px;
|
| 448 |
+
left: 18px;
|
| 449 |
+
}
|
| 450 |
+
|
| 451 |
+
.sb-btn-right-icon{
|
| 452 |
+
display: flex;
|
| 453 |
+
justify-content: flex-start;
|
| 454 |
+
padding: 15px 12px;
|
| 455 |
+
}
|
| 456 |
+
.sb-btn-right-txt{
|
| 457 |
+
display: flex;
|
| 458 |
+
justify-content: flex-start;
|
| 459 |
+
align-items: center;
|
| 460 |
+
line-height: 1em;
|
| 461 |
+
}
|
| 462 |
+
.sb-btn-right-txt svg{
|
| 463 |
+
float: left;
|
| 464 |
+
margin-right: 10px;
|
| 465 |
+
}
|
| 466 |
+
|
| 467 |
+
.sb-btn-right-chevron{
|
| 468 |
+
width: 7px;
|
| 469 |
+
height: 7px;
|
| 470 |
+
border-right: 2px solid currentColor;
|
| 471 |
+
border-bottom: 2px solid currentColor;
|
| 472 |
+
-webkit-transform: rotate(-45deg);
|
| 473 |
+
transform: rotate(-45deg);
|
| 474 |
+
margin-left: auto;
|
| 475 |
+
margin-right: 10px;
|
| 476 |
+
}
|
| 477 |
+
|
| 478 |
+
/*Add Source*/
|
| 479 |
+
/*
|
| 480 |
+
Add new Source Popup
|
| 481 |
+
*/
|
| 482 |
+
.ctf-fb-popup-cls{
|
| 483 |
+
height: 14px;
|
| 484 |
+
width: 14px;
|
| 485 |
+
position: absolute;
|
| 486 |
+
cursor: pointer;
|
| 487 |
+
right: 17px;
|
| 488 |
+
top: 17px;
|
| 489 |
+
z-index: 3;
|
| 490 |
+
}
|
| 491 |
+
.ctf-fb-center-boss{
|
| 492 |
+
display: flex;
|
| 493 |
+
justify-content: center;
|
| 494 |
+
align-items: center;
|
| 495 |
+
}
|
| 496 |
+
.ctf-fb-popup-inside{
|
| 497 |
+
left: 80px;
|
| 498 |
+
width: 880px;
|
| 499 |
+
max-width: calc(100% - 200px);
|
| 500 |
+
background: #fff;
|
| 501 |
+
color: #141B38;
|
| 502 |
+
position: relative;
|
| 503 |
+
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);
|
| 504 |
+
border-radius: 2px;
|
| 505 |
+
overflow-y: auto;
|
| 506 |
+
max-height: 80vh;
|
| 507 |
+
}
|
| 508 |
+
.ctf-fb-popup-inside.ctf-narrower-modal {
|
| 509 |
+
max-width: 576px;
|
| 510 |
+
}
|
| 511 |
+
.ctf-fb-popup-inside.sb-onboarding-tooltip {
|
| 512 |
+
overflow-y: visible !important;
|
| 513 |
+
}
|
| 514 |
+
@media all and (max-width: 960px) {
|
| 515 |
+
.ctf-fb-popup-inside {
|
| 516 |
+
left: 20px;
|
| 517 |
+
width: 100%;
|
| 518 |
+
max-width: calc(100% - 100px);
|
| 519 |
+
}
|
| 520 |
+
}
|
| 521 |
+
.ctf-fb-feedtypes-popup{
|
| 522 |
+
width: 1200px;
|
| 523 |
+
max-width: calc(100% - 200px);
|
| 524 |
+
}
|
| 525 |
+
.ctf-fb-embed-popup{
|
| 526 |
+
width: 575px;
|
| 527 |
+
}
|
| 528 |
+
|
| 529 |
+
.ctf-fb-source-pp-customizer h5,.ctf-fb-embed-popup h5{
|
| 530 |
+
font-size: 24px;
|
| 531 |
+
padding: 0 20px;
|
| 532 |
+
margin-top: 25px;
|
| 533 |
+
margin-bottom: 15px;
|
| 534 |
+
}
|
| 535 |
+
.ctf-fb-feedtypes-popup h5{
|
| 536 |
+
font-size: 26px;
|
| 537 |
+
padding: 0 20px;
|
| 538 |
+
margin-top: 25px;
|
| 539 |
+
margin-bottom: 30px;
|
| 540 |
+
}
|
| 541 |
+
|
| 542 |
+
.ctf-fb-feedtypes-pp-ctn .ctf-fb-adv-types .ctf-fb-types-list{
|
| 543 |
+
margin-bottom: 30px !important
|
| 544 |
+
}
|
| 545 |
+
.ctf-fb-srcs-update{
|
| 546 |
+
background: var(--cl-orange);
|
| 547 |
+
font-weight: 600;
|
| 548 |
+
font-size: 14px;
|
| 549 |
+
line-height: 160%;
|
| 550 |
+
height: 38px;
|
| 551 |
+
}
|
| 552 |
+
.ctf-fb-srcs-update-footer{
|
| 553 |
+
display: flex;
|
| 554 |
+
align-items: center;
|
| 555 |
+
border-top: 1px solid #DCDDE1;
|
| 556 |
+
background: #F9F9FA;
|
| 557 |
+
}
|
| 558 |
+
.ctf-fb-srcs-update-footer-txt{
|
| 559 |
+
font-size: 18px;
|
| 560 |
+
line-height: 1.7em;
|
| 561 |
+
}
|
| 562 |
+
|
| 563 |
+
.ctf-fb-srcs-update-footer-image svg{
|
| 564 |
+
width: 100%;
|
| 565 |
+
height: auto;
|
| 566 |
+
float: left;
|
| 567 |
+
}
|
| 568 |
+
.ctf-fb-srcs-update-footer-txt{
|
| 569 |
+
box-sizing: border-box;
|
| 570 |
+
display: flex;
|
| 571 |
+
justify-content: center;
|
| 572 |
+
}
|
| 573 |
+
.ctf-fb-stp1-elm{
|
| 574 |
+
margin-bottom: 30px;
|
| 575 |
+
float: left;
|
| 576 |
+
display: flex;
|
| 577 |
+
}
|
| 578 |
+
.ctf-fb-source-top .ctf-fb-stp1-elm:first-of-type{
|
| 579 |
+
justify-content: center;
|
| 580 |
+
align-items: center;
|
| 581 |
+
padding-bottom: 30px;
|
| 582 |
+
border-bottom: 1px solid #D0D1D7;
|
| 583 |
+
}
|
| 584 |
+
.ctf-fb-stp1-event{
|
| 585 |
+
padding-bottom: 0px!important;
|
| 586 |
+
border-bottom: none!important;
|
| 587 |
+
padding-right: 20%;
|
| 588 |
+
align-items: flex-start!important;
|
| 589 |
+
}
|
| 590 |
+
.ctf-fb-stp1-elm-desc > a{
|
| 591 |
+
font-weight: 600;
|
| 592 |
+
text-decoration: underline;
|
| 593 |
+
color: #2A65DB;
|
| 594 |
+
}
|
| 595 |
+
|
| 596 |
+
.ctf-fb-stp-src-ctn,
|
| 597 |
+
.ctf-flex-center-center{
|
| 598 |
+
display: flex;
|
| 599 |
+
justify-content: center;
|
| 600 |
+
align-content: center;
|
| 601 |
+
}
|
| 602 |
+
.ctf-fb-stp-src-type{
|
| 603 |
+
display: flex;
|
| 604 |
+
justify-content: center;
|
| 605 |
+
align-content: center;
|
| 606 |
+
font-size: 13px;
|
| 607 |
+
font-weight:400;
|
| 608 |
+
cursor: pointer;
|
| 609 |
+
margin-left: 20px;
|
| 610 |
+
color: #434960;
|
| 611 |
+
white-space: nowrap;
|
| 612 |
+
}
|
| 613 |
+
.ctf-fb-stp-src-type[data-active="true"]{
|
| 614 |
+
font-weight:600;
|
| 615 |
+
color: #141B38;
|
| 616 |
+
}
|
| 617 |
+
.ctf-not-sure-wrap span svg {
|
| 618 |
+
margin-right: 5px;
|
| 619 |
+
}
|
| 620 |
+
.ctf-not-sure-wrap:hover .ctf-not-sure-tooltip{
|
| 621 |
+
display: block;
|
| 622 |
+
}
|
| 623 |
+
.ctf-fb-stp1-elm-ic{
|
| 624 |
+
width: 28px;
|
| 625 |
+
height: 28px;
|
| 626 |
+
border-radius: 35px;
|
| 627 |
+
background: #F3F4F5;
|
| 628 |
+
display: flex;
|
| 629 |
+
justify-content: center;
|
| 630 |
+
align-items: center;
|
| 631 |
+
font-weight: 500;
|
| 632 |
+
flex: none;
|
| 633 |
+
}
|
| 634 |
+
.ctf-fb-stp1-elm-head{
|
| 635 |
+
font-size: 16px;
|
| 636 |
+
font-weight: 600;
|
| 637 |
+
}
|
| 638 |
+
.ctf-fb-stp1-elm-desc{
|
| 639 |
+
font-size: 15px;
|
| 640 |
+
margin-top: 4px;
|
| 641 |
+
line-height: 1.3em;
|
| 642 |
+
color: #5F6368;
|
| 643 |
+
}
|
| 644 |
+
|
| 645 |
+
.ctf-fb-source-btm-hd{
|
| 646 |
+
font-size: 15px;
|
| 647 |
+
font-weight: 500;
|
| 648 |
+
}
|
| 649 |
+
.ctf-fb-src-back-top i{
|
| 650 |
+
font-size: 12px;
|
| 651 |
+
margin-right: 10px;
|
| 652 |
+
}
|
| 653 |
+
.ctf-fb-source-account-info{
|
| 654 |
+
background: #F3F4F5;
|
| 655 |
+
color: #8C8F9A;
|
| 656 |
+
display: flex;
|
| 657 |
+
align-items: center;
|
| 658 |
+
padding: 6px 6px 6px 12px;
|
| 659 |
+
font-size: 15px;
|
| 660 |
+
}
|
| 661 |
+
.ctf-fb-source-list {
|
| 662 |
+
display: grid;
|
| 663 |
+
grid-template-columns: 49.5% 49.5%;
|
| 664 |
+
grid-column-gap: 1%;
|
| 665 |
+
margin-top: 10px;
|
| 666 |
+
max-height: calc(80vh - 360px);
|
| 667 |
+
overflow-y: auto;
|
| 668 |
+
min-height: 80px;
|
| 669 |
+
}
|
| 670 |
+
|
| 671 |
+
.ctf-fb-source-account-info strong{
|
| 672 |
+
color: #141B38;
|
| 673 |
+
}
|
| 674 |
+
.ctf-fb-source-btn{
|
| 675 |
+
margin-top: 60px;
|
| 676 |
+
color: #fff;
|
| 677 |
+
display: flex;
|
| 678 |
+
justify-content: center;
|
| 679 |
+
align-items: center;
|
| 680 |
+
background: #0068A0;
|
| 681 |
+
cursor: pointer;
|
| 682 |
+
padding: 10px 20px;
|
| 683 |
+
border-radius: 3px;
|
| 684 |
+
font-size: 15px;
|
| 685 |
+
font-weight: 500;
|
| 686 |
+
border: none;
|
| 687 |
+
}
|
| 688 |
+
.ctf-fb-icon-success{
|
| 689 |
+
position: relative;
|
| 690 |
+
width: 30px;
|
| 691 |
+
height: 20px;
|
| 692 |
+
margin-right: 10px;
|
| 693 |
+
}
|
| 694 |
+
.ctf-fb-icon-success:before{
|
| 695 |
+
content: '';
|
| 696 |
+
position: absolute;
|
| 697 |
+
width: 13px;
|
| 698 |
+
height: 5px;
|
| 699 |
+
top: 4px;
|
| 700 |
+
border-left: 3px solid currentColor;
|
| 701 |
+
border-bottom: 3px solid currentColor;
|
| 702 |
+
-webkit-transform: rotate(-45deg);
|
| 703 |
+
transform: rotate(-45deg);
|
| 704 |
+
}
|
| 705 |
+
|
| 706 |
+
.ctf-fb-source-inp-label,.ctf-fb-wh-label{
|
| 707 |
+
font-size: 14px;
|
| 708 |
+
color: #434960;
|
| 709 |
+
}
|
| 710 |
+
.ctf-fb-source-mnl-type .ctf-fb-stp-src-ctn{
|
| 711 |
+
justify-content: flex-start;
|
| 712 |
+
margin-bottom: 20px;
|
| 713 |
+
margin-top: 10px;
|
| 714 |
+
}
|
| 715 |
+
.ctf-fb-source-mnl-type .ctf-fb-stp-src-ctn .ctf-fb-stp-src-type{
|
| 716 |
+
margin-left: 0px;
|
| 717 |
+
margin-right: 20px
|
| 718 |
+
}
|
| 719 |
+
.ctf-fb-source-inp,.ctf-fb-wh-inp{
|
| 720 |
+
border-radius: 0px !important;
|
| 721 |
+
outline: none ;
|
| 722 |
+
margin-top: 5px;
|
| 723 |
+
border: 1px solid #D0D1D7 !important;
|
| 724 |
+
margin-bottom: 20px;
|
| 725 |
+
height: 35px;
|
| 726 |
+
line-height: 35px;
|
| 727 |
+
}
|
| 728 |
+
.ctf-fb-sec-heading span{
|
| 729 |
+
font-size:14px;
|
| 730 |
+
color: #434960;
|
| 731 |
+
line-height: 1.7em;
|
| 732 |
+
margin-top: 10px;
|
| 733 |
+
display: block;
|
| 734 |
+
}
|
| 735 |
+
#ctf-builder-app .ctf-fb-sec-heading span {
|
| 736 |
+
margin-top: 0;
|
| 737 |
+
}
|
| 738 |
+
.ctf-fb-sec-heading {
|
| 739 |
+
margin-bottom: 10px;
|
| 740 |
+
}
|
| 741 |
+
.ctf-fb-slctsrc-content,.ctf-fb-section-wh-insd{
|
| 742 |
+
padding: 40px;
|
| 743 |
+
}
|
| 744 |
+
|
| 745 |
+
.ctf-fb-slctsrc-ctn h4,.ctf-fb-section-wh-insd h4{
|
| 746 |
+
font-size: 20px;
|
| 747 |
+
padding: 0px;
|
| 748 |
+
margin: 0px;
|
| 749 |
+
}
|
| 750 |
+
|
| 751 |
+
.ctf-fb-srcs-item{
|
| 752 |
+
width: 100%;
|
| 753 |
+
cursor: pointer;
|
| 754 |
+
height: 62px;
|
| 755 |
+
margin-top: 10px;
|
| 756 |
+
border-radius: 3px;
|
| 757 |
+
border: 1px solid #E7E7E9;
|
| 758 |
+
display: flex;
|
| 759 |
+
position: relative;
|
| 760 |
+
}
|
| 761 |
+
.ctf-connecting-account-item {
|
| 762 |
+
display: flex;
|
| 763 |
+
align-content: center;
|
| 764 |
+
align-items: center;
|
| 765 |
+
|
| 766 |
+
position: relative;
|
| 767 |
+
box-sizing: border-box;
|
| 768 |
+
|
| 769 |
+
height: 62px;
|
| 770 |
+
width: 208px;
|
| 771 |
+
margin: auto;
|
| 772 |
+
padding: 12px;
|
| 773 |
+
background: #fff;
|
| 774 |
+
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), 0 4px 5px rgba(0, 0, 0, 0.05);
|
| 775 |
+
border-radius: 4px;
|
| 776 |
+
}
|
| 777 |
+
.ctf-fb-source-step4 {
|
| 778 |
+
max-width: 576px;
|
| 779 |
+
}
|
| 780 |
+
.ctf-source-account-box {
|
| 781 |
+
padding: 32px;
|
| 782 |
+
|
| 783 |
+
background-color: #F3F4F5;
|
| 784 |
+
}
|
| 785 |
+
.sb-details-wrap {
|
| 786 |
+
align-items: center;
|
| 787 |
+
}
|
| 788 |
+
.ctf-connecting-account-item .ctf-fb-srcs-item-avatar {
|
| 789 |
+
margin-right: 8px;
|
| 790 |
+
}
|
| 791 |
+
.ctf-fb-srcs-item .ctf-fb-srcs-item-avatar {
|
| 792 |
+
margin-right: 10px;
|
| 793 |
+
}
|
| 794 |
+
.ctf-fb-srcs-item[data-disabled="true"]{
|
| 795 |
+
background: #F3F4F5;
|
| 796 |
+
}
|
| 797 |
+
.ctf-fb-stp-src-type[data-disabled="true"],
|
| 798 |
+
.ctf-fb-stp-src-type[data-disabled="true"] .ctf-fb-chbx-round{
|
| 799 |
+
color: #8C8F9A !important;
|
| 800 |
+
cursor: default;
|
| 801 |
+
}
|
| 802 |
+
.ctf-fb-stp-src-type[data-disabled="true"] {
|
| 803 |
+
position: relative;
|
| 804 |
+
}
|
| 805 |
+
|
| 806 |
+
.ctf-fb-srcs-item[data-disabled="true"] .ctf-fb-srcs-item-inf{
|
| 807 |
+
opacity: .55;
|
| 808 |
+
}
|
| 809 |
+
|
| 810 |
+
.ctf-fb-srcs-item:hover{
|
| 811 |
+
border-color: #86D0F9;
|
| 812 |
+
}
|
| 813 |
+
.ctf-fb-srcs-item[data-active="true"]{
|
| 814 |
+
border-color: #0096cc;
|
| 815 |
+
}
|
| 816 |
+
|
| 817 |
+
.ctf-fb-source-top .ctf-fb-srcs-item{
|
| 818 |
+
margin-bottom: 0px;
|
| 819 |
+
}
|
| 820 |
+
.ctf-fb-srcs-new{
|
| 821 |
+
display: flex;
|
| 822 |
+
justify-content: center;
|
| 823 |
+
align-items: center;
|
| 824 |
+
font-size: 16px;
|
| 825 |
+
color: #0096CC;
|
| 826 |
+
background: #EBF5FF;
|
| 827 |
+
font-weight: 600;
|
| 828 |
+
border: 1px solid #EBF5FF;
|
| 829 |
+
}
|
| 830 |
+
.ctf-fb-srcs-new i{
|
| 831 |
+
font-size: 14px;
|
| 832 |
+
padding: 0 10px;
|
| 833 |
+
margin-left: -10px;
|
| 834 |
+
}
|
| 835 |
+
.ctf-fb-srcs-item-chkbx{
|
| 836 |
+
width: 40px;
|
| 837 |
+
height: inherit;
|
| 838 |
+
display: flex;
|
| 839 |
+
justify-content: center;
|
| 840 |
+
align-items: center;
|
| 841 |
+
margin: 0px 7px;
|
| 842 |
+
}
|
| 843 |
+
|
| 844 |
+
.ctf-fb-srcs-item-chkbx-ic,.ctf-fb-chbx-round{
|
| 845 |
+
width: 16px;
|
| 846 |
+
height: 16px;
|
| 847 |
+
box-sizing: border-box;
|
| 848 |
+
position: relative;
|
| 849 |
+
border-radius: 50px;
|
| 850 |
+
border: 2px solid #8c8f9a;
|
| 851 |
+
}
|
| 852 |
+
[data-multifeed="active"] .ctf-fb-srcs-item-chkbx-ic{
|
| 853 |
+
border-radius: 2px;
|
| 854 |
+
}
|
| 855 |
+
|
| 856 |
+
[data-active="true"] .ctf-fb-srcs-item-chkbx-ic, [data-active="true"] > .ctf-fb-chbx-round, .ctf-fb-source-popup [data-active="true"] > .ctf-fb-chbx-round{
|
| 857 |
+
border-color: #0096cc;
|
| 858 |
+
background: #0096cc;
|
| 859 |
+
}
|
| 860 |
+
[data-multifeed="active"] [data-active="true"] .ctf-fb-srcs-item-chkbx-ic:before{
|
| 861 |
+
content: '';
|
| 862 |
+
position: absolute;
|
| 863 |
+
width: 8px;
|
| 864 |
+
height: 3px;
|
| 865 |
+
border-left: 2px solid #fff;
|
| 866 |
+
border-bottom: 2px solid #fff;
|
| 867 |
+
top: 2px;
|
| 868 |
+
right: 1px;
|
| 869 |
+
-webkit-transform: rotate(-45deg);
|
| 870 |
+
transform: rotate(-45deg);
|
| 871 |
+
}
|
| 872 |
+
|
| 873 |
+
[data-multifeed="inactive"] [data-active="true"] .ctf-fb-srcs-item-chkbx-ic:before, [data-active="true"] > .ctf-fb-chbx-round:before,
|
| 874 |
+
.ctf-fb-source-popup .ctf-fb-source-list [data-active="true"] .ctf-fb-srcs-item-chkbx-ic:before{
|
| 875 |
+
content: '';
|
| 876 |
+
position: absolute;
|
| 877 |
+
height: 6px;
|
| 878 |
+
width: 6px;
|
| 879 |
+
background: #fff;
|
| 880 |
+
border-radius: 25px;
|
| 881 |
+
left: 3px;
|
| 882 |
+
top: 3px;
|
| 883 |
+
}
|
| 884 |
+
|
| 885 |
+
.ctf-fb-srcs-item-avatar{
|
| 886 |
+
display: flex;
|
| 887 |
+
width: 42px;
|
| 888 |
+
height: inherit;
|
| 889 |
+
justify-content: center;
|
| 890 |
+
align-items: center;
|
| 891 |
+
}
|
| 892 |
+
.ctf-fb-srcs-item-avatar img{
|
| 893 |
+
width: 42px;
|
| 894 |
+
height: 42px;
|
| 895 |
+
border-radius: 50%;
|
| 896 |
+
background: #eee;
|
| 897 |
+
}
|
| 898 |
+
.ctf-fb-srcs-item-inf{
|
| 899 |
+
width: 100%;
|
| 900 |
+
height: inherit;
|
| 901 |
+
display: flex;
|
| 902 |
+
justify-content: center;
|
| 903 |
+
flex-direction: column;
|
| 904 |
+
}
|
| 905 |
+
.ctf-fb-srcs-item-name{
|
| 906 |
+
color: #141B38;
|
| 907 |
+
font-weight: 600;
|
| 908 |
+
}
|
| 909 |
+
.ctf-fb-srcs-item-name-event{
|
| 910 |
+
font-size: 10px;
|
| 911 |
+
font-weight: 500;
|
| 912 |
+
color: #777;
|
| 913 |
+
}
|
| 914 |
+
|
| 915 |
+
.ctf-fb-srcs-item-type{
|
| 916 |
+
color: #434960;
|
| 917 |
+
font-weight: 600;
|
| 918 |
+
text-transform: uppercase;
|
| 919 |
+
display: flex;
|
| 920 |
+
align-items: center;
|
| 921 |
+
}
|
| 922 |
+
.ctf-fb-srcs-item-type svg{
|
| 923 |
+
fill: currentColor;
|
| 924 |
+
}
|
| 925 |
+
[data-type="page"] .ctf-fb-srcs-item-type svg{
|
| 926 |
+
width: 11px;
|
| 927 |
+
}
|
| 928 |
+
.ctf-fb-srcs-back{
|
| 929 |
+
margin-right: auto;
|
| 930 |
+
}
|
| 931 |
+
|
| 932 |
+
|
| 933 |
+
/*Full Screen Window*/
|
| 934 |
+
.sb-fs-boss{
|
| 935 |
+
position: fixed;
|
| 936 |
+
height: 100vh;
|
| 937 |
+
width: 100%;
|
| 938 |
+
left: 0;
|
| 939 |
+
top: 0;
|
| 940 |
+
bottom: 0;
|
| 941 |
+
right: 0;
|
| 942 |
+
background: rgba(0,0,0,.4);
|
| 943 |
+
z-index: 9989;
|
| 944 |
+
}
|
| 945 |
+
|
| 946 |
+
.sb-dialog-popup{
|
| 947 |
+
width: 575px!important;
|
| 948 |
+
}
|
| 949 |
+
.sb-dialog-popup{
|
| 950 |
+
min-height: 250px;
|
| 951 |
+
}
|
| 952 |
+
.sb-dialog-remove-source{
|
| 953 |
+
background: #F3F4F5;
|
| 954 |
+
padding: 40px 20px;
|
| 955 |
+
display: flex;
|
| 956 |
+
justify-content: center;
|
| 957 |
+
align-items: center;
|
| 958 |
+
}
|
| 959 |
+
.sb-dialog-remove-source .ctf-fb-srcs-item{
|
| 960 |
+
background: #fff;
|
| 961 |
+
width: 280px;
|
| 962 |
+
padding-left: 20px;
|
| 963 |
+
box-sizing: border-box;
|
| 964 |
+
margin-top: 0px;
|
| 965 |
+
}
|
| 966 |
+
.sb-dialog-popup-content{
|
| 967 |
+
display: flex;
|
| 968 |
+
justify-content: center;
|
| 969 |
+
align-items: center;
|
| 970 |
+
text-align: center;
|
| 971 |
+
flex-direction: column;
|
| 972 |
+
padding: 38px 12%;
|
| 973 |
+
}
|
| 974 |
+
.sb-dialog-popup-content strong{
|
| 975 |
+
font-size: 22px;
|
| 976 |
+
color: #141B38;
|
| 977 |
+
display: block;
|
| 978 |
+
margin-bottom: 15px;
|
| 979 |
+
line-height: 160%;
|
| 980 |
+
}
|
| 981 |
+
.sb-dialog-popup-content span{
|
| 982 |
+
font-size: 16px;
|
| 983 |
+
line-height: 1.5em;
|
| 984 |
+
color: #434960;
|
| 985 |
+
}
|
| 986 |
+
.sb-dialog-popup-actions{
|
| 987 |
+
display: flex;
|
| 988 |
+
justify-content: center;
|
| 989 |
+
align-items: center;
|
| 990 |
+
margin-top: 25px;
|
| 991 |
+
}
|
| 992 |
+
.sb-dialog-popup-actions button{
|
| 993 |
+
width: 100%;
|
| 994 |
+
margin: 4px 4px;
|
| 995 |
+
cursor: pointer;
|
| 996 |
+
height: 42px;
|
| 997 |
+
}
|
| 998 |
+
|
| 999 |
+
|
| 1000 |
+
.sb-full-screen-loader{
|
| 1001 |
+
position: absolute;
|
| 1002 |
+
width: 100%;
|
| 1003 |
+
height: calc(100vh - 32px);
|
| 1004 |
+
background: #f0f0f1;
|
| 1005 |
+
z-index: 999999;
|
| 1006 |
+
overflow: hidden;
|
| 1007 |
+
display: none;
|
| 1008 |
+
opacity: 0;
|
| 1009 |
+
visibility: hidden;
|
| 1010 |
+
justify-content: center;
|
| 1011 |
+
align-items: center;
|
| 1012 |
+
flex-direction: column;
|
| 1013 |
+
top: 0px;
|
| 1014 |
+
}
|
| 1015 |
+
.sb-full-screen-loader[data-show="shown"]{
|
| 1016 |
+
display: flex;
|
| 1017 |
+
opacity: 1;
|
| 1018 |
+
visibility: visible;
|
| 1019 |
+
}
|
| 1020 |
+
.sb-full-screen-loader-logo{
|
| 1021 |
+
width: 190px;
|
| 1022 |
+
height: 190px;
|
| 1023 |
+
position: relative;
|
| 1024 |
+
margin-bottom: 40px;
|
| 1025 |
+
margin-top: -55px;
|
| 1026 |
+
}
|
| 1027 |
+
.sb-full-screen-loader-border{
|
| 1028 |
+
width: inherit;
|
| 1029 |
+
height: inherit;
|
| 1030 |
+
box-sizing: border-box;
|
| 1031 |
+
border: 6px solid green;
|
| 1032 |
+
left: 0;
|
| 1033 |
+
top: 0;
|
| 1034 |
+
position: absolute;
|
| 1035 |
+
border-radius: 50%;
|
| 1036 |
+
}
|
| 1037 |
+
.sb-full-screen-loader-img{
|
| 1038 |
+
width: inherit;
|
| 1039 |
+
height: inherit;
|
| 1040 |
+
display: flex;
|
| 1041 |
+
justify-content: center;
|
| 1042 |
+
align-items: center;
|
| 1043 |
+
position: absolute;
|
| 1044 |
+
top: 0px;
|
| 1045 |
+
left: 0px;
|
| 1046 |
+
z-index: 2;
|
| 1047 |
+
}
|
| 1048 |
+
.sb-full-screen-loader-img svg{
|
| 1049 |
+
float: left;
|
| 1050 |
+
width: 60px;
|
| 1051 |
+
fill: #FE544F;
|
| 1052 |
+
}
|
| 1053 |
+
.sb-full-screen-loader-txt{
|
| 1054 |
+
color: #434960;
|
| 1055 |
+
font-size: 24px;
|
| 1056 |
+
font-weight: 600;
|
| 1057 |
+
}
|
| 1058 |
+
|
| 1059 |
+
.sb-full-screen-loader-spinner,
|
| 1060 |
+
.sb-full-screen-loader-spinner:before,
|
| 1061 |
+
.sb-full-screen-loader-spinner:after {
|
| 1062 |
+
border-radius: 50%;
|
| 1063 |
+
}
|
| 1064 |
+
.sb-full-screen-loader-spinner {
|
| 1065 |
+
color: #FE544F;
|
| 1066 |
+
position: relative;
|
| 1067 |
+
width: 190px;
|
| 1068 |
+
height: 190px;
|
| 1069 |
+
box-shadow: inset 0 0 0 6px;
|
| 1070 |
+
-webkit-transform: translateZ(0);
|
| 1071 |
+
transform: translateZ(0);
|
| 1072 |
+
}
|
| 1073 |
+
.sb-full-screen-loader-spinner:before,
|
| 1074 |
+
.sb-full-screen-loader-spinner:after {
|
| 1075 |
+
position: absolute;
|
| 1076 |
+
content: '';
|
| 1077 |
+
}
|
| 1078 |
+
.sb-full-screen-loader-spinner:before {
|
| 1079 |
+
width: 100px;
|
| 1080 |
+
height: 200px;
|
| 1081 |
+
background: #f0f0f1;
|
| 1082 |
+
border-radius: 190px 0 0 190px;
|
| 1083 |
+
top: -1px;
|
| 1084 |
+
left: -8px;
|
| 1085 |
+
-webkit-transform-origin: 5.1em 5.1em;
|
| 1086 |
+
transform-origin: 100px 100px;
|
| 1087 |
+
-webkit-animation: ctf-loader-spinner 2s infinite ease 1.5s;
|
| 1088 |
+
animation: ctf-loader-spinner 2s infinite ease 1.5s;
|
| 1089 |
+
}
|
| 1090 |
+
.sb-full-screen-loader-spinner:after {
|
| 1091 |
+
width: 97px;
|
| 1092 |
+
height: 192px;
|
| 1093 |
+
background: #f0f0f1;
|
| 1094 |
+
border-radius: 0 190px 190px 0;
|
| 1095 |
+
top: -1px;
|
| 1096 |
+
left: 94px;
|
| 1097 |
+
-webkit-transform-origin: 1px 95px;
|
| 1098 |
+
transform-origin: 1px 95px;
|
| 1099 |
+
-webkit-animation: ctf-loader-spinner 2s infinite ease;
|
| 1100 |
+
animation: ctf-loader-spinner 2s infinite ease;
|
| 1101 |
+
}
|
| 1102 |
+
@-webkit-keyframes ctf-loader-spinner {
|
| 1103 |
+
0% {
|
| 1104 |
+
-webkit-transform: rotate(0deg);
|
| 1105 |
+
transform: rotate(0deg);
|
| 1106 |
+
}
|
| 1107 |
+
100% {
|
| 1108 |
+
-webkit-transform: rotate(360deg);
|
| 1109 |
+
transform: rotate(360deg);
|
| 1110 |
+
}
|
| 1111 |
+
}
|
| 1112 |
+
@keyframes ctf-loader-spinner {
|
| 1113 |
+
0% {
|
| 1114 |
+
-webkit-transform: rotate(0deg);
|
| 1115 |
+
transform: rotate(0deg);
|
| 1116 |
+
}
|
| 1117 |
+
100% {
|
| 1118 |
+
-webkit-transform: rotate(360deg);
|
| 1119 |
+
transform: rotate(360deg);
|
| 1120 |
+
}
|
| 1121 |
+
}
|
| 1122 |
+
|
| 1123 |
+
|
| 1124 |
+
/* Social Wall Popup */
|
| 1125 |
+
|
| 1126 |
+
.ctf-fb-extpp-social-wall-graphic {
|
| 1127 |
+
display: flex;
|
| 1128 |
+
flex-direction: column;
|
| 1129 |
+
align-items: center;
|
| 1130 |
+
padding-bottom: 78px
|
| 1131 |
+
}
|
| 1132 |
+
.ctf-graphic-row,
|
| 1133 |
+
.ctf-fb-social-wall-between {
|
| 1134 |
+
position: relative;
|
| 1135 |
+
}
|
| 1136 |
+
.ctf-graphic-row-main {
|
| 1137 |
+
display: flex;
|
| 1138 |
+
justify-content: center;
|
| 1139 |
+
flex-direction: row;
|
| 1140 |
+
align-items: center;
|
| 1141 |
+
}
|
| 1142 |
+
.ctf-fb-social-wall-group {
|
| 1143 |
+
display: flex;
|
| 1144 |
+
flex-direction: column;
|
| 1145 |
+
align-items: center;
|
| 1146 |
+
width: 13%;
|
| 1147 |
+
margin: 1.5%;
|
| 1148 |
+
}
|
| 1149 |
+
.ctf-fb-social-wall-group p {
|
| 1150 |
+
margin: 0;
|
| 1151 |
+
text-align:center;
|
| 1152 |
+
}
|
| 1153 |
+
.ctf-fb-social-wall-between.ctf-fb-social-wall-between-instagram svg {
|
| 1154 |
+
margin-top:120%;
|
| 1155 |
+
}
|
| 1156 |
+
.ctf-fb-social-wall-between.ctf-fb-social-wall-between-facebook svg {
|
| 1157 |
+
margin-top:40%;
|
| 1158 |
+
}
|
| 1159 |
+
.ctf-fb-social-wall-between.ctf-fb-social-wall-between-twitter svg {
|
| 1160 |
+
margin-top:60%;
|
| 1161 |
+
}
|
| 1162 |
+
.ctf-fb-social-wall-end {
|
| 1163 |
+
position: absolute;
|
| 1164 |
+
right: -1%;
|
| 1165 |
+
top: 40%;
|
| 1166 |
+
}
|
| 1167 |
+
.ctf-graphic-bottom {
|
| 1168 |
+
width: 100%;
|
| 1169 |
+
display: flex;
|
| 1170 |
+
justify-content: center;
|
| 1171 |
+
flex-direction: row;
|
| 1172 |
+
align-items: center;
|
| 1173 |
+
margin-top:3%;
|
| 1174 |
+
}
|
| 1175 |
+
.ctf-all-in-same {
|
| 1176 |
+
display: flex;
|
| 1177 |
+
justify-content: center;
|
| 1178 |
+
flex-direction: row;
|
| 1179 |
+
align-items: center;
|
| 1180 |
+
height: 38px;
|
| 1181 |
+
width: 72.5%;
|
| 1182 |
+
/*background: #FFFFFF;*/
|
| 1183 |
+
/*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);*/
|
| 1184 |
+
/*border-radius: 3px;*/
|
| 1185 |
+
border-top: 1px solid #ddd;
|
| 1186 |
+
border-bottom: 1px solid #ddd;
|
| 1187 |
+
}
|
| 1188 |
+
.ctf-fb-extpp-social-wall .ctf-fb-extpp-bottom {
|
| 1189 |
+
background: #F3F4F5;
|
| 1190 |
+
}
|
| 1191 |
+
.ctf-fb-social-wall-end-arrow {
|
| 1192 |
+
position: relative;
|
| 1193 |
+
}
|
| 1194 |
+
.ctf-arrow-head {
|
| 1195 |
+
position: absolute;
|
| 1196 |
+
bottom: 1%;
|
| 1197 |
+
left: 39%;
|
| 1198 |
+
}
|
| 1199 |
+
|
| 1200 |
+
/* To Builder */
|
| 1201 |
+
|
| 1202 |
+
|
| 1203 |
+
|
| 1204 |
+
.ctf-fb-slctf-back span {
|
| 1205 |
+
font-weight: 600;
|
| 1206 |
+
}
|
| 1207 |
+
|
| 1208 |
+
.ctf-fb-slctfd-action {
|
| 1209 |
+
padding: 16px 54px;
|
| 1210 |
+
position: fixed;
|
| 1211 |
+
bottom: 0;
|
| 1212 |
+
background: #f0f0f1;
|
| 1213 |
+
width: calc(100% - 160px);
|
| 1214 |
+
z-index: 2;
|
| 1215 |
+
}
|
| 1216 |
+
|
| 1217 |
+
.ctf-fb-wrapper {
|
| 1218 |
+
max-width: 100%;
|
| 1219 |
+
position: relative;
|
| 1220 |
+
margin: auto;
|
| 1221 |
+
color: #141B38;
|
| 1222 |
+
}
|
| 1223 |
+
|
| 1224 |
+
.ctf-fb-create-ctn {
|
| 1225 |
+
float: left;
|
| 1226 |
+
margin-top: 104px;
|
| 1227 |
+
padding: 0 54px 65px;
|
| 1228 |
+
}
|
| 1229 |
+
|
| 1230 |
+
.ctf-fb-extpp-btns a {
|
| 1231 |
+
height: 38px;
|
| 1232 |
+
cursor: pointer;
|
| 1233 |
+
position: relative;
|
| 1234 |
+
border-radius: 3px;
|
| 1235 |
+
font-style: normal;
|
| 1236 |
+
font-weight: 600;
|
| 1237 |
+
font-size: 14px;
|
| 1238 |
+
line-height: 160%;
|
| 1239 |
+
display: flex;
|
| 1240 |
+
justify-content: center;
|
| 1241 |
+
align-items: center;
|
| 1242 |
+
box-sizing: border-box;
|
| 1243 |
+
}
|
| 1244 |
+
|
| 1245 |
+
.ctf-fb-extpp-lite-btn {
|
| 1246 |
+
display: flex;
|
| 1247 |
+
align-items: center;
|
| 1248 |
+
font-size: 14px;
|
| 1249 |
+
font-weight: 600;
|
| 1250 |
+
padding: 6px 11px;
|
| 1251 |
+
color: #0068A0;
|
| 1252 |
+
background: #fff;
|
| 1253 |
+
border: 1px solid #DCDDE1;
|
| 1254 |
+
margin-bottom: 14px;
|
| 1255 |
+
}
|
| 1256 |
+
|
| 1257 |
+
.ctf-fb-extpp-lite-btn svg {
|
| 1258 |
+
fill: currentColor;
|
| 1259 |
+
width: 16px;
|
| 1260 |
+
height: 16px;
|
| 1261 |
+
float: left;
|
| 1262 |
+
margin-right: 10px;
|
| 1263 |
+
}
|
| 1264 |
+
|
| 1265 |
+
.ctf-fb-stp-src-type .ctf-fb-chbx-round {
|
| 1266 |
+
margin-right: 8px;
|
| 1267 |
+
margin-top: 2px;
|
| 1268 |
+
}
|
| 1269 |
+
|
| 1270 |
+
#ctf-builder-app .ctf-fb-stp-src-type {
|
| 1271 |
+
display: flex;
|
| 1272 |
+
justify-content: center;
|
| 1273 |
+
align-content: center;
|
| 1274 |
+
font-size: 14px;
|
| 1275 |
+
font-weight: 400;
|
| 1276 |
+
cursor: pointer;
|
| 1277 |
+
margin-left: 20px;
|
| 1278 |
+
color: #434960;
|
| 1279 |
+
}
|
| 1280 |
+
|
| 1281 |
+
.ctf-csz-name-ed-btn {
|
| 1282 |
+
width: 28px;
|
| 1283 |
+
height: 28px;
|
| 1284 |
+
cursor: pointer;
|
| 1285 |
+
margin: 0 10px;
|
| 1286 |
+
background: #E8E8EB;
|
| 1287 |
+
border: 1px solid #E8E8EB;
|
| 1288 |
+
outline: none;
|
| 1289 |
+
border-radius: 2px;
|
| 1290 |
+
}
|
| 1291 |
+
.ctf-csz-name-ed-btn svg {
|
| 1292 |
+
width: 16px;
|
| 1293 |
+
height: 14px;
|
| 1294 |
+
|
| 1295 |
+
fill: #141B38;
|
| 1296 |
+
float: left;
|
| 1297 |
+
margin-left: -1px;
|
| 1298 |
+
}
|
| 1299 |
+
|
| 1300 |
+
.ctf-csz-name-ed-btn:focus, .ctf-csz-name-ed-btn:hover {
|
| 1301 |
+
outline: none;
|
| 1302 |
+
background-color: #d9d9dc;
|
| 1303 |
+
border-color: #d9d9dc;
|
| 1304 |
+
}
|
| 1305 |
+
|
| 1306 |
+
.sb-preview-chooser-btn, .sb-preview-chooser-btn:focus {
|
| 1307 |
+
width: 38px;
|
| 1308 |
+
height: 32px;
|
| 1309 |
+
display: flex;
|
| 1310 |
+
justify-content: center;
|
| 1311 |
+
align-items: center;
|
| 1312 |
+
cursor: pointer;
|
| 1313 |
+
float: left;
|
| 1314 |
+
border: 0;
|
| 1315 |
+
background: unset;
|
| 1316 |
+
margin: 0 1px;
|
| 1317 |
+
outline: none;
|
| 1318 |
+
}
|
| 1319 |
+
|
| 1320 |
+
.sb-customizer-sidebar {
|
| 1321 |
+
position: fixed;
|
| 1322 |
+
z-index: 100;
|
| 1323 |
+
width: 375px;
|
| 1324 |
+
box-shadow: 4px 0px 14px rgb(0 0 0 / 5%), 1px 0px 4px rgb(0 0 0 / 10%);
|
| 1325 |
+
background: #fff;
|
| 1326 |
+
left: 160px;
|
| 1327 |
+
top: 98px;
|
| 1328 |
+
overflow: auto;
|
| 1329 |
+
bottom: 0px;
|
| 1330 |
+
padding-bottom: 50px;
|
| 1331 |
+
}
|
| 1332 |
+
|
| 1333 |
+
.sb-customizer-sidebar-breadcrumb a, .sb-customizer-sidebar-breadcrumb span {
|
| 1334 |
+
display: inline-block;
|
| 1335 |
+
position: relative;
|
| 1336 |
+
cursor: pointer;
|
| 1337 |
+
color: #434960;
|
| 1338 |
+
text-transform: uppercase;
|
| 1339 |
+
font-size: 10px;
|
| 1340 |
+
line-height: 160%;
|
| 1341 |
+
letter-spacing: 0.02em;
|
| 1342 |
+
padding: 0 5px 0 4px;
|
| 1343 |
+
height: 20px;
|
| 1344 |
+
font-weight: 700;
|
| 1345 |
+
}
|
| 1346 |
+
.sb-control-elem-ctn {
|
| 1347 |
+
display: flex;
|
| 1348 |
+
color: #434960;
|
| 1349 |
+
padding: 20px 20px;
|
| 1350 |
+
}
|
| 1351 |
+
.sb-control-toggle-icon svg {
|
| 1352 |
+
width: 13px;
|
| 1353 |
+
float: left;
|
| 1354 |
+
fill: #434960;
|
| 1355 |
+
}
|
| 1356 |
+
.sb-control-elem-ctn .sb-control-toggle-elm[data-active="true"] {
|
| 1357 |
+
display: flex;
|
| 1358 |
+
color: #141B38;
|
| 1359 |
+
padding: 0 15px;
|
| 1360 |
+
}
|
| 1361 |
+
.sb-control-elem-ctn .sb-control-toggle-elm[data-active="true"] svg {
|
| 1362 |
+
fill: #141B38;
|
| 1363 |
+
}
|
| 1364 |
+
.sb-control-elem-ctn .sb-control-toggle-elm[data-disabled="true"] {
|
| 1365 |
+
color: #8C8F9A;
|
| 1366 |
+
}
|
| 1367 |
+
.sb-control-elem-ctn .sb-control-toggle-elm[data-disabled="true"] svg {
|
| 1368 |
+
fill: #8C8F9A;
|
| 1369 |
+
}
|
| 1370 |
+
|
| 1371 |
+
.sb-control-elem-ctn[data-layout="block"] input[type="number"] {
|
| 1372 |
+
height: 36px;
|
| 1373 |
+
background: #FFFFFF;
|
| 1374 |
+
border-radius: 2px 0 0 2px !important;
|
| 1375 |
+
}
|
| 1376 |
+
|
| 1377 |
+
.sb-control-input-info {
|
| 1378 |
+
display: flex;
|
| 1379 |
+
justify-content: center;
|
| 1380 |
+
align-items: center;
|
| 1381 |
+
background: #F3F4F5;
|
| 1382 |
+
padding: 0 8px;
|
| 1383 |
+
font-weight: normal;
|
| 1384 |
+
font-size: 14px;
|
| 1385 |
+
line-height: 160%;
|
| 1386 |
+
color: #434960;
|
| 1387 |
+
border: 1px solid #D0D1D7;
|
| 1388 |
+
border-left: none;
|
| 1389 |
+
border-radius: 0 2px 2px 0 !important;
|
| 1390 |
+
}
|
| 1391 |
+
.sb-control-elem-output input[type="text"],
|
| 1392 |
+
.sb-control-elem-output input[type="number"]{
|
| 1393 |
+
border-radius: 1px !important;
|
| 1394 |
+
}
|
| 1395 |
+
|
| 1396 |
+
.sb-control-colorpicker-ctn .minicolors-theme-default.minicolors-position-right .minicolors-swatch {
|
| 1397 |
+
left: auto;
|
| 1398 |
+
right: 1px;
|
| 1399 |
+
top: 1px;
|
| 1400 |
+
width: 35px;
|
| 1401 |
+
height: 35px;
|
| 1402 |
+
background: #F9F9FA;
|
| 1403 |
+
border: 0px;
|
| 1404 |
+
border-radius: 2px;
|
| 1405 |
+
}
|
| 1406 |
+
.sb-control-colorpicker-ctn[data-picker-style="reset"] .minicolors-input {
|
| 1407 |
+
background: #F3F4F5!important;
|
| 1408 |
+
border: 1px solid #DCDDE1!important;
|
| 1409 |
+
height: 38px;
|
| 1410 |
+
}
|
| 1411 |
+
|
| 1412 |
+
.sb-customizer-sidebar-breadcrumb svg {
|
| 1413 |
+
position: relative;
|
| 1414 |
+
left: auto;
|
| 1415 |
+
top: auto;
|
| 1416 |
+
margin-right: 9px;
|
| 1417 |
+
}
|
| 1418 |
+
|
| 1419 |
+
.sb-customizer-sidebar-breadcrumb {
|
| 1420 |
+
display: flex;
|
| 1421 |
+
justify-content: flex-start;
|
| 1422 |
+
align-items: center;
|
| 1423 |
+
margin-bottom: 15px;
|
| 1424 |
+
}
|
| 1425 |
+
|
| 1426 |
+
.ctf-fb-srcs-info-item span {
|
| 1427 |
+
font-size: 13px;
|
| 1428 |
+
line-height: 1.5em;
|
| 1429 |
+
color: #434960;
|
| 1430 |
+
font-weight: 400;
|
| 1431 |
+
display: inline-block;
|
| 1432 |
+
word-break: break-all;
|
| 1433 |
+
width: calc(100% - 80px);
|
| 1434 |
+
padding: 0 15px;
|
| 1435 |
+
box-sizing: border-box;
|
| 1436 |
+
}
|
| 1437 |
+
|
| 1438 |
+
/* Onboarding */
|
| 1439 |
+
#ctf-builder-app .sb-onboarding-tooltip {
|
| 1440 |
+
display: none;
|
| 1441 |
+
position: absolute;
|
| 1442 |
+
min-height: auto;
|
| 1443 |
+
width: 460px;
|
| 1444 |
+
max-width: 100%;
|
| 1445 |
+
padding: 0;
|
| 1446 |
+
border-radius: 2px;
|
| 1447 |
+
}
|
| 1448 |
+
#sb-onboarding-tooltip-multiple-2,
|
| 1449 |
+
#sb-onboarding-tooltip-multiple-3{
|
| 1450 |
+
width: 528px;
|
| 1451 |
+
}
|
| 1452 |
+
#sb-onboarding-tooltip-single-2 {
|
| 1453 |
+
width: 402px;
|
| 1454 |
+
}
|
| 1455 |
+
.sb-onboarding-active .sb-onboarding-highlight .ctf-fb-btn.ctf-fb-btn-new,
|
| 1456 |
+
.sb-onboarding-active .sb-positioning-wrap.sb-onboarding-highlight,
|
| 1457 |
+
.sb-onboarding-active .ctf-fd-lst-bigctn .ctf-table-wrap.sb-onboarding-highlight,
|
| 1458 |
+
.sb-onboarding-active .ctf-fb-lgc-ctn.sb-onboarding-highlight,
|
| 1459 |
+
.sb-onboarding-active .ctf-fb-lgc-ctn .ctf-legacy-table-wrap.sb-onboarding-highlight,
|
| 1460 |
+
.sb-onboarding-active .sb-customizer-sidebar-tab.sb-onboarding-highlight,
|
| 1461 |
+
.sb-onboarding-active .ctf-fb-header.sb-onboarding-highlight{
|
| 1462 |
+
position: relative;
|
| 1463 |
+
z-index: 100000;
|
| 1464 |
+
}
|
| 1465 |
+
.sb-onboarding-active .ctf-fd-legacy-feed-toggle {
|
| 1466 |
+
display: none;
|
| 1467 |
+
}
|
| 1468 |
+
.ctf-legacy-table-wrap.sb-onboarding-highlight {
|
| 1469 |
+
clear: both;
|
| 1470 |
+
}
|
| 1471 |
+
#ctf-builder-app .sb-onboarding-tooltip-1 {
|
| 1472 |
+
top: 50px;
|
| 1473 |
+
left: 8px;
|
| 1474 |
+
}
|
| 1475 |
+
#sb-onboarding-tooltip-single-2 {
|
| 1476 |
+
bottom: -179px;
|
| 1477 |
+
top: auto;
|
| 1478 |
+
left: 68%;
|
| 1479 |
+
margin-left: -201px;
|
| 1480 |
+
}
|
| 1481 |
+
#sb-onboarding-tooltip-multiple-2,
|
| 1482 |
+
#sb-onboarding-tooltip-multiple-3{
|
| 1483 |
+
top: -200px;
|
| 1484 |
+
left: 20%;
|
| 1485 |
+
}
|
| 1486 |
+
#sb-onboarding-tooltip-multiple-3 {
|
| 1487 |
+
top: -210px;
|
| 1488 |
+
}
|
| 1489 |
+
#ctf-builder-app .sb-onboarding-tooltip .ctf-fb-wrapper {
|
| 1490 |
+
display: flex;
|
| 1491 |
+
justify-content: flex-end;
|
| 1492 |
+
}
|
| 1493 |
+
#ctf-builder-app .sb-positioning-wrap {
|
| 1494 |
+
width: 432px;
|
| 1495 |
+
}
|
| 1496 |
+
#ctf-builder-app .sb-onboarding-tooltip .ctf-fb-popup-cls {
|
| 1497 |
+
position:absolute;
|
| 1498 |
+
width: 12px;
|
| 1499 |
+
height: 12px;
|
| 1500 |
+
top: 12px;
|
| 1501 |
+
right: 12px;
|
| 1502 |
+
}
|
| 1503 |
+
#ctf-builder-app .sb-onboarding-tooltip .ctf-fb-popup-cls svg {
|
| 1504 |
+
width: 12px;
|
| 1505 |
+
height: 12px;
|
| 1506 |
+
}
|
| 1507 |
+
#ctf-builder-app .sb-onboarding-tooltip h3 {
|
| 1508 |
+
font-size: 16px;
|
| 1509 |
+
color: #141B38;
|
| 1510 |
+
line-height: 160%;
|
| 1511 |
+
font-weight: 600;
|
| 1512 |
+
margin: 0;
|
| 1513 |
+
}
|
| 1514 |
+
#ctf-builder-app .sb-onboarding-step {
|
| 1515 |
+
font-style: normal;
|
| 1516 |
+
font-weight: normal;
|
| 1517 |
+
font-size: 13px;
|
| 1518 |
+
line-height: 160%;
|
| 1519 |
+
color: #434960;
|
| 1520 |
+
margin: 2px 0 20px;
|
| 1521 |
+
display: block;
|
| 1522 |
+
}
|
| 1523 |
+
.ctf-onboarding-next,
|
| 1524 |
+
.ctf-onboarding-previous{
|
| 1525 |
+
color: #353A41;
|
| 1526 |
+
background: #F3F4F5;
|
| 1527 |
+
border: 1px solid #DCDDE1;
|
| 1528 |
+
margin-left: 10px;
|
| 1529 |
+
}
|
| 1530 |
+
.ctf-onboarding-previous[data-active=false]{
|
| 1531 |
+
pointer-events: none;
|
| 1532 |
+
}
|
| 1533 |
+
#ctf-builder-app .sb-onboarding-tooltip .ctf-fb-hd-btn {
|
| 1534 |
+
margin-right: 0;
|
| 1535 |
+
}
|
| 1536 |
+
#ctf-builder-app .sb-onboarding-tooltip .ctf-fb-hd-btn i {
|
| 1537 |
+
margin: 0;
|
| 1538 |
+
}
|
| 1539 |
+
.ctf-onboarding-finish{
|
| 1540 |
+
margin-left: 10px;
|
| 1541 |
+
padding: 0 32px;
|
| 1542 |
+
}
|
| 1543 |
+
#ctf-builder-app .sb-onboarding-tooltip .ctf-fb-hd-btn[data-active="false"] {
|
| 1544 |
+
background-color: #e8e8eb;
|
| 1545 |
+
color: #8c8f99;
|
| 1546 |
+
}
|
| 1547 |
+
#ctf-builder-app .sb-onboarding-tooltip .ctf-fb-hd-btn[data-active="false"]:hover {
|
| 1548 |
+
cursor: default;
|
| 1549 |
+
}
|
| 1550 |
+
.sb-step-counter-wrap span {
|
| 1551 |
+
font-style: normal;
|
| 1552 |
+
font-weight: bold;
|
| 1553 |
+
font-size: 12px;
|
| 1554 |
+
line-height: 160%;
|
| 1555 |
+
letter-spacing: 0.05em;
|
| 1556 |
+
text-transform: uppercase;
|
| 1557 |
+
color: #141B38;
|
| 1558 |
+
}
|
| 1559 |
+
#ctf-builder-app .sb-onboarding-tooltip .sb-pointer {
|
| 1560 |
+
position: absolute;
|
| 1561 |
+
left: 50px;
|
| 1562 |
+
top: -13px;
|
| 1563 |
+
}
|
| 1564 |
+
#ctf-builder-app .sb-pointer.sb-bottom-pointer {
|
| 1565 |
+
top: auto;
|
| 1566 |
+
bottom: -14px;
|
| 1567 |
+
}
|
| 1568 |
+
#sb-onboarding-tooltip-single-2 .sb-pointer {
|
| 1569 |
+
left: 193px;
|
| 1570 |
+
}
|
| 1571 |
+
#sb-onboarding-tooltip-multiple-2:before,
|
| 1572 |
+
#sb-onboarding-tooltip-multiple-3:before{
|
| 1573 |
+
bottom: -8px;
|
| 1574 |
+
}
|
| 1575 |
+
#ctf-builder-app .sb-onboarding-top-row {
|
| 1576 |
+
padding: 20px 44px 0 24px;
|
| 1577 |
+
}
|
| 1578 |
+
#ctf-builder-app .sb-onboarding-bottom-row {
|
| 1579 |
+
display: flex;
|
| 1580 |
+
flex-direction: row;
|
| 1581 |
+
justify-content: space-between;
|
| 1582 |
+
align-items: center;
|
| 1583 |
+
padding: 8px 16px 12px 24px;
|
| 1584 |
+
}
|
| 1585 |
+
|
| 1586 |
+
|
| 1587 |
+
#ctf-builder-app #sb-onboarding-tooltip-customizer-1 {
|
| 1588 |
+
position:absolute;
|
| 1589 |
+
right: 210px;
|
| 1590 |
+
left: auto;
|
| 1591 |
+
top: 84px;
|
| 1592 |
+
}
|
| 1593 |
+
|
| 1594 |
+
#ctf-builder-app #sb-onboarding-tooltip-customizer-1 .sb-pointer {
|
| 1595 |
+
right: 110px;
|
| 1596 |
+
left: auto;
|
| 1597 |
+
}
|
| 1598 |
+
|
| 1599 |
+
.sb-customizer-sidebar.sb-onboarding-highlight {
|
| 1600 |
+
z-index: 9999;
|
| 1601 |
+
overflow: visible;
|
| 1602 |
+
|
| 1603 |
+
}
|
| 1604 |
+
#sb-onboarding-tooltip-customizer-2,
|
| 1605 |
+
#sb-onboarding-tooltip-customizer-3 {
|
| 1606 |
+
z-index: 100000;
|
| 1607 |
+
top: 80px;
|
| 1608 |
+
}
|
| 1609 |
+
#sb-onboarding-tooltip-customizer-3 {
|
| 1610 |
+
left: 171px;
|
| 1611 |
+
}
|
| 1612 |
+
#ctf-builder-app #sb-onboarding-tooltip-customizer-3 .sb-pointer{
|
| 1613 |
+
left: 100px;
|
| 1614 |
+
}
|
| 1615 |
+
|
| 1616 |
+
.sb-onboarding-active .sb-customizer-sidebar-tab-ctn,
|
| 1617 |
+
.sb-onboarding-active .sb-customizer-sidebar-sec-ctn,
|
| 1618 |
+
.sb-onboarding-active .ctf-csz-header .ctf-csz-header-insider{
|
| 1619 |
+
/*pointer-events: none !important;*/
|
| 1620 |
+
}
|
| 1621 |
+
|
| 1622 |
+
/* Misc Tooltip */
|
| 1623 |
+
.ctf-not-sure-tooltip {
|
| 1624 |
+
left: -360px;
|
| 1625 |
+
top: -110px;
|
| 1626 |
+
}
|
| 1627 |
+
.ctf-not-sure-tooltip .sb-pointer {
|
| 1628 |
+
bottom: -17px !important;
|
| 1629 |
+
left: 390px;
|
| 1630 |
+
}
|
| 1631 |
+
.ctf-not-sure-tooltip {
|
| 1632 |
+
display: none;
|
| 1633 |
+
}
|
| 1634 |
+
.ctf-not-sure-tooltip-icon:hover .ctf-not-sure-tooltip {
|
| 1635 |
+
display: block;
|
| 1636 |
+
padding: 12px 16px 16px;
|
| 1637 |
+
width: 400px;
|
| 1638 |
+
}
|
| 1639 |
+
|
| 1640 |
+
/*
|
| 1641 |
+
Add new Source Popup
|
| 1642 |
+
*/
|
| 1643 |
+
.ctf-fb-popup-cls{
|
| 1644 |
+
height: 14px;
|
| 1645 |
+
width: 14px;
|
| 1646 |
+
position: absolute;
|
| 1647 |
+
cursor: pointer;
|
| 1648 |
+
right: 17px;
|
| 1649 |
+
top: 17px;
|
| 1650 |
+
z-index: 3;
|
| 1651 |
+
}
|
| 1652 |
+
.ctf-fb-center-boss{
|
| 1653 |
+
display: flex;
|
| 1654 |
+
justify-content: center;
|
| 1655 |
+
align-items: center;
|
| 1656 |
+
}
|
| 1657 |
+
.ctf-fb-left-boss{
|
| 1658 |
+
display: flex;
|
| 1659 |
+
justify-content: left;
|
| 1660 |
+
align-items: center;
|
| 1661 |
+
}
|
| 1662 |
+
|
| 1663 |
+
|
| 1664 |
+
.ctf-fb-embed-popup,.ctf-fb-dialog-popup{
|
| 1665 |
+
width: 575px!important;
|
| 1666 |
+
}
|
| 1667 |
+
.ctf-fb-dialog-popup{
|
| 1668 |
+
min-height: 250px;
|
| 1669 |
+
}
|
| 1670 |
+
|
| 1671 |
+
.ctf-fb-source-pp-customizer .ctf-fb-srcslist-ctn{
|
| 1672 |
+
grid-template-columns: 32.7% 32.7% 32.7%;
|
| 1673 |
+
grid-column-gap: 1%;
|
| 1674 |
+
}
|
| 1675 |
+
.ctf-fb-srcs-desc{
|
| 1676 |
+
width: 60%;
|
| 1677 |
+
font-style: normal;
|
| 1678 |
+
font-weight: normal;
|
| 1679 |
+
font-size: 14px;
|
| 1680 |
+
line-height: 160%;
|
| 1681 |
+
color: #434960;
|
| 1682 |
+
box-sizing: border-box;
|
| 1683 |
+
margin-bottom: 29px;
|
| 1684 |
+
}
|
| 1685 |
+
#ctf-builder-app .ctf-fb-source-pp-customizer h3{
|
| 1686 |
+
margin-bottom: 6px;
|
| 1687 |
+
}
|
| 1688 |
+
#ctf-builder-app .ctf-fb-embed-popup h3 {
|
| 1689 |
+
padding: 23px 25px 0;
|
| 1690 |
+
margin-bottom: 0;
|
| 1691 |
+
}
|
| 1692 |
+
#ctf-builder-app .ctf-fb-embed-popup .ctf-fb-embed-step-2 h3 {
|
| 1693 |
+
padding: 0 0 0 29px;
|
| 1694 |
+
}
|
| 1695 |
+
.ctf-fb-feedtypes-popup h5{
|
| 1696 |
+
font-size: 26px;
|
| 1697 |
+
padding: 0 20px;
|
| 1698 |
+
margin-top: 25px;
|
| 1699 |
+
margin-bottom: 30px;
|
| 1700 |
+
}
|
| 1701 |
+
|
| 1702 |
+
.ctf-fb-feedtypes-pp-ctn .ctf-fb-adv-types .ctf-fb-types-list{
|
| 1703 |
+
margin-bottom: 30px !important
|
| 1704 |
+
}
|
| 1705 |
+
.ctf-fb-feedtypes-popup .ctf-fb-types, .ctf-fb-feedtypes-popup .ctf-fb-adv-types {
|
| 1706 |
+
padding: 0;
|
| 1707 |
+
}
|
| 1708 |
+
.ctf-fb-source-top{
|
| 1709 |
+
padding: 22px 19px 28px;
|
| 1710 |
+
}
|
| 1711 |
+
#ctf-builder-app .ctf-fb-source-step1 .ctf-fb-source-top h3{
|
| 1712 |
+
margin-bottom: 40px;
|
| 1713 |
+
}
|
| 1714 |
+
#ctf-builder-app .ctf-fb-source-step3 .ctf-fb-source-top h3 {
|
| 1715 |
+
margin-bottom: 30px;
|
| 1716 |
+
}
|
| 1717 |
+
#ctf-settings .ctf-fb-source-step4 .ctf-fb-stp1-elm-desc {
|
| 1718 |
+
max-width: 470px;
|
| 1719 |
+
margin-bottom: 26px;
|
| 1720 |
+
}
|
| 1721 |
+
#ctf-settings .sb-step-text {
|
| 1722 |
+
color: #434960;
|
| 1723 |
+
}
|
| 1724 |
+
.ctf-fb-srcs-update{
|
| 1725 |
+
background: var(--cl-orange);
|
| 1726 |
+
font-weight: 600;
|
| 1727 |
+
font-size: 14px;
|
| 1728 |
+
line-height: 160%;
|
| 1729 |
+
height: 38px;
|
| 1730 |
+
}
|
| 1731 |
+
.ctf-fb-srcs-update svg{
|
| 1732 |
+
margin-right: 10px;
|
| 1733 |
+
}
|
| 1734 |
+
.ctf-fb-srcs-update-footer{
|
| 1735 |
+
display: flex;
|
| 1736 |
+
align-items: center;
|
| 1737 |
+
border-top: 1px solid #DCDDE1;
|
| 1738 |
+
background: #F9F9FA;
|
| 1739 |
+
}
|
| 1740 |
+
.ctf-fb-srcs-update-footer-txt{
|
| 1741 |
+
font-size: 18px;
|
| 1742 |
+
line-height: 1.7em;
|
| 1743 |
+
}
|
| 1744 |
+
.ctf-fb-srcs-update-footer-btn{
|
| 1745 |
+
|
| 1746 |
+
}
|
| 1747 |
+
#ctf-builder-app .ctf-fb-srcs-update-footer-btn a{
|
| 1748 |
+
height: 48px;
|
| 1749 |
+
padding: 0 20px 0 24px;
|
| 1750 |
+
}
|
| 1751 |
+
.ctf-fb-srcs-update-footer-image{
|
| 1752 |
+
width: 26%;
|
| 1753 |
+
margin-right: 7%;
|
| 1754 |
+
}
|
| 1755 |
+
#ctf-builder-app .ctf-fb-srcs-update-footer-btn a svg {
|
| 1756 |
+
position: relative;
|
| 1757 |
+
top: auto;
|
| 1758 |
+
right: auto;
|
| 1759 |
+
width: auto;
|
| 1760 |
+
height: auto;
|
| 1761 |
+
margin-left: 15px;
|
| 1762 |
+
}
|
| 1763 |
+
.ctf-fb-srcs-update-footer-image svg{
|
| 1764 |
+
width: 100%;
|
| 1765 |
+
height: auto;
|
| 1766 |
+
float: left;
|
| 1767 |
+
}
|
| 1768 |
+
.ctf-fb-srcs-update-footer-txt{
|
| 1769 |
+
box-sizing: border-box;
|
| 1770 |
+
display: flex;
|
| 1771 |
+
justify-content: center;
|
| 1772 |
+
width: 38%;
|
| 1773 |
+
margin-right: 7%;
|
| 1774 |
+
}
|
| 1775 |
+
.ctf-fb-stp1-elm{
|
| 1776 |
+
margin-bottom: 20px;
|
| 1777 |
+
float: left;
|
| 1778 |
+
display: flex;
|
| 1779 |
+
}
|
| 1780 |
+
.ctf-fb-source-top .ctf-fb-stp1-elm:first-of-type{
|
| 1781 |
+
justify-content: center;
|
| 1782 |
+
align-items: center;
|
| 1783 |
+
padding-bottom: 24px;
|
| 1784 |
+
border-bottom: 1px solid #D0D1D7;
|
| 1785 |
+
}
|
| 1786 |
+
.ctf-fb-stp1-event{
|
| 1787 |
+
padding-bottom: 0px!important;
|
| 1788 |
+
border-bottom: none!important;
|
| 1789 |
+
padding-right: 11%;
|
| 1790 |
+
align-items: flex-start!important;
|
| 1791 |
+
}
|
| 1792 |
+
.ctf-fb-stp1-elm-desc > a{
|
| 1793 |
+
font-weight: 600;
|
| 1794 |
+
text-decoration: underline;
|
| 1795 |
+
color: #2A65DB;
|
| 1796 |
+
}
|
| 1797 |
+
|
| 1798 |
+
.ctf-fb-stp-src-ctn{
|
| 1799 |
+
display: flex;
|
| 1800 |
+
justify-content: center;
|
| 1801 |
+
align-content: center;
|
| 1802 |
+
}
|
| 1803 |
+
#ctf-builder-app .ctf-fb-stp-src-type{
|
| 1804 |
+
display: flex;
|
| 1805 |
+
justify-content: center;
|
| 1806 |
+
align-content: center;
|
| 1807 |
+
font-size: 13px;
|
| 1808 |
+
font-weight:400;
|
| 1809 |
+
cursor: pointer;
|
| 1810 |
+
margin-left: 20px;
|
| 1811 |
+
color: #434960;
|
| 1812 |
+
}
|
| 1813 |
+
.ctf-fb-stp-src-type .ctf-fb-chbx-round{
|
| 1814 |
+
margin-right: 8px;
|
| 1815 |
+
margin-top: 2px;
|
| 1816 |
+
}
|
| 1817 |
+
.ctf-fb-stp-src-type[data-active="true"]{
|
| 1818 |
+
font-weight:600;
|
| 1819 |
+
color: #141B38;
|
| 1820 |
+
}
|
| 1821 |
+
.ctf-fb-stp1-elm-ic{
|
| 1822 |
+
width: 28px;
|
| 1823 |
+
height: 28px;
|
| 1824 |
+
border-radius: 35px;
|
| 1825 |
+
background: #F3F4F5;
|
| 1826 |
+
display: flex;
|
| 1827 |
+
justify-content: center;
|
| 1828 |
+
align-items: center;
|
| 1829 |
+
font-weight: 500;
|
| 1830 |
+
flex: none;
|
| 1831 |
+
transform: translate(0, -2px);
|
| 1832 |
+
}
|
| 1833 |
+
.ctf-fb-stp1-elm-txt{
|
| 1834 |
+
margin-left: 16px;
|
| 1835 |
+
margin-right: 21%;
|
| 1836 |
+
width: 100%;
|
| 1837 |
+
}
|
| 1838 |
+
.ctf-fb-stp1-elm-head{
|
| 1839 |
+
font-size: 14px;
|
| 1840 |
+
font-weight: 600;
|
| 1841 |
+
color: #141B38;
|
| 1842 |
+
}
|
| 1843 |
+
.ctf-fb-stp1-elm-desc{
|
| 1844 |
+
font-size: 13px;
|
| 1845 |
+
margin-top: 4px;
|
| 1846 |
+
line-height: 150%;
|
| 1847 |
+
color: #888a8e;
|
| 1848 |
+
}
|
| 1849 |
+
.ctf-fb-stp1-event .ctf-fb-stp1-elm-desc {
|
| 1850 |
+
margin-top: 4px;
|
| 1851 |
+
}
|
| 1852 |
+
.ctf-fb-stp1-elm-act .sb-btn.ctf-fb-stp1-connect{
|
| 1853 |
+
padding: 8px 20px 8px 40px;
|
| 1854 |
+
background: #0068A0;
|
| 1855 |
+
position: relative;
|
| 1856 |
+
font-style: normal;
|
| 1857 |
+
font-weight: 600;
|
| 1858 |
+
font-size: 14px;
|
| 1859 |
+
line-height: 160%;
|
| 1860 |
+
}
|
| 1861 |
+
.ctf-fb-stp1-connect svg{
|
| 1862 |
+
position: absolute;
|
| 1863 |
+
top: 10px;
|
| 1864 |
+
right: 0;
|
| 1865 |
+
bottom: 0;
|
| 1866 |
+
left: 13px;
|
| 1867 |
+
width: 17px;
|
| 1868 |
+
fill: currentColor;
|
| 1869 |
+
}
|
| 1870 |
+
.ctf-fb-stp1-connect path{
|
| 1871 |
+
fill: currentColor;
|
| 1872 |
+
}
|
| 1873 |
+
.ctf-fb-source-bottom{
|
| 1874 |
+
padding: 18px 20px;
|
| 1875 |
+
background: #F3F4F5;
|
| 1876 |
+
display: flex;
|
| 1877 |
+
align-items: center;
|
| 1878 |
+
border-radius: 0 0 2px 2px;
|
| 1879 |
+
}
|
| 1880 |
+
.ctf-manual-question {
|
| 1881 |
+
display: flex;
|
| 1882 |
+
align-items: center;
|
| 1883 |
+
}
|
| 1884 |
+
.ctf-manual-question svg{
|
| 1885 |
+
margin-right: 23px;
|
| 1886 |
+
float: left;
|
| 1887 |
+
}
|
| 1888 |
+
.ctf-fb-source-btm-hd{
|
| 1889 |
+
font-size: 14px;
|
| 1890 |
+
font-weight: 500;
|
| 1891 |
+
}
|
| 1892 |
+
.ctf-fb-src-add-manual{
|
| 1893 |
+
margin-left: auto;
|
| 1894 |
+
padding: 8px 20px 8px 40px;
|
| 1895 |
+
}
|
| 1896 |
+
.ctf-fb-src-add-manual svg{
|
| 1897 |
+
position: absolute;
|
| 1898 |
+
top: 11px;
|
| 1899 |
+
right: 0;
|
| 1900 |
+
bottom: 0;
|
| 1901 |
+
left: 13px;
|
| 1902 |
+
fill: currentColor;
|
| 1903 |
+
}
|
| 1904 |
+
#ctf-builder-app .ctf-fb-source-step2 .ctf-fb-source-top h3 {
|
| 1905 |
+
margin-bottom: 35px;
|
| 1906 |
+
}
|
| 1907 |
+
#ctf-builder-app .ctf-fb-source-step4 .ctf-fb-source-top h3,
|
| 1908 |
+
#ctf-builder-app .ctf-fb-source-step4 .ctf-fb-source-top h4{
|
| 1909 |
+
margin-bottom: 8px;
|
| 1910 |
+
}
|
| 1911 |
+
#ctf-builder-app .ctf-fb-source-step4 .ctf-fb-stp1-elm-desc {
|
| 1912 |
+
max-width: 470px;
|
| 1913 |
+
margin-bottom: 26px;
|
| 1914 |
+
}
|
| 1915 |
+
.ctf-fb-src-add-manual i{
|
| 1916 |
+
font-size: 12px;
|
| 1917 |
+
margin-right: 10px;
|
| 1918 |
+
}
|
| 1919 |
+
.ctf-fb-src-back-top{
|
| 1920 |
+
float: left;
|
| 1921 |
+
font-style: normal;
|
| 1922 |
+
font-weight: 600;
|
| 1923 |
+
font-size: 12px;
|
| 1924 |
+
line-height: 160%;
|
| 1925 |
+
letter-spacing: 0.05em;
|
| 1926 |
+
text-transform: uppercase;
|
| 1927 |
+
cursor: pointer;
|
| 1928 |
+
color: #141B38;
|
| 1929 |
+
margin-bottom: 10px;
|
| 1930 |
+
display: flex;
|
| 1931 |
+
justify-content: center;
|
| 1932 |
+
align-items: center;
|
| 1933 |
+
}
|
| 1934 |
+
.ctf-fb-src-back-top svg{
|
| 1935 |
+
margin-left: 6px;
|
| 1936 |
+
margin-right: 10px;
|
| 1937 |
+
}
|
| 1938 |
+
|
| 1939 |
+
.ctf-fb-source-account-info{
|
| 1940 |
+
background: #F3F4F5;
|
| 1941 |
+
padding: 6px 6px 6px 12px;
|
| 1942 |
+
|
| 1943 |
+
display: flex;
|
| 1944 |
+
align-items: center;
|
| 1945 |
+
}
|
| 1946 |
+
.ctf-fb-source-list{
|
| 1947 |
+
display: grid;
|
| 1948 |
+
grid-template-columns: 49.4% 49.4%;
|
| 1949 |
+
grid-column-gap: 1.2%;
|
| 1950 |
+
margin-top: 8px;
|
| 1951 |
+
}
|
| 1952 |
+
.ctf-fb-source-popup.ctf-fb-popup-inside .ctf-fb-srcs-item {
|
| 1953 |
+
box-sizing: border-box;
|
| 1954 |
+
margin: 1.2% 0;
|
| 1955 |
+
}
|
| 1956 |
+
|
| 1957 |
+
.ctf-fb-source-account-info img{
|
| 1958 |
+
width: 23px;
|
| 1959 |
+
height: 23px;
|
| 1960 |
+
border-radius: 23px;
|
| 1961 |
+
background: #fafafa;
|
| 1962 |
+
margin-left: 10px;
|
| 1963 |
+
margin-right: 10px;
|
| 1964 |
+
}
|
| 1965 |
+
.ctf-fb-source-account-info strong{
|
| 1966 |
+
color: #141B38;
|
| 1967 |
+
}
|
| 1968 |
+
.ctf-fb-src-change{
|
| 1969 |
+
padding: 7px 20px 7px 40px;
|
| 1970 |
+
margin-left: auto;
|
| 1971 |
+
}
|
| 1972 |
+
.ctf-fb-src-change svg{
|
| 1973 |
+
position: absolute;
|
| 1974 |
+
top: 11px;
|
| 1975 |
+
right: 0;
|
| 1976 |
+
bottom: 0;
|
| 1977 |
+
left: 13px;
|
| 1978 |
+
fill: currentColor;
|
| 1979 |
+
}
|
| 1980 |
+
.ctf-fb-source-btn{
|
| 1981 |
+
margin-top: 10px;
|
| 1982 |
+
color: #fff;
|
| 1983 |
+
display: flex;
|
| 1984 |
+
justify-content: center;
|
| 1985 |
+
align-items: center;
|
| 1986 |
+
background: #0068A0;
|
| 1987 |
+
cursor: pointer;
|
| 1988 |
+
padding: 8px 20px;
|
| 1989 |
+
line-height: 160%;
|
| 1990 |
+
border-radius: 2px;
|
| 1991 |
+
font-size: 14px;
|
| 1992 |
+
font-weight: 500;
|
| 1993 |
+
border: none;
|
| 1994 |
+
text-decoration: none;
|
| 1995 |
+
}
|
| 1996 |
+
#ctf-builder-app .ctf-fb-source-step3 .ctf-fb-source-btn {
|
| 1997 |
+
margin-top: 45px;
|
| 1998 |
+
}
|
| 1999 |
+
#ctf-builder-app .ctf-fb-source-step3 .ctf-fb-src-back-top {
|
| 2000 |
+
margin-bottom: 4px;
|
| 2001 |
+
}
|
| 2002 |
+
.ctf-fb-icon-success{
|
| 2003 |
+
position: relative;
|
| 2004 |
+
width: 30px;
|
| 2005 |
+
height: 20px;
|
| 2006 |
+
margin-right: 10px;
|
| 2007 |
+
}
|
| 2008 |
+
.ctf-fb-icon-success:before{
|
| 2009 |
+
content: '';
|
| 2010 |
+
position: absolute;
|
| 2011 |
+
width: 13px;
|
| 2012 |
+
height: 5px;
|
| 2013 |
+
top: 4px;
|
| 2014 |
+
border-left: 3px solid currentColor;
|
| 2015 |
+
border-bottom: 3px solid currentColor;
|
| 2016 |
+
-webkit-transform: rotate(-45deg);
|
| 2017 |
+
transform: rotate(-45deg);
|
| 2018 |
+
}
|
| 2019 |
+
|
| 2020 |
+
.ctf-fb-icon-cancel{
|
| 2021 |
+
position: relative;
|
| 2022 |
+
width: 25px;
|
| 2023 |
+
height: 25px;
|
| 2024 |
+
margin-right: 10px;
|
| 2025 |
+
}
|
| 2026 |
+
.ctf-fb-icon-cancel:before,
|
| 2027 |
+
.ctf-fb-icon-cancel:after{
|
| 2028 |
+
content: '';
|
| 2029 |
+
position: absolute;
|
| 2030 |
+
width: 17px;
|
| 2031 |
+
height: 2px;
|
| 2032 |
+
top: 12px;
|
| 2033 |
+
left: 5px;
|
| 2034 |
+
background: currentColor;
|
| 2035 |
+
-webkit-transform: rotate(-45deg);
|
| 2036 |
+
transform: rotate(-45deg);
|
| 2037 |
+
}
|
| 2038 |
+
.ctf-fb-icon-cancel:after{
|
| 2039 |
+
-webkit-transform: rotate(45deg);
|
| 2040 |
+
transform: rotate(45deg);
|
| 2041 |
+
}
|
| 2042 |
+
|
| 2043 |
+
.ctf-fb-source-inp-label,.ctf-fb-wh-label{
|
| 2044 |
+
font-size: 14px;
|
| 2045 |
+
color: #434960;
|
| 2046 |
+
}
|
| 2047 |
+
.ctf-fb-source-mnl-type .ctf-fb-stp-src-ctn{
|
| 2048 |
+
justify-content: flex-start;
|
| 2049 |
+
margin-bottom: 22px;
|
| 2050 |
+
margin-top: 8px;
|
| 2051 |
+
}
|
| 2052 |
+
#ctf-builder-app .ctf-fb-source-mnl-type .ctf-fb-stp-src-ctn .ctf-fb-stp-src-type{
|
| 2053 |
+
margin-left: 0;
|
| 2054 |
+
margin-right: 32px
|
| 2055 |
+
}
|
| 2056 |
+
.ctf-fb-source-inp,.ctf-fb-wh-inp{
|
| 2057 |
+
border-radius: 0px !important;
|
| 2058 |
+
outline: none ;
|
| 2059 |
+
margin-top: 2px;
|
| 2060 |
+
border: 1px solid #D0D1D7 !important;
|
| 2061 |
+
margin-bottom: 20px;
|
| 2062 |
+
height: 38px;
|
| 2063 |
+
line-height: 38px;
|
| 2064 |
+
}
|
| 2065 |
+
|
| 2066 |
+
|
| 2067 |
+
.ctf-fb-source-popup h1 {
|
| 2068 |
+
font-style: normal;
|
| 2069 |
+
font-weight: 600;
|
| 2070 |
+
font-size: 36px;
|
| 2071 |
+
line-height: 125%;
|
| 2072 |
+
color: #141B38;
|
| 2073 |
+
margin: 0;
|
| 2074 |
+
}
|
| 2075 |
+
.ctf-fb-source-popup h2 {
|
| 2076 |
+
font-style: normal;
|
| 2077 |
+
font-weight: 600;
|
| 2078 |
+
font-size: 32px;
|
| 2079 |
+
line-height: 125%;
|
| 2080 |
+
margin: 0;
|
| 2081 |
+
}
|
| 2082 |
+
.ctf-fb-source-popup h3 {
|
| 2083 |
+
font-style: normal;
|
| 2084 |
+
font-weight: 600;
|
| 2085 |
+
font-size: 24px;
|
| 2086 |
+
line-height: 120%;
|
| 2087 |
+
margin: 0 0 40px 0;
|
| 2088 |
+
letter-spacing: 0;
|
| 2089 |
+
}
|
| 2090 |
+
|
| 2091 |
+
.ctf-fb-source-popup h4 {
|
| 2092 |
+
font-style: normal;
|
| 2093 |
+
font-weight: 600;
|
| 2094 |
+
font-size: 18px;
|
| 2095 |
+
line-height: 140%;
|
| 2096 |
+
margin: 0 0 4px 0;
|
| 2097 |
+
}
|
| 2098 |
+
|
| 2099 |
+
.ctf-fb-slctf-back svg,
|
| 2100 |
+
.ctf-fb-slctf-nxt svg,
|
| 2101 |
+
.ctf-fb-source-btn-next svg{
|
| 2102 |
+
width: 6px;
|
| 2103 |
+
height: 10px;
|
| 2104 |
+
}
|
| 2105 |
+
|
| 2106 |
+
.ctf-fb-source-btn-next span {
|
| 2107 |
+
display: inline-block;
|
| 2108 |
+
margin-right: 15px;
|
| 2109 |
+
line-height: 160%;
|
| 2110 |
+
}
|
| 2111 |
+
|
| 2112 |
+
.sb-single-step {
|
| 2113 |
+
display: flex;
|
| 2114 |
+
align-items: center;
|
| 2115 |
+
margin-bottom: 16px;
|
| 2116 |
+
}
|
| 2117 |
+
.sb-step-number {
|
| 2118 |
+
display: flex;
|
| 2119 |
+
align-items: center;
|
| 2120 |
+
justify-content: center;
|
| 2121 |
+
background: #F3F4F5;
|
| 2122 |
+
border-radius: 30px;
|
| 2123 |
+
width: 24px;
|
| 2124 |
+
height: 24px;
|
| 2125 |
+
margin-right: 16px;
|
| 2126 |
+
}
|
| 2127 |
+
|
| 2128 |
+
#ctf-builder-app .sb-step-text {
|
| 2129 |
+
color: #434960;
|
| 2130 |
+
}
|
| 2131 |
+
|
| 2132 |
+
.sb-two-buttons-wrap {
|
| 2133 |
+
box-sizing:border-box;
|
| 2134 |
+
float: left;
|
| 2135 |
+
display: flex;
|
| 2136 |
+
justify-content: center;
|
| 2137 |
+
align-items: center;
|
| 2138 |
+
width: 100%;
|
| 2139 |
+
padding: 0 19px 28px;
|
| 2140 |
+
}
|
| 2141 |
+
.sb-two-buttons-wrap .ctf-fb-source-btn {
|
| 2142 |
+
margin-top: 0;
|
| 2143 |
+
}
|
| 2144 |
+
.ctf-fb-source-step4 .ctf-fb-source-top {
|
| 2145 |
+
padding: 24px 54px 32px;
|
| 2146 |
+
text-align: center;
|
| 2147 |
+
}
|
| 2148 |
+
.sb-two-buttons-wrap > button:first-of-type {
|
| 2149 |
+
margin-right: 12px;
|
| 2150 |
+
}
|
| 2151 |
+
|
| 2152 |
+
.sb-two-buttons-wrap .sb-question-circle {
|
| 2153 |
+
margin-right: 9px;
|
| 2154 |
+
}
|
| 2155 |
+
|
| 2156 |
+
#ctf-group-app-tooltip{
|
| 2157 |
+
cursor: pointer;
|
| 2158 |
+
}
|
| 2159 |
+
.ctf-group-app-screenshot{
|
| 2160 |
+
display: none;
|
| 2161 |
+
position: absolute;
|
| 2162 |
+
bottom: 92px;
|
| 2163 |
+
left: 50%;
|
| 2164 |
+
margin-left: -325px;
|
| 2165 |
+
z-index: 10;
|
| 2166 |
+
border: 1px solid rgba(0,0,0,0.3);
|
| 2167 |
+
box-shadow: 0 0 0 5000px rgb(0 0 0 / 20%);
|
| 2168 |
+
border-radius: 5px;
|
| 2169 |
+
}
|
| 2170 |
+
#ctf-group-app-tooltip:hover .ctf-group-app-screenshot{
|
| 2171 |
+
display: block !important;
|
| 2172 |
+
}
|
| 2173 |
+
.ctf-fb-source-btn[data-active = false] {
|
| 2174 |
+
pointer-events: none !important;
|
| 2175 |
+
}
|
| 2176 |
+
.ctf-fb-source-btn[data-active = false] svg path{
|
| 2177 |
+
fill: #8C8F9A !important;
|
| 2178 |
+
}
|
| 2179 |
+
|
| 2180 |
+
.sb-directions-p {
|
| 2181 |
+
margin-bottom: 40px;
|
| 2182 |
+
}
|
| 2183 |
+
|
| 2184 |
+
.ctf-fb-srcs-item-avatar{
|
| 2185 |
+
display: flex;
|
| 2186 |
+
width: 42px;
|
| 2187 |
+
height: inherit;
|
| 2188 |
+
justify-content: center;
|
| 2189 |
+
align-items: center;
|
| 2190 |
+
}
|
| 2191 |
+
.ctf-fb-srcs-item-avatar img{
|
| 2192 |
+
width: 36px;
|
| 2193 |
+
height: 36px;
|
| 2194 |
+
border-radius: 50%;
|
| 2195 |
+
background: #eee;
|
| 2196 |
+
}
|
| 2197 |
+
.ctf-fb-srcs-item-inf{
|
| 2198 |
+
width: 100%;
|
| 2199 |
+
height: inherit;
|
| 2200 |
+
display: flex;
|
| 2201 |
+
justify-content: center;
|
| 2202 |
+
flex-direction: column;
|
| 2203 |
+
}
|
| 2204 |
+
.ctf-fb-srcs-item-name{
|
| 2205 |
+
font-weight: 600;
|
| 2206 |
+
}
|
| 2207 |
+
.ctf-fb-srcs-item-name-event{
|
| 2208 |
+
font-size: 10px;
|
| 2209 |
+
font-weight: 500;
|
| 2210 |
+
color: #777;
|
| 2211 |
+
}
|
| 2212 |
+
|
| 2213 |
+
.ctf-fb-srcs-item-type{
|
| 2214 |
+
color: #434960;
|
| 2215 |
+
font-weight: 600;
|
| 2216 |
+
text-transform: uppercase;
|
| 2217 |
+
display: flex;
|
| 2218 |
+
align-items: center;
|
| 2219 |
+
}
|
| 2220 |
+
.sb-source-error-wrap {
|
| 2221 |
+
display: flex;
|
| 2222 |
+
justify-content: left;
|
| 2223 |
+
align-items: center;
|
| 2224 |
+
margin-left: 9px;
|
| 2225 |
+
}
|
| 2226 |
+
|
| 2227 |
+
.sb-source-error-wrap span {
|
| 2228 |
+
font-weight: 600;
|
| 2229 |
+
font-size: 12px;
|
| 2230 |
+
line-height: 160%;
|
| 2231 |
+
|
| 2232 |
+
color: #D72C2C;
|
| 2233 |
+
margin-left: 5px;
|
| 2234 |
+
}
|
| 2235 |
+
.ctf-fb-source-popup .sb-source-error-wrap {
|
| 2236 |
+
margin-left: 0;
|
| 2237 |
+
}
|
| 2238 |
+
.sb-source-error-wrap a {
|
| 2239 |
+
margin-left: 8px;
|
| 2240 |
+
font-weight: 600;
|
| 2241 |
+
font-size: 12px;
|
| 2242 |
+
line-height: 160%;
|
| 2243 |
+
text-decoration-line: underline;
|
| 2244 |
+
|
| 2245 |
+
color: #0068A0;
|
| 2246 |
+
}
|
| 2247 |
+
.sb-is-group .sb-details-wrap {
|
| 2248 |
+
position: relative;
|
| 2249 |
+
display: flex;
|
| 2250 |
+
align-items: center;
|
| 2251 |
+
padding: 2px 6px 2px 22px;
|
| 2252 |
+
background: #F3F4F5;
|
| 2253 |
+
border-radius: 2px;
|
| 2254 |
+
}
|
| 2255 |
+
.sb-highlight-admin .sb-details-wrap {
|
| 2256 |
+
padding: 2px 6px 2px 17px;
|
| 2257 |
+
|
| 2258 |
+
background: #E2F5FF;
|
| 2259 |
+
color: #0068A0;
|
| 2260 |
+
}
|
| 2261 |
+
.sb-highlight-admin span {
|
| 2262 |
+
color: #0068A0;
|
| 2263 |
+
}
|
| 2264 |
+
.ctf-fb-srcs-item-type i{
|
| 2265 |
+
margin-right: 5px;
|
| 2266 |
+
}
|
| 2267 |
+
.ctf-fb-srcs-item-type svg{
|
| 2268 |
+
float: left;
|
| 2269 |
+
margin-right: 5px;
|
| 2270 |
+
fill: currentColor;
|
| 2271 |
+
height: 8px;
|
| 2272 |
+
}
|
| 2273 |
+
.sb-has-details .ctf-fb-srcs-item-type svg{
|
| 2274 |
+
position: absolute;
|
| 2275 |
+
top: 5px;
|
| 2276 |
+
right: 0;
|
| 2277 |
+
bottom: 0;
|
| 2278 |
+
left: 5px;
|
| 2279 |
+
height: 9px;
|
| 2280 |
+
}
|
| 2281 |
+
.sb-has-details .ctf-fb-srcs-item-type.sb-highlight-admin svg {
|
| 2282 |
+
top: 6px;
|
| 2283 |
+
}
|
| 2284 |
+
[data-type="page"] .ctf-fb-srcs-item-type svg{
|
| 2285 |
+
height: 9px;
|
| 2286 |
+
}
|
| 2287 |
+
.ctf-fb-srcs-back{
|
| 2288 |
+
margin-right: auto;
|
| 2289 |
+
}
|
| 2290 |
+
.ctf-groups-connect-actions {
|
| 2291 |
+
float: left;
|
| 2292 |
+
}
|
| 2293 |
+
.sb-alert,
|
| 2294 |
+
.ctf-error-ctn .sb-alert{
|
| 2295 |
+
position: relative;
|
| 2296 |
+
margin: 0 0 38px;
|
| 2297 |
+
padding: 12px 12px 12px 44px;
|
| 2298 |
+
word-break: break-word;
|
| 2299 |
+
background: #FFEFCC
|
| 2300 |
+
}
|
| 2301 |
+
.ctf-groups-connect-actions .ctf-fb-source-btn {
|
| 2302 |
+
margin-top: 0;
|
| 2303 |
+
}
|
| 2304 |
+
.ctf-groups-connect-actions {
|
| 2305 |
+
float: left;
|
| 2306 |
+
}
|
| 2307 |
+
.sb-alerts-wrap .sb-alert {
|
| 2308 |
+
margin: 0;
|
| 2309 |
+
}
|
| 2310 |
+
.sb-alert svg,
|
| 2311 |
+
.ctf-error-ctn .sb-alert svg{
|
| 2312 |
+
position: absolute;
|
| 2313 |
+
top: 13px;
|
| 2314 |
+
left: 13px;
|
| 2315 |
+
}
|
| 2316 |
+
.sb-alert span,
|
| 2317 |
+
.ctf-error-ctn .sb-alert span{
|
| 2318 |
+
color: #995C00;
|
| 2319 |
+
}
|
| 2320 |
+
#ctf-builder-app .sb-alert span a,
|
| 2321 |
+
.ctf-error-ctn .sb-alert span a{
|
| 2322 |
+
color: #663D00;
|
| 2323 |
+
font-weight: 600;
|
| 2324 |
+
text-decoration: underline;
|
| 2325 |
+
}
|
| 2326 |
+
#ctf-settings .ctf-fb-source-step1.ctf-has-alert .ctf-fb-source-top h3 {
|
| 2327 |
+
margin-bottom: 12px;
|
| 2328 |
+
}
|
| 2329 |
+
.ctf-groups-connect-actions .ctf-fb-source-btn {
|
| 2330 |
+
margin-top: 0;
|
| 2331 |
+
}
|
| 2332 |
+
/* Install Plugin Modal on Select Source Flow */
|
| 2333 |
+
.ctf-install-plugin-modal {
|
| 2334 |
+
max-width: 580px;
|
| 2335 |
+
}
|
| 2336 |
+
.ctf-install-plugin-body .ctf-install-plugin-header {
|
| 2337 |
+
height: 106px;
|
| 2338 |
+
background: #F3F4F5;
|
| 2339 |
+
padding: 20px;
|
| 2340 |
+
display: flex;
|
| 2341 |
+
box-sizing: border-box;
|
| 2342 |
+
flex-wrap: wrap;
|
| 2343 |
+
align-items: center;
|
| 2344 |
+
}
|
| 2345 |
+
.ctf-install-plugin-body .ctf-install-plugin-header .sb-plugin-image {
|
| 2346 |
+
background-color: #fff;
|
| 2347 |
+
box-shadow: 0px 1px 2px rgb(0 0 0 / 5%), 0px 4px 5px rgb(0 0 0 / 5%);
|
| 2348 |
+
border-radius: 2px;
|
| 2349 |
+
padding: 15px;
|
| 2350 |
+
max-height: 66px;
|
| 2351 |
+
box-sizing: border-box;
|
| 2352 |
+
margin-right: 24px;
|
| 2353 |
+
}
|
| 2354 |
+
.ctf-install-plugin-body .ctf-install-plugin-header h3 {
|
| 2355 |
+
font-size: 18px !important;
|
| 2356 |
+
line-height: 25px !important;
|
| 2357 |
+
display: flex;
|
| 2358 |
+
align-items: center;
|
| 2359 |
+
}
|
| 2360 |
+
.ctf-install-plugin-body .ctf-install-plugin-header h3 span {
|
| 2361 |
+
color: #fff;
|
| 2362 |
+
background: #59AB46;
|
| 2363 |
+
border-radius: 2px;
|
| 2364 |
+
font-size: 10px;
|
| 2365 |
+
line-height: 16px;
|
| 2366 |
+
letter-spacing: 0.08em;
|
| 2367 |
+
text-transform: uppercase;
|
| 2368 |
+
padding: 0px 6px;
|
| 2369 |
+
margin-left: 10px;
|
| 2370 |
+
}
|
| 2371 |
+
.ctf-install-plugin-body .ctf-install-plugin-header p {
|
| 2372 |
+
display: flex;
|
| 2373 |
+
font-size: 12px;
|
| 2374 |
+
line-height: 18px;
|
| 2375 |
+
color: #434960;
|
| 2376 |
+
margin: 5px 0 0 0;
|
| 2377 |
+
}
|
| 2378 |
+
.ctf-install-plugin-body .ctf-install-plugin-header p .sb-author-logo {
|
| 2379 |
+
margin-right: 8px;
|
| 2380 |
+
}
|
| 2381 |
+
|
| 2382 |
+
.ctf-install-plugin-body .ctf-install-plugin-content {
|
| 2383 |
+
padding: 20px 20px 32px 107px;
|
| 2384 |
+
}
|
| 2385 |
+
.ctf-install-plugin-body .ctf-install-plugin-content p {
|
| 2386 |
+
margin: 0px;
|
| 2387 |
+
font-size: 14px;
|
| 2388 |
+
line-height: 22px;
|
| 2389 |
+
color: #434960;
|
| 2390 |
+
padding-right: 20px;
|
| 2391 |
+
}
|
| 2392 |
+
.ctf-install-plugin-body .ctf-install-plugin-content .ctf-install-plugin-btn {
|
| 2393 |
+
display: flex;
|
| 2394 |
+
align-items: center;
|
| 2395 |
+
justify-content: center;
|
| 2396 |
+
height: 38px;
|
| 2397 |
+
padding: 8px 20px;
|
| 2398 |
+
box-sizing: border-box;
|
| 2399 |
+
transition: all .15s ease-in-out;
|
| 2400 |
+
border-radius: 2px;
|
| 2401 |
+
width: 100%;
|
| 2402 |
+
margin-top: 28px;
|
| 2403 |
+
border: none;
|
| 2404 |
+
font-size: 14px;
|
| 2405 |
+
font-weight: 600;
|
| 2406 |
+
line-height: 160%;
|
| 2407 |
+
cursor: pointer;
|
| 2408 |
+
}
|
| 2409 |
+
.ctf-install-plugin-body .ctf-install-plugin-content .ctf-btn-orange:disabled {
|
| 2410 |
+
color: #8C8F9A !important;
|
| 2411 |
+
background: #E8E8EB !important;
|
| 2412 |
+
cursor: not-allowed;
|
| 2413 |
+
}
|
| 2414 |
+
.ctf-install-plugin-body .ctf-install-plugin-content .ctf-install-plugin-btn span {
|
| 2415 |
+
height: 20px;
|
| 2416 |
+
width: 20px;
|
| 2417 |
+
margin-right: 5px;
|
| 2418 |
+
}
|
| 2419 |
+
.ctf-fb-mr-fd-list button {
|
| 2420 |
+
cursor: pointer;
|
| 2421 |
+
}
|
| 2422 |
+
|
| 2423 |
+
/* Tooltips */
|
| 2424 |
+
.sb-control-elem-tltp{
|
| 2425 |
+
margin-left: 10px;
|
| 2426 |
+
position: relative;
|
| 2427 |
+
}
|
| 2428 |
+
.sb-control-elem-tltp-icon{
|
| 2429 |
+
float: left;
|
| 2430 |
+
cursor: pointer;
|
| 2431 |
+
}
|
| 2432 |
+
.sb-control-elem-tltp-icon svg{
|
| 2433 |
+
width: 14px;
|
| 2434 |
+
float: left;
|
| 2435 |
+
}
|
| 2436 |
+
@media (min-width: 768px) and (max-width: 1079px) {
|
| 2437 |
+
.ctf-fb-mr-fd-img {
|
| 2438 |
+
width: 37%;
|
| 2439 |
+
}
|
| 2440 |
+
.ctf-fb-mr-fd-list button:not(:last-child) {
|
| 2441 |
+
margin-bottom: 8px;
|
| 2442 |
+
}
|
| 2443 |
+
}
|
| 2444 |
+
@media (min-width: 768px) and (max-width: 1023px) {
|
| 2445 |
+
.ctf-fb-srcslist-ctn,
|
| 2446 |
+
.ctf-fb-source-pp-customizer .ctf-fb-srcslist-ctn {
|
| 2447 |
+
grid-template-columns: 49.2% 49.2%;
|
| 2448 |
+
gap: 2%;
|
| 2449 |
+
margin-top: 8px;
|
| 2450 |
+
}
|
| 2451 |
+
.ctf-fb-slctfd-action {
|
| 2452 |
+
width: 100%;
|
| 2453 |
+
}
|
| 2454 |
+
.ctf-fb-srcs-item {
|
| 2455 |
+
margin-top: 3px;
|
| 2456 |
+
}
|
| 2457 |
+
.ctf-manual-question {
|
| 2458 |
+
max-width: 390px;
|
| 2459 |
+
}
|
| 2460 |
+
.ctf-fb-feedtypes-popup {
|
| 2461 |
+
left: 0;
|
| 2462 |
+
max-width: calc(100% - 60px);
|
| 2463 |
+
}
|
| 2464 |
+
.ctf-fb-feedtypes-pp-ctn.ctf-fb-center-boss {
|
| 2465 |
+
top: 40px;
|
| 2466 |
+
}
|
| 2467 |
+
}
|
| 2468 |
+
|
| 2469 |
+
@media (max-width: 767px) {
|
| 2470 |
+
.ctf-fb-feedtypes-pp-ctn.ctf-fb-center-boss {
|
| 2471 |
+
align-items: baseline;
|
| 2472 |
+
}
|
| 2473 |
+
.ctf-fb-feedtypes-popup {
|
| 2474 |
+
max-width: calc(100% - 40px);
|
| 2475 |
+
top: 50px;
|
| 2476 |
+
}
|
| 2477 |
+
#ctf-builder-app .sb-positioning-wrap {
|
| 2478 |
+
width: 130px;
|
| 2479 |
+
}
|
| 2480 |
+
.ctf-fb-embed-popup, .ctf-fb-dialog-popup {
|
| 2481 |
+
width: 100%;
|
| 2482 |
+
max-width: calc(100% - 40px);
|
| 2483 |
+
}
|
| 2484 |
+
.ctf-fb-popup-inside {
|
| 2485 |
+
left: 0;
|
| 2486 |
+
}
|
| 2487 |
+
.ctf-fb-extensions-pp-ctn .ctf-fb-popup-inside.ctf-fb-extensions-popup,
|
| 2488 |
+
.ctf-fb-source-ctn .ctf-fb-popup-inside {
|
| 2489 |
+
max-width: calc(100% - 40px);
|
| 2490 |
+
}
|
| 2491 |
+
.ctf-fb-source-ctn.ctf-fb-center-boss,
|
| 2492 |
+
.ctf-fb-extensions-pp-ctn.ctf-fb-center-boss{
|
| 2493 |
+
align-items: baseline;
|
| 2494 |
+
}
|
| 2495 |
+
.ctf-fb-extensions-pp-ctn.ctf-fb-center-boss .ctf-fb-popup-inside{
|
| 2496 |
+
top: 50px;
|
| 2497 |
+
}
|
| 2498 |
+
.ctf-extension-bullet-list {
|
| 2499 |
+
grid-template-columns: 100%;
|
| 2500 |
+
}
|
| 2501 |
+
.ctf-fb-extpp-bottom {
|
| 2502 |
+
padding: 20px;
|
| 2503 |
+
}
|
| 2504 |
+
.ctf-fb-extpp-info {
|
| 2505 |
+
width: 100%;
|
| 2506 |
+
padding-right: 20px;
|
| 2507 |
+
padding-left: 20px;
|
| 2508 |
+
}
|
| 2509 |
+
.ctf-fb-extpp-img {
|
| 2510 |
+
display: none;
|
| 2511 |
+
}
|
| 2512 |
+
.ctf-fb-extpp-top {
|
| 2513 |
+
height: 195px;
|
| 2514 |
+
}
|
| 2515 |
+
.ctf-fb-source-pp-customizer .ctf-fb-srcslist-ctn {
|
| 2516 |
+
grid-template-columns: 99.2%;
|
| 2517 |
+
gap: 2%;
|
| 2518 |
+
margin-bottom: 50px;
|
| 2519 |
+
}
|
| 2520 |
+
.ctf-fb-source-account-info {
|
| 2521 |
+
flex-wrap: wrap;
|
| 2522 |
+
}
|
| 2523 |
+
.ctf-fb-source-account-info > span {
|
| 2524 |
+
width: 100%;
|
| 2525 |
+
}
|
| 2526 |
+
.ctf-fb-source-account-info img {
|
| 2527 |
+
margin-left: 0;
|
| 2528 |
+
}
|
| 2529 |
+
.ctf-fb-source-btn {
|
| 2530 |
+
margin-top: 25px;
|
| 2531 |
+
}
|
| 2532 |
+
.ctf-fb-source-bottom {
|
| 2533 |
+
flex-wrap: wrap;
|
| 2534 |
+
margin-top: 0;
|
| 2535 |
+
}
|
| 2536 |
+
.ctf-fb-src-add-manual {
|
| 2537 |
+
margin-left: 0;
|
| 2538 |
+
margin-top: 15px;
|
| 2539 |
+
}
|
| 2540 |
+
.ctf-fb-types-list {
|
| 2541 |
+
grid-template-columns: 100%;
|
| 2542 |
+
}
|
| 2543 |
+
.ctf-fb-types-list .ctf-fb-type-el {
|
| 2544 |
+
margin-bottom: 10px;
|
| 2545 |
+
}
|
| 2546 |
+
.ctf-fb-create-ctn {
|
| 2547 |
+
margin-top: 90px;
|
| 2548 |
+
padding: 0 20px 65px;
|
| 2549 |
+
}
|
| 2550 |
+
#ctf-builder-app h1 {
|
| 2551 |
+
font-size: 32px;
|
| 2552 |
+
}
|
| 2553 |
+
.ctf-fb-social-wall-between,
|
| 2554 |
+
.ctf-fb-social-wall-end {
|
| 2555 |
+
display: none;
|
| 2556 |
+
}
|
| 2557 |
+
.ctf-graphic-row-main {
|
| 2558 |
+
justify-content: space-between;
|
| 2559 |
+
}
|
| 2560 |
+
.ctf-fb-slctfd-action {
|
| 2561 |
+
width: 100%;
|
| 2562 |
+
}
|
| 2563 |
+
.ctf-fb-mr-feeds {
|
| 2564 |
+
flex-wrap: wrap;
|
| 2565 |
+
margin-bottom: 60px;
|
| 2566 |
+
}
|
| 2567 |
+
.ctf-fb-mr-feeds .ctf-fb-mr-fd-content,
|
| 2568 |
+
.ctf-fb-slctsrc-content, .ctf-fb-section-wh-insd,
|
| 2569 |
+
.ctf-fb-types, .ctf-fb-adv-types {
|
| 2570 |
+
padding: 20px;
|
| 2571 |
+
}
|
| 2572 |
+
.ctf-fb-source-ctn .ctf-fb-popup-inside.ctf-install-plugin-modal {
|
| 2573 |
+
top: 0;
|
| 2574 |
+
}
|
| 2575 |
+
.ctf-fb-mr-fd-list button:not(:last-child) {
|
| 2576 |
+
margin-bottom: 8px;
|
| 2577 |
+
}
|
| 2578 |
+
.ctf-fb-srcs-item {
|
| 2579 |
+
margin-top: 3px;
|
| 2580 |
+
}
|
| 2581 |
+
|
| 2582 |
+
#ctf-builder-app h2 {
|
| 2583 |
+
font-size: 26px;
|
| 2584 |
+
}
|
| 2585 |
+
.ctf-fb-srcs-desc {
|
| 2586 |
+
width: 100%;
|
| 2587 |
+
}
|
| 2588 |
+
.ctf-fb-source-list {
|
| 2589 |
+
grid-template-columns: 99%;
|
| 2590 |
+
}
|
| 2591 |
+
.sb-dialog-ctn.ctf-fb-center-boss .ctf-fb-popup-inside {
|
| 2592 |
+
max-width: calc(100% - 40px);
|
| 2593 |
+
}
|
| 2594 |
+
}
|
| 2595 |
+
|
| 2596 |
+
@media (max-width: 480px) {
|
| 2597 |
+
.ctf-fb-source-ctn .ctf-fb-popup-inside {
|
| 2598 |
+
top: 45px;
|
| 2599 |
+
margin-bottom: 46px;
|
| 2600 |
+
}
|
| 2601 |
+
.ctf-csz-header-insider .sb-button-standard {
|
| 2602 |
+
font-size: 13px;
|
| 2603 |
+
padding: 8px 15px 8px 34px;
|
| 2604 |
+
}
|
| 2605 |
+
.ctf-csz-header-insider .sb-button-standard svg {
|
| 2606 |
+
width: 13px;
|
| 2607 |
+
height: 13px;
|
| 2608 |
+
left: 14px;
|
| 2609 |
+
top: 10px;
|
| 2610 |
+
}
|
| 2611 |
+
.ctf-fb-header.ctf-csz-header {
|
| 2612 |
+
height: 126px;
|
| 2613 |
+
}
|
| 2614 |
+
.ctf-csz-hd-name {
|
| 2615 |
+
height: 30px;
|
| 2616 |
+
margin-top: 5px;
|
| 2617 |
+
}
|
| 2618 |
+
.sb-customizer-ctn .sb-customizer-sidebar {
|
| 2619 |
+
margin-top: 120px;
|
| 2620 |
+
}
|
| 2621 |
+
.sb-fs-boss.ctf-fb-center-boss {
|
| 2622 |
+
overflow: scroll;
|
| 2623 |
+
}
|
| 2624 |
+
.ctf-fb-stp1-elm {
|
| 2625 |
+
flex-wrap: wrap;
|
| 2626 |
+
}
|
| 2627 |
+
.ctf-fb-stp1-elm-txt {
|
| 2628 |
+
margin-right: 0%;
|
| 2629 |
+
width: calc(100% - 50px);
|
| 2630 |
+
}
|
| 2631 |
+
.ctf-fb-stp1-elm .ctf-fb-stp-src-ctn.ctf-fb-stp1-elm-act {
|
| 2632 |
+
margin-left: 24px;
|
| 2633 |
+
}
|
| 2634 |
+
.ctf-fb-stp1-elm .ctf-fb-stp1-elm-act {
|
| 2635 |
+
margin-top: 10px;
|
| 2636 |
+
margin-left: 42px;
|
| 2637 |
+
}
|
| 2638 |
+
|
| 2639 |
+
}
|
| 2640 |
+
|
| 2641 |
+
|
| 2642 |
+
.sb-control-elem-tltp-content{
|
| 2643 |
+
position: fixed;
|
| 2644 |
+
background: #fff;
|
| 2645 |
+
padding: 8px 11px;
|
| 2646 |
+
text-align: center;
|
| 2647 |
+
line-height: 1.5em;
|
| 2648 |
+
top: 0;
|
| 2649 |
+
left: 0;
|
| 2650 |
+
z-index: 999999999;
|
| 2651 |
+
-webkit-transform: translateX(-50%) translateY(-100%);
|
| 2652 |
+
transform: translateX(-50%) translateY(-100%);
|
| 2653 |
+
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.19);
|
| 2654 |
+
}
|
| 2655 |
+
|
| 2656 |
+
|
| 2657 |
+
.sb-control-elem-tltp-content:before{
|
| 2658 |
+
content: '';
|
| 2659 |
+
position: absolute;
|
| 2660 |
+
left: 50%;
|
| 2661 |
+
bottom: -10px;
|
| 2662 |
+
border-top: 12px solid #fff;
|
| 2663 |
+
border-right: 12px solid transparent;
|
| 2664 |
+
border-left: 12px solid transparent;
|
| 2665 |
+
-webkit-transform: translateX(-50%);
|
| 2666 |
+
transform: translateX(-50%);
|
| 2667 |
+
z-index: 2;
|
| 2668 |
+
}
|
| 2669 |
+
.sb-control-elem-tltp-content:after{
|
| 2670 |
+
content: '';
|
| 2671 |
+
position: absolute;
|
| 2672 |
+
left: 50%;
|
| 2673 |
+
bottom: -12px;
|
| 2674 |
+
margin-left: 0px;
|
| 2675 |
+
border-top: 14px solid #eee;
|
| 2676 |
+
border-right: 15px solid transparent;
|
| 2677 |
+
border-left: 15px solid transparent;
|
| 2678 |
+
-webkit-transform: translateX(-50%);
|
| 2679 |
+
transform: translateX(-50%);
|
| 2680 |
+
}
|
| 2681 |
+
|
| 2682 |
+
.sb-control-elem-tltp:hover .sb-control-elem-tltp-content{
|
| 2683 |
+
opacity: 1;
|
| 2684 |
+
visibility: visible;
|
| 2685 |
+
top: 24px;
|
| 2686 |
+
max-width: 300px;
|
| 2687 |
+
width: auto;
|
| 2688 |
+
}
|
| 2689 |
+
.sb-control-elem-tltp-txt{
|
| 2690 |
+
position: relative;
|
| 2691 |
+
max-width: 300px;
|
| 2692 |
+
width: max-content;
|
| 2693 |
+
}
|
| 2694 |
+
.sb-control-elem-tltp-txt[data-align="left"]{
|
| 2695 |
+
text-align: left!important;
|
| 2696 |
+
}
|
| 2697 |
+
.sb-tltp-black-link{
|
| 2698 |
+
text-decoration: underline!important;
|
| 2699 |
+
color: #000;
|
| 2700 |
+
}
|
| 2701 |
+
/* Social Wall Links */
|
| 2702 |
+
.sb-social-wall-link-wrap {
|
| 2703 |
+
display: flex;
|
| 2704 |
+
font-size: 14px;
|
| 2705 |
+
margin: 10px 0;
|
| 2706 |
+
}
|
| 2707 |
+
.sb-social-wall-link {
|
| 2708 |
+
padding: 0 12px;
|
| 2709 |
+
border-right: 1px solid #ccc;
|
| 2710 |
+
color: #0068A0!important;
|
| 2711 |
+
line-height: 1;
|
| 2712 |
+
}
|
| 2713 |
+
.sb-social-wall-link a {
|
| 2714 |
+
text-decoration: none;
|
| 2715 |
+
}
|
| 2716 |
+
.sb-social-wall-link:first-child {
|
| 2717 |
+
padding-left: 0;
|
| 2718 |
+
border-right: 1px solid #ccc;
|
| 2719 |
+
color: #0068A0!important;
|
| 2720 |
+
line-height: 1;
|
| 2721 |
+
}
|
| 2722 |
+
.sb-social-wall-link:last-child {
|
| 2723 |
+
border-right: none;
|
| 2724 |
+
}
|
| 2725 |
+
.sb-social-wall-link a:focus {
|
| 2726 |
+
outline: none;
|
| 2727 |
+
box-shadow: none;
|
| 2728 |
+
}
|
| 2729 |
+
|
| 2730 |
+
|
| 2731 |
+
|
| 2732 |
+
|
| 2733 |
+
/*
|
| 2734 |
+
Add Source Loading
|
| 2735 |
+
*/
|
| 2736 |
+
.sb-fb-source-redirect-ld{
|
| 2737 |
+
text-align: center;
|
| 2738 |
+
}
|
| 2739 |
+
.sb-fb-source-redirect-ld div{
|
| 2740 |
+
display: inline-block;
|
| 2741 |
+
width: 32px;
|
| 2742 |
+
height: 32px;
|
| 2743 |
+
border-radius: 50px;
|
| 2744 |
+
margin: 0 10px;
|
| 2745 |
+
position: relative;
|
| 2746 |
+
background-color: #0096CC;
|
| 2747 |
+
color: #0096CC;
|
| 2748 |
+
-webkit-animation: sb-source-redirect 1s infinite linear alternate;
|
| 2749 |
+
animation: sb-source-redirect 1s infinite linear alternate;
|
| 2750 |
+
-webkit-animation-delay: .5s;
|
| 2751 |
+
animation-delay: .5s;
|
| 2752 |
+
}
|
| 2753 |
+
|
| 2754 |
+
.sb-fb-source-redirect-ld div:before,
|
| 2755 |
+
.sb-fb-source-redirect-ld div:after{
|
| 2756 |
+
content: '';
|
| 2757 |
+
display: inline-block;
|
| 2758 |
+
position: absolute;
|
| 2759 |
+
top: 0;
|
| 2760 |
+
}
|
| 2761 |
+
|
| 2762 |
+
.sb-fb-source-redirect-ld div:before{
|
| 2763 |
+
left: -45px;
|
| 2764 |
+
width: 32px;
|
| 2765 |
+
height: 32px;
|
| 2766 |
+
border-radius: 50px;
|
| 2767 |
+
background-color: #0096CC;
|
| 2768 |
+
color: #0096CC;
|
| 2769 |
+
-webkit-animation: sb-source-redirect 1s infinite alternate;
|
| 2770 |
+
animation: sb-source-redirect 1s infinite alternate;
|
| 2771 |
+
-webkit-animation-delay: 0s;
|
| 2772 |
+
animation-delay: 0s;
|
| 2773 |
+
}
|
| 2774 |
+
|
| 2775 |
+
.sb-fb-source-redirect-ld div:after{
|
| 2776 |
+
left: 45px;
|
| 2777 |
+
width: 32px;
|
| 2778 |
+
height: 32px;
|
| 2779 |
+
border-radius: 50px;
|
| 2780 |
+
background-color: #0096CC;
|
| 2781 |
+
color: #0096CC;
|
| 2782 |
+
-webkit-animation: sb-source-redirect 1s infinite alternate;
|
| 2783 |
+
animation: sb-source-redirect 1s infinite alternate;
|
| 2784 |
+
-webkit-animation-delay: 1s;
|
| 2785 |
+
animation-delay: 1s;
|
| 2786 |
+
}
|
| 2787 |
+
|
| 2788 |
+
|
| 2789 |
+
|
| 2790 |
+
@-webkit-keyframes sb-source-redirect {
|
| 2791 |
+
0% {background-color: #0096CC;}
|
| 2792 |
+
50%,100% {background-color: #B5E5FF;}
|
| 2793 |
+
}
|
| 2794 |
+
@keyframes sb-source-redirect {
|
| 2795 |
+
0% {background-color: #0096CC;}
|
| 2796 |
+
50%,100% {background-color: #B5E5FF;}
|
| 2797 |
+
}
|
| 2798 |
+
|
| 2799 |
+
|
| 2800 |
+
.sb-fb-source-redirect-info{
|
| 2801 |
+
text-align: center;
|
| 2802 |
+
margin-top: 50px;
|
| 2803 |
+
}
|
| 2804 |
+
|
| 2805 |
+
.sb-fb-source-redirect-info strong{
|
| 2806 |
+
font-size: 18px;
|
| 2807 |
+
}
|
| 2808 |
+
.sb-fb-source-redirect-info p{
|
| 2809 |
+
color: #8C8F9A;
|
| 2810 |
+
padding: 0 24%;
|
| 2811 |
+
font-size: 16px;
|
| 2812 |
+
margin-bottom: 0px;
|
| 2813 |
+
}
|
| 2814 |
+
|
| 2815 |
+
.ctf-fb-popup-inside[data-step="redirect_1"]{
|
| 2816 |
+
width: 575px;
|
| 2817 |
+
height: 320px;
|
| 2818 |
+
display: flex;
|
| 2819 |
+
justify-content: center;
|
| 2820 |
+
align-items: center;
|
| 2821 |
+
}
|
| 2822 |
+
|
| 2823 |
+
.ctf-fb-source-msg{
|
| 2824 |
+
display: block;
|
| 2825 |
+
margin: 10px 0px;
|
| 2826 |
+
}
|
| 2827 |
+
.ctf-fb-source-msg-error{
|
| 2828 |
+
color : var(--error-red);
|
| 2829 |
+
}
|
| 2830 |
+
.ctf-fb-source-msg-success{
|
| 2831 |
+
color : var(--success-green);
|
| 2832 |
+
}
|
| 2833 |
+
|
| 2834 |
+
|
| 2835 |
+
/*** 7.0 Settings CTA ***/
|
| 2836 |
+
.ctf-settings-cta {
|
| 2837 |
+
background-color: #fff;
|
| 2838 |
+
padding: 24px 20px 20px;
|
| 2839 |
+
box-shadow: 0px 1px 2px rgb(0 0 0 / 5%), 0px 4px 5px rgb(0 0 0 / 5%);
|
| 2840 |
+
margin-top: 12px;
|
| 2841 |
+
padding-bottom: 26px;
|
| 2842 |
+
}
|
| 2843 |
+
.ctf-settings-cta .ctf-cta-title,
|
| 2844 |
+
.ctf-settings-cta .ctf-cta-head-inner {
|
| 2845 |
+
display: flex;
|
| 2846 |
+
width: 100%;
|
| 2847 |
+
}
|
| 2848 |
+
.ctf-plugin-title-top{
|
| 2849 |
+
display: flex;
|
| 2850 |
+
justify-content: center;
|
| 2851 |
+
align-items: center;
|
| 2852 |
+
}
|
| 2853 |
+
.ctf-plugin-title-top > .ctf-cta-btn{
|
| 2854 |
+
margin-left: auto;
|
| 2855 |
+
}
|
| 2856 |
+
.ctf-plugin-title-top > .ctf-cta-btn a{
|
| 2857 |
+
margin-top: 0px!important;
|
| 2858 |
+
}
|
| 2859 |
+
.ctf-settings-cta .ctf-cta-head-inner {
|
| 2860 |
+
justify-content: space-between;
|
| 2861 |
+
}
|
| 2862 |
+
.ctf-settings-cta .ctf-cta-head-inner .ctf-cta-btn a {
|
| 2863 |
+
display: flex;
|
| 2864 |
+
flex-direction: row;
|
| 2865 |
+
justify-content: center;
|
| 2866 |
+
align-items: center;
|
| 2867 |
+
padding: 7px 12px 8px 20px;
|
| 2868 |
+
font-weight: 600;
|
| 2869 |
+
font-size: 14px;
|
| 2870 |
+
line-height: 160%;
|
| 2871 |
+
margin-top: 10px;
|
| 2872 |
+
}
|
| 2873 |
+
.ctf-settings-cta .ctf-cta-head-inner .ctf-cta-btn a svg {
|
| 2874 |
+
margin-left: 12px;
|
| 2875 |
+
width: 10px;
|
| 2876 |
+
}
|
| 2877 |
+
.ctf-settings-cta .ctf-plugin-title-bt {
|
| 2878 |
+
display: flex;
|
| 2879 |
+
width: 100%;
|
| 2880 |
+
}
|
| 2881 |
+
.ctf-settings-cta .ctf-plugin-title-bt .ctf-cta-btn {
|
| 2882 |
+
width: 177px;
|
| 2883 |
+
}
|
| 2884 |
+
.ctf-settings-cta .ctf-cta-title .ctf-plugin-logo {
|
| 2885 |
+
background: #FFFFFF;
|
| 2886 |
+
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);
|
| 2887 |
+
border-radius: 2px;
|
| 2888 |
+
min-width: 60px;
|
| 2889 |
+
width: 65px;
|
| 2890 |
+
height: 65px;
|
| 2891 |
+
display: flex;
|
| 2892 |
+
justify-content: center;
|
| 2893 |
+
align-items: center;
|
| 2894 |
+
margin-right: 30px;
|
| 2895 |
+
border: 1px solid #ecebeb;
|
| 2896 |
+
}
|
| 2897 |
+
#ctf-builder-app .ctf-settings-cta .ctf-cta-title .ctf-plugin-logo{
|
| 2898 |
+
width: 75px;
|
| 2899 |
+
height: 75px;
|
| 2900 |
+
}
|
| 2901 |
+
.ctf-settings-cta .ctf-cta-title .ctf-cta-discount-label {
|
| 2902 |
+
background: #FFEFCC;
|
| 2903 |
+
border-radius: 2px;
|
| 2904 |
+
padding: 4px 14px 4px 12px;
|
| 2905 |
+
font-weight: 600;
|
| 2906 |
+
font-size: 14px;
|
| 2907 |
+
line-height: 160%;
|
| 2908 |
+
color: #663D00;
|
| 2909 |
+
display: flex;
|
| 2910 |
+
flex-direction: row;
|
| 2911 |
+
justify-content: space-between;
|
| 2912 |
+
align-items: center;
|
| 2913 |
+
box-sizing: border-box;
|
| 2914 |
+
float: left;
|
| 2915 |
+
}
|
| 2916 |
+
|
| 2917 |
+
#ctf-builder-app .ctf-settings-cta .ctf-cta-title .ctf-cta-discount-label {
|
| 2918 |
+
max-width: 250px;
|
| 2919 |
+
}
|
| 2920 |
+
.ctf-settings-cta .ctf-cta-title .ctf-cta-discount-label svg {
|
| 2921 |
+
margin-right: 6px;
|
| 2922 |
+
}
|
| 2923 |
+
|
| 2924 |
+
.ctf-settings-cta .ctf-cta-title .ctf-cta-discount-label svg path{
|
| 2925 |
+
fill: #663D00;
|
| 2926 |
+
}
|
| 2927 |
+
|
| 2928 |
+
|
| 2929 |
+
#ctf-builder-app .ctf-settings-cta .ctf-cta-title .ctf-cta-discount-label {
|
| 2930 |
+
color: #663D00;
|
| 2931 |
+
background: #FFEFCC;
|
| 2932 |
+
}
|
| 2933 |
+
.ctf-settings-cta .ctf-cta-boxes {
|
| 2934 |
+
margin: 36px 0px 0px 7px;
|
| 2935 |
+
display: flex;
|
| 2936 |
+
background-color: #fff;
|
| 2937 |
+
box-shadow: 0px 1px 2px rgb(0 0 0 / 5%), 0px 4px 5px rgb(0 0 0 / 5%);
|
| 2938 |
+
border: 1px solid #E8E8EB;
|
| 2939 |
+
border-bottom: 0px solid transparent;
|
| 2940 |
+
max-width: 1170px;
|
| 2941 |
+
}
|
| 2942 |
+
.ctf-settings-cta .ctf-cta-box:not(:last-child) {
|
| 2943 |
+
border-right: 1px solid #E8E8EB;
|
| 2944 |
+
}
|
| 2945 |
+
.ctf-settings-cta .ctf-cta-box {
|
| 2946 |
+
padding: 16px 30px 16px 18px;
|
| 2947 |
+
display: flex;
|
| 2948 |
+
}
|
| 2949 |
+
.ctf-settings-cta .ctf-cta-box .ctf-cta-box-icon {
|
| 2950 |
+
margin-right: 24px;
|
| 2951 |
+
max-height: 50px;
|
| 2952 |
+
}
|
| 2953 |
+
.ctf-settings-cta .ctf-cta-box .ctf-cta-box-title {
|
| 2954 |
+
font-weight: 600;
|
| 2955 |
+
font-size: 14px;
|
| 2956 |
+
line-height: 140%;
|
| 2957 |
+
padding-top: 5px;
|
| 2958 |
+
}
|
| 2959 |
+
.ctf-settings-cta .ctf-cta-much-more{
|
| 2960 |
+
display: flex;
|
| 2961 |
+
padding: 0 14px;
|
| 2962 |
+
flex-wrap: wrap;
|
| 2963 |
+
margin-top: 3px;
|
| 2964 |
+
justify-content: space-between;
|
| 2965 |
+
max-width: 1170px;
|
| 2966 |
+
}
|
| 2967 |
+
.ctf-settings-cta .ctf-cta-much-more .ctf-cta-mm-left {
|
| 2968 |
+
width: 330px;
|
| 2969 |
+
}
|
| 2970 |
+
.ctf-settings-cta .ctf-cta-much-more .ctf-cta-mm-right ul {
|
| 2971 |
+
display: grid;
|
| 2972 |
+
grid-template-columns: 33% 33% 33%;
|
| 2973 |
+
grid-column-gap: 2%;
|
| 2974 |
+
padding-top: 10px;
|
| 2975 |
+
}
|
| 2976 |
+
.ctf-settings-cta .ctf-cta-much-more .ctf-cta-mm-left h4 {
|
| 2977 |
+
font-weight: 600;
|
| 2978 |
+
font-size: 18px;
|
| 2979 |
+
line-height: 140%;
|
| 2980 |
+
color: #141B38;
|
| 2981 |
+
margin: 1.33em 0 !important;
|
| 2982 |
+
}
|
| 2983 |
+
.ctf-settings-cta .ctf-cta-much-more .ctf-cta-mm-right ul li {
|
| 2984 |
+
font-size: 14px;
|
| 2985 |
+
line-height: 160%;
|
| 2986 |
+
color: #434960;
|
| 2987 |
+
width: 260px;
|
| 2988 |
+
position: relative;
|
| 2989 |
+
}
|
| 2990 |
+
.ctf-settings-cta .ctf-cta-much-more .ctf-cta-mm-right ul li::before {
|
| 2991 |
+
background: #0096CC;
|
| 2992 |
+
width: 4px;
|
| 2993 |
+
height: 4px;
|
| 2994 |
+
content: '';
|
| 2995 |
+
position: absolute;
|
| 2996 |
+
left: -19px;
|
| 2997 |
+
top: 10px;
|
| 2998 |
+
}
|
| 2999 |
+
.ctf-settings-cta .ctf-cta-try-demo {
|
| 3000 |
+
margin-top: 13px;
|
| 3001 |
+
max-width: 1180px;
|
| 3002 |
+
}
|
| 3003 |
+
.ctf-settings-cta .ctf-cta-try-demo a {
|
| 3004 |
+
width: 100%;
|
| 3005 |
+
justify-content: center;
|
| 3006 |
+
display: flex;
|
| 3007 |
+
align-items: center;
|
| 3008 |
+
vertical-align: middle;
|
| 3009 |
+
background: #F3F4F5;
|
| 3010 |
+
border: 1px solid #DCDDE1;
|
| 3011 |
+
box-sizing: border-box;
|
| 3012 |
+
border-radius: 2px;
|
| 3013 |
+
padding: 7px 20px;
|
| 3014 |
+
font-weight: 600;
|
| 3015 |
+
font-size: 14px;
|
| 3016 |
+
line-height: 22px;
|
| 3017 |
+
color: #141B38;
|
| 3018 |
+
box-sizing: border-box;
|
| 3019 |
+
letter-spacing: 0.2px;
|
| 3020 |
+
cursor: pointer;
|
| 3021 |
+
transition: all 0.15s ease-in-out;
|
| 3022 |
+
text-decoration: none;
|
| 3023 |
+
}
|
| 3024 |
+
.ctf-settings-cta .ctf-cta-try-demo a span svg {
|
| 3025 |
+
transform: translate(5px, 4px);
|
| 3026 |
+
}
|
| 3027 |
+
.ctf-settings-cta .ctf-cta-try-demo .ctf-btn span {
|
| 3028 |
+
margin-left: 9px;
|
| 3029 |
+
transform: translateY(1px);
|
| 3030 |
+
}
|
| 3031 |
+
|
| 3032 |
+
.ctf-cta-toggle-features {
|
| 3033 |
+
background: #F3F4F5;
|
| 3034 |
+
width: 100%;
|
| 3035 |
+
display: flex;
|
| 3036 |
+
justify-content: center;
|
| 3037 |
+
padding: 5px 0 4px 15px;
|
| 3038 |
+
box-shadow: 0px 1px 2px rgb(0 0 0 / 5%), 0px 4px 5px rgb(0 0 0 / 5%);
|
| 3039 |
+
box-sizing: border-box;
|
| 3040 |
+
}
|
| 3041 |
+
.ctf-cta-toggle-features .ctf-cta-toggle-btn {
|
| 3042 |
+
font-weight: 600;
|
| 3043 |
+
font-size: 14px;
|
| 3044 |
+
line-height: 160%;
|
| 3045 |
+
border: none;
|
| 3046 |
+
background: none;
|
| 3047 |
+
display: flex;
|
| 3048 |
+
cursor: pointer;
|
| 3049 |
+
}
|
| 3050 |
+
.ctf-cta-toggle-features .ctf-cta-toggle-btn svg {
|
| 3051 |
+
transform: translateY(0px);
|
| 3052 |
+
margin-left: 4px;
|
| 3053 |
+
}
|
| 3054 |
+
|
| 3055 |
+
@media (min-width: 1170px) and (max-width: 1540px) {
|
| 3056 |
+
.ctf-settings-cta .ctf-cta-much-more .ctf-cta-mm-right ul li {
|
| 3057 |
+
width: 240px;
|
| 3058 |
+
}
|
| 3059 |
+
.ctf-settings-cta .ctf-cta-much-more .ctf-cta-mm-left {
|
| 3060 |
+
width: 220px;
|
| 3061 |
+
}
|
| 3062 |
+
}
|
| 3063 |
+
@media (min-width: 1170px) and (max-width: 1340px) {
|
| 3064 |
+
.ctf-settings-cta .ctf-cta-box .ctf-cta-box-icon {
|
| 3065 |
+
margin-right: 15px;
|
| 3066 |
+
}
|
| 3067 |
+
.ctf-settings-cta .ctf-cta-box {
|
| 3068 |
+
padding: 16px 15px 16px 15px;
|
| 3069 |
+
}
|
| 3070 |
+
}
|
| 3071 |
+
@media (max-width: 1300px) {
|
| 3072 |
+
.ctf-settings-cta .ctf-cta-much-more .ctf-cta-mm-right ul {
|
| 3073 |
+
grid-template-columns: 48% 48%;
|
| 3074 |
+
}
|
| 3075 |
+
}
|
| 3076 |
+
@media (max-width: 1170px) {
|
| 3077 |
+
.ctf-settings-cta .ctf-cta-boxes {
|
| 3078 |
+
flex-wrap: wrap;
|
| 3079 |
+
}
|
| 3080 |
+
.ctf-settings-cta .ctf-cta-boxes .ctf-cta-box {
|
| 3081 |
+
width: 50%;
|
| 3082 |
+
box-sizing: border-box;
|
| 3083 |
+
}
|
| 3084 |
+
.ctf-settings-cta .ctf-cta-box:not(:last-child) {
|
| 3085 |
+
border-right: none;
|
| 3086 |
+
}
|
| 3087 |
+
.ctf-settings-cta .ctf-cta-box:first-child,
|
| 3088 |
+
.ctf-settings-cta .ctf-cta-box:nth-child(2) {
|
| 3089 |
+
border-bottom: 1px solid #E8E8EB;
|
| 3090 |
+
}
|
| 3091 |
+
.ctf-settings-cta .ctf-cta-box:first-child,
|
| 3092 |
+
.ctf-settings-cta .ctf-cta-box:nth-child(3) {
|
| 3093 |
+
border-right: 1px solid #E8E8EB;
|
| 3094 |
+
}
|
| 3095 |
+
.ctf-settings-cta .ctf-cta-much-more .ctf-cta-mm-right {
|
| 3096 |
+
padding-left: 20px;
|
| 3097 |
+
}
|
| 3098 |
+
.ctf-settings-cta .ctf-cta-much-more .ctf-cta-mm-right ul {
|
| 3099 |
+
margin: 0;
|
| 3100 |
+
padding: 0;
|
| 3101 |
+
}
|
| 3102 |
+
}
|
| 3103 |
+
@media (max-width: 770px) {
|
| 3104 |
+
.ctf-settings-cta .ctf-cta-boxes .ctf-cta-box {
|
| 3105 |
+
width: 100%;
|
| 3106 |
+
align-items: center;
|
| 3107 |
+
}
|
| 3108 |
+
.ctf-settings-cta .ctf-cta-box {
|
| 3109 |
+
border: none;
|
| 3110 |
+
}
|
| 3111 |
+
.ctf-settings-cta .ctf-cta-box:not(:last-child) {
|
| 3112 |
+
border-bottom: 1px solid #E8E8EB;
|
| 3113 |
+
}
|
| 3114 |
+
.ctf-settings-cta .ctf-cta-much-more .ctf-cta-mm-right ul {
|
| 3115 |
+
grid-template-columns: 100%;
|
| 3116 |
+
margin-top: 0px;
|
| 3117 |
+
}
|
| 3118 |
+
.ctf-settings-cta .ctf-cta-much-more .ctf-cta-mm-left h4 {
|
| 3119 |
+
margin-bottom: 10px !important;
|
| 3120 |
+
}
|
| 3121 |
+
.sb-tab-content .sb-tab-box .ctf-caching-pro-cta {
|
| 3122 |
+
padding: 8px 25px;
|
| 3123 |
+
}
|
| 3124 |
+
|
| 3125 |
+
.ctf-settings-cta .ctf-cta-head-inner {
|
| 3126 |
+
flex-wrap: wrap;
|
| 3127 |
+
}
|
| 3128 |
+
|
| 3129 |
+
.ctf-settings-cta .ctf-cta-title {
|
| 3130 |
+
margin-bottom: 20px;
|
| 3131 |
+
}
|
| 3132 |
+
.ctf-settings-cta .ctf-cta-btn {
|
| 3133 |
+
width: 100%;
|
| 3134 |
+
}
|
| 3135 |
+
.ctf-plugin-title-top > .ctf-cta-btn a{
|
| 3136 |
+
margin-bottom: 10px;
|
| 3137 |
+
}
|
| 3138 |
+
.ctf-plugin-title-top{
|
| 3139 |
+
display: block;
|
| 3140 |
+
}
|
| 3141 |
+
.ctf-settings-cta .ctf-plugin-title-bt {
|
| 3142 |
+
flex-direction: column;
|
| 3143 |
+
}
|
| 3144 |
+
|
| 3145 |
+
.ctf-plugin-title {
|
| 3146 |
+
width: 67%;
|
| 3147 |
+
}
|
| 3148 |
+
}
|
| 3149 |
+
|
| 3150 |
+
@media (max-width: 580px) {
|
| 3151 |
+
.ctf-settings-cta .ctf-cta-title .ctf-plugin-logo {
|
| 3152 |
+
margin-right: 20px;
|
| 3153 |
+
}
|
| 3154 |
+
}
|
admin/builder/assets/css/preview.css
ADDED
|
@@ -0,0 +1,1452 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 1 |
+
body{
|
| 2 |
+
overflow-x:hidden;
|
| 3 |
+
}
|
| 4 |
+
.ctf-preview-ctn .no-overflow{
|
| 5 |
+
overflow: hidden!important;
|
| 6 |
+
}
|
| 7 |
+
.ctf-preview-ctn .ctf-fb-fs{
|
| 8 |
+
width: 100%;
|
| 9 |
+
position: relative;
|
| 10 |
+
float: left;
|
| 11 |
+
box-sizing: border-box;
|
| 12 |
+
}
|
| 13 |
+
.ctf-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 |
+
.ctf-feed-height{
|
| 23 |
+
overflow-x: hidden!important;
|
| 24 |
+
}
|
| 25 |
+
.ctf-preview-ctn h1,
|
| 26 |
+
.ctf-preview-ctn h2,
|
| 27 |
+
.ctf-preview-ctn h3,
|
| 28 |
+
.ctf-preview-ctn h4,
|
| 29 |
+
.ctf-preview-ctn h5,
|
| 30 |
+
.ctf-preview-ctn h6{
|
| 31 |
+
padding: 0px;
|
| 32 |
+
margin: 0px;
|
| 33 |
+
line-height: 1em;
|
| 34 |
+
}
|
| 35 |
+
.ctf-preview-ctn h3, .ctf-preview-ctn h4, .ctf-preview-ctn h5, .ctf-preview-ctn h6, .ctf-preview-ctn p {
|
| 36 |
+
float: left;
|
| 37 |
+
width: 100%;
|
| 38 |
+
clear: both;
|
| 39 |
+
padding: 0;
|
| 40 |
+
margin: 5px 0;
|
| 41 |
+
line-height: 1.4;
|
| 42 |
+
word-wrap: break-word;
|
| 43 |
+
}
|
| 44 |
+
|
| 45 |
+
/*Preview Sections Highlights*/
|
| 46 |
+
.ctf-preview-section{
|
| 47 |
+
opacity: 1;
|
| 48 |
+
}
|
| 49 |
+
.ctf-preview-section[data-dimmed="true"]{
|
| 50 |
+
opacity: 0.4;
|
| 51 |
+
}
|
| 52 |
+
|
| 53 |
+
|
| 54 |
+
.ctf-preview-ctn .ctf-preview-header-visual{
|
| 55 |
+
margin-bottom: 25px;
|
| 56 |
+
}
|
| 57 |
+
.ctf-preview-ctn .ctf-preview-header-cover{
|
| 58 |
+
overflow: hidden;
|
| 59 |
+
height: 300px;
|
| 60 |
+
}
|
| 61 |
+
.ctf-preview-ctn .ctf-preview-header-cover img{
|
| 62 |
+
position: absolute;
|
| 63 |
+
width: 100%;
|
| 64 |
+
height: auto;
|
| 65 |
+
left: 0px;
|
| 66 |
+
top: 50%;
|
| 67 |
+
-webkit-transform: translateY(-50%);
|
| 68 |
+
transform: translateY(-50%);
|
| 69 |
+
}
|
| 70 |
+
.ctf-preview-ctn .ctf-preview-header-likebox{
|
| 71 |
+
position: absolute;
|
| 72 |
+
right: 10px;
|
| 73 |
+
bottom: 10px;
|
| 74 |
+
display: flex;
|
| 75 |
+
align-items: center;
|
| 76 |
+
justify-content: center;
|
| 77 |
+
background: #eee;
|
| 78 |
+
border-radius: 2px;
|
| 79 |
+
padding: 3px 5px;
|
| 80 |
+
color: #445790;
|
| 81 |
+
}
|
| 82 |
+
.ctf-preview-ctn .ctf-preview-header-likebox svg{
|
| 83 |
+
fill: currentColor;
|
| 84 |
+
width: 18px;
|
| 85 |
+
margin-right: 5px;
|
| 86 |
+
float: left;
|
| 87 |
+
}
|
| 88 |
+
.ctf-preview-ctn .ctf-preview-header-likebox span{
|
| 89 |
+
font-size: 15px;
|
| 90 |
+
line-height: 20px;
|
| 91 |
+
}
|
| 92 |
+
.ctf-preview-ctn .ctf-preview-header-info-ctn{
|
| 93 |
+
padding: 0 20px;
|
| 94 |
+
}
|
| 95 |
+
.ctf-preview-ctn .ctf-preview-header-avatar{
|
| 96 |
+
width: 100px;
|
| 97 |
+
border-color: 3px;
|
| 98 |
+
border: 2px solid #fff;
|
| 99 |
+
margin-top: -25px;
|
| 100 |
+
border-radius: 3px;
|
| 101 |
+
position: absolute;
|
| 102 |
+
left: 20px;
|
| 103 |
+
}
|
| 104 |
+
.ctf-preview-ctn .ctf-preview-header-avatar img{
|
| 105 |
+
width: 100%;
|
| 106 |
+
border-radius: 3px;
|
| 107 |
+
float: left;
|
| 108 |
+
}
|
| 109 |
+
.ctf-preview-ctn .ctf-preview-header-info{
|
| 110 |
+
padding-top: 10px;
|
| 111 |
+
margin-left: 125px;
|
| 112 |
+
}
|
| 113 |
+
|
| 114 |
+
.ctf-preview-ctn .ctf-preview-header-text-h{
|
| 115 |
+
display: flex;
|
| 116 |
+
align-items: center;
|
| 117 |
+
line-height: 1em
|
| 118 |
+
}
|
| 119 |
+
.ctf-preview-ctn .ctf-header-text{
|
| 120 |
+
line-height: 1em!important;
|
| 121 |
+
}
|
| 122 |
+
.ctf-preview-ctn .ctf-preview-header-text-icon{
|
| 123 |
+
margin-right: 10px;
|
| 124 |
+
}
|
| 125 |
+
.ctf-preview-ctn .ctf-preview-header-text-icon svg{
|
| 126 |
+
float: left;
|
| 127 |
+
}
|
| 128 |
+
.ctf-preview-ctn .ctf-preview-header-name {
|
| 129 |
+
display: inline-block;
|
| 130 |
+
margin: 0 8px 0 0;
|
| 131 |
+
padding: 0;
|
| 132 |
+
font-size: 1.2em;
|
| 133 |
+
line-height: 1.2em;
|
| 134 |
+
}
|
| 135 |
+
.ctf-preview-ctn .ctf-preview-header-bio{
|
| 136 |
+
margin: 3px 0 0 0;
|
| 137 |
+
padding: 0;
|
| 138 |
+
line-height: 1.2em;
|
| 139 |
+
}
|
| 140 |
+
|
| 141 |
+
/*Load More Button*/
|
| 142 |
+
.ctf-preview-ctn .ctf-preview-loadmore-ctn{
|
| 143 |
+
margin-bottom: 20px;
|
| 144 |
+
}
|
| 145 |
+
.ctf-preview-ctn .ctf-preview-loadmore-btn{
|
| 146 |
+
display: flex;
|
| 147 |
+
justify-content: center;
|
| 148 |
+
align-items: center;
|
| 149 |
+
cursor: pointer;
|
| 150 |
+
min-height: 45px;
|
| 151 |
+
padding: 5px 0;
|
| 152 |
+
margin: 10px 0 0 0;
|
| 153 |
+
line-height: 1em;
|
| 154 |
+
font-size: 15px;
|
| 155 |
+
|
| 156 |
+
border: none;
|
| 157 |
+
background: #eee;
|
| 158 |
+
background: rgba(0,0,0,0.05);
|
| 159 |
+
width: 100%;
|
| 160 |
+
position: relative;
|
| 161 |
+
text-align: center;
|
| 162 |
+
box-sizing: border-box;
|
| 163 |
+
outline: none;
|
| 164 |
+
text-decoration: none;
|
| 165 |
+
-moz-border-radius: 5px;
|
| 166 |
+
-webkit-border-radius: 5px;
|
| 167 |
+
border-radius: 5px;
|
| 168 |
+
-moz-transition: background 0.1s ease-in-out;
|
| 169 |
+
-webkit-transition: background 0.1s ease-in-out;
|
| 170 |
+
-o-transition: background 0.1s ease-in-out;
|
| 171 |
+
transition: background 0.1s ease-in-out;
|
| 172 |
+
}
|
| 173 |
+
.ctf-preview-ctn .ctf-preview-loadmore-btn:hover {
|
| 174 |
+
background: #ddd;
|
| 175 |
+
background: rgba(0,0,0,0.1);
|
| 176 |
+
text-decoration: none;
|
| 177 |
+
-moz-transition: background 0.1s ease-in-out;
|
| 178 |
+
-webkit-transition: background 0.1s ease-in-out;
|
| 179 |
+
-o-transition: background 0.1s ease-in-out;
|
| 180 |
+
transition: background 0.1s ease-in-out;
|
| 181 |
+
}
|
| 182 |
+
|
| 183 |
+
/*Post List Layout*/
|
| 184 |
+
/* Masonry Layout */
|
| 185 |
+
/*
|
| 186 |
+
[data-feed-layout="masonry"] .ctf-post-item-ctn{
|
| 187 |
+
margin: 0px!important;
|
| 188 |
+
}
|
| 189 |
+
[data-feed-layout="masonry"]{
|
| 190 |
+
display: grid;
|
| 191 |
+
grid-gap: 20px;
|
| 192 |
+
grid-auto-rows: 0;
|
| 193 |
+
}
|
| 194 |
+
|
| 195 |
+
[data-feed-layout="masonry"][data-feed-columns="1"]{
|
| 196 |
+
grid-template-columns: repeat(1, minmax(100px,1fr));
|
| 197 |
+
}
|
| 198 |
+
[data-feed-layout="masonry"][data-feed-columns="2"]{
|
| 199 |
+
grid-template-columns: repeat(2, minmax(100px,1fr));
|
| 200 |
+
}
|
| 201 |
+
[data-feed-layout="masonry"][data-feed-columns="3"]{
|
| 202 |
+
grid-template-columns: repeat(3, minmax(100px,1fr));
|
| 203 |
+
}
|
| 204 |
+
[data-feed-layout="masonry"][data-feed-columns="4"]{
|
| 205 |
+
grid-template-columns: repeat(4, minmax(100px,1fr));
|
| 206 |
+
}
|
| 207 |
+
[data-feed-layout="masonry"][data-feed-columns="5"]{
|
| 208 |
+
grid-template-columns: repeat(5, minmax(100px,1fr));
|
| 209 |
+
}
|
| 210 |
+
[data-feed-layout="masonry"][data-feed-columns="6"]{
|
| 211 |
+
grid-template-columns: repeat(6, minmax(100px,1fr));
|
| 212 |
+
}
|
| 213 |
+
*/
|
| 214 |
+
[data-feed-layout="masonry"] .ctf-post-item-ctn{
|
| 215 |
+
height: auto!important;
|
| 216 |
+
}
|
| 217 |
+
[data-feed-layout="masonry"][data-feed-columns="1"] .ctf-post-item-ctn{
|
| 218 |
+
width: 100%;
|
| 219 |
+
}
|
| 220 |
+
[data-feed-layout="masonry"][data-feed-columns="2"] .ctf-post-item-ctn{
|
| 221 |
+
width: 47%;
|
| 222 |
+
margin: 8px 1.5%;
|
| 223 |
+
}
|
| 224 |
+
[data-feed-layout="masonry"][data-feed-columns="3"] .ctf-post-item-ctn{
|
| 225 |
+
width: 30.33%;
|
| 226 |
+
margin: 8px 1.5%;
|
| 227 |
+
}
|
| 228 |
+
[data-feed-layout="masonry"][data-feed-columns="4"] .ctf-post-item-ctn{
|
| 229 |
+
width: 22%;
|
| 230 |
+
margin: 8px 1.5%;
|
| 231 |
+
}
|
| 232 |
+
[data-feed-layout="masonry"][data-feed-columns="5"] .ctf-post-item-ctn{
|
| 233 |
+
width: 17%;
|
| 234 |
+
margin: 8px 1.5%;
|
| 235 |
+
}
|
| 236 |
+
[data-feed-layout="masonry"][data-feed-columns="6"] .ctf-post-item-ctn{
|
| 237 |
+
width: 13.516%;
|
| 238 |
+
margin: 8px 1.5%;
|
| 239 |
+
}
|
| 240 |
+
|
| 241 |
+
[data-feed-layout="masonry"] .ctf-media-item-ctn .ctf-media-item-image-real{
|
| 242 |
+
height: 100%;
|
| 243 |
+
position: absolute;
|
| 244 |
+
width: 100%;
|
| 245 |
+
left: 0;
|
| 246 |
+
top: 0;
|
| 247 |
+
bottom: 0;
|
| 248 |
+
right: 0;
|
| 249 |
+
}
|
| 250 |
+
[data-feed-layout="masonry"] .ctf-media-item-ctn .ctf-media-item-image-poster{
|
| 251 |
+
opacity: 0;
|
| 252 |
+
}
|
| 253 |
+
|
| 254 |
+
/* Grid Layout */
|
| 255 |
+
[data-feed-layout="grid"]{
|
| 256 |
+
display: grid;
|
| 257 |
+
grid-gap: 20px;
|
| 258 |
+
}
|
| 259 |
+
[data-feed-layout="grid"][data-feed-columns="1"]{
|
| 260 |
+
grid-template-columns: repeat(1, minmax(100px,1fr));
|
| 261 |
+
}
|
| 262 |
+
[data-feed-layout="grid"][data-feed-columns="2"]{
|
| 263 |
+
grid-template-columns: 1fr 1fr;
|
| 264 |
+
}
|
| 265 |
+
|
| 266 |
+
[data-feed-layout="grid"][data-feed-columns="3"]{
|
| 267 |
+
grid-template-columns: repeat(3, minmax(100px,1fr));
|
| 268 |
+
}
|
| 269 |
+
|
| 270 |
+
[data-feed-layout="grid"][data-feed-columns="4"]{
|
| 271 |
+
grid-template-columns: repeat(4, minmax(100px,1fr));
|
| 272 |
+
}
|
| 273 |
+
[data-feed-layout="grid"][data-feed-columns="5"]{
|
| 274 |
+
grid-template-columns: repeat(5, minmax(100px,1fr));
|
| 275 |
+
}
|
| 276 |
+
[data-feed-layout="grid"][data-feed-columns="6"]{
|
| 277 |
+
grid-template-columns: repeat(6, minmax(100px,1fr));
|
| 278 |
+
}
|
| 279 |
+
|
| 280 |
+
[data-feed-layout="grid"] .ctf-post-item-ctn{
|
| 281 |
+
overflow: hidden;
|
| 282 |
+
margin: 0px!important
|
| 283 |
+
}
|
| 284 |
+
[data-feed-layout="grid"] .ctf-post-item-ctn .ctf-post-grid-image{
|
| 285 |
+
position: absolute;
|
| 286 |
+
width: 100%;
|
| 287 |
+
height: 100%;
|
| 288 |
+
left: 0px;
|
| 289 |
+
top: 0px;
|
| 290 |
+
bottom: 0px;
|
| 291 |
+
right: 0px;
|
| 292 |
+
background-size: cover !important;
|
| 293 |
+
background-position: center center !important;
|
| 294 |
+
}
|
| 295 |
+
[data-feed-layout="grid"] .ctf-photos-item-ctn img{
|
| 296 |
+
opacity: 0
|
| 297 |
+
}
|
| 298 |
+
[data-feed-layout="grid"] .ctf-singlemedia-item.ctf-albums-item-ctn .ctf-albums-item-cover{
|
| 299 |
+
height: calc(100% - 70px);
|
| 300 |
+
left: 0;
|
| 301 |
+
top: 0;
|
| 302 |
+
right: 0;
|
| 303 |
+
}
|
| 304 |
+
[data-feed-layout="grid"] .ctf-albums-item-ctn .ctf-post-item-content{
|
| 305 |
+
height: inherit;
|
| 306 |
+
}
|
| 307 |
+
|
| 308 |
+
|
| 309 |
+
.ctf-preview-ctn .ctf-media-item-ctn{
|
| 310 |
+
background: none!important;
|
| 311 |
+
}
|
| 312 |
+
.ctf-preview-ctn .ctf-singlemedia-item{
|
| 313 |
+
background: none!important;
|
| 314 |
+
padding: 0px!important
|
| 315 |
+
}
|
| 316 |
+
|
| 317 |
+
|
| 318 |
+
[data-feed-layout="list"] .ctf-post-item-ctn{
|
| 319 |
+
height: auto!important;
|
| 320 |
+
}
|
| 321 |
+
|
| 322 |
+
/*Post Single Item*/
|
| 323 |
+
.ctf-post-item-info-ctn{
|
| 324 |
+
display: flex;
|
| 325 |
+
align-items: center;
|
| 326 |
+
margin-bottom: 15px;
|
| 327 |
+
padding: 0;
|
| 328 |
+
line-height: 1.2;
|
| 329 |
+
width: 100%;
|
| 330 |
+
}
|
| 331 |
+
.ctf-post-item-info{
|
| 332 |
+
float: left;
|
| 333 |
+
padding: 3px 0 0 0;
|
| 334 |
+
font-size: 14px;
|
| 335 |
+
font-weight: bold;
|
| 336 |
+
line-height: 1.2;
|
| 337 |
+
}
|
| 338 |
+
.ctf-post-item-date{
|
| 339 |
+
color: #9197a3;
|
| 340 |
+
font-weight: normal;
|
| 341 |
+
font-size: 11px;
|
| 342 |
+
margin-top: 1px !important;
|
| 343 |
+
margin-bottom: 0px !important;
|
| 344 |
+
}
|
| 345 |
+
|
| 346 |
+
.ctf-post-item-avatar,
|
| 347 |
+
.ctf-post-item-avatar img{
|
| 348 |
+
width: 45px;
|
| 349 |
+
height: 45px;
|
| 350 |
+
border-radius: 50px;
|
| 351 |
+
}
|
| 352 |
+
.ctf-post-item-avatar{
|
| 353 |
+
margin-right: 10px;
|
| 354 |
+
}
|
| 355 |
+
.ctf-post-item-author-name{
|
| 356 |
+
font-weight: bold;
|
| 357 |
+
}
|
| 358 |
+
.ctf-post-item-story{
|
| 359 |
+
font-weight: normal;
|
| 360 |
+
font-size: 14px;
|
| 361 |
+
padding: 3px 0 0 0;
|
| 362 |
+
line-height: 1.2;
|
| 363 |
+
}
|
| 364 |
+
.ctf-preview-ctn .ctf-post-item-ctn{
|
| 365 |
+
width: 100%;
|
| 366 |
+
float: left;
|
| 367 |
+
position: relative;
|
| 368 |
+
box-sizing: border-box;
|
| 369 |
+
padding: 15px;
|
| 370 |
+
margin: 8px 0;
|
| 371 |
+
}
|
| 372 |
+
|
| 373 |
+
.ctf-preview-ctn .ctf-post-item-ctn[data-post-layout="half"] .ctf-post-item-sides,
|
| 374 |
+
.ctf-preview-ctn .ctf-post-item-ctn[data-post-layout="half"][data-post-type="links"] .ctf-post-item-link-ctn{
|
| 375 |
+
display: grid!important;
|
| 376 |
+
grid-template-columns: calc(50% - 15px) calc(50% - 15px);
|
| 377 |
+
grid-column-gap: 30px;
|
| 378 |
+
}
|
| 379 |
+
|
| 380 |
+
.ctf-preview-ctn .ctf-post-item-ctn[data-post-layout="half"][data-post-type="links"] .ctf-post-item-sides{
|
| 381 |
+
display: flex;
|
| 382 |
+
flex-direction: column-reverse;
|
| 383 |
+
}
|
| 384 |
+
|
| 385 |
+
.ctf-preview-ctn .ctf-post-item-ctn[data-post-layout="thumb"] .ctf-post-item-sides,
|
| 386 |
+
.ctf-preview-ctn .ctf-post-item-ctn[data-post-layout="thumb"][data-post-type="links"] .ctf-post-item-link-ctn{
|
| 387 |
+
display: grid;
|
| 388 |
+
grid-template-columns: calc(20% - 15px) calc(80% - 15px);
|
| 389 |
+
grid-column-gap: 30px;
|
| 390 |
+
}
|
| 391 |
+
|
| 392 |
+
.ctf-preview-ctn .ctf-post-item-ctn[data-post-layout="thumb"][data-post-type="links"] .ctf-post-item-sides{
|
| 393 |
+
display: flex;
|
| 394 |
+
flex-direction: column-reverse;
|
| 395 |
+
}
|
| 396 |
+
|
| 397 |
+
/* Added for events */
|
| 398 |
+
.ctf-preview-ctn .ctf-preview-posts-list-ctn[data-feed-type="events"] .ctf-post-item-ctn[data-post-layout="half"] .ctf-post-item-sides,
|
| 399 |
+
.ctf-preview-ctn .ctf-preview-posts-list-ctn[data-feed-type="events"] .ctf-post-item-ctn[data-post-layout="thumb"] .ctf-post-item-sides{
|
| 400 |
+
display: grid!important;
|
| 401 |
+
}
|
| 402 |
+
|
| 403 |
+
[data-feed-type="reviews"] [data-post-layout="half"] .ctf-post-item-sides,
|
| 404 |
+
[data-feed-type="reviews"] [data-post-layout="thumb"] .ctf-post-item-sides{
|
| 405 |
+
grid-template-columns: 100%!important;
|
| 406 |
+
}
|
| 407 |
+
|
| 408 |
+
.ctf-preview-ctn .ctf-post-item-ctn[data-post-layout="half"][data-post-type="statuses"] .ctf-post-item-sides,
|
| 409 |
+
.ctf-preview-ctn .ctf-post-item-ctn[data-post-layout="thumb"][data-post-type="statuses"] .ctf-post-item-sides{
|
| 410 |
+
display: block!important;
|
| 411 |
+
width: 100%!important;
|
| 412 |
+
}
|
| 413 |
+
|
| 414 |
+
.ctf-preview-ctn .ctf-preview-posts-list-ctn[data-boxshadow="true"] .ctf-post-item-ctn{
|
| 415 |
+
box-shadow: 0 0 10px 0 rgba(0,0,0, 0.15);
|
| 416 |
+
}
|
| 417 |
+
.ctf-preview-ctn .ctf-preview-posts-list-ctn[data-poststyle="regular"] .ctf-post-item-ctn{
|
| 418 |
+
padding: 15px 0px;
|
| 419 |
+
}
|
| 420 |
+
.ctf-preview-ctn [data-feed-layout="carousel"][data-feed-type="singlealbum"] .ctf-post-item-ctn{
|
| 421 |
+
height: 100%;
|
| 422 |
+
background-position: center!important;
|
| 423 |
+
background-size: cover!important;
|
| 424 |
+
}
|
| 425 |
+
/*Narrow Rules for Preview*/
|
| 426 |
+
[data-preview-device="mobile"] [data-narrow="active"] [data-post-layout="half"] .ctf-post-item-sides,
|
| 427 |
+
[data-preview-device="mobile"] [data-narrow="active"] [data-post-layout="thumb"] .ctf-post-item-sides,
|
| 428 |
+
[data-narrow="active"][data-feed-columns="3"] [data-post-layout="half"] .ctf-post-item-sides,
|
| 429 |
+
[data-narrow="active"][data-feed-columns="3"] [data-post-layout="thumb"] .ctf-post-item-sides,
|
| 430 |
+
[data-narrow="active"][data-feed-columns="4"] [data-post-layout="half"] .ctf-post-item-sides,
|
| 431 |
+
[data-narrow="active"][data-feed-columns="4"] [data-post-layout="thumb"] .ctf-post-item-sides,
|
| 432 |
+
[data-narrow="active"][data-feed-columns="5"] [data-post-layout="half"] .ctf-post-item-sides,
|
| 433 |
+
[data-narrow="active"][data-feed-columns="5"] [data-post-layout="thumb"] .ctf-post-item-sides,
|
| 434 |
+
[data-narrow="active"][data-feed-columns="6"] [data-post-layout="half"] .ctf-post-item-sides,
|
| 435 |
+
[data-narrow="active"][data-feed-columns="6"] [data-post-layout="thumb"] .ctf-post-item-sides,
|
| 436 |
+
[data-preview-device="mobile"] [data-narrow="active"] [data-post-layout="half"][data-post-type="links"] .ctf-post-item-link-ctn,
|
| 437 |
+
[data-preview-device="mobile"] [data-narrow="active"] [data-post-layout="thumb"][data-post-type="links"] .ctf-post-item-link-ctn{
|
| 438 |
+
display: flex !important;
|
| 439 |
+
flex-direction: column-reverse;
|
| 440 |
+
}
|
| 441 |
+
[data-narrow="active"][data-feed-columns="3"] [data-post-layout="half"][data-post-type="links"] .ctf-post-item-link-ctn,
|
| 442 |
+
[data-narrow="active"][data-feed-columns="3"] [data-post-layout="thumb"][data-post-type="links"] .ctf-post-item-link-ctn,
|
| 443 |
+
[data-narrow="active"][data-feed-columns="4"] [data-post-layout="half"][data-post-type="links"] .ctf-post-item-link-ctn,
|
| 444 |
+
[data-narrow="active"][data-feed-columns="4"] [data-post-layout="thumb"][data-post-type="links"] .ctf-post-item-link-ctn,
|
| 445 |
+
[data-narrow="active"][data-feed-columns="5"] [data-post-layout="half"][data-post-type="links"] .ctf-post-item-link-ctn,
|
| 446 |
+
[data-narrow="active"][data-feed-columns="5"] [data-post-layout="thumb"][data-post-type="links"] .ctf-post-item-link-ctn,
|
| 447 |
+
[data-narrow="active"][data-feed-columns="6"] [data-post-layout="half"][data-post-type="links"] .ctf-post-item-link-ctn,
|
| 448 |
+
[data-narrow="active"][data-feed-columns="6"] [data-post-layout="thumb"][data-post-type="links"] .ctf-post-item-link-ctn{
|
| 449 |
+
display: flex !important;
|
| 450 |
+
flex-direction: column;
|
| 451 |
+
|
| 452 |
+
}
|
| 453 |
+
|
| 454 |
+
|
| 455 |
+
.ctf-preview-ctn .ctf-post-item-text{
|
| 456 |
+
padding: 0;
|
| 457 |
+
margin: 5px 0;
|
| 458 |
+
line-height: 1.4;
|
| 459 |
+
word-wrap: break-word;
|
| 460 |
+
}
|
| 461 |
+
.ctf-preview-ctn .ctf-post-item-text a:hover{
|
| 462 |
+
text-decoration: underline;
|
| 463 |
+
}
|
| 464 |
+
|
| 465 |
+
.ctf-post-item-text-expand a{
|
| 466 |
+
font-size: 11px;
|
| 467 |
+
font-weight: normal;
|
| 468 |
+
cursor: pointer;
|
| 469 |
+
}
|
| 470 |
+
.ctf-preview-ctn .ctf-post-item-text-expand a:hover{
|
| 471 |
+
text-decoration: underline;
|
| 472 |
+
}
|
| 473 |
+
|
| 474 |
+
.ctf-preview-ctn .ctf-post-item-meta-top{
|
| 475 |
+
display: flex;
|
| 476 |
+
align-items: center;
|
| 477 |
+
}
|
| 478 |
+
.ctf-preview-ctn .ctf-post-item-action-link{
|
| 479 |
+
margin-left: auto;
|
| 480 |
+
}
|
| 481 |
+
.ctf-preview-ctn .ctf-post-item-action-txt{
|
| 482 |
+
font-size: 11px;
|
| 483 |
+
cursor: pointer;
|
| 484 |
+
font-weight: normal;
|
| 485 |
+
}
|
| 486 |
+
.ctf-preview-ctn .ctf-post-item-action-link a:hover{
|
| 487 |
+
text-decoration: underline;
|
| 488 |
+
}
|
| 489 |
+
.ctf-preview-ctn .ctf-post-item-dot{
|
| 490 |
+
padding: 0 5px;
|
| 491 |
+
}
|
| 492 |
+
|
| 493 |
+
.ctf-preview-ctn .ctf-post-item-share-link{
|
| 494 |
+
position: relative;
|
| 495 |
+
}
|
| 496 |
+
.ctf-preview-ctn .ctf-post-item-share-tooltip{
|
| 497 |
+
position: absolute;
|
| 498 |
+
bottom: 22px;
|
| 499 |
+
right: -5px;
|
| 500 |
+
width: 100px;
|
| 501 |
+
padding: 3px 5px;
|
| 502 |
+
margin: 0;
|
| 503 |
+
background: #333;
|
| 504 |
+
color: #fff;
|
| 505 |
+
font-size: 12px;
|
| 506 |
+
line-height: 1.4;
|
| 507 |
+
display: flex;
|
| 508 |
+
align-items: center;
|
| 509 |
+
justify-content: center;
|
| 510 |
+
z-index: 9999;
|
| 511 |
+
-moz-border-radius: 4px;
|
| 512 |
+
-webkit-border-radius: 4px;
|
| 513 |
+
border-radius: 4px;
|
| 514 |
+
}
|
| 515 |
+
.ctf-preview-ctn .ctf-post-item-share-tooltip:before{
|
| 516 |
+
content: '';
|
| 517 |
+
position: absolute;
|
| 518 |
+
right: 11px;
|
| 519 |
+
bottom: -4px;
|
| 520 |
+
border-top: 7px solid #333;
|
| 521 |
+
border-left: 7px solid transparent;
|
| 522 |
+
border-right: 7px solid transparent;
|
| 523 |
+
}
|
| 524 |
+
|
| 525 |
+
.ctf-preview-ctn .ctf-post-item-share-tooltip a{
|
| 526 |
+
display: flex;
|
| 527 |
+
width: 26px;
|
| 528 |
+
height: 26px;
|
| 529 |
+
justify-content: center;
|
| 530 |
+
align-items: center;
|
| 531 |
+
color: #fff !important;
|
| 532 |
+
-moz-border-radius: 4px;
|
| 533 |
+
-webkit-border-radius: 4px;
|
| 534 |
+
border-radius: 4px;
|
| 535 |
+
}
|
| 536 |
+
.ctf-preview-ctn .ctf-post-item-share-tooltip svg{
|
| 537 |
+
width: 16px;
|
| 538 |
+
}
|
| 539 |
+
|
| 540 |
+
.ctf-preview-ctn .ctf-post-item-meta{
|
| 541 |
+
height: 37px;
|
| 542 |
+
margin: 5px 12px 5px 0;
|
| 543 |
+
display: flex;
|
| 544 |
+
padding: 0 5px 0 10px;
|
| 545 |
+
justify-content: center;
|
| 546 |
+
align-items: center;
|
| 547 |
+
cursor: pointer;
|
| 548 |
+
border-radius: 4px;
|
| 549 |
+
background: rgba(0,0,0,0.05);
|
| 550 |
+
box-shadow: 0 0 0 1px rgba(0,0,0,0.07);
|
| 551 |
+
-webkit-transition: all .2s ease-in-out;
|
| 552 |
+
transition: all .2s ease-in-out;
|
| 553 |
+
}
|
| 554 |
+
.ctf-preview-ctn .ctf-post-item-meta:hover{
|
| 555 |
+
box-shadow: 0 0 0 1px rgb(0 0 0 / 9%);
|
| 556 |
+
background: rgba(0,0,0,0.07);
|
| 557 |
+
}
|
| 558 |
+
|
| 559 |
+
.ctf-preview-ctn .ctf-post-item-view-comment,.ctf-post-meta-item{
|
| 560 |
+
display: flex;
|
| 561 |
+
justify-content: center;
|
| 562 |
+
align-items: center;
|
| 563 |
+
}
|
| 564 |
+
.ctf-preview-ctn .ctf-post-meta-item{
|
| 565 |
+
float: left;
|
| 566 |
+
width: auto;
|
| 567 |
+
display: block;
|
| 568 |
+
list-style-type: none !important;
|
| 569 |
+
margin: 0 10px 0 0 !important;
|
| 570 |
+
padding: 0 !important;
|
| 571 |
+
font-size: 11px;
|
| 572 |
+
line-height: 16px !important;
|
| 573 |
+
background: none !important;
|
| 574 |
+
}
|
| 575 |
+
.ctf-preview-ctn .ctf-post-meta-item-icon, .ctf-post-meta-item-icon svg{
|
| 576 |
+
width: 16px;
|
| 577 |
+
position: relative;
|
| 578 |
+
float: left;
|
| 579 |
+
z-index: 2;
|
| 580 |
+
}
|
| 581 |
+
.ctf-preview-ctn .ctf-post-meta-item-icon{
|
| 582 |
+
margin-right: 5px;
|
| 583 |
+
}
|
| 584 |
+
.ctf-preview-ctn .ctf-post-meta-item-icon svg:nth-of-type(2){
|
| 585 |
+
position: absolute;
|
| 586 |
+
left: 0px;
|
| 587 |
+
top: 0px;
|
| 588 |
+
z-index: -1;
|
| 589 |
+
}
|
| 590 |
+
.ctf-preview-ctn .ctf-post-item-full-img{
|
| 591 |
+
position: relative;
|
| 592 |
+
float: left;
|
| 593 |
+
width: 100%;
|
| 594 |
+
height: auto;
|
| 595 |
+
}
|
| 596 |
+
|
| 597 |
+
/*Responsive Meta & Actions Links*/
|
| 598 |
+
.ctf-preview-ctn [data-feed-columns="3"] .ctf-post-item-meta-top,
|
| 599 |
+
.ctf-preview-ctn [data-feed-columns="4"] .ctf-post-item-meta-top,
|
| 600 |
+
.ctf-preview-ctn [data-feed-columns="5"] .ctf-post-item-meta-top,
|
| 601 |
+
.ctf-preview-ctn [data-feed-columns="6"] .ctf-post-item-meta-top{
|
| 602 |
+
flex-direction: column-reverse;
|
| 603 |
+
align-items: flex-start;
|
| 604 |
+
}
|
| 605 |
+
|
| 606 |
+
.ctf-preview-ctn [data-feed-columns="3"] .ctf-post-item-action-link,
|
| 607 |
+
.ctf-preview-ctn [data-feed-columns="4"] .ctf-post-item-action-link,
|
| 608 |
+
.ctf-preview-ctn [data-feed-columns="5"] .ctf-post-item-action-link,
|
| 609 |
+
.ctf-preview-ctn [data-feed-columns="6"] .ctf-post-item-action-link{
|
| 610 |
+
margin-left: unset;
|
| 611 |
+
}
|
| 612 |
+
|
| 613 |
+
/*Light & Auto Icon Theme*/
|
| 614 |
+
.ctf-post-meta-item-icon-comment svg path,
|
| 615 |
+
.ctf-post-meta-item-icon-share svg path,
|
| 616 |
+
.ctf-post-meta-item-icon-like svg path{
|
| 617 |
+
fill: rgba(0,0,0,0.4);
|
| 618 |
+
-webkit-transition: all 0.2s ease;
|
| 619 |
+
transition: all 0.2s ease;
|
| 620 |
+
}
|
| 621 |
+
.ctf-post-meta-item-icon-comment svg.ctf-svg-bg path,
|
| 622 |
+
.ctf-post-meta-item-icon-share svg.ctf-svg-bg path{
|
| 623 |
+
fill: rgba(255,255,255,0.7);
|
| 624 |
+
}
|
| 625 |
+
.ctf-post-meta-item-icon-like svg.ctf-svg-bg path{
|
| 626 |
+
fill: url(#likeGrad);
|
| 627 |
+
}
|
| 628 |
+
|
| 629 |
+
.ctf-preview-ctn .ctf-post-item-meta:hover svg path{
|
| 630 |
+
fill: rgba(0,0,0,0.5);
|
| 631 |
+
}
|
| 632 |
+
|
| 633 |
+
.ctf-preview-ctn .ctf-post-item-meta:hover .ctf-post-meta-item-icon-share svg.ctf-svg-bg path{
|
| 634 |
+
fill: #fdf3d0;
|
| 635 |
+
}
|
| 636 |
+
.ctf-preview-ctn .ctf-post-item-meta:hover .ctf-post-meta-item-icon-comment svg.ctf-svg-bg path{
|
| 637 |
+
fill: #fff;
|
| 638 |
+
}
|
| 639 |
+
|
| 640 |
+
.ctf-preview-ctn .ctf-post-item-meta:hover .ctf-post-meta-item-icon-like svg.ctf-svg-bg path{
|
| 641 |
+
fill: url(#likeGradHover);
|
| 642 |
+
}
|
| 643 |
+
|
| 644 |
+
/*Dark Icon Theme*/
|
| 645 |
+
.ctf-post-item-meta[data-icon-theme="dark"] .ctf-post-meta-item-icon-comment svg path,
|
| 646 |
+
.ctf-post-item-meta[data-icon-theme="dark"] .ctf-post-meta-item-icon-share svg path,
|
| 647 |
+
.ctf-post-item-meta[data-icon-theme="dark"] .ctf-post-meta-item-icon-like svg path{
|
| 648 |
+
fill: rgba(255,255,255,0.05);
|
| 649 |
+
-webkit-transition: all 0.2s ease;
|
| 650 |
+
transition: all 0.2s ease;
|
| 651 |
+
}
|
| 652 |
+
.ctf-post-item-meta[data-icon-theme="dark"] .ctf-post-meta-item-icon-comment svg.ctf-svg-bg path,
|
| 653 |
+
.ctf-post-item-meta[data-icon-theme="dark"] .ctf-post-meta-item-icon-share svg.ctf-svg-bg path{
|
| 654 |
+
fill: rgba(255,255,255,0.9);
|
| 655 |
+
}
|
| 656 |
+
.ctf-post-item-meta[data-icon-theme="dark"] .ctf-post-meta-item-icon-like svg.ctf-svg-bg path{
|
| 657 |
+
fill: url(#likeGradDark);
|
| 658 |
+
}
|
| 659 |
+
|
| 660 |
+
.ctf-preview-ctn .ctf-post-item-meta[data-icon-theme="dark"]:hover svg path{
|
| 661 |
+
fill: #fff;
|
| 662 |
+
}
|
| 663 |
+
|
| 664 |
+
.ctf-preview-ctn .ctf-post-item-meta[data-icon-theme="dark"]:hover .ctf-post-meta-item-icon-share svg.ctf-svg-bg path{
|
| 665 |
+
fill: #fdf3d0;
|
| 666 |
+
}
|
| 667 |
+
.ctf-preview-ctn .ctf-post-item-meta[data-icon-theme="dark"]:hover .ctf-post-meta-item-icon-comment svg.ctf-svg-bg path{
|
| 668 |
+
fill: #fff;
|
| 669 |
+
}
|
| 670 |
+
|
| 671 |
+
.ctf-preview-ctn .ctf-post-item-meta[data-icon-theme="dark"]:hover .ctf-post-meta-item-icon-like svg.ctf-svg-bg path{
|
| 672 |
+
fill: url(#likeGradHover);
|
| 673 |
+
}
|
| 674 |
+
.ctf-preview-ctn .ctf-post-item-meta[data-icon-theme="dark"]:hover svg.ctf-svg-bg{
|
| 675 |
+
z-index: 3!important;
|
| 676 |
+
}
|
| 677 |
+
|
| 678 |
+
/*Post Meta comments*/
|
| 679 |
+
.ctf-post-item-meta-comments p,
|
| 680 |
+
.ctf-post-item-meta-comments .ctf-post-comment-item,
|
| 681 |
+
.ctf-post-item-meta-comments .ctf-comment-reply,
|
| 682 |
+
.ctf-post-item-meta-comments .ctf-post-comment-item p {
|
| 683 |
+
width: 100%;
|
| 684 |
+
min-width: 100%;
|
| 685 |
+
font-size: 12px;
|
| 686 |
+
margin: 0 0 1px 0;
|
| 687 |
+
line-height: 17px;
|
| 688 |
+
-webkit-box-sizing: border-box;
|
| 689 |
+
-moz-box-sizing: border-box;
|
| 690 |
+
box-sizing: border-box;
|
| 691 |
+
}
|
| 692 |
+
|
| 693 |
+
|
| 694 |
+
.ctf-post-item-comments-top{
|
| 695 |
+
font-size: 12px;
|
| 696 |
+
margin-bottom: 1px;
|
| 697 |
+
padding: 10px 10px;
|
| 698 |
+
background: rgba(0,0,0,0.05);
|
| 699 |
+
border-radius: 4px;
|
| 700 |
+
border-bottom-left-radius: 0px;
|
| 701 |
+
border-bottom-right-radius: 0px;
|
| 702 |
+
}
|
| 703 |
+
.ctf-post-item-comments-top a:hover{
|
| 704 |
+
text-decoration: underline;
|
| 705 |
+
}
|
| 706 |
+
.ctf-post-item-comments-icon{
|
| 707 |
+
width: 16px;
|
| 708 |
+
height: 16px;
|
| 709 |
+
float: left;
|
| 710 |
+
margin-right: 8px;
|
| 711 |
+
display: flex;
|
| 712 |
+
justify-content: center;
|
| 713 |
+
align-items: center;
|
| 714 |
+
}
|
| 715 |
+
.ctf-post-item-comments-icon svg{
|
| 716 |
+
width: 14px;
|
| 717 |
+
margin-top: 4px;
|
| 718 |
+
}
|
| 719 |
+
.ctf-post-item-comments-list{
|
| 720 |
+
background: rgba(0,0,0,0.05);
|
| 721 |
+
border-radius: 4px;
|
| 722 |
+
border-top-left-radius: 0px;
|
| 723 |
+
border-top-right-radius: 0px;
|
| 724 |
+
}
|
| 725 |
+
.ctf-post-comment-item{
|
| 726 |
+
padding: 7px 10px;
|
| 727 |
+
font-size: 12px;
|
| 728 |
+
display: flex;
|
| 729 |
+
align-items: flex-start;
|
| 730 |
+
}
|
| 731 |
+
.ctf-post-comment-item-avatar{
|
| 732 |
+
width: 32px;
|
| 733 |
+
height: 32px;
|
| 734 |
+
float: left;
|
| 735 |
+
margin-right: 10px;
|
| 736 |
+
margin-top: 3px;
|
| 737 |
+
}
|
| 738 |
+
.ctf-post-comment-item-avatar img{
|
| 739 |
+
width: 32px;
|
| 740 |
+
height: 32px;
|
| 741 |
+
float: left;
|
| 742 |
+
border-radius: 50px;
|
| 743 |
+
}
|
| 744 |
+
.ctf-post-comment-item-author{
|
| 745 |
+
font-weight: bold;
|
| 746 |
+
margin-right: 6px;
|
| 747 |
+
float: left;
|
| 748 |
+
}
|
| 749 |
+
.ctf-post-comment-item-author:hover{
|
| 750 |
+
text-decoration: underline;
|
| 751 |
+
}
|
| 752 |
+
.ctf-post-comment-item-txt{
|
| 753 |
+
font-size: 12px;
|
| 754 |
+
line-height: 1.4;
|
| 755 |
+
margin: 0px;
|
| 756 |
+
}
|
| 757 |
+
.ctf-post-comment-item-date{
|
| 758 |
+
font-size: 11px;
|
| 759 |
+
margin: 3px 0 0 0;
|
| 760 |
+
display: block;
|
| 761 |
+
font-style: italic;
|
| 762 |
+
line-height: 1em;
|
| 763 |
+
clear: both;
|
| 764 |
+
float: left;
|
| 765 |
+
}
|
| 766 |
+
|
| 767 |
+
|
| 768 |
+
.ctf-post-item-media-album, .ctf-post-item-media-album a,.ctf-post-item-album-poster{
|
| 769 |
+
float: left;
|
| 770 |
+
width: 100%;
|
| 771 |
+
position: relative;
|
| 772 |
+
display: block;
|
| 773 |
+
}
|
| 774 |
+
.ctf-post-item-album-thumb{
|
| 775 |
+
position: relative;
|
| 776 |
+
display: inline-block;
|
| 777 |
+
background-size: cover;
|
| 778 |
+
background-position: center center;
|
| 779 |
+
background-repeat: no-repeat;
|
| 780 |
+
}
|
| 781 |
+
.ctf-post-item-album-thumb-overlay{
|
| 782 |
+
position: absolute;
|
| 783 |
+
width: 100%;
|
| 784 |
+
height: 100%;
|
| 785 |
+
left: 0;
|
| 786 |
+
top: 0;
|
| 787 |
+
z-index: 3;
|
| 788 |
+
background: rgba(0,0,0,0.4);
|
| 789 |
+
display: flex;
|
| 790 |
+
justify-content: center;
|
| 791 |
+
align-items: center;
|
| 792 |
+
color: #fff;
|
| 793 |
+
font-size: 30px;
|
| 794 |
+
}
|
| 795 |
+
|
| 796 |
+
.ctf-post-item-album-thumbs{
|
| 797 |
+
width: 100%;
|
| 798 |
+
display: grid;
|
| 799 |
+
margin-top: 5px;
|
| 800 |
+
float: left;
|
| 801 |
+
}
|
| 802 |
+
.ctf-post-item-album-thumbs[data-length='1']{
|
| 803 |
+
grid-template-columns: 100%;
|
| 804 |
+
}
|
| 805 |
+
.ctf-post-item-album-thumbs[data-length='2']{
|
| 806 |
+
grid-template-columns: calc(50% - 3px) calc(50% - 3px);
|
| 807 |
+
grid-column-gap: 5px;
|
| 808 |
+
}
|
| 809 |
+
|
| 810 |
+
.ctf-post-item-album-thumbs[data-length='3']{
|
| 811 |
+
grid-template-columns: calc(33.33% - 3px) calc(33.33% - 3px) calc(33.33% - 3px);
|
| 812 |
+
grid-column-gap: 5px;
|
| 813 |
+
}
|
| 814 |
+
|
| 815 |
+
.ctf-post-item-album-thumbs .ctf-post-item-album-thumb:first-of-type{
|
| 816 |
+
grid-row: 1 / 1;
|
| 817 |
+
grid-column: 1 / 1;
|
| 818 |
+
padding-bottom: 100%;
|
| 819 |
+
}
|
| 820 |
+
.ctf-post-item-media-album{
|
| 821 |
+
margin-bottom: 10px;
|
| 822 |
+
}
|
| 823 |
+
|
| 824 |
+
.ctf-preview-ctn .ctf-post-item-iframe-ctn[data-source="spotify"] iframe{
|
| 825 |
+
width: 100%;
|
| 826 |
+
height: 80px;
|
| 827 |
+
}
|
| 828 |
+
|
| 829 |
+
.ctf-preview-ctn .ctf-post-item-iframe-ctn[data-source="soundcloud"] iframe{
|
| 830 |
+
width: 100%;
|
| 831 |
+
height: 100px;
|
| 832 |
+
}
|
| 833 |
+
|
| 834 |
+
.ctf-preview-ctn .ctf-post-item-media-ctn{
|
| 835 |
+
margin: 5px 0px;
|
| 836 |
+
}
|
| 837 |
+
.ctf-preview-ctn .ctf-post-item-video-ctn{
|
| 838 |
+
position: relative;
|
| 839 |
+
}
|
| 840 |
+
.ctf-preview-ctn .ctf-post-item-iframe-ctn[data-source="video"] .ctf-post-item-iframe,
|
| 841 |
+
/*.ctf-preview-ctn .ctf-post-item-video-ctn,*/
|
| 842 |
+
.ctf-preview-ctn .ctf-videos-item-ctn .ctf-videos-item-source{
|
| 843 |
+
width: 100%;
|
| 844 |
+
float: left;
|
| 845 |
+
clear: both;
|
| 846 |
+
/*margin: 5px 0;*/
|
| 847 |
+
position: relative;
|
| 848 |
+
/*padding-bottom: 62%;*/
|
| 849 |
+
padding-bottom: 56.25%;
|
| 850 |
+
}
|
| 851 |
+
|
| 852 |
+
.ctf-play-video-icon{
|
| 853 |
+
position: absolute;
|
| 854 |
+
width: 56px;
|
| 855 |
+
height: 56px;
|
| 856 |
+
background: rgba(0,0,0,0.7);
|
| 857 |
+
color: #fff;
|
| 858 |
+
left: 50%;
|
| 859 |
+
top: 50%;
|
| 860 |
+
border-radius: 8px;
|
| 861 |
+
cursor: pointer;
|
| 862 |
+
z-index: 1;
|
| 863 |
+
-webkit-transform: translate(-50%, -50%);
|
| 864 |
+
transform: translate(-50%, -50%);
|
| 865 |
+
}
|
| 866 |
+
.ctf-play-video-icon:before{
|
| 867 |
+
content: '';
|
| 868 |
+
position: absolute;
|
| 869 |
+
border-left: 22px solid currentColor;
|
| 870 |
+
border-top: 17px solid transparent;
|
| 871 |
+
border-bottom: 17px solid transparent;
|
| 872 |
+
left: 19px;
|
| 873 |
+
top: 11px;
|
| 874 |
+
border-radius: 4px;
|
| 875 |
+
}
|
| 876 |
+
|
| 877 |
+
.ctf-preview-ctn .ctf-post-item-iframe-ctn[data-source="video"] .ctf-post-item-iframe iframe,
|
| 878 |
+
.ctf-preview-ctn .ctf-post-item-video-ctn[data-lightbox="false"] iframe,
|
| 879 |
+
.ctf-preview-ctn .ctf-videos-item-ctn[data-lightbox="false"] .ctf-videos-item-source iframe,
|
| 880 |
+
.ctf-lightbox-video iframe,
|
| 881 |
+
.ctf-preview-ctn .ctf-videos-item-source iframe{
|
| 882 |
+
position: absolute;
|
| 883 |
+
width: 100%;
|
| 884 |
+
height: 100%;
|
| 885 |
+
z-index: 1;
|
| 886 |
+
top: 0;
|
| 887 |
+
left: 0;
|
| 888 |
+
margin: 0;
|
| 889 |
+
padding: 0;
|
| 890 |
+
border: 0;
|
| 891 |
+
}
|
| 892 |
+
.ctf-lightbox-video {
|
| 893 |
+
width: 950px;
|
| 894 |
+
background: #212121;
|
| 895 |
+
float: left;
|
| 896 |
+
clear: both;
|
| 897 |
+
padding-bottom: 56.25%;
|
| 898 |
+
position: relative;
|
| 899 |
+
}
|
| 900 |
+
.ctf-preview-ctn .ctf-post-item-video-ctn iframe{
|
| 901 |
+
width: 100%;
|
| 902 |
+
float: left;
|
| 903 |
+
}
|
| 904 |
+
|
| 905 |
+
.ctf-preview-ctn .ctf-post-item-link-ctn{
|
| 906 |
+
width: 100%;
|
| 907 |
+
float: left;
|
| 908 |
+
clear: both;
|
| 909 |
+
padding: 8px;
|
| 910 |
+
margin: 10px 0 5px 0;
|
| 911 |
+
background: rgba(0,0,0,0.02);
|
| 912 |
+
border: 1px solid rgba(0,0,0,0.07);
|
| 913 |
+
box-sizing: border-box;
|
| 914 |
+
}
|
| 915 |
+
.ctf-preview-ctn .ctf-post-item-link-ctn[data-linkbox="on"]{
|
| 916 |
+
border: 0px !important;
|
| 917 |
+
background: none !important;
|
| 918 |
+
padding: 0px !important;
|
| 919 |
+
}
|
| 920 |
+
|
| 921 |
+
.ctf-preview-ctn .ctf-post-item-link-a:hover{
|
| 922 |
+
text-decoration: underline;
|
| 923 |
+
}
|
| 924 |
+
.ctf-preview-ctn .ctf-post-item-link-ctn img{
|
| 925 |
+
width: 100%;
|
| 926 |
+
max-width: 100%;
|
| 927 |
+
height: auto;
|
| 928 |
+
float: none;
|
| 929 |
+
}
|
| 930 |
+
.ctf-preview-ctn .ctf-post-item-link-ctn > a{
|
| 931 |
+
width: 100%;
|
| 932 |
+
max-width: 100%;
|
| 933 |
+
margin-right: 0%;
|
| 934 |
+
margin-bottom: 5px;
|
| 935 |
+
text-align: center;
|
| 936 |
+
float: left;
|
| 937 |
+
}
|
| 938 |
+
.ctf-preview-ctn .ctf-post-item-link-info{
|
| 939 |
+
line-height: 1.4;
|
| 940 |
+
}
|
| 941 |
+
|
| 942 |
+
.ctf-preview-ctn .ctf-photos-item-ctn{
|
| 943 |
+
margin: 0 0 20px 0;
|
| 944 |
+
padding: 0;
|
| 945 |
+
text-align: center;
|
| 946 |
+
border: 1px solid rgba(0, 0, 0, .1);
|
| 947 |
+
}
|
| 948 |
+
[data-feed-layout="grid"] .ctf-photos-item-ctn,
|
| 949 |
+
[data-feed-layout="grid"] .ctf-albums-item-ctn{
|
| 950 |
+
border-radius: unset!important;
|
| 951 |
+
}
|
| 952 |
+
.ctf-preview-ctn .ctf-singlemedia-item-info{
|
| 953 |
+
display: flex;
|
| 954 |
+
flex-direction: column;
|
| 955 |
+
align-items: center;
|
| 956 |
+
}
|
| 957 |
+
.ctf-preview-ctn .ctf-singlemedia-item-info a:hover{
|
| 958 |
+
text-decoration: underline;
|
| 959 |
+
}
|
| 960 |
+
.ctf-preview-ctn .ctf-singlemedia-item-info{
|
| 961 |
+
width: 100%;
|
| 962 |
+
height: 70px;
|
| 963 |
+
float: left;
|
| 964 |
+
clear: both;
|
| 965 |
+
overflow: hidden;
|
| 966 |
+
}
|
| 967 |
+
.ctf-preview-ctn .ctf-singlemedia-item-info > h4{
|
| 968 |
+
font-size: 14px!important;
|
| 969 |
+
line-height: 1.2!important;
|
| 970 |
+
margin: 10px 0 0 0!important;
|
| 971 |
+
padding: 0!important;
|
| 972 |
+
}
|
| 973 |
+
.ctf-preview-ctn .ctf-singlemedia-item-info > p{
|
| 974 |
+
font-size: 12px;
|
| 975 |
+
color: gray;
|
| 976 |
+
margin: 5px 0 0 0;
|
| 977 |
+
}
|
| 978 |
+
.ctf-preview-ctn .ctf-singlemedia-item{
|
| 979 |
+
margin: 0 0 20px 0;
|
| 980 |
+
text-align: center;
|
| 981 |
+
}
|
| 982 |
+
|
| 983 |
+
.ctf-preview-ctn .ctf-preview-likebox-ctn iframe{
|
| 984 |
+
width: 100% !important;
|
| 985 |
+
margin: 0 !important;
|
| 986 |
+
border: 0 !important;
|
| 987 |
+
padding: 0;
|
| 988 |
+
position: relative;
|
| 989 |
+
top: 0;
|
| 990 |
+
left: 0;
|
| 991 |
+
}
|
| 992 |
+
|
| 993 |
+
/*Event Details*/
|
| 994 |
+
.ctf-preview-ctn .ctf-post-event-street{
|
| 995 |
+
display: block
|
| 996 |
+
}
|
| 997 |
+
|
| 998 |
+
|
| 999 |
+
/*
|
| 1000 |
+
Featured & Single Album Holder
|
| 1001 |
+
*/
|
| 1002 |
+
.ctf-preview-ctn .ctf-single-holder-ctn{
|
| 1003 |
+
height: 600px;
|
| 1004 |
+
background: #fff;
|
| 1005 |
+
box-shadow: 0 0px 6px rgba(0,0,0,0.05);
|
| 1006 |
+
display: flex;
|
| 1007 |
+
justify-content: center;
|
| 1008 |
+
align-items: center;
|
| 1009 |
+
flex-direction: column;
|
| 1010 |
+
}
|
| 1011 |
+
|
| 1012 |
+
.ctf-preview-ctn .ctf-single-holder-img{
|
| 1013 |
+
width: 130px;
|
| 1014 |
+
height: 130px;
|
| 1015 |
+
background: #F3F4F5;
|
| 1016 |
+
border: 1px dashed #D0D1D7;
|
| 1017 |
+
display: flex;
|
| 1018 |
+
justify-content: center;
|
| 1019 |
+
align-items: center;
|
| 1020 |
+
margin-bottom: 50px;
|
| 1021 |
+
}
|
| 1022 |
+
.ctf-preview-ctn .ctf-single-holder-content{
|
| 1023 |
+
text-align: center;
|
| 1024 |
+
}
|
| 1025 |
+
.ctf-preview-ctn .ctf-single-holder-content strong{
|
| 1026 |
+
font-size: 24px;
|
| 1027 |
+
margin-bottom: 10px;
|
| 1028 |
+
}
|
| 1029 |
+
.ctf-preview-ctn .ctf-single-holder-content p{
|
| 1030 |
+
font-size: 16px;
|
| 1031 |
+
line-height: 1.7em;
|
| 1032 |
+
color: #8C8F9A;
|
| 1033 |
+
margin: 0px;
|
| 1034 |
+
margin-top: 8px;
|
| 1035 |
+
}
|
| 1036 |
+
|
| 1037 |
+
|
| 1038 |
+
/*Post Element Overlay */
|
| 1039 |
+
.ctf-preview-ctn .ctf-post-overlay{
|
| 1040 |
+
position: absolute;
|
| 1041 |
+
width: 100%;
|
| 1042 |
+
height: 100%;
|
| 1043 |
+
cursor: pointer;
|
| 1044 |
+
left: 0;
|
| 1045 |
+
top: 0;
|
| 1046 |
+
background: rgba(0,0,0,0.4);
|
| 1047 |
+
z-index: 9;
|
| 1048 |
+
opacity: 0;
|
| 1049 |
+
visibility: hidden;
|
| 1050 |
+
-webkit-transition: all .2s ease-in-out;
|
| 1051 |
+
transition: all .2s ease-in-out;
|
| 1052 |
+
}
|
| 1053 |
+
.ctf-preview-ctn .ctf-post-item-media-wrap:hover .ctf-post-overlay,
|
| 1054 |
+
.ctf-preview-ctn .ctf-post-item-iframe-ctn:hover .ctf-post-overlay,
|
| 1055 |
+
.ctf-preview-ctn .ctf-post-item-video-ctn:hover .ctf-post-overlay,
|
| 1056 |
+
.ctf-preview-ctn .ctf-post-overlay-parent:hover .ctf-post-overlay,
|
| 1057 |
+
.ctf-preview-ctn .ctf-videos-item-source:hover .ctf-post-overlay{
|
| 1058 |
+
opacity: 1;
|
| 1059 |
+
visibility: visible;
|
| 1060 |
+
}
|
| 1061 |
+
|
| 1062 |
+
/*Lightbox */
|
| 1063 |
+
.ctf-lightbox-ctn{
|
| 1064 |
+
width: 100%;
|
| 1065 |
+
height: 100%;
|
| 1066 |
+
position: absolute;
|
| 1067 |
+
left: 0;
|
| 1068 |
+
top: 2px;
|
| 1069 |
+
background: rgba(0,0,0,0.9);
|
| 1070 |
+
z-index: 9;
|
| 1071 |
+
display: none;
|
| 1072 |
+
justify-content: center;
|
| 1073 |
+
align-items: flex-start;
|
| 1074 |
+
padding-top: 100px;
|
| 1075 |
+
}
|
| 1076 |
+
.ctf-lightbox-ctn[data-visibility="shown"]{
|
| 1077 |
+
display: flex;
|
| 1078 |
+
}
|
| 1079 |
+
.ctf-lightbox-closer{
|
| 1080 |
+
position: absolute;
|
| 1081 |
+
left: 0;
|
| 1082 |
+
top: 0;
|
| 1083 |
+
z-index: 1;
|
| 1084 |
+
height: 100%;
|
| 1085 |
+
width: 100%;
|
| 1086 |
+
}
|
| 1087 |
+
.ctf-lightbox-image img{
|
| 1088 |
+
float: left;
|
| 1089 |
+
max-width:780px;
|
| 1090 |
+
}
|
| 1091 |
+
.ctf-lightbox-content{
|
| 1092 |
+
max-width: 100%;
|
| 1093 |
+
position: relative;
|
| 1094 |
+
z-index: 2;
|
| 1095 |
+
}
|
| 1096 |
+
.ctf-lightbox-content-insider{
|
| 1097 |
+
position: relative;
|
| 1098 |
+
padding-right: 300px;
|
| 1099 |
+
display: flex;
|
| 1100 |
+
}
|
| 1101 |
+
[data-comments="false"] .ctf-lightbox-content-insider{
|
| 1102 |
+
padding-right: 0px;
|
| 1103 |
+
}
|
| 1104 |
+
[data-comments="false"] .ctf-lightbox-content{
|
| 1105 |
+
max-width: 100%;
|
| 1106 |
+
position: relative;
|
| 1107 |
+
z-index: 2;
|
| 1108 |
+
}
|
| 1109 |
+
|
| 1110 |
+
.ctf-lightbox-sidebar{
|
| 1111 |
+
width: 300px;
|
| 1112 |
+
box-sizing: border-box;
|
| 1113 |
+
position: absolute;
|
| 1114 |
+
right: 0px;
|
| 1115 |
+
top: 0px;
|
| 1116 |
+
background: #fff;
|
| 1117 |
+
height: 100%;
|
| 1118 |
+
padding: 15px;
|
| 1119 |
+
overflow: auto;
|
| 1120 |
+
}
|
| 1121 |
+
.ctf-lightbox-caption{
|
| 1122 |
+
float: left;
|
| 1123 |
+
box-sizing: border-box;
|
| 1124 |
+
padding: 10px;
|
| 1125 |
+
background: #fff;
|
| 1126 |
+
position: relative;
|
| 1127 |
+
position: absolute;
|
| 1128 |
+
}
|
| 1129 |
+
.ctf-lightbox-caption .ctf-lightbox-cls{
|
| 1130 |
+
top:3px;
|
| 1131 |
+
}
|
| 1132 |
+
|
| 1133 |
+
.ctf-lightbox-sidebar .ctf-post-item-meta-top{
|
| 1134 |
+
display: none!important;
|
| 1135 |
+
}
|
| 1136 |
+
.ctf-lightbox-sidebar .ctf-post-item-meta-comments{
|
| 1137 |
+
display: block!important;
|
| 1138 |
+
}
|
| 1139 |
+
.ctf-lightbox-sidebar .ctf-post-item-meta-wrap{
|
| 1140 |
+
margin-top: 12px;
|
| 1141 |
+
}
|
| 1142 |
+
|
| 1143 |
+
.ctf-lightbox-cls{
|
| 1144 |
+
position: absolute;
|
| 1145 |
+
width: 15px;
|
| 1146 |
+
height: 15px;
|
| 1147 |
+
top: 8px;
|
| 1148 |
+
right: 6px;
|
| 1149 |
+
cursor: pointer;
|
| 1150 |
+
z-index: 8;
|
| 1151 |
+
}
|
| 1152 |
+
.ctf-lightbox-cls:before,
|
| 1153 |
+
.ctf-lightbox-cls:after{
|
| 1154 |
+
content: '';
|
| 1155 |
+
position: absolute;
|
| 1156 |
+
height: 3px;
|
| 1157 |
+
width: 13px;
|
| 1158 |
+
left: 1px;
|
| 1159 |
+
top: 6px;
|
| 1160 |
+
background: currentColor;
|
| 1161 |
+
-webkit-transform: rotate(45deg);
|
| 1162 |
+
transform: rotate(45deg);
|
| 1163 |
+
}
|
| 1164 |
+
.ctf-lightbox-cls:after{
|
| 1165 |
+
-webkit-transform: rotate(-45deg);
|
| 1166 |
+
transform: rotate(-45deg);
|
| 1167 |
+
}
|
| 1168 |
+
|
| 1169 |
+
.ctf-lightbox-nav{
|
| 1170 |
+
position: absolute;
|
| 1171 |
+
width: 40px;
|
| 1172 |
+
height: 100%;
|
| 1173 |
+
display: flex;
|
| 1174 |
+
justify-content: center;
|
| 1175 |
+
align-items: center;
|
| 1176 |
+
left: -60px;
|
| 1177 |
+
cursor: pointer;
|
| 1178 |
+
}
|
| 1179 |
+
.ctf-lightbox-next{
|
| 1180 |
+
left: unset;
|
| 1181 |
+
right:-60px;
|
| 1182 |
+
}
|
| 1183 |
+
.ctf-lightbox-nav-icon{
|
| 1184 |
+
width: 24px;
|
| 1185 |
+
height: 24px;
|
| 1186 |
+
border-bottom: 4px solid #fff;
|
| 1187 |
+
border-right: 4px solid #fff;
|
| 1188 |
+
-webkit-transform: rotate(135deg);
|
| 1189 |
+
transform: rotate(135deg);
|
| 1190 |
+
opacity: .7;
|
| 1191 |
+
-webkit-transition: all .2s ease-in-out;
|
| 1192 |
+
transition: all .2s ease-in-out;
|
| 1193 |
+
}
|
| 1194 |
+
.ctf-lightbox-next .ctf-lightbox-nav-icon{
|
| 1195 |
+
-webkit-transform: rotate(-45deg);
|
| 1196 |
+
transform: rotate(-45deg);
|
| 1197 |
+
}
|
| 1198 |
+
.ctf-lightbox-nav:hover .ctf-lightbox-nav-icon{
|
| 1199 |
+
opacity: 1;
|
| 1200 |
+
}
|
| 1201 |
+
.ctf-lightbox-thumbs{
|
| 1202 |
+
background: #222;
|
| 1203 |
+
}
|
| 1204 |
+
.ctf-lightbox-thumb-item{
|
| 1205 |
+
float: left;
|
| 1206 |
+
width: 60px;
|
| 1207 |
+
height: 60px;
|
| 1208 |
+
cursor: pointer;
|
| 1209 |
+
box-sizing: border-box;
|
| 1210 |
+
-webkit-transition: all .2s ease-in-out;
|
| 1211 |
+
transition: all .2s ease-in-out;
|
| 1212 |
+
background-size: cover;
|
| 1213 |
+
background-position: center center;
|
| 1214 |
+
margin: 4px;
|
| 1215 |
+
}
|
| 1216 |
+
.ctf-lightbox-thumb-item:hover, .ctf-lightbox-thumb-item[data-active="true"]{
|
| 1217 |
+
box-shadow: inset 0 0 0 4px rgb(255 255 255 / 70%);
|
| 1218 |
+
border: 1px solid #bbb;
|
| 1219 |
+
}
|
| 1220 |
+
|
| 1221 |
+
.ctf-lightbox-sidebar .ctf-post-item-text{
|
| 1222 |
+
line-height: 1.3em
|
| 1223 |
+
}
|
| 1224 |
+
/*
|
| 1225 |
+
COLOR SCHEMES
|
| 1226 |
+
*/
|
| 1227 |
+
/*LIGHT*/
|
| 1228 |
+
[data-preview-colorscheme="light"] .ctf-post-item-content{
|
| 1229 |
+
color: rgba(0,0,0,.8);
|
| 1230 |
+
}
|
| 1231 |
+
|
| 1232 |
+
[data-preview-colorscheme="light"] .ctf-singlemedia-item-info p{
|
| 1233 |
+
color: rgba(0,0,0,.7);
|
| 1234 |
+
}
|
| 1235 |
+
|
| 1236 |
+
[data-preview-colorscheme="light"] .ctf-post-item-text a{
|
| 1237 |
+
color: #141B38;
|
| 1238 |
+
text-decoration: underline;
|
| 1239 |
+
}
|
| 1240 |
+
[data-preview-colorscheme="light"] .ctf-post-item-text-expand,
|
| 1241 |
+
[data-preview-colorscheme="light"] .ctf-post-item-action-link{
|
| 1242 |
+
color: #141B38;
|
| 1243 |
+
}
|
| 1244 |
+
|
| 1245 |
+
[data-preview-colorscheme="light"] .ctf-post-item-date{
|
| 1246 |
+
color: rgba(0,0,0,0.5)
|
| 1247 |
+
}
|
| 1248 |
+
|
| 1249 |
+
/*DARK*/
|
| 1250 |
+
[data-preview-colorscheme="dark"] .ctf-post-item-content{
|
| 1251 |
+
color: rgba(255,255,255,.75);
|
| 1252 |
+
background-color: rgba(0,0,0,.85)
|
| 1253 |
+
}
|
| 1254 |
+
[data-preview-colorscheme="dark"] .ctf-singlemedia-item-info p{
|
| 1255 |
+
color: rgba(255,255,255,.75);
|
| 1256 |
+
}
|
| 1257 |
+
[data-preview-colorscheme="dark"] .ctf-post-item-text a{
|
| 1258 |
+
color: #fff;
|
| 1259 |
+
text-decoration: underline;
|
| 1260 |
+
}
|
| 1261 |
+
[data-preview-colorscheme="dark"] .ctf-post-item-text-expand,
|
| 1262 |
+
[data-preview-colorscheme="dark"] .ctf-post-item-action-link{
|
| 1263 |
+
color: #fff;
|
| 1264 |
+
}
|
| 1265 |
+
|
| 1266 |
+
[data-preview-colorscheme="dark"] .ctf-post-item-date{
|
| 1267 |
+
color: rgba(255,255,255,.5);
|
| 1268 |
+
}
|
| 1269 |
+
|
| 1270 |
+
.ctf-videos-item-ctn,.ctf-albums-item-ctn,.ctf-photos-item-ctn{
|
| 1271 |
+
border-bottom: 0px!important;
|
| 1272 |
+
}
|
| 1273 |
+
|
| 1274 |
+
.ctf-preview-posts-grid .ctf-videos-item-ctn .ctf-post-item-content,
|
| 1275 |
+
.ctf-preview-posts-grid .ctf-videos-item-ctn .ctf-post-overlay-parent,
|
| 1276 |
+
.ctf-preview-posts-grid .ctf-videos-item-ctn .ctf-post-overlay-parent > .ctf-fb-fs{
|
| 1277 |
+
position: absolute;
|
| 1278 |
+
width: 100%;
|
| 1279 |
+
height: 100%;
|
| 1280 |
+
}
|
| 1281 |
+
.ctf-preview-posts-grid .ctf-videos-item-ctn .ctf-post-overlay-parent{
|
| 1282 |
+
background-size: cover!important;
|
| 1283 |
+
background-position: center center!important;
|
| 1284 |
+
}
|
| 1285 |
+
.ctf-preview-posts-grid .ctf-videos-item-ctn .ctf-post-overlay-parent{
|
| 1286 |
+
height: calc(100% - 70px)
|
| 1287 |
+
}
|
| 1288 |
+
.ctf-preview-posts-grid .ctf-singlemedia-item-info{
|
| 1289 |
+
position: absolute;
|
| 1290 |
+
bottom: 0px;
|
| 1291 |
+
}
|
| 1292 |
+
/*
|
| 1293 |
+
Carousel
|
| 1294 |
+
*/
|
| 1295 |
+
.owl-stage{
|
| 1296 |
+
position: relative;
|
| 1297 |
+
}
|
| 1298 |
+
.owl-stage-outer{
|
| 1299 |
+
overflow: hidden;
|
| 1300 |
+
}
|
| 1301 |
+
.owl-item{
|
| 1302 |
+
float: left;
|
| 1303 |
+
}
|
| 1304 |
+
.owl-dots{
|
| 1305 |
+
width: 100%;
|
| 1306 |
+
height: 35px;
|
| 1307 |
+
text-align: center;
|
| 1308 |
+
margin-top: 10px;
|
| 1309 |
+
margin-bottom: 30px;
|
| 1310 |
+
display: flex;
|
| 1311 |
+
justify-content: center;
|
| 1312 |
+
align-items: center;
|
| 1313 |
+
}
|
| 1314 |
+
.owl-dot{
|
| 1315 |
+
display: inline-block;
|
| 1316 |
+
width: 12px;
|
| 1317 |
+
height: 12px;
|
| 1318 |
+
margin: 5px 7px;
|
| 1319 |
+
filter: Alpha(Opacity=25);
|
| 1320 |
+
opacity: 0.25;
|
| 1321 |
+
padding:0px !important;
|
| 1322 |
+
border-radius: 20px;
|
| 1323 |
+
background: #000;
|
| 1324 |
+
box-shadow: 0 0 1px 0 rgb(255 255 255 / 80%);
|
| 1325 |
+
outline: none;
|
| 1326 |
+
border: 0px;
|
| 1327 |
+
cursor: pointer;
|
| 1328 |
+
}
|
| 1329 |
+
.owl-dot.active,.owl-dot:hover{
|
| 1330 |
+
opacity: .5;
|
| 1331 |
+
}
|
| 1332 |
+
|
| 1333 |
+
.owl-prev,
|
| 1334 |
+
.owl-next{
|
| 1335 |
+
width: 40px;
|
| 1336 |
+
height: 40px;
|
| 1337 |
+
border-radius: 50px;
|
| 1338 |
+
padding: 0px;
|
| 1339 |
+
outline: none;
|
| 1340 |
+
border: 0px;
|
| 1341 |
+
cursor: pointer;
|
| 1342 |
+
font-size: 22px;
|
| 1343 |
+
display: flex;
|
| 1344 |
+
justify-content: center;
|
| 1345 |
+
align-items: center;
|
| 1346 |
+
background: #000;
|
| 1347 |
+
color: #fff;
|
| 1348 |
+
}
|
| 1349 |
+
.owl-dots .owl-prev,
|
| 1350 |
+
.owl-dots .owl-next{
|
| 1351 |
+
display: inline-block;
|
| 1352 |
+
}
|
| 1353 |
+
|
| 1354 |
+
.owl-prev span,
|
| 1355 |
+
.owl-next span{
|
| 1356 |
+
margin-top: -3px;
|
| 1357 |
+
}
|
| 1358 |
+
.ctf-carousel[data-navigation="none"] .owl-nav{
|
| 1359 |
+
display: none;
|
| 1360 |
+
}
|
| 1361 |
+
|
| 1362 |
+
.ctf-carousel[data-navigation="onhover"] .owl-prev,
|
| 1363 |
+
.ctf-carousel[data-navigation="onhover"] .owl-next{
|
| 1364 |
+
opacity: 0;
|
| 1365 |
+
position: absolute;
|
| 1366 |
+
top: 50%;
|
| 1367 |
+
margin-top: -20px;
|
| 1368 |
+
left: 0px;
|
| 1369 |
+
transition: all .2s ease-in-out;
|
| 1370 |
+
-webkit-transition: all .2s ease-in-out;
|
| 1371 |
+
transition: all .2s ease-in-out;
|
| 1372 |
+
}
|
| 1373 |
+
.ctf-carousel[data-navigation="onhover"] .owl-next{
|
| 1374 |
+
left: unset;
|
| 1375 |
+
right: 0px;
|
| 1376 |
+
}
|
| 1377 |
+
.ctf-carousel[data-navigation="below"] .owl-prev,
|
| 1378 |
+
.ctf-carousel[data-navigation="below"] .owl-next,
|
| 1379 |
+
.ctf-carousel:hover .owl-prev,
|
| 1380 |
+
.ctf-carousel:hover .owl-next{
|
| 1381 |
+
opacity: .5;
|
| 1382 |
+
}
|
| 1383 |
+
|
| 1384 |
+
.ctf-carousel .owl-prev:hover,
|
| 1385 |
+
.ctf-carousel .owl-next:hover{
|
| 1386 |
+
opacity: 1;
|
| 1387 |
+
}
|
| 1388 |
+
|
| 1389 |
+
.ctf-carousel .cff_carousel-more{
|
| 1390 |
+
display: block;
|
| 1391 |
+
position: relative;
|
| 1392 |
+
clear: both;
|
| 1393 |
+
width: 100%;
|
| 1394 |
+
background: none;
|
| 1395 |
+
color: #333;
|
| 1396 |
+
text-align: center;
|
| 1397 |
+
padding: 0;
|
| 1398 |
+
height: 20px;
|
| 1399 |
+
border: none;
|
| 1400 |
+
border-radius: 0;
|
| 1401 |
+
border-top: 1px solid rgba(0,0,0,0.5);
|
| 1402 |
+
margin-top: 0;
|
| 1403 |
+
|
| 1404 |
+
background: #000;
|
| 1405 |
+
filter: Alpha(Opacity=25);
|
| 1406 |
+
opacity: 0.25;
|
| 1407 |
+
color: #fff;
|
| 1408 |
+
padding: 0;
|
| 1409 |
+
border: none;
|
| 1410 |
+
margin-top: 0;
|
| 1411 |
+
height: auto;
|
| 1412 |
+
}
|
| 1413 |
+
.ctf-carousel .cff_carousel-more:hover,
|
| 1414 |
+
.ctf-carousel .cff_carousel-more:focus{
|
| 1415 |
+
filter: Alpha(Opacity=50);
|
| 1416 |
+
opacity: 0.5;
|
| 1417 |
+
}
|
| 1418 |
+
.ctf-carousel .cff_carousel-more .fa-caret-down {
|
| 1419 |
+
font-size: 50px;
|
| 1420 |
+
line-height: 1;
|
| 1421 |
+
padding: 0;
|
| 1422 |
+
position: relative;
|
| 1423 |
+
top: -19px;
|
| 1424 |
+
}
|
| 1425 |
+
|
| 1426 |
+
/*Reviews Ratings*/
|
| 1427 |
+
.ctf-rating {
|
| 1428 |
+
float: none;
|
| 1429 |
+
display: inline-block;
|
| 1430 |
+
margin: 0 0 5px 0 !important;
|
| 1431 |
+
padding: 3px 6px;
|
| 1432 |
+
height: auto;
|
| 1433 |
+
background: #5890FF;
|
| 1434 |
+
color: #fff;
|
| 1435 |
+
white-space: nowrap;
|
| 1436 |
+
border-radius: 100px;
|
| 1437 |
+
line-height: 1em;
|
| 1438 |
+
}
|
| 1439 |
+
span.ctf-rating-num, span.ctf-star {
|
| 1440 |
+
margin: 0 2px 0 0 !important;
|
| 1441 |
+
padding: 0;
|
| 1442 |
+
height: auto;
|
| 1443 |
+
display: inline-block;
|
| 1444 |
+
vertical-align: top;
|
| 1445 |
+
line-height: 1;
|
| 1446 |
+
color: #fff;
|
| 1447 |
+
font-weight: normal;
|
| 1448 |
+
font-size: 12px!important;
|
| 1449 |
+
}
|
| 1450 |
+
span.ctf-rating-num{
|
| 1451 |
+
margin: 0 2px 0 4px !important;
|
| 1452 |
+
}
|
admin/builder/assets/css/tooltipster.css
ADDED
|
@@ -0,0 +1,513 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 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 |
+
@media (min-width: 960px) {
|
| 386 |
+
body .ctf-tooltip-wizard.tooltipster-sidetip {
|
| 387 |
+
left: 50px !important;
|
| 388 |
+
top: 74px !important;
|
| 389 |
+
}
|
| 390 |
+
}
|
| 391 |
+
.wp-editor .ctf-tooltip-wizard{
|
| 392 |
+
-webkit-transform: translateY(63px) translateX(17px);
|
| 393 |
+
transform: translateY(63px) translateX(17px);
|
| 394 |
+
}
|
| 395 |
+
.ctf-tooltip-wizard.tooltipster-sidetip .tooltipster-box{
|
| 396 |
+
background: #fff!important;
|
| 397 |
+
border: 1px solid #eee!important;
|
| 398 |
+
border-radius: 2px!important;
|
| 399 |
+
box-shadow: 0px 1px 18px rgba(0,0,0,0.2)!important;
|
| 400 |
+
}
|
| 401 |
+
.ctf-tooltip-wizard.tooltipster-sidetip .tooltipster-content{
|
| 402 |
+
color: #434960!important;
|
| 403 |
+
line-height: 18px;
|
| 404 |
+
padding: 6px 20px!important;
|
| 405 |
+
position: relative;
|
| 406 |
+
}
|
| 407 |
+
.ctf-tooltip-wizard .ctf-tooltip-wizard-head {
|
| 408 |
+
color: #141B38;
|
| 409 |
+
font-size: 15px;
|
| 410 |
+
margin-bottom: 8px;
|
| 411 |
+
width: 100%;
|
| 412 |
+
float: left;
|
| 413 |
+
display: block
|
| 414 |
+
}
|
| 415 |
+
.ctf-tooltip-wizard .ctf-tooltip-wizard-txt{
|
| 416 |
+
margin-bottom: 15px;
|
| 417 |
+
}
|
| 418 |
+
|
| 419 |
+
.ctf-tooltip-wizard .ctf-tooltip-wizard-actions button{
|
| 420 |
+
background: #F3F4F5!important;
|
| 421 |
+
cursor: pointer!important;
|
| 422 |
+
border: 1px solid #DCDDE1!important;
|
| 423 |
+
padding: 5px 20px!important;
|
| 424 |
+
}
|
| 425 |
+
.ctf-tooltip-wizard .ctf-tooltip-wizard-actions{
|
| 426 |
+
margin-bottom: 10px;
|
| 427 |
+
}
|
| 428 |
+
|
| 429 |
+
.ctf-tooltip-wizard.tooltipster-sidetip .tooltipster-box:before, .ctf-tooltip-wizard.tooltipster-sidetip .tooltipster-box:after {
|
| 430 |
+
content: '';
|
| 431 |
+
position: absolute;
|
| 432 |
+
width: 20px;
|
| 433 |
+
height: 20px;
|
| 434 |
+
left: 20%;
|
| 435 |
+
top: -8px;
|
| 436 |
+
background: #fff;
|
| 437 |
+
box-shadow: 0px 1px 18px rgba(0,0,0,0.2);
|
| 438 |
+
z-index: 3;
|
| 439 |
+
-webkit-transform: rotate(45deg);
|
| 440 |
+
transform: rotate(45deg);
|
| 441 |
+
}
|
| 442 |
+
|
| 443 |
+
.ctf-tooltip-wizard.tooltipster-sidetip .tooltipster-box:after {
|
| 444 |
+
background: #fff;
|
| 445 |
+
z-index: 999;
|
| 446 |
+
top: 2px;
|
| 447 |
+
margin-left: -10px;
|
| 448 |
+
width: 40px;
|
| 449 |
+
box-shadow: unset;
|
| 450 |
+
-webkit-transform: rotate(0deg);
|
| 451 |
+
transform: rotate(0deg);
|
| 452 |
+
}
|
| 453 |
+
.ctf-tooltip-wizard.tooltipster-sidetip .tooltipster-arrow{
|
| 454 |
+
display: none;
|
| 455 |
+
}
|
| 456 |
+
#ctf-gutenberg-tooltip-content{
|
| 457 |
+
display: none;
|
| 458 |
+
}
|
| 459 |
+
.ctf-tlp-wizard-cls{
|
| 460 |
+
position: absolute;
|
| 461 |
+
width: 20px;
|
| 462 |
+
height: 20px;
|
| 463 |
+
right: 14px;
|
| 464 |
+
top: 14px;
|
| 465 |
+
cursor: pointer;
|
| 466 |
+
}
|
| 467 |
+
.ctf-tlp-wizard-cls:before, .ctf-tlp-wizard-cls:after{
|
| 468 |
+
content: '';
|
| 469 |
+
position: absolute;
|
| 470 |
+
width: 16px;
|
| 471 |
+
height: 2px;
|
| 472 |
+
background: #141B38;
|
| 473 |
+
left: 3px;
|
| 474 |
+
top: 7px;
|
| 475 |
+
-webkit-transform: rotate(45deg);
|
| 476 |
+
transform: rotate(45deg);
|
| 477 |
+
}
|
| 478 |
+
.ctf-tlp-wizard-cls:after{
|
| 479 |
+
-webkit-transform: rotate(-45deg);
|
| 480 |
+
transform: rotate(-45deg);
|
| 481 |
+
}
|
| 482 |
+
.ctf-tooltip-wizard.tooltipster-sidetip #ctf-gutenberg-tooltip-content{
|
| 483 |
+
display: block;
|
| 484 |
+
}
|
| 485 |
+
|
| 486 |
+
.ctf-tooltip-wizard.tooltipster-sidetip {
|
| 487 |
+
margin-top: 40px;
|
| 488 |
+
margin-left: 74px;
|
| 489 |
+
}
|
| 490 |
+
|
| 491 |
+
.is-fullscreen-mode .ctf-tooltip-wizard.tooltipster-sidetip {
|
| 492 |
+
margin-top: 10px;
|
| 493 |
+
margin-left: -28px;
|
| 494 |
+
}
|
| 495 |
+
@media (max-width: 960px) {
|
| 496 |
+
.ctf-tooltip-wizard.tooltipster-sidetip {
|
| 497 |
+
margin-left: 0;
|
| 498 |
+
}
|
| 499 |
+
}
|
| 500 |
+
|
| 501 |
+
@media (max-width: 782px) {
|
| 502 |
+
.ctf-tooltip-wizard.tooltipster-sidetip .tooltipster-box:before,
|
| 503 |
+
.ctf-tooltip-wizard.tooltipster-sidetip .tooltipster-box:after {
|
| 504 |
+
left: 30px;
|
| 505 |
+
}
|
| 506 |
+
}
|
| 507 |
+
|
| 508 |
+
@media (max-width: 599px) {
|
| 509 |
+
.ctf-tooltip-wizard.tooltipster-sidetip .tooltipster-box:before,
|
| 510 |
+
.ctf-tooltip-wizard.tooltipster-sidetip .tooltipster-box:after {
|
| 511 |
+
left: 15px;
|
| 512 |
+
}
|
| 513 |
+
}
|
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/builder.js
ADDED
|
@@ -0,0 +1,2977 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 1 |
+
var ctfBuilder,
|
| 2 |
+
ctfStorage = window.localStorage,
|
| 3 |
+
sketch = VueColor.Sketch;
|
| 4 |
+
|
| 5 |
+
|
| 6 |
+
|
| 7 |
+
|
| 8 |
+
|
| 9 |
+
|
| 10 |
+
|
| 11 |
+
/**
|
| 12 |
+
* VueJS Global App Builder
|
| 13 |
+
*
|
| 14 |
+
* @since 2.0
|
| 15 |
+
*/
|
| 16 |
+
ctfBuilder = new Vue({
|
| 17 |
+
el: '#ctf-builder-app',
|
| 18 |
+
http: {
|
| 19 |
+
emulateJSON: true,
|
| 20 |
+
emulateHTTP: true
|
| 21 |
+
},
|
| 22 |
+
components: {
|
| 23 |
+
'sketch-picker': sketch,
|
| 24 |
+
},
|
| 25 |
+
mixins: [VueClickaway.mixin],
|
| 26 |
+
data: {
|
| 27 |
+
nonce : ctf_builder.nonce,
|
| 28 |
+
template : ctf_builder.feedInitOutput,
|
| 29 |
+
templateRender : false,
|
| 30 |
+
updatedTimeStamp : new Date().getTime(),
|
| 31 |
+
feedSettingsDomOptions : null,
|
| 32 |
+
newAccountData : ctf_builder.newAccountData,
|
| 33 |
+
|
| 34 |
+
$parent : this,
|
| 35 |
+
plugins: ctf_builder.installPluginsPopup,
|
| 36 |
+
dismissLite : ctf_builder.twitter_feed_dismiss_lite,
|
| 37 |
+
supportPageUrl: ctf_builder.supportPageUrl,
|
| 38 |
+
builderUrl : ctf_builder.builderUrl,
|
| 39 |
+
pluginType : ctf_builder.pluginType,
|
| 40 |
+
genericText : ctf_builder.genericText,
|
| 41 |
+
ajaxHandler : ctf_builder.ajax_handler,
|
| 42 |
+
adminPostURL : ctf_builder.adminPostURL,
|
| 43 |
+
adminSettingsURL : ctf_builder.adminSettingsURL,
|
| 44 |
+
widgetsPageURL : ctf_builder.widgetsPageURL,
|
| 45 |
+
translatedText : ctf_builder.translatedText,
|
| 46 |
+
socialShareLink : ctf_builder.socialShareLink,
|
| 47 |
+
licenseType: ctf_builder.pluginType,
|
| 48 |
+
upgradeUrl: ctf_builder.upgradeUrl,
|
| 49 |
+
pluginUrl: ctf_builder.pluginUrl,
|
| 50 |
+
|
| 51 |
+
welcomeScreen : ctf_builder.welcomeScreen,
|
| 52 |
+
allFeedsScreen : ctf_builder.allFeedsScreen,
|
| 53 |
+
extensionsPopup : ctf_builder.extensionsPopup,
|
| 54 |
+
mainFooterScreen : ctf_builder.mainFooterScreen,
|
| 55 |
+
embedPopupScreen : ctf_builder.embedPopupScreen,
|
| 56 |
+
connectAccountScreen : ctf_builder.connectAccountScreen,
|
| 57 |
+
freeCtaShowFeatures: false,
|
| 58 |
+
|
| 59 |
+
selectSourceScreen : ctf_builder.selectSourceScreen,
|
| 60 |
+
customizeScreensText : ctf_builder.customizeScreens,
|
| 61 |
+
dialogBoxPopupScreen : ctf_builder.dialogBoxPopupScreen,
|
| 62 |
+
selectFeedTypeScreen : ctf_builder.selectFeedTypeScreen,
|
| 63 |
+
selectFeedTemplateScreen : ctf_builder.selectFeedTemplateScreen,
|
| 64 |
+
accountDetails : ctf_builder.accountDetails,
|
| 65 |
+
dummyLightBoxData : ctf_builder.dummyLightBoxData,
|
| 66 |
+
|
| 67 |
+
svgIcons : ctf_builder.svgIcons,
|
| 68 |
+
feedsList : ctf_builder.feeds,
|
| 69 |
+
feedTypes : ctf_builder.feedTypes,
|
| 70 |
+
advancedFeedTypes : ctf_builder.advancedFeedTypes,
|
| 71 |
+
appCredentials : ctf_builder.appCredentials,
|
| 72 |
+
appOAUTH : ctf_builder.appOAUTH,
|
| 73 |
+
socialInfo : ctf_builder.socialInfo,
|
| 74 |
+
|
| 75 |
+
feedTemplates : ctf_builder.feedTemplates,
|
| 76 |
+
|
| 77 |
+
|
| 78 |
+
links : ctf_builder.links,
|
| 79 |
+
legacyFeedsList : ctf_builder.legacyFeeds,
|
| 80 |
+
activeExtensionsFull : ctf_builder.activeExtensions,
|
| 81 |
+
activeExtensions : [],
|
| 82 |
+
inActiveExtensions : [],
|
| 83 |
+
|
| 84 |
+
dummyLightBoxScreen : false,
|
| 85 |
+
|
| 86 |
+
//Selected Feed type => User Hashtag Tagged
|
| 87 |
+
selectedFeed : ['usertimeline'],
|
| 88 |
+
selectedFeedPopup : [],
|
| 89 |
+
// Selected Feed Template
|
| 90 |
+
selectedFeedTemplate : 'default',
|
| 91 |
+
|
| 92 |
+
selectedFeedModelPopup : {
|
| 93 |
+
'usertimeline' : '',
|
| 94 |
+
'hashtag' : '',
|
| 95 |
+
'hometimeline' : ''
|
| 96 |
+
},
|
| 97 |
+
selectedFeedModel : {
|
| 98 |
+
'usertimeline' : '',
|
| 99 |
+
'hashtag' : '',
|
| 100 |
+
'hometimeline' : ''
|
| 101 |
+
},
|
| 102 |
+
|
| 103 |
+
listIdInputModel: '',
|
| 104 |
+
listUserNameInputModel : '',
|
| 105 |
+
listUserNameInputModelSearched : '',
|
| 106 |
+
listUserNameResult : [],
|
| 107 |
+
noListFound : null,
|
| 108 |
+
|
| 109 |
+
viewsActive : {
|
| 110 |
+
//Screens where the footer widget is disabled
|
| 111 |
+
footerDiabledScreens : [
|
| 112 |
+
'welcome',
|
| 113 |
+
'selectFeed'
|
| 114 |
+
],
|
| 115 |
+
footerWidget : false,
|
| 116 |
+
|
| 117 |
+
// welcome, selectFeed
|
| 118 |
+
pageScreen : 'welcome',
|
| 119 |
+
|
| 120 |
+
// feedsType, selectSource, feedsTypeGetProcess
|
| 121 |
+
selectedFeedSection : 'feedsType',
|
| 122 |
+
|
| 123 |
+
sourcePopup : false,
|
| 124 |
+
feedtypesPopup : false,
|
| 125 |
+
feedtypesCustomizerPopup : false,
|
| 126 |
+
feedtemplatesPopup : false,
|
| 127 |
+
sourcesListPopup : false,
|
| 128 |
+
connectAccountPopup : false,
|
| 129 |
+
// step_1 [Add New Source] , step_2 [Connect to a user pages/groups], step_3 [Add Manually]
|
| 130 |
+
sourcePopupScreen : 'redirect_1',
|
| 131 |
+
|
| 132 |
+
connectAccountStep : 'step_1',
|
| 133 |
+
|
| 134 |
+
// creation or customizer
|
| 135 |
+
sourcePopupType : 'creation',
|
| 136 |
+
extensionsPopupElement : false,
|
| 137 |
+
feedTypeElement : null,
|
| 138 |
+
feedTemplateElement : null,
|
| 139 |
+
instanceFeedActive : null,
|
| 140 |
+
clipboardCopiedNotif : false,
|
| 141 |
+
legacyFeedsShown : false,
|
| 142 |
+
editName : false,
|
| 143 |
+
embedPopup : false,
|
| 144 |
+
embedPopupScreen : 'step_1',
|
| 145 |
+
embedPopupSelectedPage : null,
|
| 146 |
+
|
| 147 |
+
moderationMode : false,
|
| 148 |
+
|
| 149 |
+
// onboarding
|
| 150 |
+
onboardingPopup : ctf_builder.allFeedsScreen.onboarding.active,
|
| 151 |
+
onboardingStep : 1,
|
| 152 |
+
|
| 153 |
+
// customizer onboarding
|
| 154 |
+
onboardingCustomizerPopup : ctf_builder.customizeScreens.onboarding.active,
|
| 155 |
+
|
| 156 |
+
// plugin install popup
|
| 157 |
+
installPluginPopup : false,
|
| 158 |
+
installPluginModal: 'facebook'
|
| 159 |
+
},
|
| 160 |
+
|
| 161 |
+
//Feeds Pagination
|
| 162 |
+
feedPagination : {
|
| 163 |
+
feedsCount : ctf_builder.feedsCount != undefined ? ctf_builder.feedsCount : null,
|
| 164 |
+
pagesNumber : 1,
|
| 165 |
+
currentPage : 1,
|
| 166 |
+
itemsPerPage : ctf_builder.itemsPerPage != undefined ? ctf_builder.itemsPerPage : null,
|
| 167 |
+
},
|
| 168 |
+
|
| 169 |
+
|
| 170 |
+
|
| 171 |
+
isCreateProcessGood : false,
|
| 172 |
+
feedCreationInfoUrl : null,
|
| 173 |
+
feedTypeOnSourcePopup : 'user',
|
| 174 |
+
|
| 175 |
+
feedsSelected : [],
|
| 176 |
+
selectedBulkAction : false,
|
| 177 |
+
|
| 178 |
+
customizerFeedDataInitial : null,
|
| 179 |
+
customizerFeedData : ctf_builder.customizerFeedData,
|
| 180 |
+
wordpressPageLists : ctf_builder.wordpressPageLists,
|
| 181 |
+
iscustomizerScreen : (ctf_builder.customizerFeedData != undefined && ctf_builder.customizerFeedData != false),
|
| 182 |
+
|
| 183 |
+
customizerSidebarBuilder : ctf_builder.customizerSidebarBuilder,
|
| 184 |
+
customizerScreens : {
|
| 185 |
+
activeTab : 'customize',
|
| 186 |
+
printedType : {},
|
| 187 |
+
printedTemplate : {},
|
| 188 |
+
activeSection : null,
|
| 189 |
+
previewScreen : 'desktop',
|
| 190 |
+
sourceExpanded : null,
|
| 191 |
+
sourcesChoosed : [],
|
| 192 |
+
inputNameWidth : '0px',
|
| 193 |
+
activeSectionData : null,
|
| 194 |
+
parentActiveSection : null, //For nested Setions
|
| 195 |
+
parentActiveSectionData : null, //For nested Setions
|
| 196 |
+
activeColorPicker : null,
|
| 197 |
+
popupBackButton : ['feedTemplates']
|
| 198 |
+
},
|
| 199 |
+
previewScreens: [
|
| 200 |
+
'desktop',
|
| 201 |
+
'tablet',
|
| 202 |
+
'mobile'
|
| 203 |
+
],
|
| 204 |
+
|
| 205 |
+
nestedStylingSection : [
|
| 206 |
+
'post_styling_author',
|
| 207 |
+
'post_styling_tweet_text',
|
| 208 |
+
'post_styling_tweet_date',
|
| 209 |
+
'post_styling_tweet_actions',
|
| 210 |
+
'post_styling_quote_tweet',
|
| 211 |
+
'post_styling_media',
|
| 212 |
+
'post_styling_replies',
|
| 213 |
+
'post_styling_retweet',
|
| 214 |
+
'post_styling_twitter_cards',
|
| 215 |
+
'post_styling_logos'
|
| 216 |
+
],
|
| 217 |
+
expandedCaptions : [],
|
| 218 |
+
manualAccountResp : false,
|
| 219 |
+
sourceToDelete : {},
|
| 220 |
+
feedToDelete : {},
|
| 221 |
+
dialogBox : {
|
| 222 |
+
active : false,
|
| 223 |
+
type : null, //deleteSourceCustomizer
|
| 224 |
+
heading : null,
|
| 225 |
+
description : null,
|
| 226 |
+
customButtons : undefined
|
| 227 |
+
},
|
| 228 |
+
|
| 229 |
+
feedStyle : '',
|
| 230 |
+
expandedPostText : [],
|
| 231 |
+
showedSocialShareTooltip : null,
|
| 232 |
+
showedCommentSection : [],
|
| 233 |
+
|
| 234 |
+
//LightBox Object
|
| 235 |
+
lightBox : {
|
| 236 |
+
visibility : 'hidden',
|
| 237 |
+
type : null,
|
| 238 |
+
post : null,
|
| 239 |
+
activeImage : null,
|
| 240 |
+
albumIndex : 0,
|
| 241 |
+
videoSource : null
|
| 242 |
+
},
|
| 243 |
+
highLightedSection : 'all',
|
| 244 |
+
|
| 245 |
+
shoppableFeed : {
|
| 246 |
+
postId : null,
|
| 247 |
+
postMedia : null,
|
| 248 |
+
postCaption : null,
|
| 249 |
+
postShoppableUrl : ''
|
| 250 |
+
},
|
| 251 |
+
|
| 252 |
+
moderationSettings : {
|
| 253 |
+
list_type_selected : null,
|
| 254 |
+
allow_list : [],
|
| 255 |
+
block_list : []
|
| 256 |
+
},
|
| 257 |
+
customBlockModerationlistTemp : '',
|
| 258 |
+
tooltip : {
|
| 259 |
+
text : '',
|
| 260 |
+
hover : false,
|
| 261 |
+
hoverType : 'outside'
|
| 262 |
+
},
|
| 263 |
+
//Loading Bar
|
| 264 |
+
fullScreenLoader : false,
|
| 265 |
+
appLoaded : false,
|
| 266 |
+
previewLoaded : false,
|
| 267 |
+
loadingBar : true,
|
| 268 |
+
notificationElement : {
|
| 269 |
+
type : 'success', // success, error, warning, message
|
| 270 |
+
text : '',
|
| 271 |
+
shown : null
|
| 272 |
+
},
|
| 273 |
+
|
| 274 |
+
loadingAjax : false,
|
| 275 |
+
|
| 276 |
+
},
|
| 277 |
+
watch : {
|
| 278 |
+
feedPreviewOutput : function(){
|
| 279 |
+
return this.feedPreviewMaker()
|
| 280 |
+
},
|
| 281 |
+
},
|
| 282 |
+
computed : {
|
| 283 |
+
|
| 284 |
+
feedStyleOutput : function(){
|
| 285 |
+
return this.customizerStyleMaker();
|
| 286 |
+
},
|
| 287 |
+
singleHolderData : function(){
|
| 288 |
+
return this.singleHolderParams();
|
| 289 |
+
},
|
| 290 |
+
getModerationShoppableMode : function(){
|
| 291 |
+
if( this.viewsActive.moderationMode || this.customizerScreens.activeSection == 'settings_shoppable_feed'){
|
| 292 |
+
this.moderationShoppableMode = true;
|
| 293 |
+
}else{
|
| 294 |
+
this.moderationShoppableMode = false;
|
| 295 |
+
}
|
| 296 |
+
return this.moderationShoppableMode;
|
| 297 |
+
}
|
| 298 |
+
|
| 299 |
+
},
|
| 300 |
+
updated : function(){
|
| 301 |
+
var self = this;
|
| 302 |
+
if( self.customizerFeedData ){
|
| 303 |
+
self.setShortcodeGlobalSettings(true);
|
| 304 |
+
}
|
| 305 |
+
},
|
| 306 |
+
created: function(){
|
| 307 |
+
var self = this;
|
| 308 |
+
this.$parent = self;
|
| 309 |
+
if( self.customizerFeedData ){
|
| 310 |
+
self.template = String("<div>"+self.template+"</div>");
|
| 311 |
+
self.selectedFeedModel = JSON.parse(JSON.stringify(self.initSelectedFeedTypeModel()));
|
| 312 |
+
self.selectedFeedModelPopup = JSON.parse(JSON.stringify(self.initSelectedFeedTypeModel()));
|
| 313 |
+
self.selectedFeed = self.getCustomizerSelectedFeedsType();
|
| 314 |
+
self.updatedTimeStamp = new Date().getTime();
|
| 315 |
+
self.customizerFeedDataInitial = JSON.parse(JSON.stringify(self.customizerFeedData));
|
| 316 |
+
}
|
| 317 |
+
|
| 318 |
+
if(self.customizerFeedData == undefined){
|
| 319 |
+
self.feedPagination.pagesNumber = self.feedPagination.feedsCount != null ? Math.ceil(self.feedPagination.feedsCount / self.feedPagination.itemsPerPage) : 1;
|
| 320 |
+
self.processIFConnectSuccess();
|
| 321 |
+
}
|
| 322 |
+
window.addEventListener('beforeunload', (event) => {
|
| 323 |
+
if( self.customizerFeedData ){
|
| 324 |
+
self.leaveWindowHandler(event);
|
| 325 |
+
}
|
| 326 |
+
});
|
| 327 |
+
self.activeExtensionsFull.map( element => self.activeExtensions[element['type']] = element['active'] );
|
| 328 |
+
self.activeExtensionsFull.map( element => {
|
| 329 |
+
if( element['active'] == false ){
|
| 330 |
+
element['ids'].forEach((id) => {
|
| 331 |
+
self.inActiveExtensions[id] = element['type'];
|
| 332 |
+
})
|
| 333 |
+
}
|
| 334 |
+
});
|
| 335 |
+
|
| 336 |
+
|
| 337 |
+
self.loadingBar = false;
|
| 338 |
+
/* Onboarding - move elements so the position is in context */
|
| 339 |
+
self.positionOnboarding();
|
| 340 |
+
setTimeout(function(){
|
| 341 |
+
self.positionOnboarding();
|
| 342 |
+
}, 500);
|
| 343 |
+
|
| 344 |
+
self.appLoaded = true;
|
| 345 |
+
},
|
| 346 |
+
methods: {
|
| 347 |
+
updateColorValue : function(id){
|
| 348 |
+
var self = this;
|
| 349 |
+
self.customizerFeedData.settings[id] = (self.customizerFeedData.settings[id].a == 1) ? self.customizerFeedData.settings[id].hex : self.customizerFeedData.settings[id].hex8;
|
| 350 |
+
},
|
| 351 |
+
|
| 352 |
+
|
| 353 |
+
/**
|
| 354 |
+
* Init Selected Feed Type Sources
|
| 355 |
+
*
|
| 356 |
+
* @since 2.0
|
| 357 |
+
*/
|
| 358 |
+
initSelectedFeedTypeModel : function(){
|
| 359 |
+
var self = this,
|
| 360 |
+
customizerSettings = self.customizerFeedData.settings,
|
| 361 |
+
selectedFeedModel = self.selectedFeedModel;
|
| 362 |
+
|
| 363 |
+
if(customizerSettings.type != undefined && customizerSettings.type == 'mixed' ){
|
| 364 |
+
selectedFeedModel = {
|
| 365 |
+
'usertimeline' : customizerSettings.screenname !== undefined ? customizerSettings.screenname : '' ,
|
| 366 |
+
'hashtag' : customizerSettings.hashtag !== undefined ? customizerSettings.hashtag : '' ,
|
| 367 |
+
'hometimeline' : customizerSettings.home !== undefined && customizerSettings.home == true ? 'true' : ''
|
| 368 |
+
};
|
| 369 |
+
}
|
| 370 |
+
if(customizerSettings.type != undefined && customizerSettings.type != 'mixed' ){
|
| 371 |
+
switch (customizerSettings.type) {
|
| 372 |
+
case 'usertimeline':
|
| 373 |
+
selectedFeedModel.usertimeline = self.checkNotEmpty(customizerSettings.usertimeline_text) ? customizerSettings.usertimeline_text : (self.checkNotEmpty(customizerSettings.screenname) ? customizerSettings.screenname : '');
|
| 374 |
+
break;
|
| 375 |
+
case 'hashtag':
|
| 376 |
+
selectedFeedModel.hashtag = self.checkNotEmpty(customizerSettings.hashtag_text) ? customizerSettings.hashtag_text : (self.checkNotEmpty(customizerSettings.hashtag) ? customizerSettings.hashtag : '');
|
| 377 |
+
break;
|
| 378 |
+
case 'hometimeline':
|
| 379 |
+
selectedFeedModel.hometimeline = true;
|
| 380 |
+
break;
|
| 381 |
+
}
|
| 382 |
+
}
|
| 383 |
+
return selectedFeedModel;
|
| 384 |
+
},
|
| 385 |
+
|
| 386 |
+
/**
|
| 387 |
+
* Apply Feed Popup Changes
|
| 388 |
+
*
|
| 389 |
+
* @since 2.0
|
| 390 |
+
*/
|
| 391 |
+
applyFeedTypePopup : function(){
|
| 392 |
+
var self = this,
|
| 393 |
+
feedTypes = Object.entries(self.selectSourceScreen.multipleTypes);
|
| 394 |
+
selectedFeedModel = self.selectedFeedModel;
|
| 395 |
+
|
| 396 |
+
feedTypes.forEach( function(element) {
|
| 397 |
+
var feedTypeID = element[0],
|
| 398 |
+
settingName = feedTypeID == 'usertimeline' ? 'screenname' : feedTypeID;
|
| 399 |
+
self.customizerFeedData.settings[settingName] = self.selectedFeedModel[feedTypeID];
|
| 400 |
+
});
|
| 401 |
+
|
| 402 |
+
if( self.customizerFeedData ){
|
| 403 |
+
self.customizerFeedData.settings.type = self.selectedFeed[0];
|
| 404 |
+
self.cleanUnselectedFeedTypes();
|
| 405 |
+
}
|
| 406 |
+
|
| 407 |
+
},
|
| 408 |
+
|
| 409 |
+
/**
|
| 410 |
+
* Clean Unselected Feed Types
|
| 411 |
+
*
|
| 412 |
+
* @since 2.0
|
| 413 |
+
*/
|
| 414 |
+
cleanUnselectedFeedTypes : function(){
|
| 415 |
+
var self = this;
|
| 416 |
+
if( !self.selectedFeed.includes('hashtag') ){
|
| 417 |
+
self.customizerFeedData.settings.hashtag_text = '';
|
| 418 |
+
self.customizerFeedData.settings.hashtag = '';
|
| 419 |
+
}
|
| 420 |
+
|
| 421 |
+
if( !self.selectedFeed.includes('usertimeline') ){
|
| 422 |
+
self.customizerFeedData.settings.usertimeline_text = '';
|
| 423 |
+
self.customizerFeedData.settings.screenname = '';
|
| 424 |
+
}
|
| 425 |
+
|
| 426 |
+
if( !self.selectedFeed.includes('search') ){
|
| 427 |
+
self.customizerFeedData.settings.search_text = '';
|
| 428 |
+
self.customizerFeedData.settings.search = '';
|
| 429 |
+
}
|
| 430 |
+
|
| 431 |
+
if( !self.selectedFeed.includes('hometimeline') ){
|
| 432 |
+
self.customizerFeedData.settings.home = '';
|
| 433 |
+
}
|
| 434 |
+
|
| 435 |
+
if( !self.selectedFeed.includes('mentionstimeline') ){
|
| 436 |
+
self.customizerFeedData.settings.mentions = '';
|
| 437 |
+
}
|
| 438 |
+
|
| 439 |
+
if( !self.selectedFeed.includes('lists') ){
|
| 440 |
+
self.customizerFeedData.settings.lists_id = '';
|
| 441 |
+
self.customizerFeedData.settings.lists = '';
|
| 442 |
+
self.customizerFeedData.settings.lists_info = '';
|
| 443 |
+
}
|
| 444 |
+
},
|
| 445 |
+
|
| 446 |
+
|
| 447 |
+
/**
|
| 448 |
+
* Leave Window Handler
|
| 449 |
+
*
|
| 450 |
+
* @since 2.0
|
| 451 |
+
*/
|
| 452 |
+
leaveWindowHandler : function(ev){
|
| 453 |
+
var self = this,
|
| 454 |
+
updateFeedData = {
|
| 455 |
+
action : 'ctf_feed_saver_manager_recache_feed',
|
| 456 |
+
feedID : self.customizerFeedData.feed_info.id,
|
| 457 |
+
};
|
| 458 |
+
self.ajaxPost(updateFeedData, function(_ref){
|
| 459 |
+
var data = _ref.data;
|
| 460 |
+
});
|
| 461 |
+
},
|
| 462 |
+
|
| 463 |
+
/**
|
| 464 |
+
* Show & Hide View
|
| 465 |
+
*
|
| 466 |
+
* @since 2.0
|
| 467 |
+
*/
|
| 468 |
+
activateView : function(viewName, sourcePopupType = 'creation', ajaxAction = false){
|
| 469 |
+
var self = this;
|
| 470 |
+
if(viewName === 'feedtemplatesPopupCustomizer'){
|
| 471 |
+
self.activateView('feedtemplatesPopup');
|
| 472 |
+
self.activateView('extensionsPopupElement');
|
| 473 |
+
}else{
|
| 474 |
+
if(viewName === 'extensionsPopupElement' && self.customizerFeedData !== undefined && ( self.advancedFeedTypes.map( element => element['type'] ).includes(self.viewsActive.extensionsPopupElement) ) ){
|
| 475 |
+
self.activateView('feedtypesPopup');
|
| 476 |
+
}
|
| 477 |
+
self.viewsActive[viewName] = (self.viewsActive[viewName] == false ) ? true : false;
|
| 478 |
+
|
| 479 |
+
if(viewName === 'feedtypesPopup'){
|
| 480 |
+
self.viewsActive.feedTypeElement = null;
|
| 481 |
+
self.selectedFeedPopup = JSON.parse(JSON.stringify(self.selectedFeed));
|
| 482 |
+
}
|
| 483 |
+
if(viewName === 'extensionsPopupElement' && self.customizerFeedData !== undefined){
|
| 484 |
+
//self.activateView('feedtypesPopup');
|
| 485 |
+
}
|
| 486 |
+
if(viewName == 'editName'){
|
| 487 |
+
document.getElementById("ctf-csz-hd-input").focus();
|
| 488 |
+
}
|
| 489 |
+
if(viewName == 'embedPopup' && ajaxAction == true){
|
| 490 |
+
self.saveFeedSettings();
|
| 491 |
+
}
|
| 492 |
+
|
| 493 |
+
if((viewName == 'sourcePopup' || viewName == 'sourcePopupType') && sourcePopupType == 'creationRedirect'){
|
| 494 |
+
setTimeout(function(){
|
| 495 |
+
self.$refs.addSourceRef.processIFConnect()
|
| 496 |
+
},3500);
|
| 497 |
+
}
|
| 498 |
+
}
|
| 499 |
+
|
| 500 |
+
ctfBuilder.$forceUpdate();
|
| 501 |
+
self.movePopUp();
|
| 502 |
+
},
|
| 503 |
+
|
| 504 |
+
/**
|
| 505 |
+
* Show/Hide View or Redirect to plugin dashboard page
|
| 506 |
+
*
|
| 507 |
+
* @since 2.0
|
| 508 |
+
*/
|
| 509 |
+
activateViewOrRedirect: function(viewName, pluginName, plugin) {
|
| 510 |
+
var self = this;
|
| 511 |
+
if ( plugin.installed && plugin.activated ) {
|
| 512 |
+
window.location = plugin.dashboard_permalink;
|
| 513 |
+
return;
|
| 514 |
+
}
|
| 515 |
+
|
| 516 |
+
self.viewsActive[viewName] = (self.viewsActive[viewName] == false ) ? true : false;
|
| 517 |
+
|
| 518 |
+
if(viewName == 'installPluginPopup'){
|
| 519 |
+
self.viewsActive.installPluginModal = pluginName;
|
| 520 |
+
}
|
| 521 |
+
|
| 522 |
+
self.movePopUp();
|
| 523 |
+
ctfBuilder.$forceUpdate();
|
| 524 |
+
},
|
| 525 |
+
|
| 526 |
+
movePopUp : function(){
|
| 527 |
+
var overlay = document.querySelectorAll("sb-fs-boss");
|
| 528 |
+
if (overlay.length > 0) {
|
| 529 |
+
document.getElementById("wpbody-content").prepend(overlay[0]);
|
| 530 |
+
}
|
| 531 |
+
},
|
| 532 |
+
|
| 533 |
+
/**
|
| 534 |
+
* Check if View is Active
|
| 535 |
+
*
|
| 536 |
+
* @since 2.0
|
| 537 |
+
*
|
| 538 |
+
* @return boolean
|
| 539 |
+
*/
|
| 540 |
+
checkActiveView : function(viewName){
|
| 541 |
+
return this.viewsActive[viewName];
|
| 542 |
+
},
|
| 543 |
+
|
| 544 |
+
/**
|
| 545 |
+
* Check if Control Is active
|
| 546 |
+
*
|
| 547 |
+
* @since 2.0
|
| 548 |
+
*
|
| 549 |
+
* @return boolean
|
| 550 |
+
*/
|
| 551 |
+
checkActiveControl : function(controlId, enabled){
|
| 552 |
+
var self = this;
|
| 553 |
+
return self.customizerFeedData.settings[controlId] === enabled || self.customizerFeedData.settings[controlId] === enabled.toString();
|
| 554 |
+
|
| 555 |
+
},
|
| 556 |
+
|
| 557 |
+
/**
|
| 558 |
+
* Switch & Change Feed Screens
|
| 559 |
+
*
|
| 560 |
+
* @since 2.0
|
| 561 |
+
*/
|
| 562 |
+
switchScreen: function(screenType, screenName){
|
| 563 |
+
this.viewsActive[screenType] = screenName;
|
| 564 |
+
ctfBuilder.$forceUpdate();
|
| 565 |
+
},
|
| 566 |
+
|
| 567 |
+
/**
|
| 568 |
+
* Check if Value is Empty
|
| 569 |
+
*
|
| 570 |
+
* @since 2.0
|
| 571 |
+
*
|
| 572 |
+
* @return boolean
|
| 573 |
+
*/
|
| 574 |
+
checkNotEmpty : function(value){
|
| 575 |
+
return value != false && value != null && value != undefined && value.replace(/ /gi,'') != '';
|
| 576 |
+
},
|
| 577 |
+
|
| 578 |
+
/**
|
| 579 |
+
* Check if Value exists in Array Object
|
| 580 |
+
*
|
| 581 |
+
* @since 2.0
|
| 582 |
+
*
|
| 583 |
+
* @return boolean
|
| 584 |
+
*/
|
| 585 |
+
checkObjectArrayElement : function(objectArray, object, byWhat){
|
| 586 |
+
var objectResult = objectArray.filter(function(elem){
|
| 587 |
+
return elem[byWhat] == object[byWhat];
|
| 588 |
+
});
|
| 589 |
+
return (objectResult.length > 0) ? true : false;
|
| 590 |
+
},
|
| 591 |
+
|
| 592 |
+
/**
|
| 593 |
+
* Check if Data Setting is Enabled
|
| 594 |
+
*
|
| 595 |
+
* @since 2.0
|
| 596 |
+
*
|
| 597 |
+
* @return boolean
|
| 598 |
+
*/
|
| 599 |
+
valueIsEnabled : function(value){
|
| 600 |
+
return value == 1 || value == true || value == 'true' || value == 'on';
|
| 601 |
+
},
|
| 602 |
+
|
| 603 |
+
|
| 604 |
+
/**
|
| 605 |
+
* Parse JSON
|
| 606 |
+
*
|
| 607 |
+
* @since 2.0
|
| 608 |
+
*
|
| 609 |
+
* @return jsonObject / Boolean
|
| 610 |
+
*/
|
| 611 |
+
jsonParse : function(jsonString){
|
| 612 |
+
try {
|
| 613 |
+
return JSON.parse(jsonString);
|
| 614 |
+
} catch(e) {
|
| 615 |
+
return false;
|
| 616 |
+
}
|
| 617 |
+
},
|
| 618 |
+
|
| 619 |
+
|
| 620 |
+
/**
|
| 621 |
+
* Ajax Post Action
|
| 622 |
+
*
|
| 623 |
+
* @since 2.0
|
| 624 |
+
*/
|
| 625 |
+
ajaxPost : function(data, callback){
|
| 626 |
+
var self = this;
|
| 627 |
+
data['nonce'] = self.nonce;
|
| 628 |
+
self.$http.post(self.ajaxHandler,data).then(callback);
|
| 629 |
+
},
|
| 630 |
+
|
| 631 |
+
/**
|
| 632 |
+
* Check if Object has Nested Property
|
| 633 |
+
*
|
| 634 |
+
* @since 2.0
|
| 635 |
+
*
|
| 636 |
+
* @return boolean
|
| 637 |
+
*/
|
| 638 |
+
hasOwnNestedProperty : function(obj,propertyPath) {
|
| 639 |
+
if (!propertyPath){return false;}var properties = propertyPath.split('.');
|
| 640 |
+
for (var i = 0; i < properties.length; i++) {
|
| 641 |
+
var prop = properties[i];
|
| 642 |
+
if (!obj || !obj.hasOwnProperty(prop)) {
|
| 643 |
+
return false;
|
| 644 |
+
} else {
|
| 645 |
+
obj = obj[prop];
|
| 646 |
+
}
|
| 647 |
+
}
|
| 648 |
+
return true;
|
| 649 |
+
},
|
| 650 |
+
|
| 651 |
+
|
| 652 |
+
/**
|
| 653 |
+
* Feed List Pagination
|
| 654 |
+
*
|
| 655 |
+
* @since 2.0
|
| 656 |
+
*/
|
| 657 |
+
feedListPagination : function(type){
|
| 658 |
+
var self = this,
|
| 659 |
+
currentPage = self.feedPagination.currentPage,
|
| 660 |
+
pagesNumber = self.feedPagination.pagesNumber;
|
| 661 |
+
self.loadingBar = true;
|
| 662 |
+
if((currentPage != 1 && type == 'prev') || (currentPage < pagesNumber && type == 'next')){
|
| 663 |
+
self.feedPagination.currentPage = (type == 'next') ?
|
| 664 |
+
(currentPage < pagesNumber ? (parseInt(currentPage) + 1) : pagesNumber) :
|
| 665 |
+
(currentPage > 1 ? (parseInt(currentPage) - 1) : 1);
|
| 666 |
+
|
| 667 |
+
var postData = {
|
| 668 |
+
action : 'ctf_feed_saver_manager_get_feed_list_page',
|
| 669 |
+
page : self.feedPagination.currentPage
|
| 670 |
+
};
|
| 671 |
+
self.ajaxPost(postData, function(_ref){
|
| 672 |
+
var data = _ref.data;
|
| 673 |
+
if(data){
|
| 674 |
+
self.feedsList = data;
|
| 675 |
+
}
|
| 676 |
+
self.loadingBar = false;
|
| 677 |
+
});
|
| 678 |
+
ctfBuilder.$forceUpdate();
|
| 679 |
+
}
|
| 680 |
+
},
|
| 681 |
+
|
| 682 |
+
/**
|
| 683 |
+
* Choose Feed Type
|
| 684 |
+
*
|
| 685 |
+
* @since 2.0
|
| 686 |
+
*/
|
| 687 |
+
chooseFeedType : function(feedTypeEl, iscustomizerPopup = false){
|
| 688 |
+
var self = this,
|
| 689 |
+
feedAllowedTypes = self.feedTypes.map( element => element['type'] );
|
| 690 |
+
if(feedAllowedTypes.includes(feedTypeEl.type)){
|
| 691 |
+
self.selectedFeed = [];
|
| 692 |
+
self.selectedFeed.push(feedTypeEl.type);
|
| 693 |
+
}else{
|
| 694 |
+
self.viewsActive.extensionsPopupElement = feedTypeEl.type;
|
| 695 |
+
if( self.customizerFeedData !== undefined){
|
| 696 |
+
self.viewsActive['feedtypesPopup'] = false;
|
| 697 |
+
}
|
| 698 |
+
}
|
| 699 |
+
ctfBuilder.$forceUpdate();
|
| 700 |
+
},
|
| 701 |
+
|
| 702 |
+
/**
|
| 703 |
+
* Choose Feed Type
|
| 704 |
+
*
|
| 705 |
+
* @since 2.0
|
| 706 |
+
*/
|
| 707 |
+
selectFeedTypePopup : function( feedTypeEl ){
|
| 708 |
+
var self = this,
|
| 709 |
+
feedAllowedTypes = self.feedTypes.map( element => element['type'] );
|
| 710 |
+
if(feedAllowedTypes.includes(feedTypeEl.type)){
|
| 711 |
+
self.selectedFeedPopup = [];
|
| 712 |
+
self.selectedFeedPopup.push(feedTypeEl.type);
|
| 713 |
+
}else{
|
| 714 |
+
self.viewsActive.extensionsPopupElement = feedTypeEl.type;
|
| 715 |
+
}
|
| 716 |
+
},
|
| 717 |
+
|
| 718 |
+
/**
|
| 719 |
+
* Check Selected Feed Type
|
| 720 |
+
*
|
| 721 |
+
* @since 2.0
|
| 722 |
+
*/
|
| 723 |
+
checkFeedTypeSelect : function( feedTypeEl ){
|
| 724 |
+
var self = this;
|
| 725 |
+
if(self.customizerFeedData){
|
| 726 |
+
return self.selectedFeedPopup.includes(feedTypeEl.type) && feedTypeEl.type != 'socialwall'
|
| 727 |
+
}
|
| 728 |
+
return self.selectedFeed.includes(feedTypeEl.type) && feedTypeEl.type != 'socialwall'
|
| 729 |
+
},
|
| 730 |
+
|
| 731 |
+
/**
|
| 732 |
+
* Confirm Add Feed Type Poup
|
| 733 |
+
*
|
| 734 |
+
* @since 2.0
|
| 735 |
+
*/
|
| 736 |
+
addFeedTypePopup : function(){
|
| 737 |
+
var self = this;
|
| 738 |
+
self.selectedFeed = self.selectedFeedPopup;
|
| 739 |
+
self.selectedFeed = self.selectedFeed.filter((element, index) => {
|
| 740 |
+
return self.selectedFeed.indexOf(element) === index;
|
| 741 |
+
});
|
| 742 |
+
self.activateView('feedtypesPopup');
|
| 743 |
+
if( self.customizerFeedData ){
|
| 744 |
+
self.activateView('feedtypesCustomizerPopup');
|
| 745 |
+
}
|
| 746 |
+
},
|
| 747 |
+
|
| 748 |
+
/**
|
| 749 |
+
* Returns The Selected Feeds Type
|
| 750 |
+
* For Customizer PopUp
|
| 751 |
+
*
|
| 752 |
+
* @since 2.0
|
| 753 |
+
*/
|
| 754 |
+
getCustomizerSelectedFeedsType : function(){
|
| 755 |
+
var self = this,
|
| 756 |
+
customizerSettings = self.customizerFeedData.settings;
|
| 757 |
+
|
| 758 |
+
switch (customizerSettings.type) {
|
| 759 |
+
case 'usertimeline':
|
| 760 |
+
return ['usertimeline'];
|
| 761 |
+
break;
|
| 762 |
+
case 'hashtag':
|
| 763 |
+
return ['hashtag'];
|
| 764 |
+
break;
|
| 765 |
+
case 'hometimeline':
|
| 766 |
+
return ['hometimeline'];
|
| 767 |
+
break;
|
| 768 |
+
case 'search':
|
| 769 |
+
return ['search'];
|
| 770 |
+
break;
|
| 771 |
+
case 'mentionstimeline':
|
| 772 |
+
return ['mentionstimeline'];
|
| 773 |
+
break;
|
| 774 |
+
case 'lists':
|
| 775 |
+
return ['lists'];
|
| 776 |
+
break;
|
| 777 |
+
default:
|
| 778 |
+
var feedTypes = [];
|
| 779 |
+
self.feedTypes.forEach( function(feed) {
|
| 780 |
+
if(self.checkNotEmpty( self.selectedFeedModel[feed.type])){
|
| 781 |
+
feedTypes.push( feed.type );
|
| 782 |
+
}
|
| 783 |
+
|
| 784 |
+
});
|
| 785 |
+
return feedTypes;
|
| 786 |
+
break;
|
| 787 |
+
}
|
| 788 |
+
|
| 789 |
+
},
|
| 790 |
+
|
| 791 |
+
/**
|
| 792 |
+
* Choose Feed Type
|
| 793 |
+
*
|
| 794 |
+
* @since 2.0
|
| 795 |
+
*/
|
| 796 |
+
checkMultipleFeedType : function(){
|
| 797 |
+
return this.selectedFeed.length > 1;
|
| 798 |
+
},
|
| 799 |
+
|
| 800 |
+
/**
|
| 801 |
+
* Check if Feed Type Source is Active
|
| 802 |
+
*
|
| 803 |
+
* @since 2.0
|
| 804 |
+
*/
|
| 805 |
+
checkMultipleFeedTypeActive : function(feedTypeID){
|
| 806 |
+
var self = this;
|
| 807 |
+
if(self.customizerFeedData){
|
| 808 |
+
return self.selectedFeedPopup.length >= 1 && self.selectedFeedPopup.includes(feedTypeID);
|
| 809 |
+
}
|
| 810 |
+
return self.selectedFeed.length >= 1 && self.selectedFeed.includes(feedTypeID);
|
| 811 |
+
},
|
| 812 |
+
|
| 813 |
+
/**
|
| 814 |
+
* Customizer
|
| 815 |
+
* Check if Feed Type Source is Active
|
| 816 |
+
*
|
| 817 |
+
* @since 2.0
|
| 818 |
+
*/
|
| 819 |
+
checkMultipleFeedTypeActiveCustomizer : function(feedTypeID){
|
| 820 |
+
return this.customizerFeedData.settings.type == feedTypeID || ( this.customizerFeedData.settings.type == 'mixed' && this.checkFeedTypeHasSources(feedTypeID) );
|
| 821 |
+
},
|
| 822 |
+
|
| 823 |
+
/**
|
| 824 |
+
* Customizer
|
| 825 |
+
* Check if Feed Type Has Sources
|
| 826 |
+
*
|
| 827 |
+
* @since 2.0
|
| 828 |
+
*/
|
| 829 |
+
checkFeedTypeHasSources : function(feedTypeID){
|
| 830 |
+
var self = this;
|
| 831 |
+
switch (feedTypeID) {
|
| 832 |
+
case 'usertimeline':
|
| 833 |
+
return self.checkNotEmpty(self.customizerFeedData.settings.screenname) && self.customizerFeedData.settings.screenname !== undefined && self.createSourcesArray(self.customizerFeedData.settings.screenname).length > 0;
|
| 834 |
+
break;
|
| 835 |
+
case 'hashtag':
|
| 836 |
+
return self.checkNotEmpty(self.customizerFeedData.settings.hashtag) && self.customizerFeedData.settings.hashtag !== undefined && self.createSourcesArray(self.customizerFeedData.settings.hashtag).length > 0;
|
| 837 |
+
break;
|
| 838 |
+
case 'hometimeline':
|
| 839 |
+
return self.customizerFeedData.settings.home !== undefined && self.valueIsEnabled(self.customizerFeedData.settings.home);
|
| 840 |
+
break;
|
| 841 |
+
case 'search':
|
| 842 |
+
return self.checkNotEmpty(self.customizerFeedData.settings.search) && self.customizerFeedData.settings.search !== undefined && self.createSourcesArray(self.customizerFeedData.settings.search).length > 0;
|
| 843 |
+
break;
|
| 844 |
+
case 'mentionstimeline':
|
| 845 |
+
return self.customizerFeedData.settings.mentions !== undefined && self.valueIsEnabled(self.customizerFeedData.settings.mentions);
|
| 846 |
+
break;
|
| 847 |
+
case 'lists':
|
| 848 |
+
return self.checkNotEmpty(self.customizerFeedData.settings.lists_info) && self.customizerFeedData.settings.lists_info !== undefined && self.jsonParse(self.customizerFeedData.settings.lists_info) !== false && Object.keys(self.jsonParse(self.customizerFeedData.settings.lists_info)).length > 0;
|
| 849 |
+
break;
|
| 850 |
+
case 'lists_ids':
|
| 851 |
+
return self.checkNotEmpty(self.customizerFeedData.settings.lists) && self.customizerFeedData.settings.lists !== undefined && self.createSourcesArray(self.customizerFeedData.settings.lists).length > 0;
|
| 852 |
+
break;
|
| 853 |
+
}
|
| 854 |
+
return false;
|
| 855 |
+
},
|
| 856 |
+
|
| 857 |
+
/**
|
| 858 |
+
* Customizer
|
| 859 |
+
* Toggle the Feed Types in Popup
|
| 860 |
+
*
|
| 861 |
+
* @since 2.0
|
| 862 |
+
*/
|
| 863 |
+
openFeedTypesPopupCustomizer : function(){
|
| 864 |
+
var self = this;
|
| 865 |
+
self.selectedFeedPopup = JSON.parse(JSON.stringify(self.selectedFeed));
|
| 866 |
+
self.selectedFeedModelPopup = JSON.parse(JSON.stringify(self.selectedFeedModel));
|
| 867 |
+
self.activateView('feedtypesCustomizerPopup');
|
| 868 |
+
},
|
| 869 |
+
|
| 870 |
+
/**
|
| 871 |
+
* Customizer
|
| 872 |
+
* Toggle the Feed Types in Popup
|
| 873 |
+
*
|
| 874 |
+
* @since 2.0
|
| 875 |
+
*/
|
| 876 |
+
toggleFeedTypesChooserPopup : function(){
|
| 877 |
+
var self = this;
|
| 878 |
+
self.activateView('feedtypesCustomizerPopup');
|
| 879 |
+
self.activateView('feedtypesPopup');
|
| 880 |
+
},
|
| 881 |
+
|
| 882 |
+
/**
|
| 883 |
+
* Customizer
|
| 884 |
+
* Toggle the Feed Types With Sources Popup
|
| 885 |
+
*
|
| 886 |
+
* @since 2.0
|
| 887 |
+
*/
|
| 888 |
+
toggleFeedTypesSourcesPopup : function(){
|
| 889 |
+
var self = this;
|
| 890 |
+
|
| 891 |
+
self.activateView('sourcesListPopup');
|
| 892 |
+
if( self.customizerFeedData ){
|
| 893 |
+
self.activateView('feedtypesCustomizerPopup');
|
| 894 |
+
}
|
| 895 |
+
},
|
| 896 |
+
|
| 897 |
+
/**
|
| 898 |
+
* Customizer
|
| 899 |
+
* Update Feed Type
|
| 900 |
+
* & Sources/Hashtags
|
| 901 |
+
* @since 2.0
|
| 902 |
+
*/
|
| 903 |
+
updateFeedTypeAndSourcesCustomizer : function(){
|
| 904 |
+
var self = this,
|
| 905 |
+
feedTypes = Object.entries(self.selectSourceScreen.multipleTypes);
|
| 906 |
+
self.selectedFeedModel = JSON.parse(JSON.stringify(self.selectedFeedModelPopup));
|
| 907 |
+
|
| 908 |
+
feedTypes.forEach( function(element) {
|
| 909 |
+
var feedTypeID = element[0];
|
| 910 |
+
if( !self.selectedFeed.includes(feedTypeID) ){
|
| 911 |
+
var settingName = feedTypeID == 'usertimeline' ? 'screenname' : feedTypeID,
|
| 912 |
+
settingValue = ( feedTypeID !== 'hometimeline' && feedTypeID !== 'mentionstimeline' ) ? '' : 'false';
|
| 913 |
+
self.customizerFeedData.settings[settingName] = '';
|
| 914 |
+
if(feedTypeID == 'lists'){
|
| 915 |
+
self.customizerFeedData.settings['lists_info'] = [];
|
| 916 |
+
}
|
| 917 |
+
}else{
|
| 918 |
+
if(feedTypeID == 'hometimeline'){
|
| 919 |
+
self.customizerFeedData.settings.home = true;
|
| 920 |
+
}
|
| 921 |
+
if(feedTypeID == 'mentionstimeline'){
|
| 922 |
+
self.customizerFeedData.settings.metions = true;
|
| 923 |
+
}
|
| 924 |
+
}
|
| 925 |
+
});
|
| 926 |
+
self.applyFeedTypePopup();
|
| 927 |
+
self.customizerControlAjaxAction('feedFlyPreview');
|
| 928 |
+
self.activateView('feedtypesCustomizerPopup');
|
| 929 |
+
|
| 930 |
+
},
|
| 931 |
+
|
| 932 |
+
/**
|
| 933 |
+
* Customizer
|
| 934 |
+
* Cancel Feed Types
|
| 935 |
+
* & Sources/Hashtags
|
| 936 |
+
* @since 2.0
|
| 937 |
+
*/
|
| 938 |
+
cancelFeedTypeAndSourcesCustomizer : function(){
|
| 939 |
+
var self = this;
|
| 940 |
+
if( JSON.stringify(self.selectedFeedModelPopup) === JSON.stringify(self.selectedFeedModel) ){
|
| 941 |
+
self.viewsActive['feedtypesPopup'] = false;
|
| 942 |
+
self.viewsActive['feedtypesCustomizerPopup'] = false;
|
| 943 |
+
|
| 944 |
+
}else{
|
| 945 |
+
self.openDialogBox('unsavedFeedSources');
|
| 946 |
+
}
|
| 947 |
+
|
| 948 |
+
},
|
| 949 |
+
|
| 950 |
+
|
| 951 |
+
|
| 952 |
+
|
| 953 |
+
/**
|
| 954 |
+
* If max number of source types are added (3)
|
| 955 |
+
*
|
| 956 |
+
* @since 2.0
|
| 957 |
+
*/
|
| 958 |
+
maxTypesAdded : function(){
|
| 959 |
+
if ( true /* is free version */ ) {
|
| 960 |
+
return 1;
|
| 961 |
+
}
|
| 962 |
+
return this.selectedFeed.length >= 6;
|
| 963 |
+
},
|
| 964 |
+
|
| 965 |
+
/**
|
| 966 |
+
* Check if Feed Type Source is Active
|
| 967 |
+
*
|
| 968 |
+
* @since 2.0
|
| 969 |
+
*/
|
| 970 |
+
removeFeedTypeSource : function(feedTypeID){
|
| 971 |
+
var self = this;
|
| 972 |
+
if(self.selectedFeed.length > 1){
|
| 973 |
+
if(self.customizerFeedData){
|
| 974 |
+
var settingName = feedTypeID == 'usertimeline' ? 'screenname' : feedTypeID,
|
| 975 |
+
settingValue = ( feedTypeID !== 'hometimeline' && feedTypeID !== 'mentionstimeline' ) ? '' : false;
|
| 976 |
+
self.selectedFeedModelPopup[feedTypeID] = settingValue;
|
| 977 |
+
if(feedTypeID == 'lists'){
|
| 978 |
+
self.selectedFeedModelPopup['listsObject'] = {};
|
| 979 |
+
}
|
| 980 |
+
|
| 981 |
+
}else{
|
| 982 |
+
self.selectedFeedModel[feedTypeID] = ( feedTypeID !== 'hometimeline' && feedTypeID !== 'mentionstimeline' ) ? '' : false;
|
| 983 |
+
if(feedTypeID == 'lists'){
|
| 984 |
+
self.selectedFeedModel['listsObject'] = {};
|
| 985 |
+
}
|
| 986 |
+
}
|
| 987 |
+
self.selectedFeed.splice(self.selectedFeed.indexOf(feedTypeID), 1);
|
| 988 |
+
if(self.customizerFeedData){
|
| 989 |
+
self.selectedFeedPopup = self.selectedFeed;
|
| 990 |
+
}
|
| 991 |
+
}
|
| 992 |
+
},
|
| 993 |
+
|
| 994 |
+
/**
|
| 995 |
+
* Choose Feed Type
|
| 996 |
+
*
|
| 997 |
+
* @since 2.0
|
| 998 |
+
*/
|
| 999 |
+
checkSingleFeedType : function(feedType){
|
| 1000 |
+
return this.selectedFeed.length == 1 && this.selectedFeed[0] == feedType;
|
| 1001 |
+
},
|
| 1002 |
+
|
| 1003 |
+
|
| 1004 |
+
//Check Feed Creation Process Sources & Hashtags
|
| 1005 |
+
creationProcessCheckAppCredentials : function(){
|
| 1006 |
+
var self = this;
|
| 1007 |
+
return self.checkNotEmpty( self.appCredentials.access_token ) && self.checkNotEmpty( self.appCredentials.access_token_secret );
|
| 1008 |
+
},
|
| 1009 |
+
|
| 1010 |
+
processIFConnectSuccess : function(){
|
| 1011 |
+
var self = this;
|
| 1012 |
+
if( ctfStorage.selectedFeed !== undefined){
|
| 1013 |
+
self.selectedFeed = ctfStorage.selectedFeed.split(',');
|
| 1014 |
+
self.viewsActive.pageScreen = 'selectFeed';
|
| 1015 |
+
self.viewsActive.selectedFeedSection = 'selectSource';
|
| 1016 |
+
}
|
| 1017 |
+
ctfStorage.removeItem("selectedFeed");
|
| 1018 |
+
},
|
| 1019 |
+
|
| 1020 |
+
connectAccountLink : function(){
|
| 1021 |
+
var self = this;
|
| 1022 |
+
ctfStorage.setItem('selectedFeed', self.selectedFeed);
|
| 1023 |
+
window.location = self.appOAUTH;
|
| 1024 |
+
},
|
| 1025 |
+
|
| 1026 |
+
/*
|
| 1027 |
+
Feed Creation Process
|
| 1028 |
+
*/
|
| 1029 |
+
creationProcessCheckAction : function(){
|
| 1030 |
+
var self = this, checkBtnNext = false;
|
| 1031 |
+
switch (self.viewsActive.selectedFeedSection) {
|
| 1032 |
+
case 'feedsType':
|
| 1033 |
+
checkBtnNext = self.selectedFeed != null ? true : false;
|
| 1034 |
+
window.ctfSelectedFeed = self.selectedFeed;
|
| 1035 |
+
break;
|
| 1036 |
+
case 'selectSource':
|
| 1037 |
+
checkBtnNext = self.creationProcessCheckAppCredentials();
|
| 1038 |
+
break;
|
| 1039 |
+
/*
|
| 1040 |
+
case 'selectTemplate':
|
| 1041 |
+
checkBtnNext = self.creationProcessCheckAppCredentials();
|
| 1042 |
+
break;
|
| 1043 |
+
*/
|
| 1044 |
+
case 'feedsTypeGetProcess':
|
| 1045 |
+
|
| 1046 |
+
break;
|
| 1047 |
+
}
|
| 1048 |
+
return checkBtnNext;
|
| 1049 |
+
},
|
| 1050 |
+
//Next Click in the Creation Process
|
| 1051 |
+
creationProcessNext : function(){
|
| 1052 |
+
var self = this;
|
| 1053 |
+
switch (self.viewsActive.selectedFeedSection) {
|
| 1054 |
+
case 'feedsType':
|
| 1055 |
+
if(self.selectedFeed !== null){
|
| 1056 |
+
if (self.selectedFeed === 'socialwall') {
|
| 1057 |
+
window.location.href = ctf_builder.pluginsInfo.social_wall.settingsPage;
|
| 1058 |
+
return;
|
| 1059 |
+
}
|
| 1060 |
+
if( self.creationProcessCheckAppCredentials() ){
|
| 1061 |
+
self.switchScreen('selectedFeedSection', 'selectSource');
|
| 1062 |
+
}else{
|
| 1063 |
+
self.viewsActive['connectAccountPopup'] = true;
|
| 1064 |
+
}
|
| 1065 |
+
}
|
| 1066 |
+
break;
|
| 1067 |
+
case 'selectSource':
|
| 1068 |
+
if( self.creationProcessCheckAppCredentials() ){
|
| 1069 |
+
//self.switchScreen('selectedFeedSection', 'feedsTypeGetProcess');
|
| 1070 |
+
self.isCreateProcessGood = true;
|
| 1071 |
+
}
|
| 1072 |
+
break;
|
| 1073 |
+
/*
|
| 1074 |
+
case 'selectTemplate':
|
| 1075 |
+
if( self.creationProcessCheckAppCredentials() && self.checkNotEmpty(self.selectedFeedTemplate) ){
|
| 1076 |
+
self.isCreateProcessGood = true;
|
| 1077 |
+
}
|
| 1078 |
+
break;
|
| 1079 |
+
*/
|
| 1080 |
+
case 'feedsTypeGetProcess':
|
| 1081 |
+
break;
|
| 1082 |
+
}
|
| 1083 |
+
if(self.isCreateProcessGood)
|
| 1084 |
+
self.submitNewFeed();
|
| 1085 |
+
|
| 1086 |
+
},
|
| 1087 |
+
changeVideoSource : function( videoSource ){
|
| 1088 |
+
this.videosTypeInfo.type = videoSource;
|
| 1089 |
+
ctfBuilder.$forceUpdate();
|
| 1090 |
+
},
|
| 1091 |
+
|
| 1092 |
+
//Next Click in the Onboarding Process
|
| 1093 |
+
onboardingNext : function(){
|
| 1094 |
+
this.viewsActive.onboardingStep ++;
|
| 1095 |
+
this.onboardingHideShow();
|
| 1096 |
+
ctfBuilder.$forceUpdate();
|
| 1097 |
+
},
|
| 1098 |
+
//Previous Click in the Onboarding Process
|
| 1099 |
+
onboardingPrev : function(){
|
| 1100 |
+
this.viewsActive.onboardingStep --;
|
| 1101 |
+
this.onboardingHideShow();
|
| 1102 |
+
ctfBuilder.$forceUpdate();
|
| 1103 |
+
},
|
| 1104 |
+
onboardingHideShow : function() {
|
| 1105 |
+
var tooltips = document.querySelectorAll(".sb-onboarding-tooltip");
|
| 1106 |
+
for (var i = 0; i < tooltips.length; i++){
|
| 1107 |
+
tooltips[i].style.display = "none";
|
| 1108 |
+
}
|
| 1109 |
+
document.querySelectorAll(".sb-onboarding-tooltip-"+this.viewsActive.onboardingStep)[0].style.display = "block";
|
| 1110 |
+
|
| 1111 |
+
if (this.viewsActive.onboardingCustomizerPopup) {
|
| 1112 |
+
if (this.viewsActive.onboardingStep === 2) {
|
| 1113 |
+
this.switchCustomizerTab('customize');
|
| 1114 |
+
} else if (this.viewsActive.onboardingStep === 3) {
|
| 1115 |
+
this.switchCustomizerTab('settings');
|
| 1116 |
+
}
|
| 1117 |
+
}
|
| 1118 |
+
|
| 1119 |
+
},
|
| 1120 |
+
//Close Click in the Onboarding Process
|
| 1121 |
+
onboardingClose : function(){
|
| 1122 |
+
var self = this,
|
| 1123 |
+
wasActive = self.viewsActive.onboardingPopup ? 'newuser' : 'customizer';
|
| 1124 |
+
|
| 1125 |
+
document.getElementById("ctf-builder-app").classList.remove('sb-onboarding-active');
|
| 1126 |
+
|
| 1127 |
+
self.viewsActive.onboardingPopup = false;
|
| 1128 |
+
self.viewsActive.onboardingCustomizerPopup = false;
|
| 1129 |
+
|
| 1130 |
+
self.viewsActive.onboardingStep = 0;
|
| 1131 |
+
var postData = {
|
| 1132 |
+
action : 'ctf_dismiss_onboarding',
|
| 1133 |
+
was_active : wasActive
|
| 1134 |
+
};
|
| 1135 |
+
self.ajaxPost(postData, function(_ref){
|
| 1136 |
+
var data = _ref.data;
|
| 1137 |
+
});
|
| 1138 |
+
ctfBuilder.$forceUpdate();
|
| 1139 |
+
},
|
| 1140 |
+
positionOnboarding : function(){
|
| 1141 |
+
var self = this,
|
| 1142 |
+
onboardingElem = document.querySelectorAll(".sb-onboarding-overlay")[0],
|
| 1143 |
+
wrapElem = document.getElementById("ctf-builder-app");
|
| 1144 |
+
|
| 1145 |
+
if (onboardingElem === null || typeof onboardingElem === 'undefined') {
|
| 1146 |
+
return;
|
| 1147 |
+
}
|
| 1148 |
+
|
| 1149 |
+
if (self.viewsActive.onboardingCustomizerPopup && self.iscustomizerScreen && self.customizerFeedData) {
|
| 1150 |
+
if (document.getElementById("sb-onboarding-tooltip-customizer-1") !== null) {
|
| 1151 |
+
wrapElem.classList.add('sb-onboarding-active');
|
| 1152 |
+
|
| 1153 |
+
var step1El = document.querySelectorAll(".ctf-csz-header")[0];
|
| 1154 |
+
step1El.appendChild(document.getElementById("sb-onboarding-tooltip-customizer-1"));
|
| 1155 |
+
|
| 1156 |
+
var step2El = document.querySelectorAll(".sb-customizer-sidebar-sec1")[0];
|
| 1157 |
+
step2El.appendChild(document.getElementById("sb-onboarding-tooltip-customizer-2"));
|
| 1158 |
+
|
| 1159 |
+
var step3El = document.querySelectorAll(".sb-customizer-sidebar-sec1")[0];
|
| 1160 |
+
step3El.appendChild(document.getElementById("sb-onboarding-tooltip-customizer-3"));
|
| 1161 |
+
|
| 1162 |
+
self.onboardingHideShow();
|
| 1163 |
+
}
|
| 1164 |
+
} else if (self.viewsActive.onboardingPopup && !self.iscustomizerScreen) {
|
| 1165 |
+
if (ctf_builder.allFeedsScreen.onboarding.type === 'single') {
|
| 1166 |
+
if (document.getElementById("sb-onboarding-tooltip-single-1") !== null) {
|
| 1167 |
+
wrapElem.classList.add('sb-onboarding-active');
|
| 1168 |
+
|
| 1169 |
+
var step1El = document.querySelectorAll(".ctf-fb-wlcm-header .sb-positioning-wrap")[0];
|
| 1170 |
+
step1El.appendChild(document.getElementById("sb-onboarding-tooltip-single-1"));
|
| 1171 |
+
|
| 1172 |
+
var step2El = document.querySelectorAll(".ctf-table-wrap")[0];
|
| 1173 |
+
step2El.appendChild(document.getElementById("sb-onboarding-tooltip-single-2"));
|
| 1174 |
+
self.onboardingHideShow();
|
| 1175 |
+
}
|
| 1176 |
+
} else {
|
| 1177 |
+
if (document.getElementById("sb-onboarding-tooltip-multiple-1") !== null) {
|
| 1178 |
+
wrapElem.classList.add('sb-onboarding-active');
|
| 1179 |
+
|
| 1180 |
+
var step1El = document.querySelectorAll(".ctf-fb-wlcm-header .sb-positioning-wrap")[0];
|
| 1181 |
+
step1El.appendChild(document.getElementById("sb-onboarding-tooltip-multiple-1"));
|
| 1182 |
+
|
| 1183 |
+
var step2El = document.querySelectorAll(".ctf-fb-lgc-ctn")[0];
|
| 1184 |
+
step2El.appendChild(document.getElementById("sb-onboarding-tooltip-multiple-2"));
|
| 1185 |
+
|
| 1186 |
+
var step3El = document.querySelectorAll(".ctf-legacy-table-wrap")[0];
|
| 1187 |
+
step3El.appendChild(document.getElementById("sb-onboarding-tooltip-multiple-3"));
|
| 1188 |
+
|
| 1189 |
+
self.activateView('legacyFeedsShown');
|
| 1190 |
+
self.onboardingHideShow();
|
| 1191 |
+
}
|
| 1192 |
+
}
|
| 1193 |
+
|
| 1194 |
+
}
|
| 1195 |
+
},
|
| 1196 |
+
//Back Click in the Creation Process
|
| 1197 |
+
creationProcessBack : function(){
|
| 1198 |
+
var self = this;
|
| 1199 |
+
switch (self.viewsActive.selectedFeedSection) {
|
| 1200 |
+
case 'feedsType':
|
| 1201 |
+
self.switchScreen('pageScreen', 'welcome');
|
| 1202 |
+
break;
|
| 1203 |
+
case 'selectSource':
|
| 1204 |
+
self.switchScreen('selectedFeedSection', 'feedsType');
|
| 1205 |
+
break;
|
| 1206 |
+
case 'feedsTypeGetProcess':
|
| 1207 |
+
self.switchScreen('selectedFeedSection', 'selectSource');
|
| 1208 |
+
break;
|
| 1209 |
+
}
|
| 1210 |
+
ctfBuilder.$forceUpdate();
|
| 1211 |
+
},
|
| 1212 |
+
|
| 1213 |
+
//Return Feed Type
|
| 1214 |
+
getFeedTypeSaver : function(){
|
| 1215 |
+
var self = this;
|
| 1216 |
+
if(self.selectedFeed.length > 1){
|
| 1217 |
+
return 'mixed';
|
| 1218 |
+
}
|
| 1219 |
+
return self.selectedFeed[0];
|
| 1220 |
+
},
|
| 1221 |
+
|
| 1222 |
+
|
| 1223 |
+
//Create & Submit New Feed
|
| 1224 |
+
submitNewFeed : function(){
|
| 1225 |
+
var self = this,
|
| 1226 |
+
newFeedData = {
|
| 1227 |
+
action : 'ctf_feed_saver_manager_builder_update',
|
| 1228 |
+
selectedFeed : self.selectedFeed,
|
| 1229 |
+
selectedFeedModel : self.selectedFeedModel,
|
| 1230 |
+
feedtemplate : self.selectedFeedTemplate,
|
| 1231 |
+
new_insert : 'true',
|
| 1232 |
+
};
|
| 1233 |
+
self.fullScreenLoader = true;
|
| 1234 |
+
self.ajaxPost(newFeedData, function(_ref){
|
| 1235 |
+
var data = _ref.data;
|
| 1236 |
+
if(data.feed_id && data.success){
|
| 1237 |
+
window.location = self.builderUrl + '&feed_id=' + data.feed_id;
|
| 1238 |
+
}
|
| 1239 |
+
});
|
| 1240 |
+
},
|
| 1241 |
+
|
| 1242 |
+
|
| 1243 |
+
//Open Add Source List Popup
|
| 1244 |
+
openSourceListPopup : function( feedTypeID ){
|
| 1245 |
+
var self = this;
|
| 1246 |
+
self.feedTypeOnSourcePopup = feedTypeID;
|
| 1247 |
+
if( self.feedTypeOnSourcePopup == 'tagged' ){
|
| 1248 |
+
self.selectedSourcesPopup = self.createSourcesArray(self.selectedSourcesTagged);
|
| 1249 |
+
}else if( self.feedTypeOnSourcePopup == 'user' ){
|
| 1250 |
+
self.selectedSourcesPopup = self.createSourcesArray(self.selectedSourcesUser);
|
| 1251 |
+
}
|
| 1252 |
+
self.activateView('sourcesListPopup');
|
| 1253 |
+
if( self.customizerFeedData ){
|
| 1254 |
+
self.activateView('feedtypesCustomizerPopup');
|
| 1255 |
+
}
|
| 1256 |
+
},
|
| 1257 |
+
|
| 1258 |
+
//Check if source is Disabled POPUP
|
| 1259 |
+
checkSourceDisabledPopup : function(source){
|
| 1260 |
+
var self = this;
|
| 1261 |
+
return (source.account_type == 'personal' && self.feedTypeOnSourcePopup == 'tagged');
|
| 1262 |
+
},
|
| 1263 |
+
|
| 1264 |
+
//Source Active POPUP
|
| 1265 |
+
isSourceSelectActivePopup : function(source){
|
| 1266 |
+
var self = this;
|
| 1267 |
+
if(self.selectedSourcesPopup.includes(source.account_id)){
|
| 1268 |
+
return (source.account_type != 'personal' && self.feedTypeOnSourcePopup == 'tagged') || self.feedTypeOnSourcePopup == 'user';
|
| 1269 |
+
}
|
| 1270 |
+
return false;
|
| 1271 |
+
},
|
| 1272 |
+
|
| 1273 |
+
//Select Sources POPUP
|
| 1274 |
+
selectSourcePopup : function( source ){
|
| 1275 |
+
var self = this;
|
| 1276 |
+
if( (source.account_type != 'personal' && self.feedTypeOnSourcePopup == 'tagged') || self.feedTypeOnSourcePopup == 'user' ){
|
| 1277 |
+
if(self.selectedSourcesPopup.includes(source.account_id)){
|
| 1278 |
+
self.selectedSourcesPopup.splice(self.selectedSourcesPopup.indexOf(source.account_id), 1);
|
| 1279 |
+
}else{
|
| 1280 |
+
self.selectedSourcesPopup.push(source.account_id);
|
| 1281 |
+
}
|
| 1282 |
+
}
|
| 1283 |
+
},
|
| 1284 |
+
|
| 1285 |
+
//Return Choosed Feed Type
|
| 1286 |
+
returnSelectedSourcesByType : function( feedType ){
|
| 1287 |
+
var self = this,
|
| 1288 |
+
sourcesListByType = [];
|
| 1289 |
+
if( feedType == 'user' ){
|
| 1290 |
+
sourcesListByType = self.sourcesList.filter(function(source){
|
| 1291 |
+
return ( self.customizerFeedData ) ? self.selectedSourcesUserPopup.includes(source.account_id) : self.selectedSourcesUser.includes(source.account_id);
|
| 1292 |
+
});
|
| 1293 |
+
}else if( feedType == 'tagged' ){
|
| 1294 |
+
sourcesListByType = self.sourcesList.filter(function(source){
|
| 1295 |
+
return ( self.customizerFeedData ) ? self.selectedSourcesTaggedPopup.includes(source.account_id) : self.selectedSourcesTagged.includes(source.account_id);
|
| 1296 |
+
});
|
| 1297 |
+
}
|
| 1298 |
+
return sourcesListByType;
|
| 1299 |
+
},
|
| 1300 |
+
|
| 1301 |
+
|
| 1302 |
+
|
| 1303 |
+
/*
|
| 1304 |
+
Return Selected Sources / Hashtags
|
| 1305 |
+
on The Customizer Control
|
| 1306 |
+
*/
|
| 1307 |
+
returnSelectedSourcesByTypeCustomizer : function( feedType ){
|
| 1308 |
+
var self = this;
|
| 1309 |
+
return feedType == 'lists' ? self.selectedFeedModel.listsObject : self.selectedFeedModel[feedType].split(',');
|
| 1310 |
+
},
|
| 1311 |
+
|
| 1312 |
+
|
| 1313 |
+
//Check if source are Array
|
| 1314 |
+
createSourcesArray : function( element ){
|
| 1315 |
+
if(Array.isArray(element) && element.length == 1 && !this.checkNotEmpty(element[0]) ){
|
| 1316 |
+
return [];
|
| 1317 |
+
}
|
| 1318 |
+
return Array.isArray(element) ? Array.from(element) : Array.from( element.split(',') );
|
| 1319 |
+
},
|
| 1320 |
+
|
| 1321 |
+
// Add Source to Feed Type
|
| 1322 |
+
addSourceToFeedType : function(){
|
| 1323 |
+
var self = this;
|
| 1324 |
+
if( self.feedTypeOnSourcePopup == 'tagged' ){
|
| 1325 |
+
if(!self.customizerFeedData){
|
| 1326 |
+
self.selectedSourcesTagged = self.createSourcesArray(self.selectedSourcesPopup);
|
| 1327 |
+
self.selectedSourcesTaggedPopup = self.createSourcesArray(self.selectedSourcesTagged);
|
| 1328 |
+
}else{
|
| 1329 |
+
self.selectedSourcesTaggedPopup = self.createSourcesArray(self.selectedSourcesPopup);
|
| 1330 |
+
}
|
| 1331 |
+
}else if( self.feedTypeOnSourcePopup == 'user' ){
|
| 1332 |
+
if(!self.customizerFeedData){
|
| 1333 |
+
self.selectedSourcesUser = self.createSourcesArray(self.selectedSourcesPopup);
|
| 1334 |
+
self.selectedSourcesUserPopup = self.createSourcesArray(self.selectedSourcesUser);
|
| 1335 |
+
}else{
|
| 1336 |
+
self.selectedSourcesUserPopup = self.createSourcesArray(self.selectedSourcesPopup);
|
| 1337 |
+
}
|
| 1338 |
+
}
|
| 1339 |
+
self.activateView('sourcesListPopup');
|
| 1340 |
+
if( self.customizerFeedData ){
|
| 1341 |
+
self.activateView('feedtypesCustomizerPopup');
|
| 1342 |
+
}
|
| 1343 |
+
},
|
| 1344 |
+
|
| 1345 |
+
//Detect Hashtag Writing
|
| 1346 |
+
hashtagWriteDetectPopup : function(isProcess = false){
|
| 1347 |
+
var self = this,
|
| 1348 |
+
target = window.event;
|
| 1349 |
+
if(target.keyCode == 188 || isProcess == true){
|
| 1350 |
+
self.hashtagInputText = self.hashtagInputText.replace(',','');
|
| 1351 |
+
if(self.checkNotEmpty(self.hashtagInputText)){
|
| 1352 |
+
if(self.hashtagInputText[0] !== '#'){
|
| 1353 |
+
self.hashtagInputText = '#' + self.hashtagInputText;
|
| 1354 |
+
}
|
| 1355 |
+
self.selectedHastagsPopup = self.createSourcesArray(self.selectedHastagsPopup);
|
| 1356 |
+
self.selectedHastagsPopup.push(self.hashtagInputText);
|
| 1357 |
+
}
|
| 1358 |
+
self.hashtagInputText = '';
|
| 1359 |
+
}
|
| 1360 |
+
},
|
| 1361 |
+
|
| 1362 |
+
//Detect Hashtag Writing
|
| 1363 |
+
hashtagWriteDetect : function(isProcess = false){
|
| 1364 |
+
var self = this,
|
| 1365 |
+
target = window.event;
|
| 1366 |
+
if(target.keyCode == 188 || isProcess == true){
|
| 1367 |
+
self.hashtagInputText = self.hashtagInputText.replace(',','');
|
| 1368 |
+
if(self.checkNotEmpty(self.hashtagInputText)){
|
| 1369 |
+
if(self.hashtagInputText[0] !== '#'){
|
| 1370 |
+
self.hashtagInputText = '#' + self.hashtagInputText;
|
| 1371 |
+
}
|
| 1372 |
+
self.selectedHastags = self.createSourcesArray(self.selectedHastags);
|
| 1373 |
+
self.selectedHastags.push(self.hashtagInputText);
|
| 1374 |
+
self.selectedHastagsPopup = self.createSourcesArray(self.selectedHastags);
|
| 1375 |
+
}
|
| 1376 |
+
self.hashtagInputText = '';
|
| 1377 |
+
}
|
| 1378 |
+
},
|
| 1379 |
+
|
| 1380 |
+
//Remove Hashtag from List
|
| 1381 |
+
removeHashtag : function(hashtag){
|
| 1382 |
+
var self = this;
|
| 1383 |
+
if( self.customizerFeedData ){
|
| 1384 |
+
self.selectedHastagsPopup.splice(self.selectedHastagsPopup.indexOf(hashtag), 1);
|
| 1385 |
+
}else{
|
| 1386 |
+
self.selectedHastags.splice(self.selectedHastags.indexOf(hashtag), 1);
|
| 1387 |
+
}
|
| 1388 |
+
},
|
| 1389 |
+
|
| 1390 |
+
|
| 1391 |
+
|
| 1392 |
+
processDomList : function(selector, attributes){
|
| 1393 |
+
document.querySelectorAll(selector).forEach( function(element) {
|
| 1394 |
+
attributes.map( function(attrName) {
|
| 1395 |
+
element.setAttribute(attrName[0], attrName[1]);
|
| 1396 |
+
});
|
| 1397 |
+
});
|
| 1398 |
+
},
|
| 1399 |
+
openTooltipBig : function(){
|
| 1400 |
+
var self = this, elem = window.event.currentTarget;
|
| 1401 |
+
self.processDomList('.ctf-fb-onbrd-tltp-elem', [['data-active', 'false']]);
|
| 1402 |
+
elem.querySelector('.ctf-fb-onbrd-tltp-elem').setAttribute('data-active', 'true');
|
| 1403 |
+
ctfBuilder.$forceUpdate();
|
| 1404 |
+
},
|
| 1405 |
+
closeTooltipBig : function(){
|
| 1406 |
+
var self = this;
|
| 1407 |
+
self.processDomList('.ctf-fb-onbrd-tltp-elem', [['data-active', 'false']]);
|
| 1408 |
+
window.event.stopPropagation();
|
| 1409 |
+
ctfBuilder.$forceUpdate();
|
| 1410 |
+
},
|
| 1411 |
+
|
| 1412 |
+
/*
|
| 1413 |
+
FEEDS List Actions
|
| 1414 |
+
*/
|
| 1415 |
+
|
| 1416 |
+
/**
|
| 1417 |
+
* Switch Bulk Action
|
| 1418 |
+
*
|
| 1419 |
+
* @since 2.0
|
| 1420 |
+
*/
|
| 1421 |
+
bulkActionClick : function(){
|
| 1422 |
+
var self = this;
|
| 1423 |
+
switch (self.selectedBulkAction) {
|
| 1424 |
+
case 'delete':
|
| 1425 |
+
if(self.feedsSelected.length > 0){
|
| 1426 |
+
self.openDialogBox('deleteMultipleFeeds')
|
| 1427 |
+
}
|
| 1428 |
+
break;
|
| 1429 |
+
}
|
| 1430 |
+
ctfBuilder.$forceUpdate();
|
| 1431 |
+
},
|
| 1432 |
+
|
| 1433 |
+
/**
|
| 1434 |
+
* Duplicate Feed
|
| 1435 |
+
*
|
| 1436 |
+
* @since 2.0
|
| 1437 |
+
*/
|
| 1438 |
+
feedActionDuplicate : function(feed){
|
| 1439 |
+
var self = this,
|
| 1440 |
+
feedsDuplicateData = {
|
| 1441 |
+
action : 'ctf_feed_saver_manager_duplicate_feed',
|
| 1442 |
+
feed_id : feed.id
|
| 1443 |
+
};
|
| 1444 |
+
self.ajaxPost(feedsDuplicateData, function(_ref){
|
| 1445 |
+
var data = _ref.data;
|
| 1446 |
+
self.feedsList = Object.values(Object.assign({}, data));
|
| 1447 |
+
//self.feedsList = data;
|
| 1448 |
+
});
|
| 1449 |
+
ctfBuilder.$forceUpdate();
|
| 1450 |
+
},
|
| 1451 |
+
|
| 1452 |
+
/**
|
| 1453 |
+
* Delete Feed
|
| 1454 |
+
*
|
| 1455 |
+
* @since 2.0
|
| 1456 |
+
*/
|
| 1457 |
+
feedActionDelete : function(feeds_ids){
|
| 1458 |
+
var self = this,
|
| 1459 |
+
feedsDeleteData = {
|
| 1460 |
+
action : 'ctf_feed_saver_manager_delete_feeds',
|
| 1461 |
+
feeds_ids : feeds_ids
|
| 1462 |
+
};
|
| 1463 |
+
self.ajaxPost(feedsDeleteData, function(_ref){
|
| 1464 |
+
var data = _ref.data;
|
| 1465 |
+
self.feedsList = Object.values(Object.assign({}, data));
|
| 1466 |
+
self.feedsSelected = [];
|
| 1467 |
+
});
|
| 1468 |
+
},
|
| 1469 |
+
|
| 1470 |
+
/**
|
| 1471 |
+
* View Feed Instances
|
| 1472 |
+
*
|
| 1473 |
+
* @since 2.0
|
| 1474 |
+
*/
|
| 1475 |
+
viewFeedInstances : function(feed){
|
| 1476 |
+
var self = this;
|
| 1477 |
+
self.viewsActive.instanceFeedActive = feed;
|
| 1478 |
+
self.movePopUp();
|
| 1479 |
+
ctfBuilder.$forceUpdate();
|
| 1480 |
+
},
|
| 1481 |
+
|
| 1482 |
+
/**
|
| 1483 |
+
* Select All Feeds in List
|
| 1484 |
+
*
|
| 1485 |
+
* @since 2.0
|
| 1486 |
+
*/
|
| 1487 |
+
selectAllFeedCheckBox : function(){
|
| 1488 |
+
var self = this;
|
| 1489 |
+
if( !self.checkAllFeedsActive() ){
|
| 1490 |
+
self.feedsSelected = [];
|
| 1491 |
+
self.feedsList.forEach( function(feed) {
|
| 1492 |
+
self.feedsSelected.push(feed.id);
|
| 1493 |
+
});
|
| 1494 |
+
}else{
|
| 1495 |
+
self.feedsSelected = [];
|
| 1496 |
+
}
|
| 1497 |
+
|
| 1498 |
+
},
|
| 1499 |
+
|
| 1500 |
+
/**
|
| 1501 |
+
* Select Single Feed in List
|
| 1502 |
+
*
|
| 1503 |
+
* @since 2.0
|
| 1504 |
+
*/
|
| 1505 |
+
selectFeedCheckBox : function(feedID){
|
| 1506 |
+
if(this.feedsSelected.includes(feedID)){
|
| 1507 |
+
this.feedsSelected.splice(this.feedsSelected.indexOf(feedID),1);
|
| 1508 |
+
}else{
|
| 1509 |
+
this.feedsSelected.push(feedID);
|
| 1510 |
+
}
|
| 1511 |
+
ctfBuilder.$forceUpdate();
|
| 1512 |
+
},
|
| 1513 |
+
|
| 1514 |
+
/**
|
| 1515 |
+
* Check if All Feeds are Selected
|
| 1516 |
+
*
|
| 1517 |
+
* @since 2.0
|
| 1518 |
+
*/
|
| 1519 |
+
checkAllFeedsActive : function(){
|
| 1520 |
+
var self = this,
|
| 1521 |
+
result = true;
|
| 1522 |
+
self.feedsList.forEach( function(feed) {
|
| 1523 |
+
if(!self.feedsSelected.includes(feed.id)){
|
| 1524 |
+
result = false;
|
| 1525 |
+
}
|
| 1526 |
+
});
|
| 1527 |
+
|
| 1528 |
+
return result;
|
| 1529 |
+
},
|
| 1530 |
+
|
| 1531 |
+
|
| 1532 |
+
/**
|
| 1533 |
+
* Copy text to clipboard
|
| 1534 |
+
*
|
| 1535 |
+
* @since 2.0
|
| 1536 |
+
*/
|
| 1537 |
+
copyToClipBoard : function(value){
|
| 1538 |
+
var self = this;
|
| 1539 |
+
const el = document.createElement('textarea');
|
| 1540 |
+
el.className = 'ctf-fb-cp-clpboard';
|
| 1541 |
+
el.value = value;
|
| 1542 |
+
document.body.appendChild(el);
|
| 1543 |
+
el.select();
|
| 1544 |
+
document.execCommand('copy');
|
| 1545 |
+
document.body.removeChild(el);
|
| 1546 |
+
self.notificationElement = {
|
| 1547 |
+
type : 'success',
|
| 1548 |
+
text : this.genericText.copiedClipboard,
|
| 1549 |
+
shown : "shown"
|
| 1550 |
+
};
|
| 1551 |
+
setTimeout(function(){
|
| 1552 |
+
self.notificationElement.shown = "hidden";
|
| 1553 |
+
}, 3000);
|
| 1554 |
+
ctfBuilder.$forceUpdate();
|
| 1555 |
+
},
|
| 1556 |
+
|
| 1557 |
+
/*-------------------------------------------
|
| 1558 |
+
CUSTOMIZER FUNCTIONS
|
| 1559 |
+
-------------------------------------------*/
|
| 1560 |
+
/**
|
| 1561 |
+
* HighLight Section
|
| 1562 |
+
*
|
| 1563 |
+
* @since 2.0
|
| 1564 |
+
*/
|
| 1565 |
+
isSectionHighLighted : function(sectionName){
|
| 1566 |
+
var self = this;
|
| 1567 |
+
return (self.highLightedSection === sectionName || self.highLightedSection === 'all')
|
| 1568 |
+
},
|
| 1569 |
+
|
| 1570 |
+
/**
|
| 1571 |
+
* Enable HightLight Section
|
| 1572 |
+
*
|
| 1573 |
+
* @since 2.0
|
| 1574 |
+
*/
|
| 1575 |
+
enableHighLightSection : function(sectionId){
|
| 1576 |
+
var self = this,
|
| 1577 |
+
listPostSection = ['customize_feedlayout', 'customize_colorscheme', 'customize_posts','post_style','individual_elements'],
|
| 1578 |
+
headerSection = ['customize_header'],
|
| 1579 |
+
likeBoxSection = ['customize_likebox'],
|
| 1580 |
+
loadeMoreSection = ['customize_loadmorebutton'],
|
| 1581 |
+
domBody = document.getElementsByTagName("body")[0];
|
| 1582 |
+
|
| 1583 |
+
domBody.classList.remove("no-overflow");
|
| 1584 |
+
|
| 1585 |
+
if( listPostSection.includes(sectionId) ){
|
| 1586 |
+
self.highLightedSection = 'postList';
|
| 1587 |
+
self.scrollToHighLightedSection("ctf-tweet-items");
|
| 1588 |
+
}else if( headerSection.includes(sectionId) ){
|
| 1589 |
+
self.highLightedSection = 'header';
|
| 1590 |
+
self.scrollToHighLightedSection("ctf-header");
|
| 1591 |
+
}else if( loadeMoreSection.includes(sectionId) ){
|
| 1592 |
+
self.highLightedSection = 'loadMore';
|
| 1593 |
+
self.scrollToHighLightedSection("ctf-more");
|
| 1594 |
+
}else{
|
| 1595 |
+
self.highLightedSection = 'all';
|
| 1596 |
+
domBody.classList.remove("no-overflow");
|
| 1597 |
+
}
|
| 1598 |
+
},
|
| 1599 |
+
|
| 1600 |
+
|
| 1601 |
+
/**
|
| 1602 |
+
* Scroll to Highlighted Section
|
| 1603 |
+
*
|
| 1604 |
+
* @since 2.0
|
| 1605 |
+
*/
|
| 1606 |
+
scrollToHighLightedSection : function(sectionId){
|
| 1607 |
+
const element = document.getElementById(sectionId) !== undefined && document.getElementById(sectionId) !== null ?
|
| 1608 |
+
document.getElementById(sectionId) :
|
| 1609 |
+
( document.getElementsByClassName(sectionId)[0] !== undefined && document.getElementsByClassName(sectionId)[0] !== null ? document.getElementsByClassName(sectionId)[0] : null );
|
| 1610 |
+
|
| 1611 |
+
|
| 1612 |
+
if(element != undefined && element != null){
|
| 1613 |
+
const y = element.getBoundingClientRect().top - 120 + window.pageYOffset - 10;
|
| 1614 |
+
window.scrollTo({top: y, behavior: 'smooth'});
|
| 1615 |
+
}
|
| 1616 |
+
},
|
| 1617 |
+
|
| 1618 |
+
/**
|
| 1619 |
+
* Enable & Show Color Picker
|
| 1620 |
+
*
|
| 1621 |
+
* @since 2.0
|
| 1622 |
+
*/
|
| 1623 |
+
showColorPickerPospup : function(controlId){
|
| 1624 |
+
this.customizerScreens.activeColorPicker = controlId;
|
| 1625 |
+
},
|
| 1626 |
+
|
| 1627 |
+
/**
|
| 1628 |
+
* Hide Color Picker
|
| 1629 |
+
*
|
| 1630 |
+
* @since 2.0
|
| 1631 |
+
*/
|
| 1632 |
+
hideColorPickerPospup : function(){
|
| 1633 |
+
this.customizerScreens.activeColorPicker = null;
|
| 1634 |
+
},
|
| 1635 |
+
|
| 1636 |
+
switchCustomizerPreviewDevice : function(previewScreen){
|
| 1637 |
+
var self = this;
|
| 1638 |
+
self.customizerScreens.previewScreen = previewScreen;
|
| 1639 |
+
self.loadingBar = true;
|
| 1640 |
+
setTimeout(function(){
|
| 1641 |
+
self.setShortcodeGlobalSettings(true);
|
| 1642 |
+
self.loadingBar = false;
|
| 1643 |
+
},200)
|
| 1644 |
+
ctfBuilder.$forceUpdate();
|
| 1645 |
+
},
|
| 1646 |
+
switchCustomizerTab : function(tabId){
|
| 1647 |
+
var self = this,
|
| 1648 |
+
domBody = document.getElementsByTagName("body")[0];
|
| 1649 |
+
self.customizerScreens.activeTab = tabId;
|
| 1650 |
+
self.customizerScreens.activeSection = null;
|
| 1651 |
+
self.customizerScreens.activeSectionData = null;
|
| 1652 |
+
self.highLightedSection = 'all';
|
| 1653 |
+
self.dummyLightBoxScreen = false;
|
| 1654 |
+
domBody.classList.remove("no-overflow");
|
| 1655 |
+
ctfBuilder.$forceUpdate();
|
| 1656 |
+
},
|
| 1657 |
+
switchCustomizerSection : function(sectionId, section, isNested = false, isBackElements){
|
| 1658 |
+
var self = this;
|
| 1659 |
+
self.customizerScreens.parentActiveSection = null;
|
| 1660 |
+
self.customizerScreens.parentActiveSectionData = null;
|
| 1661 |
+
if(isNested){
|
| 1662 |
+
self.customizerScreens.parentActiveSection = self.customizerScreens.activeSection;
|
| 1663 |
+
self.customizerScreens.parentActiveSectionData = self.customizerScreens.activeSectionData;
|
| 1664 |
+
}
|
| 1665 |
+
self.customizerScreens.activeSection = sectionId;
|
| 1666 |
+
self.customizerScreens.activeSectionData = section;
|
| 1667 |
+
if(!isBackElements){
|
| 1668 |
+
self.enableHighLightSection(sectionId);
|
| 1669 |
+
}
|
| 1670 |
+
ctfBuilder.$forceUpdate();
|
| 1671 |
+
},
|
| 1672 |
+
switchNestedSection : function(sectionId, section){
|
| 1673 |
+
var self = this;
|
| 1674 |
+
if(section !== null){
|
| 1675 |
+
self.customizerScreens.activeSection = sectionId;
|
| 1676 |
+
self.customizerScreens.activeSectionData = section;
|
| 1677 |
+
}else{
|
| 1678 |
+
var sectionArray = sectionId['sections'];
|
| 1679 |
+
var elementSectionData = self.customizerSidebarBuilder;
|
| 1680 |
+
|
| 1681 |
+
sectionArray.map(function(elm, index){
|
| 1682 |
+
elementSectionData = (elementSectionData[elm] != undefined && elementSectionData[elm] != null) ? elementSectionData[elm] : null;
|
| 1683 |
+
});
|
| 1684 |
+
if(elementSectionData != null){
|
| 1685 |
+
self.customizerScreens.activeSection = sectionId['id'];
|
| 1686 |
+
self.customizerScreens.activeSectionData = elementSectionData;
|
| 1687 |
+
}
|
| 1688 |
+
}
|
| 1689 |
+
ctfBuilder.$forceUpdate();
|
| 1690 |
+
},
|
| 1691 |
+
backToPostElements : function(){
|
| 1692 |
+
var self = this,
|
| 1693 |
+
individual_elements = self.customizerSidebarBuilder['customize'].sections.customize_posts.nested_sections.individual_elements;
|
| 1694 |
+
self.customizerScreens.activeSection = 'customize_posts';
|
| 1695 |
+
self.customizerScreens.activeSectionData= self.customizerSidebarBuilder['customize'].sections.customize_posts;
|
| 1696 |
+
self.switchCustomizerSection('individual_elements', individual_elements, true, true);
|
| 1697 |
+
ctfBuilder.$forceUpdate();
|
| 1698 |
+
|
| 1699 |
+
},
|
| 1700 |
+
|
| 1701 |
+
changeSettingValue : function(settingID, value, doProcess = true, ajaxAction = false) {
|
| 1702 |
+
var self = this;
|
| 1703 |
+
if(Object.keys(self.inActiveExtensions).includes(settingID)){
|
| 1704 |
+
self.viewsActive.extensionsPopupElement = self.inActiveExtensions[settingID];
|
| 1705 |
+
}else{
|
| 1706 |
+
if(doProcess){
|
| 1707 |
+
self.customizerFeedData.settings[settingID] = value;
|
| 1708 |
+
}
|
| 1709 |
+
if(ajaxAction !== false){
|
| 1710 |
+
self.customizerControlAjaxAction(ajaxAction, settingID);
|
| 1711 |
+
}
|
| 1712 |
+
if(settingID === 'num' && !self.checkNotEmpty(self.customizerFeedData.settings[settingID])){
|
| 1713 |
+
self.customizerFeedData.settings[settingID] = 1;
|
| 1714 |
+
}
|
| 1715 |
+
self.regenerateLayout(settingID);
|
| 1716 |
+
}
|
| 1717 |
+
},
|
| 1718 |
+
|
| 1719 |
+
//Shortcode Global Layout Settings
|
| 1720 |
+
regenerateLayout : function(settingID) {
|
| 1721 |
+
var self = this,
|
| 1722 |
+
regenerateFeedHTML = [
|
| 1723 |
+
'layout'
|
| 1724 |
+
],
|
| 1725 |
+
relayoutFeed = [
|
| 1726 |
+
'layout',
|
| 1727 |
+
'masonrycols',
|
| 1728 |
+
'masonrytabletcols',
|
| 1729 |
+
'masonrymobilecols',
|
| 1730 |
+
];
|
| 1731 |
+
if( relayoutFeed.includes( settingID ) ){
|
| 1732 |
+
setTimeout(function(){
|
| 1733 |
+
self.setShortcodeGlobalSettings(true);
|
| 1734 |
+
}, 10)
|
| 1735 |
+
}
|
| 1736 |
+
|
| 1737 |
+
},
|
| 1738 |
+
|
| 1739 |
+
|
| 1740 |
+
//Get Customizer Additional CSS Classes
|
| 1741 |
+
getAdditionalCustomizerClasses : function(){
|
| 1742 |
+
var self = this,
|
| 1743 |
+
additionalCssClasses = '';
|
| 1744 |
+
return additionalCssClasses;
|
| 1745 |
+
},
|
| 1746 |
+
|
| 1747 |
+
//Shortcode Global Layout Settings
|
| 1748 |
+
setShortcodeGlobalSettings : function(flyPreview = false){
|
| 1749 |
+
var self = this,
|
| 1750 |
+
customizerSettings = self.customizerFeedData.settings;
|
| 1751 |
+
if( flyPreview === true ){
|
| 1752 |
+
window.ctf_init()
|
| 1753 |
+
}
|
| 1754 |
+
jQuery('body').find('.ctf-tweet-media').click(function(event){
|
| 1755 |
+
if( !self.valueIsEnabled( self.customizerFeedData.settings.disablelightbox ) ){
|
| 1756 |
+
self.dummyLightBoxScreen = true;
|
| 1757 |
+
event.preventDefault();
|
| 1758 |
+
}
|
| 1759 |
+
})
|
| 1760 |
+
jQuery('body').find('.ctf-more').unbind('click')
|
| 1761 |
+
},
|
| 1762 |
+
|
| 1763 |
+
detroyCarousel : function(){
|
| 1764 |
+
var self = this,
|
| 1765 |
+
customizerSettings = self.customizerFeedData.settings;
|
| 1766 |
+
},
|
| 1767 |
+
|
| 1768 |
+
|
| 1769 |
+
//Get feed Containes Classes
|
| 1770 |
+
getFeedClasses : function(){
|
| 1771 |
+
var self = this,
|
| 1772 |
+
customizerSettings = self.customizerFeedData.settings,
|
| 1773 |
+
feedClasses = 'ctf';
|
| 1774 |
+
feedClasses += ' ctf-type-' + customizerSettings.type;
|
| 1775 |
+
feedClasses += ' ctf-' + customizerSettings.layout;
|
| 1776 |
+
feedClasses += ' ctf-styles ' + customizerSettings.class;
|
| 1777 |
+
feedClasses += ' ctf-feed-' + self.customizerFeedData.feed_info.id;
|
| 1778 |
+
feedClasses += (customizerSettings.tweetpoststyle != undefined) ? ' ctf-' + customizerSettings.tweetpoststyle + '-style' : '';
|
| 1779 |
+
feedClasses += self.checkNotEmpty( customizerSettings.height ) && customizerSettings.height != 0 ? ' ctf-fixed-height' : '';
|
| 1780 |
+
feedClasses += self.valueIsEnabled( customizerSettings.autoscroll ) ? ' ctf-autoscroll' : '';
|
| 1781 |
+
feedClasses += self.valueIsEnabled( customizerSettings.persistentcache ) ? ' ctf-persistent' : '';
|
| 1782 |
+
feedClasses += customizerSettings.font_method === 'fontfile' ? ' ctf-fontfile' : '';
|
| 1783 |
+
if(customizerSettings.layout === 'masonry'){
|
| 1784 |
+
feedClasses += ' masonry-' + customizerSettings.masonrycols + '-desktop';
|
| 1785 |
+
feedClasses += ' masonry-' + customizerSettings.masonrytabletcols + '-tablet';
|
| 1786 |
+
feedClasses += ' masonry-' + customizerSettings.masonrymobilecols + '-mobile';
|
| 1787 |
+
}
|
| 1788 |
+
feedClasses += self.getPaletteClass();
|
| 1789 |
+
|
| 1790 |
+
return feedClasses;
|
| 1791 |
+
},
|
| 1792 |
+
|
| 1793 |
+
/**
|
| 1794 |
+
* Get Feed Preview Global CSS Class
|
| 1795 |
+
*
|
| 1796 |
+
* @since 2.0
|
| 1797 |
+
* @return String
|
| 1798 |
+
*/
|
| 1799 |
+
getPaletteClass : function(context = ''){
|
| 1800 |
+
var self = this,
|
| 1801 |
+
colorPalette = self.customizerFeedData.settings.colorpalette;
|
| 1802 |
+
|
| 1803 |
+
if(self.checkNotEmpty( colorPalette )){
|
| 1804 |
+
var feedID = colorPalette === 'custom' ? ('_' + self.customizerFeedData.feed_info.id) : '';
|
| 1805 |
+
return colorPalette !== 'inherit' ? ' ctf' + context + '_palette_' + colorPalette + feedID : '';
|
| 1806 |
+
}
|
| 1807 |
+
return '';
|
| 1808 |
+
},
|
| 1809 |
+
//Get Number of Columns depending on the Preview Screen
|
| 1810 |
+
getColsPreviewScreen : function(){
|
| 1811 |
+
var self = this,
|
| 1812 |
+
customizerSettings = self.customizerFeedData.settings;
|
| 1813 |
+
|
| 1814 |
+
if(customizerSettings.layout === 'masonry' || customizerSettings.layout === 'carousel'){
|
| 1815 |
+
switch (self.customizerScreens.previewScreen) {
|
| 1816 |
+
case 'mobile':
|
| 1817 |
+
return customizerSettings.layout === 'masonry' ? customizerSettings.masonrymobilecols : customizerSettings.carouselmobilecols;
|
| 1818 |
+
break;
|
| 1819 |
+
case 'tablet':
|
| 1820 |
+
return customizerSettings.layout === 'masonry' ? customizerSettings.masonrytabletcols : customizerSettings.carouseltabletcols;
|
| 1821 |
+
break;
|
| 1822 |
+
default:
|
| 1823 |
+
return customizerSettings.layout === 'masonry' ? customizerSettings.masonrycols : customizerSettings.carouselcols;
|
| 1824 |
+
break;
|
| 1825 |
+
}
|
| 1826 |
+
}
|
| 1827 |
+
return false;
|
| 1828 |
+
},
|
| 1829 |
+
|
| 1830 |
+
//Tablet Cols Classes
|
| 1831 |
+
getTabletColsClass : function(){
|
| 1832 |
+
var self = this,
|
| 1833 |
+
customizerSettings = self.customizerFeedData.settings;
|
| 1834 |
+
|
| 1835 |
+
return ' ctf_tab_col_' + parseInt( customizerSettings.colstablet );
|
| 1836 |
+
},
|
| 1837 |
+
|
| 1838 |
+
//Mobile Cols Classes
|
| 1839 |
+
getMobileColsClass : function(){
|
| 1840 |
+
var self = this,
|
| 1841 |
+
customizerSettings = self.customizerFeedData.settings,
|
| 1842 |
+
disableMobile = self.valueIsEnabled( customizerSettings.disablemobile );
|
| 1843 |
+
|
| 1844 |
+
if(disableMobile === 'false') disableMobile = '';
|
| 1845 |
+
|
| 1846 |
+
if ( disableMobile !== ' ctf_disable_mobile' && customizerSettings.colsmobile !== 'same' ) {
|
| 1847 |
+
var colsmobile = parseInt( customizerSettings.colsmobile ) > 0 ? parseInt( customizerSettings.colsmobile ) : 'auto';
|
| 1848 |
+
return ' ctf_mob_col_' + colsmobile;
|
| 1849 |
+
}else{
|
| 1850 |
+
var colsmobile = parseInt( customizerSettings.cols ) > 0 ? parseInt( customizerSettings.cols ) : 4;
|
| 1851 |
+
return ' ctf_disable_mobile ctf_mob_col_' + parseInt( customizerSettings.cols );
|
| 1852 |
+
|
| 1853 |
+
}
|
| 1854 |
+
},
|
| 1855 |
+
|
| 1856 |
+
//Header Classes
|
| 1857 |
+
getHeaderClass : function( headerType ){
|
| 1858 |
+
var self = this,
|
| 1859 |
+
customizerSettings = self.customizerFeedData.settings,
|
| 1860 |
+
headerClasses = 'sb_instagram_header ';
|
| 1861 |
+
|
| 1862 |
+
headerClasses += 'ctf_feed_type_'+ customizerSettings['type'];
|
| 1863 |
+
headerClasses += customizerSettings['headerstyle'] === 'centered' && headerType === 'normal' ? ' ctf_centered' : '';
|
| 1864 |
+
headerClasses += ['medium', 'large'].includes(customizerSettings['headersize']) ? ' ctf_' + customizerSettings['headersize'] : '';
|
| 1865 |
+
headerClasses += headerType === 'boxed' ? ' ctf_header_style_boxed' : '';
|
| 1866 |
+
headerClasses += self.getHeaderAvatar() === false ? ' ctf_no_avatar' : '';
|
| 1867 |
+
headerClasses += self.getPaletteClass('_header');
|
| 1868 |
+
return headerClasses;
|
| 1869 |
+
},
|
| 1870 |
+
|
| 1871 |
+
//Header Name
|
| 1872 |
+
getHeaderName : function(){
|
| 1873 |
+
var self = this,
|
| 1874 |
+
headerData = self.customizerFeedData.headerData;
|
| 1875 |
+
if( self.hasOwnNestedProperty(headerData, 'name') && self.checkNotEmpty( headerData['name'] ) ){
|
| 1876 |
+
return headerData['name'];
|
| 1877 |
+
}else if( self.hasOwnNestedProperty(headerData, 'data.full_name') ){
|
| 1878 |
+
return headerData['data']['full_name'];
|
| 1879 |
+
}
|
| 1880 |
+
return self.getHeaderUserName();
|
| 1881 |
+
},
|
| 1882 |
+
|
| 1883 |
+
//Header User Name
|
| 1884 |
+
getHeaderUserName : function(){
|
| 1885 |
+
var self = this,
|
| 1886 |
+
headerData = self.customizerFeedData.headerData;
|
| 1887 |
+
if( self.hasOwnNestedProperty(headerData, 'username') && self.checkNotEmpty( headerData['username'] ) ){
|
| 1888 |
+
return headerData['username'];
|
| 1889 |
+
}else if( self.hasOwnNestedProperty(headerData, 'user.username') ){
|
| 1890 |
+
return headerData['user']['username'];
|
| 1891 |
+
}else if( self.hasOwnNestedProperty(headerData, 'data.username') ){
|
| 1892 |
+
return headerData['data']['username'];
|
| 1893 |
+
}
|
| 1894 |
+
return '';
|
| 1895 |
+
},
|
| 1896 |
+
|
| 1897 |
+
//Header Media Count
|
| 1898 |
+
getHeaderMediaCount : function(){
|
| 1899 |
+
var self = this,
|
| 1900 |
+
headerData = self.customizerFeedData.headerData;
|
| 1901 |
+
if( self.hasOwnNestedProperty(headerData, 'data.counts.media') ){
|
| 1902 |
+
return headerData['data']['counts']['media'];
|
| 1903 |
+
}else if( self.hasOwnNestedProperty(headerData, 'counts.media') ){
|
| 1904 |
+
return headerData['counts']['media'];
|
| 1905 |
+
}else if( self.hasOwnNestedProperty(headerData, 'media_count') ){
|
| 1906 |
+
return headerData['media_count'];
|
| 1907 |
+
}
|
| 1908 |
+
return '';
|
| 1909 |
+
},
|
| 1910 |
+
|
| 1911 |
+
//Header Followers Count
|
| 1912 |
+
getHeaderFollowersCount : function(){
|
| 1913 |
+
var self = this,
|
| 1914 |
+
headerData = self.customizerFeedData.headerData;
|
| 1915 |
+
if( self.hasOwnNestedProperty(headerData, 'data.counts.followed_by') ){
|
| 1916 |
+
return headerData['data']['counts']['followed_by'];
|
| 1917 |
+
}else if( self.hasOwnNestedProperty(headerData, 'counts.followed_by') ){
|
| 1918 |
+
return headerData['counts']['followed_by'];
|
| 1919 |
+
}else if( self.hasOwnNestedProperty(headerData, 'followers_count') ){
|
| 1920 |
+
return headerData['followers_count'];
|
| 1921 |
+
}
|
| 1922 |
+
return '';
|
| 1923 |
+
},
|
| 1924 |
+
|
| 1925 |
+
//Header Avatar
|
| 1926 |
+
getHeaderAvatar : function(){
|
| 1927 |
+
var self = this,
|
| 1928 |
+
customizerSettings = self.customizerFeedData.settings,
|
| 1929 |
+
headerData = self.customizerFeedData.headerData,
|
| 1930 |
+
header = self.customizerFeedData.header;
|
| 1931 |
+
if( self.checkNotEmpty( customizerSettings['customavatar'] ) ){
|
| 1932 |
+
return customizerSettings['customavatar'];
|
| 1933 |
+
}else if( headerData['local_avatar'] != false && self.checkNotEmpty( headerData['local_avatar'] ) ){
|
| 1934 |
+
return headerData['local_avatar'];
|
| 1935 |
+
}else if( header['local_avatar_url'] != false && self.checkNotEmpty( header['local_avatar_url'] ) ){
|
| 1936 |
+
return header['local_avatar_url'];
|
| 1937 |
+
}else{
|
| 1938 |
+
if( self.hasOwnNestedProperty(headerData, 'profile_picture') ){
|
| 1939 |
+
return headerData['profile_picture'];
|
| 1940 |
+
}else if( self.hasOwnNestedProperty(headerData, 'profile_picture_url') ){
|
| 1941 |
+
return headerData['profile_picture_url'];
|
| 1942 |
+
}else if( self.hasOwnNestedProperty(headerData, 'user.profile_picture') ){
|
| 1943 |
+
return headerData['user']['profile_picture'];
|
| 1944 |
+
}else if( self.hasOwnNestedProperty(headerData, 'data.profile_picture') ){
|
| 1945 |
+
return headerData['data']['profile_picture'];
|
| 1946 |
+
}
|
| 1947 |
+
}
|
| 1948 |
+
return false;
|
| 1949 |
+
},
|
| 1950 |
+
|
| 1951 |
+
//Header Bio
|
| 1952 |
+
getHeaderBio : function(){
|
| 1953 |
+
var self = this,
|
| 1954 |
+
customizerSettings = self.customizerFeedData.settings,
|
| 1955 |
+
headerData = self.customizerFeedData.headerData;
|
| 1956 |
+
|
| 1957 |
+
if( self.checkNotEmpty( customizerSettings['custombio'] ) ){
|
| 1958 |
+
return customizerSettings['custombio'];
|
| 1959 |
+
}else if( self.hasOwnNestedProperty(headerData, 'data.bio') ){
|
| 1960 |
+
return headerData['data']['bio'];
|
| 1961 |
+
}else if( self.hasOwnNestedProperty(headerData, 'bio') ){
|
| 1962 |
+
return headerData['bio'];
|
| 1963 |
+
}else if( self.hasOwnNestedProperty(headerData, 'biography') ){
|
| 1964 |
+
return headerData['biography'];
|
| 1965 |
+
}
|
| 1966 |
+
return '';
|
| 1967 |
+
},
|
| 1968 |
+
|
| 1969 |
+
|
| 1970 |
+
//Header Text Class
|
| 1971 |
+
getTextHeaderClass : function(){
|
| 1972 |
+
var self = this,
|
| 1973 |
+
customizerSettings = self.customizerFeedData.settings,
|
| 1974 |
+
headerData = self.customizerFeedData.headerData,
|
| 1975 |
+
headerClass = 'ctf_header_text ',
|
| 1976 |
+
shouldShowBio = self.checkNotEmpty( self.getHeaderBio() ) ? self.valueIsEnabled( customizerSettings['showbio'] ) : false,
|
| 1977 |
+
shouldShowInfo = shouldShowBio || self.valueIsEnabled( customizerSettings['showfollowers'] );
|
| 1978 |
+
headerClass += !shouldShowBio ? 'ctf_no_bio ' : '',
|
| 1979 |
+
headerClass += !shouldShowInfo ? 'ctf_no_info' : '';
|
| 1980 |
+
|
| 1981 |
+
return headerClass;
|
| 1982 |
+
},
|
| 1983 |
+
|
| 1984 |
+
//Get Story Delays
|
| 1985 |
+
getStoryDelays : function(){
|
| 1986 |
+
var self = this,
|
| 1987 |
+
customizerSettings = self.customizerFeedData.settings;
|
| 1988 |
+
return self.checkNotEmpty( customizerSettings['storiestime'] ) ? Math.max( 500, parseInt( customizerSettings['storiestime']) ) : 5000;
|
| 1989 |
+
},
|
| 1990 |
+
|
| 1991 |
+
//Get Story Data
|
| 1992 |
+
getStoryData : function(){
|
| 1993 |
+
var self = this,
|
| 1994 |
+
customizerSettings = self.customizerFeedData.settings,
|
| 1995 |
+
headerData = self.customizerFeedData.headerData;
|
| 1996 |
+
if( self.hasOwnNestedProperty(headerData, 'stories') && headerData.stories.length > 0 && self.valueIsEnabled( customizerSettings['stories'] ) ){
|
| 1997 |
+
return headerData['stories'];
|
| 1998 |
+
}
|
| 1999 |
+
return false;
|
| 2000 |
+
},
|
| 2001 |
+
|
| 2002 |
+
|
| 2003 |
+
//Image Chooser
|
| 2004 |
+
imageChooser : function( settingID ){
|
| 2005 |
+
var self = this;
|
| 2006 |
+
var uploader = wp.media({
|
| 2007 |
+
frame : 'post',
|
| 2008 |
+
title : 'Media Uploader',
|
| 2009 |
+
button:{text : 'Choose Media'},
|
| 2010 |
+
library: {type: 'image'},
|
| 2011 |
+
multiple: false
|
| 2012 |
+
}).on('close',function() {
|
| 2013 |
+
var selection = uploader.state().get('selection');
|
| 2014 |
+
if(selection.length != 0){
|
| 2015 |
+
attachment = selection.first().toJSON();
|
| 2016 |
+
self.customizerFeedData.settings[settingID] = attachment.url;
|
| 2017 |
+
}
|
| 2018 |
+
}).open();
|
| 2019 |
+
},
|
| 2020 |
+
|
| 2021 |
+
//Change Switcher Settings
|
| 2022 |
+
changeSwitcherSettingValue : function(settingID, onValue, offValue, ajaxAction = false) {
|
| 2023 |
+
var self = this;
|
| 2024 |
+
self.customizerFeedData.settings[settingID] = self.customizerFeedData.settings[settingID] == onValue ? offValue : onValue;
|
| 2025 |
+
if(ajaxAction !== false){
|
| 2026 |
+
self.customizerControlAjaxAction(ajaxAction);
|
| 2027 |
+
}
|
| 2028 |
+
self.regenerateLayout(settingID);
|
| 2029 |
+
},
|
| 2030 |
+
|
| 2031 |
+
//Checkbox List
|
| 2032 |
+
changeCheckboxListValue : function(settingID, value, ajaxAction = false){
|
| 2033 |
+
var self = this,
|
| 2034 |
+
settingValue = self.customizerFeedData.settings[settingID].split(',');
|
| 2035 |
+
if(!Array.isArray(settingValue)){
|
| 2036 |
+
settingValue = [settingValue];
|
| 2037 |
+
}
|
| 2038 |
+
if(settingValue.includes(value)){
|
| 2039 |
+
settingValue.splice(settingValue.indexOf(value),1);
|
| 2040 |
+
}else{
|
| 2041 |
+
settingValue.push(value);
|
| 2042 |
+
}
|
| 2043 |
+
self.customizerFeedData.settings[settingID] = settingValue.join(',');
|
| 2044 |
+
},
|
| 2045 |
+
|
| 2046 |
+
|
| 2047 |
+
//Section Checkbox
|
| 2048 |
+
changeCheckboxSectionValue : function(settingID, value, ajaxAction = false, checkBoxAction = false){
|
| 2049 |
+
var self = this;
|
| 2050 |
+
if(checkBoxAction !== false){
|
| 2051 |
+
self.customizerFeedData.settings[settingID] = self.customizerFeedData.settings[settingID] == checkBoxAction.options.enabled ? checkBoxAction.options.disabled : checkBoxAction.options.enabled;
|
| 2052 |
+
}else{
|
| 2053 |
+
var settingValue = self.customizerFeedData.settings[settingID];
|
| 2054 |
+
if(!Array.isArray(settingValue) && settingID == 'type'){
|
| 2055 |
+
settingValue = [settingValue];
|
| 2056 |
+
}
|
| 2057 |
+
if(settingValue.includes(value)){
|
| 2058 |
+
settingValue.splice(settingValue.indexOf(value),1);
|
| 2059 |
+
}else{
|
| 2060 |
+
settingValue.push(value);
|
| 2061 |
+
}
|
| 2062 |
+
if(settingID == 'type'){
|
| 2063 |
+
self.processFeedTypesSources( settingValue );
|
| 2064 |
+
}
|
| 2065 |
+
//settingValue = (settingValue.length == 1 && settingID == 'type') ? settingValue[0] : settingValue;
|
| 2066 |
+
self.customizerFeedData.settings[settingID] = settingValue;
|
| 2067 |
+
}
|
| 2068 |
+
|
| 2069 |
+
if(ajaxAction !== false){
|
| 2070 |
+
self.customizerControlAjaxAction(ajaxAction);
|
| 2071 |
+
}
|
| 2072 |
+
event.stopPropagation()
|
| 2073 |
+
|
| 2074 |
+
},
|
| 2075 |
+
checkboxSectionValueExists : function(settingID, value){
|
| 2076 |
+
var self = this;
|
| 2077 |
+
var settingValue = self.customizerFeedData.settings[settingID];
|
| 2078 |
+
return settingValue.includes(value) ? true : false;
|
| 2079 |
+
},
|
| 2080 |
+
|
| 2081 |
+
/**
|
| 2082 |
+
* Check Control Condition
|
| 2083 |
+
*
|
| 2084 |
+
* @since 2.0
|
| 2085 |
+
*/
|
| 2086 |
+
checkControlCondition : function(conditionsArray = [], checkExtensionActive = false, checkExtensionActiveDimmed = false){
|
| 2087 |
+
var self = this,
|
| 2088 |
+
isConditionTrue = 0;
|
| 2089 |
+
Object.keys(conditionsArray).map(function(condition, index){
|
| 2090 |
+
if(conditionsArray[condition].indexOf(self.customizerFeedData.settings[condition]) !== -1)
|
| 2091 |
+
isConditionTrue += 1
|
| 2092 |
+
});
|
| 2093 |
+
var extensionCondition = checkExtensionActive != undefined && checkExtensionActive != false ? self.checkExtensionActive(checkExtensionActive) : true,
|
| 2094 |
+
extensionCondition = checkExtensionActiveDimmed != undefined && checkExtensionActiveDimmed != false && !self.checkExtensionActive(checkExtensionActiveDimmed) ? false : extensionCondition;
|
| 2095 |
+
|
| 2096 |
+
return (isConditionTrue == Object.keys(conditionsArray).length) ? ( extensionCondition ) : false;
|
| 2097 |
+
},
|
| 2098 |
+
|
| 2099 |
+
/**
|
| 2100 |
+
* Check Color Override Condition
|
| 2101 |
+
*
|
| 2102 |
+
* @since 2.0
|
| 2103 |
+
*/
|
| 2104 |
+
checkControlOverrideColor : function(overrideConditionsArray = []){
|
| 2105 |
+
var self = this,
|
| 2106 |
+
isConditionTrue = 0;
|
| 2107 |
+
overrideConditionsArray.map(function(condition, index){
|
| 2108 |
+
if(self.checkNotEmpty(self.customizerFeedData.settings[condition]) && self.customizerFeedData.settings[condition].replace(/ /gi,'') != '#'){
|
| 2109 |
+
isConditionTrue += 1
|
| 2110 |
+
}
|
| 2111 |
+
});
|
| 2112 |
+
return (isConditionTrue >= 1) ? true : false;
|
| 2113 |
+
},
|
| 2114 |
+
|
| 2115 |
+
/**
|
| 2116 |
+
* Show Control
|
| 2117 |
+
*
|
| 2118 |
+
* @since 2.0
|
| 2119 |
+
*/
|
| 2120 |
+
isControlShown : function( control ){
|
| 2121 |
+
var self = this;
|
| 2122 |
+
if( control.checkViewDisabled != undefined ){
|
| 2123 |
+
return !self.viewsActive[control.checkViewDisabled];
|
| 2124 |
+
}
|
| 2125 |
+
if( control.checkView != undefined ){
|
| 2126 |
+
return !self.viewsActive[control.checkView];
|
| 2127 |
+
}
|
| 2128 |
+
|
| 2129 |
+
if(control.checkExtension != undefined && control.checkExtension != false && !self.checkExtensionActive(control.checkExtension)){
|
| 2130 |
+
return self.checkExtensionActive(control.checkExtension);
|
| 2131 |
+
}
|
| 2132 |
+
|
| 2133 |
+
if(control.conditionDimmed != undefined && self.checkControlCondition(control.conditionDimmed) )
|
| 2134 |
+
return self.checkControlCondition(control.conditionDimmed);
|
| 2135 |
+
if(control.overrideColorCondition != undefined){
|
| 2136 |
+
return self.checkControlOverrideColor( control.overrideColorCondition );
|
| 2137 |
+
}
|
| 2138 |
+
|
| 2139 |
+
return ( control.conditionHide != undefined && control.condition != undefined || control.checkExtension != undefined )
|
| 2140 |
+
? self.checkControlCondition(control.condition, control.checkExtension)
|
| 2141 |
+
: true;
|
| 2142 |
+
},
|
| 2143 |
+
|
| 2144 |
+
checkExtensionActive : function(extension){
|
| 2145 |
+
var self = this;
|
| 2146 |
+
return self.activeExtensions[extension];
|
| 2147 |
+
},
|
| 2148 |
+
|
| 2149 |
+
expandSourceInfo : function(sourceId){
|
| 2150 |
+
var self = this;
|
| 2151 |
+
self.customizerScreens.sourceExpanded = (self.customizerScreens.sourceExpanded === sourceId) ? null : sourceId;
|
| 2152 |
+
window.event.stopPropagation()
|
| 2153 |
+
},
|
| 2154 |
+
|
| 2155 |
+
resetColor: function(controlId){
|
| 2156 |
+
this.customizerFeedData.settings[controlId] = '';
|
| 2157 |
+
},
|
| 2158 |
+
|
| 2159 |
+
//Source Active Customizer
|
| 2160 |
+
isSourceActiveCustomizer : function(source){
|
| 2161 |
+
var self = this;
|
| 2162 |
+
return (
|
| 2163 |
+
Array.isArray(self.customizerFeedData.settings.sources.map) ||
|
| 2164 |
+
self.customizerFeedData.settings.sources instanceof Object
|
| 2165 |
+
) &&
|
| 2166 |
+
self.customizerScreens.sourcesChoosed.map(s => s.account_id).includes(source.account_id);
|
| 2167 |
+
//self.customizerFeedData.settings.sources.map(s => s.account_id).includes(source.account_id);
|
| 2168 |
+
},
|
| 2169 |
+
//Choose Source From Customizer
|
| 2170 |
+
selectSourceCustomizer : function(source, isRemove = false){
|
| 2171 |
+
var self = this,
|
| 2172 |
+
isMultifeed = (self.activeExtensions['multifeed'] !== undefined && self.activeExtensions['multifeed'] == true),
|
| 2173 |
+
sourcesListMap = Array.isArray(self.customizerFeedData.settings.sources) || self.customizerFeedData.settings.sources instanceof Object ? self.customizerFeedData.settings.sources.map(s => s.account_id) : [];
|
| 2174 |
+
if(isMultifeed){
|
| 2175 |
+
if(self.customizerScreens.sourcesChoosed.map(s => s.account_id).includes(source.account_id)){
|
| 2176 |
+
var indexToRemove = self.customizerScreens.sourcesChoosed.findIndex(src => src.account_id === source.account_id);
|
| 2177 |
+
self.customizerScreens.sourcesChoosed.splice(indexToRemove, 1);
|
| 2178 |
+
if(isRemove){
|
| 2179 |
+
self.customizerFeedData.settings.sources.splice(indexToRemove, 1);
|
| 2180 |
+
}
|
| 2181 |
+
}else{
|
| 2182 |
+
self.customizerScreens.sourcesChoosed.push(source);
|
| 2183 |
+
}
|
| 2184 |
+
}else{
|
| 2185 |
+
self.customizerScreens.sourcesChoosed = (sourcesListMap.includes(source)) ? [] : [source];
|
| 2186 |
+
}
|
| 2187 |
+
ctfBuilder.$forceUpdate();
|
| 2188 |
+
},
|
| 2189 |
+
closeSourceCustomizer : function(){
|
| 2190 |
+
var self = this;
|
| 2191 |
+
self.viewsActive['sourcePopup'] = false;
|
| 2192 |
+
//self.customizerFeedData.settings.sources = self.customizerScreens.sourcesChoosed;
|
| 2193 |
+
ctfBuilder.$forceUpdate();
|
| 2194 |
+
},
|
| 2195 |
+
customizerFeedTypePrint : function(){
|
| 2196 |
+
var self = this,
|
| 2197 |
+
combinedTypes = self.feedTypes.concat(self.advancedFeedTypes);
|
| 2198 |
+
result = combinedTypes.filter(function(tp){
|
| 2199 |
+
return tp.type === self.customizerFeedData.settings.feedtype
|
| 2200 |
+
});
|
| 2201 |
+
self.customizerScreens.printedType = result.length > 0 ? result[0] : [];
|
| 2202 |
+
return result.length > 0 ? true : false;
|
| 2203 |
+
},
|
| 2204 |
+
choosedFeedTypeCustomizer : function(feedType){
|
| 2205 |
+
var self = this, result = false;
|
| 2206 |
+
if(
|
| 2207 |
+
(self.viewsActive.feedTypeElement === null && self.customizerFeedData.settings.feedtype === feedType) ||
|
| 2208 |
+
(self.viewsActive.feedTypeElement !== null && self.viewsActive.feedTypeElement == feedType)
|
| 2209 |
+
){
|
| 2210 |
+
result = true;
|
| 2211 |
+
}
|
| 2212 |
+
return result;
|
| 2213 |
+
},
|
| 2214 |
+
choosedFeedTemplateCustomizer : function(feedtemplate){
|
| 2215 |
+
var self = this, result = false;
|
| 2216 |
+
if(
|
| 2217 |
+
(self.viewsActive.feedTemplateElement === null && self.customizerFeedData.settings.feedtemplate === feedtemplate) ||
|
| 2218 |
+
(self.viewsActive.feedTemplateElement !== null && self.viewsActive.feedTemplateElement == feedtemplate)
|
| 2219 |
+
){
|
| 2220 |
+
result = true;
|
| 2221 |
+
}
|
| 2222 |
+
return result;
|
| 2223 |
+
},
|
| 2224 |
+
updateFeedTypeCustomizer : function(){
|
| 2225 |
+
var self = this;
|
| 2226 |
+
if (self.viewsActive.feedTypeElement === 'socialwall') {
|
| 2227 |
+
window.location.href = ctf_builder.pluginsInfo.social_wall.settingsPage;
|
| 2228 |
+
return;
|
| 2229 |
+
}
|
| 2230 |
+
self.setType( self.viewsActive.feedTypeElement );
|
| 2231 |
+
|
| 2232 |
+
self.customizerFeedData.settings.feedtype = self.viewsActive.feedTypeElement;
|
| 2233 |
+
self.viewsActive.feedTypeElement = null;
|
| 2234 |
+
self.viewsActive.feedtypesPopup = false;
|
| 2235 |
+
self.customizerControlAjaxAction('feedFlyPreview');
|
| 2236 |
+
ctfBuilder.$forceUpdate();
|
| 2237 |
+
},
|
| 2238 |
+
updateInputWidth : function(){
|
| 2239 |
+
this.customizerScreens.inputNameWidth = ((document.getElementById("ctf-csz-hd-input").value.length + 6) * 8) + 'px';
|
| 2240 |
+
},
|
| 2241 |
+
|
| 2242 |
+
updateFeedTemplateCustomizer : function(){
|
| 2243 |
+
var self = this;
|
| 2244 |
+
self.customizerFeedData.settings.feedtemplate = self.viewsActive.feedTemplateElement != null ? self.viewsActive.feedTemplateElement : self.customizerFeedData.settings.feedtemplate;
|
| 2245 |
+
self.viewsActive.feedTemplateElement = null;
|
| 2246 |
+
self.viewsActive.feedtemplatesPopup = false;
|
| 2247 |
+
self.customizerControlAjaxAction('feedTemplateFlyPreview');
|
| 2248 |
+
ctfBuilder.$forceUpdate();
|
| 2249 |
+
},
|
| 2250 |
+
|
| 2251 |
+
customizerFeedTemplatePrint : function(){
|
| 2252 |
+
var self = this;
|
| 2253 |
+
result = self.feedTemplates.filter(function(tp){
|
| 2254 |
+
return tp.type === self.customizerFeedData.settings.feedtemplate
|
| 2255 |
+
});
|
| 2256 |
+
self.customizerScreens.printedTemplate = result.length > 0 ? result[0] : [];
|
| 2257 |
+
return result.length > 0 ? true : false;
|
| 2258 |
+
},
|
| 2259 |
+
|
| 2260 |
+
|
| 2261 |
+
feedPreviewMaker : function(){
|
| 2262 |
+
var self = this;
|
| 2263 |
+
return self.template;
|
| 2264 |
+
//return self.template == null ? null : "<div>" + self.template + "</div>";
|
| 2265 |
+
},
|
| 2266 |
+
|
| 2267 |
+
customizerStyleMaker : function(){
|
| 2268 |
+
var self = this;
|
| 2269 |
+
if(self.customizerSidebarBuilder){
|
| 2270 |
+
self.feedStyle = '';
|
| 2271 |
+
Object.values(self.customizerSidebarBuilder).map( function(tab) {
|
| 2272 |
+
self.customizerSectionStyle(tab.sections);
|
| 2273 |
+
});
|
| 2274 |
+
return '<style type="text/css">' + self.feedStyle + '</style>';
|
| 2275 |
+
}
|
| 2276 |
+
return false;
|
| 2277 |
+
},
|
| 2278 |
+
|
| 2279 |
+
customizerSectionStyle : function(sections){
|
| 2280 |
+
var self = this;
|
| 2281 |
+
Object.values(sections).map(function(section){
|
| 2282 |
+
if(section.controls){
|
| 2283 |
+
Object.values(section.controls).map(function(control){
|
| 2284 |
+
self.returnControlStyle(control);
|
| 2285 |
+
});
|
| 2286 |
+
}
|
| 2287 |
+
if(section.nested_sections){
|
| 2288 |
+
self.customizerSectionStyle(section.nested_sections);
|
| 2289 |
+
Object.values(section.nested_sections).map(function(nestedSections){
|
| 2290 |
+
Object.values(nestedSections.controls).map(function(nestedControl){
|
| 2291 |
+
if(nestedControl.section){
|
| 2292 |
+
self.customizerSectionStyle(nestedControl);
|
| 2293 |
+
}
|
| 2294 |
+
});
|
| 2295 |
+
});
|
| 2296 |
+
}
|
| 2297 |
+
});
|
| 2298 |
+
},
|
| 2299 |
+
returnControlStyle : function( control ){
|
| 2300 |
+
var self = this;
|
| 2301 |
+
if(control.style){
|
| 2302 |
+
Object.entries(control.style).map( function(css) {
|
| 2303 |
+
var condition = control.condition != undefined || control.checkExtension != undefined ? self.checkControlCondition(control.condition, control.checkExtension) : true;
|
| 2304 |
+
if( condition ){
|
| 2305 |
+
self.feedStyle +=
|
| 2306 |
+
css[0] + '{' +
|
| 2307 |
+
css[1].replace("{{value}}", self.customizerFeedData.settings[control.id]) +
|
| 2308 |
+
'}';
|
| 2309 |
+
}
|
| 2310 |
+
});
|
| 2311 |
+
}
|
| 2312 |
+
},
|
| 2313 |
+
|
| 2314 |
+
|
| 2315 |
+
|
| 2316 |
+
|
| 2317 |
+
/**
|
| 2318 |
+
* Customizer Control Ajax
|
| 2319 |
+
* Some of the customizer controls need to perform Ajax
|
| 2320 |
+
* Calls in order to update the preview
|
| 2321 |
+
*
|
| 2322 |
+
* @since 2.0
|
| 2323 |
+
*/
|
| 2324 |
+
customizerControlAjaxAction : function( actionType, settingID = false ){
|
| 2325 |
+
var self = this;
|
| 2326 |
+
switch (actionType) {
|
| 2327 |
+
case 'feedFlyPreview':
|
| 2328 |
+
self.loadingBar = true;
|
| 2329 |
+
self.templateRender = false;
|
| 2330 |
+
var previewFeedData = {
|
| 2331 |
+
action : 'ctf_feed_saver_manager_fly_preview',
|
| 2332 |
+
feedID : self.customizerFeedData.feed_info.id,
|
| 2333 |
+
previewSettings : self.customizerFeedData.settings,
|
| 2334 |
+
feedName : self.customizerFeedData.feed_info.feed_name,
|
| 2335 |
+
};
|
| 2336 |
+
self.ajaxPost(previewFeedData, function(_ref){
|
| 2337 |
+
var data = _ref.data;
|
| 2338 |
+
if( data !== false ){
|
| 2339 |
+
self.updatedTimeStamp = new Date().getTime();
|
| 2340 |
+
self.template = String("<div>"+data.feed_html+"</div>");
|
| 2341 |
+
self.processNotification("previewUpdated");
|
| 2342 |
+
}else{
|
| 2343 |
+
self.processNotification("unkownError");
|
| 2344 |
+
}
|
| 2345 |
+
jQuery('body').find('.ctf-more').unbind('click')
|
| 2346 |
+
});
|
| 2347 |
+
break;
|
| 2348 |
+
case 'feedTemplateFlyPreview':
|
| 2349 |
+
self.loadingBar = true;
|
| 2350 |
+
self.templateRender = false;
|
| 2351 |
+
var previewFeedData = {
|
| 2352 |
+
action : 'ctf_feed_saver_manager_fly_preview',
|
| 2353 |
+
feedID : self.customizerFeedData.feed_info.id,
|
| 2354 |
+
previewSettings : self.customizerFeedData.settings,
|
| 2355 |
+
feedName : self.customizerFeedData.feed_info.feed_name,
|
| 2356 |
+
isFeedTemplatesPopup : true,
|
| 2357 |
+
};
|
| 2358 |
+
self.ajaxPost(previewFeedData, function(_ref){
|
| 2359 |
+
var data = _ref.data;
|
| 2360 |
+
if( data !== false ){
|
| 2361 |
+
self.customizerFeedData.settings = data.customizerDataSettings;
|
| 2362 |
+
self.updatedTimeStamp = new Date().getTime();
|
| 2363 |
+
self.template = String("<div>"+data.feed_html+"</div>");
|
| 2364 |
+
self.processNotification("previewUpdated");
|
| 2365 |
+
setTimeout(function(){
|
| 2366 |
+
self.setShortcodeGlobalSettings(true)
|
| 2367 |
+
}, 500)
|
| 2368 |
+
}else{
|
| 2369 |
+
self.processNotification("unkownError");
|
| 2370 |
+
}
|
| 2371 |
+
});
|
| 2372 |
+
break;
|
| 2373 |
+
case 'feedPreviewRender':
|
| 2374 |
+
setTimeout(function(){
|
| 2375 |
+
}, 150);
|
| 2376 |
+
break;
|
| 2377 |
+
}
|
| 2378 |
+
},
|
| 2379 |
+
|
| 2380 |
+
|
| 2381 |
+
/**
|
| 2382 |
+
* Ajax Action : Save Feed Settings
|
| 2383 |
+
*
|
| 2384 |
+
* @since 2.0
|
| 2385 |
+
*/
|
| 2386 |
+
saveFeedSettings : function(){
|
| 2387 |
+
var self = this,
|
| 2388 |
+
sources = [],
|
| 2389 |
+
updateFeedData = {
|
| 2390 |
+
action : 'ctf_feed_saver_manager_builder_update',
|
| 2391 |
+
update_feed : 'true',
|
| 2392 |
+
feed_id : self.customizerFeedData.feed_info.id,
|
| 2393 |
+
feed_name : self.customizerFeedData.feed_info.feed_name,
|
| 2394 |
+
settings : self.customizerFeedData.settings,
|
| 2395 |
+
selectedFeed : self.selectedFeed,
|
| 2396 |
+
selectedFeedModel : self.selectedFeedModel,
|
| 2397 |
+
type : self.getFeedTypeSaver(),
|
| 2398 |
+
|
| 2399 |
+
};
|
| 2400 |
+
self.loadingBar = true;
|
| 2401 |
+
self.ajaxPost(updateFeedData, function(_ref){
|
| 2402 |
+
var data = _ref.data;
|
| 2403 |
+
if(data && data.success === true){
|
| 2404 |
+
self.processNotification('feedSaved');
|
| 2405 |
+
self.customizerFeedDataInitial = self.customizerFeedData;
|
| 2406 |
+
}else{
|
| 2407 |
+
self.processNotification('feedSavedError');
|
| 2408 |
+
}
|
| 2409 |
+
});
|
| 2410 |
+
ctfBuilder.$forceUpdate();
|
| 2411 |
+
},
|
| 2412 |
+
|
| 2413 |
+
/**
|
| 2414 |
+
* Ajax Action : Clear Single Feed Cache
|
| 2415 |
+
* Update Feed Preview Too
|
| 2416 |
+
* @since 2.0
|
| 2417 |
+
*/
|
| 2418 |
+
clearSingleFeedCache : function(){
|
| 2419 |
+
var self = this,
|
| 2420 |
+
sources = [],
|
| 2421 |
+
clearFeedData = {
|
| 2422 |
+
action : 'ctf_feed_saver_manager_clear_single_feed_cache',
|
| 2423 |
+
feedID : self.customizerFeedData.feed_info.id,
|
| 2424 |
+
previewSettings : self.customizerFeedData.settings,
|
| 2425 |
+
};
|
| 2426 |
+
self.loadingBar = true;
|
| 2427 |
+
self.ajaxPost(clearFeedData, function(_ref){
|
| 2428 |
+
var data = _ref.data;
|
| 2429 |
+
if( data !== false ){
|
| 2430 |
+
|
| 2431 |
+
self.processNotification('cacheCleared');
|
| 2432 |
+
}else{
|
| 2433 |
+
self.processNotification("unkownError");
|
| 2434 |
+
}
|
| 2435 |
+
})
|
| 2436 |
+
ctfBuilder.$forceUpdate();
|
| 2437 |
+
},
|
| 2438 |
+
|
| 2439 |
+
/**
|
| 2440 |
+
* Clear & Reset Color Override
|
| 2441 |
+
*
|
| 2442 |
+
* @since 2.0
|
| 2443 |
+
*/
|
| 2444 |
+
resetColorOverride : function(settingID){
|
| 2445 |
+
this.customizerFeedData.settings[settingID] = '';
|
| 2446 |
+
},
|
| 2447 |
+
|
| 2448 |
+
/**
|
| 2449 |
+
* Remove Source Form List Multifeed
|
| 2450 |
+
*
|
| 2451 |
+
* @since 2.0
|
| 2452 |
+
*/
|
| 2453 |
+
removeSourceCustomizer : function(type, args = []){
|
| 2454 |
+
var self = this;
|
| 2455 |
+
Object.assign(self.customizerScreens.sourcesChoosed,self.customizerFeedData.settings.sources);
|
| 2456 |
+
self.selectSourceCustomizer(args, true);
|
| 2457 |
+
ctfBuilder.$forceUpdate();
|
| 2458 |
+
window.event.stopPropagation();
|
| 2459 |
+
},
|
| 2460 |
+
|
| 2461 |
+
/**
|
| 2462 |
+
* Custom Flied CLick
|
| 2463 |
+
* Action
|
| 2464 |
+
* @since 2.0
|
| 2465 |
+
*/
|
| 2466 |
+
fieldCustomClickAction : function( clickAction ){
|
| 2467 |
+
var self = this;
|
| 2468 |
+
switch (clickAction) {
|
| 2469 |
+
case 'clearCommentCache':
|
| 2470 |
+
self.clearCommentCache();
|
| 2471 |
+
break;
|
| 2472 |
+
}
|
| 2473 |
+
},
|
| 2474 |
+
|
| 2475 |
+
/**
|
| 2476 |
+
* Clear Comment Cache
|
| 2477 |
+
* Action
|
| 2478 |
+
* @since 2.0
|
| 2479 |
+
*/
|
| 2480 |
+
clearCommentCache : function(){
|
| 2481 |
+
var self = this;
|
| 2482 |
+
self.loadingBar = true;
|
| 2483 |
+
var clearCommentCacheData = {
|
| 2484 |
+
action : 'ctf_feed_saver_manager_clear_comments_cache',
|
| 2485 |
+
};
|
| 2486 |
+
self.ajaxPost(clearCommentCacheData, function(_ref){
|
| 2487 |
+
var data = _ref.data;
|
| 2488 |
+
if( data === 'success' ){
|
| 2489 |
+
self.processNotification("commentCacheCleared");
|
| 2490 |
+
}else{
|
| 2491 |
+
self.processNotification("unkownError");
|
| 2492 |
+
}
|
| 2493 |
+
});
|
| 2494 |
+
},
|
| 2495 |
+
|
| 2496 |
+
|
| 2497 |
+
/**
|
| 2498 |
+
* Open Dialog Box
|
| 2499 |
+
*
|
| 2500 |
+
* @since 2.0
|
| 2501 |
+
*/
|
| 2502 |
+
openDialogBox : function(type, args = []){
|
| 2503 |
+
var self = this,
|
| 2504 |
+
heading = self.dialogBoxPopupScreen[type].heading,
|
| 2505 |
+
description = self.dialogBoxPopupScreen[type].description,
|
| 2506 |
+
customButtons = self.dialogBoxPopupScreen[type].customButtons;
|
| 2507 |
+
switch (type) {
|
| 2508 |
+
case "deleteSourceCustomizer":
|
| 2509 |
+
self.sourceToDelete = args;
|
| 2510 |
+
heading = heading.replace("#", self.sourceToDelete.username);
|
| 2511 |
+
break;
|
| 2512 |
+
case "deleteSingleFeed":
|
| 2513 |
+
self.feedToDelete = args;
|
| 2514 |
+
heading = heading.replace("#", self.feedToDelete.feed_name);
|
| 2515 |
+
break;
|
| 2516 |
+
}
|
| 2517 |
+
self.dialogBox = {
|
| 2518 |
+
active : true,
|
| 2519 |
+
type : type,
|
| 2520 |
+
heading : heading,
|
| 2521 |
+
description : description,
|
| 2522 |
+
customButtons : customButtons
|
| 2523 |
+
};
|
| 2524 |
+
window.event.stopPropagation();
|
| 2525 |
+
},
|
| 2526 |
+
|
| 2527 |
+
/**
|
| 2528 |
+
* Confirm Dialog Box Actions
|
| 2529 |
+
*
|
| 2530 |
+
* @since 2.0
|
| 2531 |
+
*/
|
| 2532 |
+
confirmDialogAction : function(){
|
| 2533 |
+
var self = this;
|
| 2534 |
+
switch (self.dialogBox.type) {
|
| 2535 |
+
case 'deleteSourceCustomizer':
|
| 2536 |
+
self.selectSourceCustomizer(self.sourceToDelete, true);
|
| 2537 |
+
self.customizerControlAjaxAction('feedFlyPreview');
|
| 2538 |
+
break;
|
| 2539 |
+
case 'deleteSingleFeed':
|
| 2540 |
+
self.feedActionDelete([self.feedToDelete.id]);
|
| 2541 |
+
break;
|
| 2542 |
+
case 'deleteMultipleFeeds':
|
| 2543 |
+
self.feedActionDelete(self.feedsSelected);
|
| 2544 |
+
break;
|
| 2545 |
+
case 'backAllToFeed':
|
| 2546 |
+
window.location = self.builderUrl;
|
| 2547 |
+
break;
|
| 2548 |
+
case 'unsavedFeedSources':
|
| 2549 |
+
self.updateFeedTypeAndSourcesCustomizer();
|
| 2550 |
+
break;
|
| 2551 |
+
}
|
| 2552 |
+
},
|
| 2553 |
+
|
| 2554 |
+
/*
|
| 2555 |
+
closeConfirmDialog : function(){
|
| 2556 |
+
this.sourceToDelete = {};
|
| 2557 |
+
this.feedToDelete = {};
|
| 2558 |
+
this.dialogBox = {
|
| 2559 |
+
active : false,
|
| 2560 |
+
type : null,
|
| 2561 |
+
heading : null,
|
| 2562 |
+
description : null
|
| 2563 |
+
};
|
| 2564 |
+
},
|
| 2565 |
+
*/
|
| 2566 |
+
|
| 2567 |
+
/**
|
| 2568 |
+
* Show Tooltip on Hover
|
| 2569 |
+
*
|
| 2570 |
+
* @since 2.0
|
| 2571 |
+
*/
|
| 2572 |
+
toggleElementTooltip : function(tooltipText, type, align = 'center'){
|
| 2573 |
+
var self = this,
|
| 2574 |
+
target = window.event.currentTarget,
|
| 2575 |
+
tooltip = (target != undefined && target != null) ? document.querySelector('.sb-control-elem-tltp-content') : null;
|
| 2576 |
+
if(tooltip != null && type == 'show'){
|
| 2577 |
+
self.tooltip.text = tooltipText;
|
| 2578 |
+
var position = target.getBoundingClientRect(),
|
| 2579 |
+
left = position.left + 10,
|
| 2580 |
+
top = position.top - 10;
|
| 2581 |
+
tooltip.style.left = left + 'px';
|
| 2582 |
+
tooltip.style.top = top + 'px';
|
| 2583 |
+
tooltip.style.textAlign = align;
|
| 2584 |
+
self.tooltip.hover = true;
|
| 2585 |
+
}
|
| 2586 |
+
if(type == 'hide'){
|
| 2587 |
+
setTimeout(function(){
|
| 2588 |
+
if(self.tooltip.hoverType != 'inside'){
|
| 2589 |
+
self.tooltip.hover = false;
|
| 2590 |
+
}
|
| 2591 |
+
}, 200)
|
| 2592 |
+
}
|
| 2593 |
+
},
|
| 2594 |
+
|
| 2595 |
+
/**
|
| 2596 |
+
* Hover Tooltip
|
| 2597 |
+
*
|
| 2598 |
+
* @since 2.0
|
| 2599 |
+
*/
|
| 2600 |
+
hoverTooltip : function(type, hoverType){
|
| 2601 |
+
this.tooltip.hover = type;
|
| 2602 |
+
this.tooltip.hoverType = hoverType;
|
| 2603 |
+
},
|
| 2604 |
+
|
| 2605 |
+
/**
|
| 2606 |
+
* Print Post Text
|
| 2607 |
+
*
|
| 2608 |
+
* @since 2.0
|
| 2609 |
+
*/
|
| 2610 |
+
getPostText : function( postText, postID ){
|
| 2611 |
+
var self = this,
|
| 2612 |
+
customizerSettings = self.customizerFeedData.settings;
|
| 2613 |
+
postText = postText.replace(/</g,"<").replace(/>/g,">").replace(/<br>|<br \/>/g, '<br>');
|
| 2614 |
+
if( self.checkNotEmpty(customizerSettings.textlength) ){
|
| 2615 |
+
return ( self.expandedCaptions.includes(postID) ? postText : postText.substring( 0, parseInt(customizerSettings.textlength) ) ) +
|
| 2616 |
+
( postText.length > parseInt( customizerSettings.textlength ) ? ('<a href="#" class="ctf_more" onclick="ctfBuilderToggleCaption('+postID+')">...</a>') : '');
|
| 2617 |
+
}
|
| 2618 |
+
var textLength = !self.checkNotEmpty(customizerSettings.textlength) ? 50 : parseInt(customizerSettings.textlength);
|
| 2619 |
+
return postText.substring( 0, textLength);
|
| 2620 |
+
},
|
| 2621 |
+
|
| 2622 |
+
/**
|
| 2623 |
+
* Loading Bar & Notification
|
| 2624 |
+
*
|
| 2625 |
+
* @since 2.0
|
| 2626 |
+
*/
|
| 2627 |
+
processNotification : function( notificationType ){
|
| 2628 |
+
var self = this,
|
| 2629 |
+
notification = self.genericText.notification[ notificationType ];
|
| 2630 |
+
self.loadingBar = false;
|
| 2631 |
+
self.notificationElement = {
|
| 2632 |
+
type : notification.type,
|
| 2633 |
+
text : notification.text,
|
| 2634 |
+
shown : "shown"
|
| 2635 |
+
};
|
| 2636 |
+
setTimeout(function(){
|
| 2637 |
+
self.notificationElement.shown = "hidden";
|
| 2638 |
+
}, 5000);
|
| 2639 |
+
},
|
| 2640 |
+
|
| 2641 |
+
checkManualEmpty : function(){
|
| 2642 |
+
var self = this;
|
| 2643 |
+
return self.checkNotEmpty(self.appCredentials.access_token) && self.checkNotEmpty(self.appCredentials.access_token_secret);
|
| 2644 |
+
},
|
| 2645 |
+
|
| 2646 |
+
closeConnectAccountPopup : function(){
|
| 2647 |
+
var self = this;
|
| 2648 |
+
self.appCredentials = {
|
| 2649 |
+
app_name : '',
|
| 2650 |
+
consumer_key : '',
|
| 2651 |
+
consumer_secret : '',
|
| 2652 |
+
access_token : '',
|
| 2653 |
+
access_token_secret : ''
|
| 2654 |
+
};
|
| 2655 |
+
self.viewsActive.connectAccountPopup = false;
|
| 2656 |
+
},
|
| 2657 |
+
|
| 2658 |
+
/**
|
| 2659 |
+
* Connect Twitter Account Manually
|
| 2660 |
+
*
|
| 2661 |
+
* @since 2.0
|
| 2662 |
+
*/
|
| 2663 |
+
connectManualAccount : function(){
|
| 2664 |
+
var self = this;
|
| 2665 |
+
if( self.checkManualEmpty() ){
|
| 2666 |
+
self.loadingAjax = true;
|
| 2667 |
+
var connectManualAccountData = {
|
| 2668 |
+
action : 'ctf_feed_saver_manager_connect_manual_account',
|
| 2669 |
+
app_name : self.appCredentials.app_name,
|
| 2670 |
+
consumer_key : self.appCredentials.consumer_key,
|
| 2671 |
+
consumer_secret : self.appCredentials.consumer_secret,
|
| 2672 |
+
access_token : self.appCredentials.access_token,
|
| 2673 |
+
access_token_secret : self.appCredentials.access_token_secret
|
| 2674 |
+
};
|
| 2675 |
+
self.ajaxPost(connectManualAccountData, function(_ref){
|
| 2676 |
+
var data = _ref.data;
|
| 2677 |
+
if(data['error'] === undefined){
|
| 2678 |
+
self.accountDetails = data;
|
| 2679 |
+
self.manualAccountResp = 'success';
|
| 2680 |
+
setTimeout(function(){
|
| 2681 |
+
self.viewsActive['connectAccountPopup'] = false;
|
| 2682 |
+
self.manualAccountResp = false;
|
| 2683 |
+
}, 1000)
|
| 2684 |
+
}else{
|
| 2685 |
+
self.manualAccountResp = 'error';
|
| 2686 |
+
setTimeout(function(){
|
| 2687 |
+
self.manualAccountResp = false;
|
| 2688 |
+
}, 3000)
|
| 2689 |
+
}
|
| 2690 |
+
self.loadingAjax = false;
|
| 2691 |
+
});
|
| 2692 |
+
}
|
| 2693 |
+
},
|
| 2694 |
+
|
| 2695 |
+
/**
|
| 2696 |
+
* Add List ID to LISTS
|
| 2697 |
+
* This Will Perform and Ajax Call to see if the List Does Exist
|
| 2698 |
+
*
|
| 2699 |
+
* @since 2.0
|
| 2700 |
+
*/
|
| 2701 |
+
addListIdtoList : function(){
|
| 2702 |
+
|
| 2703 |
+
},
|
| 2704 |
+
|
| 2705 |
+
/**
|
| 2706 |
+
* Search Lists By UserName
|
| 2707 |
+
*
|
| 2708 |
+
* @since 2.0
|
| 2709 |
+
*/
|
| 2710 |
+
searchUserNameList : function(){
|
| 2711 |
+
var self = this,
|
| 2712 |
+
searchUserNameListsData = {
|
| 2713 |
+
action : 'ctf_feed_saver_manager_search_username_lists',
|
| 2714 |
+
listUserNameInputModel : self.listUserNameInputModel,
|
| 2715 |
+
};
|
| 2716 |
+
self.noListFound = null;
|
| 2717 |
+
self.listUserNameInputModelSearched = self.listUserNameInputModel;
|
| 2718 |
+
self.ajaxPost(searchUserNameListsData, function(_ref){
|
| 2719 |
+
var data = _ref.data;
|
| 2720 |
+
if(data !== false && data['error'] === undefined){
|
| 2721 |
+
self.listUserNameResult = self.createSourcesArray(data);
|
| 2722 |
+
}else{
|
| 2723 |
+
self.noListFound = true;
|
| 2724 |
+
}
|
| 2725 |
+
});
|
| 2726 |
+
},
|
| 2727 |
+
|
| 2728 |
+
/**
|
| 2729 |
+
* Check Twitter List By ID
|
| 2730 |
+
*
|
| 2731 |
+
* @since 2.0
|
| 2732 |
+
*/
|
| 2733 |
+
checkTwitterListById : function(){
|
| 2734 |
+
var self = this,
|
| 2735 |
+
checkListByIdData = {
|
| 2736 |
+
action : 'ctf_feed_saver_manager_check_twitter_list_by_id',
|
| 2737 |
+
listIds : self.listIdInputModel,
|
| 2738 |
+
};
|
| 2739 |
+
self.ajaxPost(checkListByIdData, function(_ref){
|
| 2740 |
+
var data = _ref.data;
|
| 2741 |
+
if(data !== false && data['error'] === undefined){
|
| 2742 |
+
data.forEach( function(listItem) {
|
| 2743 |
+
self.addItemtoList(listItem);
|
| 2744 |
+
});
|
| 2745 |
+
self.listIdInputModel = '';
|
| 2746 |
+
}
|
| 2747 |
+
});
|
| 2748 |
+
},
|
| 2749 |
+
|
| 2750 |
+
|
| 2751 |
+
/**
|
| 2752 |
+
* Add Item to List ID
|
| 2753 |
+
*
|
| 2754 |
+
* @since 2.0
|
| 2755 |
+
*/
|
| 2756 |
+
addItemtoList : function( listItem ){
|
| 2757 |
+
var self = this,
|
| 2758 |
+
listID = listItem.id,
|
| 2759 |
+
selectFeedModelCurrent = self.customizerFeedData ? JSON.parse( JSON.stringify( self.selectedFeedModelPopup ) ) : JSON.parse( JSON.stringify( self.selectedFeedModel ) ),
|
| 2760 |
+
listIdsArray = self.checkNotEmpty( selectFeedModelCurrent.lists ) ? selectFeedModelCurrent.lists.split(',') : [];
|
| 2761 |
+
|
| 2762 |
+
if( listIdsArray.includes( listID ) ){
|
| 2763 |
+
listIdsArray.splice( listIdsArray.indexOf( listID ) , 1 );
|
| 2764 |
+
}else{
|
| 2765 |
+
listIdsArray.push( listID );
|
| 2766 |
+
}
|
| 2767 |
+
selectFeedModelCurrent.lists = listIdsArray.join(',');
|
| 2768 |
+
|
| 2769 |
+
if( self.checkObjectArrayElement(selectFeedModelCurrent.listsObject, listItem, 'id')){
|
| 2770 |
+
selectFeedModelCurrent.listsObject.splice(selectFeedModelCurrent.listsObject.findIndex(function(el){
|
| 2771 |
+
return el.id === listItem.id;
|
| 2772 |
+
}), 1);
|
| 2773 |
+
}else{
|
| 2774 |
+
selectFeedModelCurrent.listsObject.push( listItem );
|
| 2775 |
+
}
|
| 2776 |
+
|
| 2777 |
+
|
| 2778 |
+
|
| 2779 |
+
if( self.customizerFeedData ){
|
| 2780 |
+
self.selectedFeedModelPopup = JSON.parse(JSON.stringify(selectFeedModelCurrent));
|
| 2781 |
+
}else{
|
| 2782 |
+
self.selectedFeedModel = JSON.parse(JSON.stringify(selectFeedModelCurrent));
|
| 2783 |
+
}
|
| 2784 |
+
|
| 2785 |
+
},
|
| 2786 |
+
|
| 2787 |
+
/**
|
| 2788 |
+
* Remove Single Item From List
|
| 2789 |
+
*
|
| 2790 |
+
* @since 2.0
|
| 2791 |
+
*/
|
| 2792 |
+
removeSingleItemFromList : function( listItem ){
|
| 2793 |
+
var self = this,
|
| 2794 |
+
listID = listItem.id,
|
| 2795 |
+
selectFeedModelCurrent = self.customizerFeedData ? JSON.parse( JSON.stringify( self.selectedFeedModelPopup ) ) : JSON.parse( JSON.stringify( self.selectedFeedModel ) ),
|
| 2796 |
+
listIdsArray = selectFeedModelCurrent.lists.split(',');
|
| 2797 |
+
|
| 2798 |
+
if( listIdsArray.includes( listID ) ){
|
| 2799 |
+
listIdsArray.splice( listIdsArray.indexOf( listID ) , 1 );
|
| 2800 |
+
}
|
| 2801 |
+
selectFeedModelCurrent.lists = listIdsArray.join(',');
|
| 2802 |
+
|
| 2803 |
+
if( self.checkObjectArrayElement(selectFeedModelCurrent.listsObject, listItem, 'id')){
|
| 2804 |
+
selectFeedModelCurrent.listsObject.splice(selectFeedModelCurrent.listsObject.findIndex(function(el){
|
| 2805 |
+
return el.id === listItem.id;
|
| 2806 |
+
}), 1);
|
| 2807 |
+
}
|
| 2808 |
+
|
| 2809 |
+
if( self.customizerFeedData ){
|
| 2810 |
+
self.selectedFeedModelPopup = JSON.parse(JSON.stringify(selectFeedModelCurrent));
|
| 2811 |
+
}else{
|
| 2812 |
+
self.selectedFeedModel = JSON.parse(JSON.stringify(selectFeedModelCurrent));
|
| 2813 |
+
}
|
| 2814 |
+
},
|
| 2815 |
+
|
| 2816 |
+
/**
|
| 2817 |
+
* Check if Item List is Included
|
| 2818 |
+
*
|
| 2819 |
+
* @since 2.0
|
| 2820 |
+
*/
|
| 2821 |
+
checkListItemIncluded : function(listItem){
|
| 2822 |
+
var self = this,
|
| 2823 |
+
listID = listItem.id,
|
| 2824 |
+
selectFeedModelCurrent = self.customizerFeedData ? JSON.parse(JSON.stringify(self.selectedFeedModelPopup)) : JSON.parse(JSON.stringify(self.selectedFeedModel)),
|
| 2825 |
+
listIdsArray = selectFeedModelCurrent.lists.split(',');
|
| 2826 |
+
|
| 2827 |
+
if( self.checkObjectArrayElement(selectFeedModelCurrent.listsObject, listItem, 'id')){
|
| 2828 |
+
return 'true';
|
| 2829 |
+
}
|
| 2830 |
+
return 'false';
|
| 2831 |
+
},
|
| 2832 |
+
|
| 2833 |
+
/**
|
| 2834 |
+
* Deselect & Remove All Lists
|
| 2835 |
+
*
|
| 2836 |
+
* @since 2.0
|
| 2837 |
+
*/
|
| 2838 |
+
removeAllLists : function(){
|
| 2839 |
+
var self = this;
|
| 2840 |
+
if( self.customizerFeedData ){
|
| 2841 |
+
self.selectedFeedModelPopup.lists = '';
|
| 2842 |
+
self.selectedFeedModelPopup.listsObject = [];
|
| 2843 |
+
}else{
|
| 2844 |
+
self.selectedFeedModel.lists = '';
|
| 2845 |
+
self.selectedFeedModel.listsObject = [];
|
| 2846 |
+
}
|
| 2847 |
+
},
|
| 2848 |
+
|
| 2849 |
+
chooseFeedTemplate: function( feedTemplate, iscustomizerPopup = false ) {
|
| 2850 |
+
var self = this;
|
| 2851 |
+
self.selectedFeedTemplate = feedTemplate.type;
|
| 2852 |
+
if( iscustomizerPopup ){
|
| 2853 |
+
self.viewsActive.feedTemplateElement = feedTemplate.type;
|
| 2854 |
+
}
|
| 2855 |
+
ctfBuilder.$forceUpdate();
|
| 2856 |
+
},
|
| 2857 |
+
|
| 2858 |
+
/**
|
| 2859 |
+
* Print Twitter Handle
|
| 2860 |
+
* Checking If there is @ otherwise we add it
|
| 2861 |
+
*
|
| 2862 |
+
* @since 2.0
|
| 2863 |
+
*/
|
| 2864 |
+
printUserNameTwitterHandle : function( userName ){
|
| 2865 |
+
if( this.checkNotEmpty(userName) ){
|
| 2866 |
+
return userName[0] == '@' ? userName : '@' + userName;
|
| 2867 |
+
}
|
| 2868 |
+
return '';
|
| 2869 |
+
},
|
| 2870 |
+
|
| 2871 |
+
/**
|
| 2872 |
+
* Notice Control Actions
|
| 2873 |
+
*
|
| 2874 |
+
* @since 2.0
|
| 2875 |
+
*/
|
| 2876 |
+
noticeClickAction : function( action ){
|
| 2877 |
+
var self = this;
|
| 2878 |
+
switch (action) {
|
| 2879 |
+
case 'navigateToStyle':
|
| 2880 |
+
var SectionStyle = self.customizerSidebarBuilder['customize'].sections['customize_posts'];
|
| 2881 |
+
self.switchCustomizerSection('customize_posts',SectionStyle);
|
| 2882 |
+
break;
|
| 2883 |
+
case 'navigateToSettingPage':
|
| 2884 |
+
window.open(self.adminSettingsURL, '_blank');
|
| 2885 |
+
break;
|
| 2886 |
+
}
|
| 2887 |
+
},
|
| 2888 |
+
|
| 2889 |
+
/**
|
| 2890 |
+
* Format & Print Date
|
| 2891 |
+
*
|
| 2892 |
+
* @since 4.0
|
| 2893 |
+
*
|
| 2894 |
+
* @return String
|
| 2895 |
+
*/
|
| 2896 |
+
printDate : function( postDate){
|
| 2897 |
+
var self = this,
|
| 2898 |
+
originalDate = Date.parse(postDate) / 1000,
|
| 2899 |
+
dateOffset = new Date(),
|
| 2900 |
+
offsetTimezone = dateOffset.getTimezoneOffset(),
|
| 2901 |
+
lengths = ["60","60","24","7","4.35","12","10"],
|
| 2902 |
+
now = dateOffset.getTime() / 1000,
|
| 2903 |
+
newTime = originalDate + offsetTimezone,
|
| 2904 |
+
printDate = '',
|
| 2905 |
+
dateFortmat = self.customizerFeedData.settings.dateformat,
|
| 2906 |
+
difference = null,
|
| 2907 |
+
formatsChoices = {
|
| 2908 |
+
'2' : 'F j',
|
| 2909 |
+
'3' : 'F j, Y',
|
| 2910 |
+
'4' : 'm.d',
|
| 2911 |
+
'5' : 'm.d.y',
|
| 2912 |
+
'6' : 'D M jS, Y',
|
| 2913 |
+
'7' : 'l F jS, Y',
|
| 2914 |
+
'8' : 'l F jS, Y - g:i a',
|
| 2915 |
+
'9' : "l M jS, 'y",
|
| 2916 |
+
'10' : 'm.d.y',
|
| 2917 |
+
'11' : 'm/d/y',
|
| 2918 |
+
'12' : 'd.m.y',
|
| 2919 |
+
'13' : 'd/m/y',
|
| 2920 |
+
'14' : 'd-m-Y, G:i',
|
| 2921 |
+
'15' : 'jS F Y, G:i',
|
| 2922 |
+
'16' : 'd M Y, G:i',
|
| 2923 |
+
'17' : 'l jS F Y, G:i',
|
| 2924 |
+
'18' : 'm.d.y - G:i',
|
| 2925 |
+
'19' : 'd.m.y - G:i'
|
| 2926 |
+
};
|
| 2927 |
+
if(formatsChoices.hasOwnProperty(dateFortmat)){
|
| 2928 |
+
printDate = date_i18n( formatsChoices[dateFortmat], newTime );
|
| 2929 |
+
}else if(dateFortmat == 'custom'){
|
| 2930 |
+
var dateCustom = self.customizerFeedData.settings.datecustom;
|
| 2931 |
+
printDate = date_i18n( dateCustom , newTime );
|
| 2932 |
+
}
|
| 2933 |
+
else{
|
| 2934 |
+
var ctf_minute = self.translatedText.ctf_minute,
|
| 2935 |
+
ctf_hour = self.translatedText.ctf_hour,
|
| 2936 |
+
ctf_now_str = self.translatedText.ctf_now_str;
|
| 2937 |
+
|
| 2938 |
+
difference = now - newTime;
|
| 2939 |
+
if ( difference < 60 ) {
|
| 2940 |
+
printDate = ctf_now_str;
|
| 2941 |
+
} else if ( difference < (60*60) ) {
|
| 2942 |
+
printDate = Math.round( difference/60 ) + '' + ctf_minute;
|
| 2943 |
+
} else if ( difference < (60*60*24) ) {
|
| 2944 |
+
printDate = Math.round( difference/3600 ) + '' + ctf_hour;
|
| 2945 |
+
} else {
|
| 2946 |
+
var nowDate = new Date(now * 1000),
|
| 2947 |
+
newTimeDate = new Date(newTime * 1000);
|
| 2948 |
+
if( nowDate.getUTCFullYear() > newTimeDate.getUTCFullYear() ){
|
| 2949 |
+
printDate = date_i18n( 'j M Y' , newTime );
|
| 2950 |
+
}else{
|
| 2951 |
+
printDate = date_i18n( 'j M' , newTime );
|
| 2952 |
+
}
|
| 2953 |
+
}
|
| 2954 |
+
}
|
| 2955 |
+
|
| 2956 |
+
return printDate;
|
| 2957 |
+
},
|
| 2958 |
+
|
| 2959 |
+
ctaToggleFeatures: function() {
|
| 2960 |
+
this.freeCtaShowFeatures = !this.freeCtaShowFeatures;
|
| 2961 |
+
}
|
| 2962 |
+
|
| 2963 |
+
}
|
| 2964 |
+
|
| 2965 |
+
});
|
| 2966 |
+
|
| 2967 |
+
function ctfBuilderToggleCaption(postID){
|
| 2968 |
+
if( ctfBuilder.expandedCaptions.includes(postID) ){
|
| 2969 |
+
ctfBuilder.expandedCaptions.splice(ctfBuilder.expandedCaptions.indexOf( postID ), 1);
|
| 2970 |
+
}else{
|
| 2971 |
+
ctfBuilder.expandedCaptions.push(postID);
|
| 2972 |
+
}
|
| 2973 |
+
}
|
| 2974 |
+
|
| 2975 |
+
jQuery( document ).ready(function() {
|
| 2976 |
+
jQuery('body').find('.ctf-more').unbind('click')
|
| 2977 |
+
})
|
admin/builder/assets/js/confirm-dialog.js
ADDED
|
@@ -0,0 +1,104 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 1 |
+
/**
|
| 2 |
+
* Confirm Dialog Box Popup
|
| 3 |
+
*
|
| 4 |
+
* @since 2.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 |
+
* Confirm Dialog Button text
|
| 26 |
+
*
|
| 27 |
+
* @since 2.0
|
| 28 |
+
*/
|
| 29 |
+
getButtonText : function(type, dialogBoxElement){
|
| 30 |
+
if(type == 'confirm'){
|
| 31 |
+
if(dialogBoxElement.customButtons != undefined){
|
| 32 |
+
return dialogBoxElement.customButtons.confirm.text;
|
| 33 |
+
}
|
| 34 |
+
return this.genericText.confirm;
|
| 35 |
+
}
|
| 36 |
+
if(type == 'cancel'){
|
| 37 |
+
if(dialogBoxElement.customButtons != undefined){
|
| 38 |
+
return dialogBoxElement.customButtons.cancel.text;
|
| 39 |
+
}
|
| 40 |
+
return this.genericText.cancel;
|
| 41 |
+
}
|
| 42 |
+
},
|
| 43 |
+
|
| 44 |
+
/**
|
| 45 |
+
* Confirm Dialog Box Button Background
|
| 46 |
+
*
|
| 47 |
+
* @since 2.0
|
| 48 |
+
*/
|
| 49 |
+
getButtonBackground : function(type, dialogBoxElement){
|
| 50 |
+
var color = '';
|
| 51 |
+
if(type == 'confirm'){
|
| 52 |
+
if(dialogBoxElement.customButtons != undefined){
|
| 53 |
+
color = dialogBoxElement.customButtons.confirm.color;
|
| 54 |
+
}else{
|
| 55 |
+
color = 'red';
|
| 56 |
+
}
|
| 57 |
+
}
|
| 58 |
+
if(type == 'cancel'){
|
| 59 |
+
if(dialogBoxElement.customButtons != undefined){
|
| 60 |
+
color = dialogBoxElement.customButtons.cancel.color;
|
| 61 |
+
}else{
|
| 62 |
+
color = 'grey';
|
| 63 |
+
}
|
| 64 |
+
}
|
| 65 |
+
return 'sb-btn-' + color;
|
| 66 |
+
},
|
| 67 |
+
|
| 68 |
+
/**
|
| 69 |
+
* Confirm Dialog Box
|
| 70 |
+
*
|
| 71 |
+
* @since 2.0
|
| 72 |
+
*/
|
| 73 |
+
confirmDialogAction : function(){
|
| 74 |
+
var self = this;
|
| 75 |
+
self.$parent.confirmDialogAction();
|
| 76 |
+
self.closeConfirmDialog();
|
| 77 |
+
},
|
| 78 |
+
|
| 79 |
+
/**
|
| 80 |
+
* Close Dialog Box
|
| 81 |
+
*
|
| 82 |
+
* @since 2.0
|
| 83 |
+
*/
|
| 84 |
+
closeConfirmDialog : function(){
|
| 85 |
+
var self = this;
|
| 86 |
+
if( self.parentType == 'builder' ){
|
| 87 |
+
self.$parent.sourceToDelete = {};
|
| 88 |
+
self.$parent.feedToDelete = {};
|
| 89 |
+
}
|
| 90 |
+
if(self.dialogBoxElement.type == 'unsavedFeedSources'){
|
| 91 |
+
self.$parent.viewsActive.feedtypesCustomizerPopup = false;
|
| 92 |
+
}
|
| 93 |
+
|
| 94 |
+
var dialogBox = {
|
| 95 |
+
active : false,
|
| 96 |
+
type : null,
|
| 97 |
+
heading : null,
|
| 98 |
+
description : null,
|
| 99 |
+
customButtons : undefined
|
| 100 |
+
};
|
| 101 |
+
self.$emit('update:dialogBox', dialogBox)
|
| 102 |
+
},
|
| 103 |
+
}
|
| 104 |
+
});
|
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 2.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 2.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,97 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 1 |
+
/**
|
| 2 |
+
* Custom Facebook Tooltip Manager
|
| 3 |
+
*
|
| 4 |
+
* @since 2.0
|
| 5 |
+
*/
|
| 6 |
+
'use strict';
|
| 7 |
+
|
| 8 |
+
var SBITooltipWizard = window.SBITooltipWizard || ( function( document, window, $ ) {
|
| 9 |
+
|
| 10 |
+
/**
|
| 11 |
+
* Public functions and properties.
|
| 12 |
+
*
|
| 13 |
+
* @since 2.0
|
| 14 |
+
*
|
| 15 |
+
* @type {object}
|
| 16 |
+
*/
|
| 17 |
+
var app = {
|
| 18 |
+
|
| 19 |
+
/**
|
| 20 |
+
* Start the engine.
|
| 21 |
+
*
|
| 22 |
+
* @since 2.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 2.0
|
| 41 |
+
*/
|
| 42 |
+
load: function() {
|
| 43 |
+
if(ctf_admin_tooltip_wizard.ctf_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 : $( '#ctf-gutenberg-tooltip-content' ),
|
| 57 |
+
trigger : 'custom',
|
| 58 |
+
interactive : true,
|
| 59 |
+
animationDuration: 0,
|
| 60 |
+
delay : 0,
|
| 61 |
+
theme : [ 'tooltipster-default', 'ctf-tooltip-wizard' ],
|
| 62 |
+
side : 'bottom',
|
| 63 |
+
distance : 3,
|
| 64 |
+
functionReady : function( instance, helper ) {
|
| 65 |
+
instance._$tooltip.on( 'click', '.ctf-tlp-wizard-close', function() {
|
| 66 |
+
instance.close();
|
| 67 |
+
$('.ctf-tooltip-wizard').hide();
|
| 68 |
+
} );
|
| 69 |
+
|
| 70 |
+
instance.reposition();
|
| 71 |
+
},
|
| 72 |
+
};
|
| 73 |
+
|
| 74 |
+
$('.components-button.edit-post-header-toolbar__inserter-toggle').on('click',function() {
|
| 75 |
+
$('.ctf-tooltip-wizard.tooltipster-sidetip').hide();
|
| 76 |
+
});
|
| 77 |
+
|
| 78 |
+
$dot.insertAfter( anchor ).tooltipster( tooltipsterArgs ).tooltipster( 'open' );
|
| 79 |
+
},
|
| 80 |
+
|
| 81 |
+
/**
|
| 82 |
+
* Check if we're in Gutenberg editor.
|
| 83 |
+
*
|
| 84 |
+
* @since 2.0
|
| 85 |
+
*
|
| 86 |
+
* @returns {boolean} Is Gutenberg or not.
|
| 87 |
+
*/
|
| 88 |
+
isGutenberg: function() {
|
| 89 |
+
|
| 90 |
+
return typeof wp !== 'undefined' && Object.prototype.hasOwnProperty.call( wp, 'blocks' );
|
| 91 |
+
},
|
| 92 |
+
}
|
| 93 |
+
|
| 94 |
+
return app;
|
| 95 |
+
}( document, window, jQuery ) );
|
| 96 |
+
|
| 97 |
+
SBITooltipWizard.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,13 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 1 |
+
<div id="ctf-builder-app" class="ctf-fb-fs ctf-builder-app" :class="dismissLite === false ? 'ctf-builder-app-lite-dismiss' : '' " :data-app-loaded="appLoaded ? 'true' : 'false'">
|
| 2 |
+
<?php
|
| 3 |
+
$icons = TwitterFeed\Builder\CTF_Feed_Builder::builder_svg_icons();
|
| 4 |
+
include_once CTF_BUILDER_DIR . 'templates/sections/header.php';
|
| 5 |
+
include_once CTF_BUILDER_DIR . 'templates/screens/select-feed.php';
|
| 6 |
+
include_once CTF_BUILDER_DIR . 'templates/screens/welcome.php';
|
| 7 |
+
include_once CTF_BUILDER_DIR . 'templates/screens/customizer.php';
|
| 8 |
+
include_once CTF_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>
|
admin/builder/templates/form-data-examples.html
ADDED
|
@@ -0,0 +1,134 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 1 |
+
<!--
|
| 2 |
+
Tool to help understand how sending and retrieving feed related info from the database works.
|
| 3 |
+
-->
|
| 4 |
+
|
| 5 |
+
<div style="clear: left;">
|
| 6 |
+
|
| 7 |
+
<p>Create/update source</p>
|
| 8 |
+
|
| 9 |
+
<p>Retrieve Personal/Business (will store available ones in ctf_builder if successful)</p>
|
| 10 |
+
<a href="" id="ctf_personal_link">Retrieve Personal</a><br>
|
| 11 |
+
<a href="" id="ctf_business_link">Retrieve Business</a>
|
| 12 |
+
|
| 13 |
+
<p>Manual account adding</p>
|
| 14 |
+
|
| 15 |
+
<form id="ctf_add_source_form" method="post" action="">
|
| 16 |
+
<label for="ctf_access_token">Access Token:</label><input id="ctf_access_token" type="text" name="access_token" value=""><br>
|
| 17 |
+
<label for="ctf_page_name">Page Name (not required):</label><input id="ctf_page_name" type="text" name="name" value=""><br>
|
| 18 |
+
<label for="ctf_page_id">Page ID:</label><input id="ctf_page_id" type="text" name="id" value=""><br>
|
| 19 |
+
<label for="ctf_type">Type:</label><input id="ctf_type" type="text" name="type" value="business"><br>
|
| 20 |
+
|
| 21 |
+
<input type="hidden" name="action" value="ctf_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="ctf_save_settings_form" method="post" action="">
|
| 27 |
+
<label for="ctf_feed_id">Feed ID: (leave blank for new)</label><input id="ctf_feed_id" type="text" name="feed_id" value=""><br>
|
| 28 |
+
<label for="ctf_feed_title">Feed Title:</label><input id="ctf_feed_title" type="text" name="feed_title" value=""><br>
|
| 29 |
+
<label for="ctf_feed_status">Feed Status (publish or draft):</label><input id="ctf_feed_status" type="text" name="status" value="publish"><br>
|
| 30 |
+
<label for="ctf_src_1">Source 1 (must be the account/page ID):</label><input id="ctf_src_1" type="text" name="sources[]" value=""><br>
|
| 31 |
+
<label for="ctf_src_1">Source 2 (must be the account/page ID):</label><input id="ctf_src_2" type="text" name="sources[]" value=""><br>
|
| 32 |
+
<label for="ctf_num">Number:</label><input id="ctf_num" type="text" name="num" value="10"><br>
|
| 33 |
+
<input type="hidden" name="update_feed" value="true"/>
|
| 34 |
+
|
| 35 |
+
<input type="hidden" name="action" value="ctf_feed_saver_manager_builder_update"/>
|
| 36 |
+
<input class="button-primary" type="submit" value="Submit"/>
|
| 37 |
+
</form>
|
| 38 |
+
|
| 39 |
+
<p>Get feed settings/posts by ID</p>
|
| 40 |
+
<form id="ctf_get_settings_form" method="post" action="">
|
| 41 |
+
<label for="ctf_settings_feed_id">Feed ID:</label><input id="ctf_settings_feed_id" type="text" name="feed_id" value="1"><br>
|
| 42 |
+
<label for="ctf_settings_include_post_set">Include Posts:</label><input id="ctf_settings_include_post_set" type="checkbox" name="include_post_set" value="1"/>
|
| 43 |
+
|
| 44 |
+
<input type="hidden" name="action" value="ctf_feed_saver_manager_get_feed_settings"/>
|
| 45 |
+
<input class="button-primary" type="submit" value="Submit"/>
|
| 46 |
+
</form>
|
| 47 |
+
|
| 48 |
+
<p>Pages of things</p>
|
| 49 |
+
<form id="ctf_get_source_page" method="post" action="">
|
| 50 |
+
<label for="ctf_settings_source_page">Source Page:</label><input id="ctf_settings_source_page" type="text" name="page" value="2"><br>
|
| 51 |
+
<input type="hidden" name="action" value="ctf_source_get_page"/>
|
| 52 |
+
<input class="button-primary" type="submit" value="Submit"/>
|
| 53 |
+
</form>
|
| 54 |
+
|
| 55 |
+
<form id="ctf_get_feed_page" method="post" action="">
|
| 56 |
+
<label for="ctf_settings_feed_page">Feed Page:</label><input id="ctf_settings_feed_page" type="text" name="page" value="2"><br>
|
| 57 |
+
<input type="hidden" name="action" value="ctf_feed_saver_manager_get_feed_list_page"/>
|
| 58 |
+
<input class="button-primary" type="submit" value="Submit"/>
|
| 59 |
+
</form>
|
| 60 |
+
|
| 61 |
+
<p>Locations page by feed ID</p>
|
| 62 |
+
|
| 63 |
+
<form id="ctf_get_locations_page" method="post" action="">
|
| 64 |
+
<label for="ctf_settings_locations_feed_id">Feed ID:</label><input id="ctf_settings_locations_feed_id" type="text" name="feed_id" value="1"><br>
|
| 65 |
+
<label for="ctf_settings_locations_page">Locations Page:</label><input id="ctf_settings_locations_page" type="text" name="page" value="2"><br>
|
| 66 |
+
<br><label for="ctf_settings_is_legacy">This is a legacy feed:</label><input id="ctf_settings_is_legacy" type="checkbox" name="is_legacy" value="1"/>
|
| 67 |
+
<input type="hidden" name="action" value="ctf_feed_saver_manager_get_locations_page"/>
|
| 68 |
+
<input class="button-primary" type="submit" value="Submit"/>
|
| 69 |
+
</form>
|
| 70 |
+
|
| 71 |
+
<p>Dismiss Onboarding</p>
|
| 72 |
+
<form id="ctf_dismiss_onboarding" method="post" action="">
|
| 73 |
+
<input type="hidden" name="action" value="ctf_dismiss_onboarding"/>
|
| 74 |
+
<input class="button-primary" type="submit" value="Dismiss"/>
|
| 75 |
+
</form>
|
| 76 |
+
|
| 77 |
+
|
| 78 |
+
<p>Import/Export</p>
|
| 79 |
+
<form id="ctf_import" method="post" action="">
|
| 80 |
+
<input type="hidden" name="action" value="ctf_feed_saver_manager_importer"/>
|
| 81 |
+
<label for="ctf_import_field">Import JSON</label><br>
|
| 82 |
+
<textarea id="ctf_import_field" name="feed_json"></textarea>
|
| 83 |
+
|
| 84 |
+
<input class="button-primary" type="submit" value="Submit"/>
|
| 85 |
+
</form>
|
| 86 |
+
|
| 87 |
+
<p>Get feed comments</p>
|
| 88 |
+
<form id="ctf_get_comments" method="post" action="">
|
| 89 |
+
<label for="ctf_get_comments_feed_id">Feed ID:</label><input id="ctf_get_comments_feed_id" type="text" name="feed_id" value="1"><br>
|
| 90 |
+
|
| 91 |
+
<input type="hidden" name="action" value="ctf_feed_saver_manager_retrieve_comments"/>
|
| 92 |
+
<input class="button-primary" type="submit" value="Submit"/>
|
| 93 |
+
</form>
|
| 94 |
+
|
| 95 |
+
<p>Clear single feed cache</p>
|
| 96 |
+
<form id="ctf_clear_single_feed_cache" method="post" action="">
|
| 97 |
+
<label for="ctf_cc_feed_id">Feed ID:</label><input id="ctf_cc_feed_id" type="text" name="feed_id" value="1"><br>
|
| 98 |
+
|
| 99 |
+
<input type="hidden" name="action" value="ctf_feed_saver_manager_clear_single_feed_cache"/>
|
| 100 |
+
<input class="button-primary" type="submit" value="Submit"/>
|
| 101 |
+
</form>
|
| 102 |
+
|
| 103 |
+
</div>
|
| 104 |
+
<style>
|
| 105 |
+
.sb-customizer-sidebar {
|
| 106 |
+
display: none !important;
|
| 107 |
+
}
|
| 108 |
+
</style>
|
| 109 |
+
<script>
|
| 110 |
+
jQuery(document).ready(function($) {
|
| 111 |
+
$('#ctf_personal_link').attr('href',ctf_source.sourceConnectionURLs.personal + ctf_source.sourceConnectionURLs.stateURL);
|
| 112 |
+
$('#ctf_business_link').attr('href',ctf_source.sourceConnectionURLs.business + ctf_source.sourceConnectionURLs.stateURL);
|
| 113 |
+
|
| 114 |
+
$('#ctf_source_get_playlist_post_preview, #ctf_clear_single_feed_cache, #ctf_get_comments, #ctf_add_source_form, #ctf_save_settings_form, #ctf_get_settings_form, #ctf_get_source_page, #ctf_get_feed_page, #ctf_get_locations_page, #ctf_dismiss_onboarding, #ctf_source_get_featured_post_preview, #ctf_import').submit(function(event) {
|
| 115 |
+
|
| 116 |
+
event.preventDefault();
|
| 117 |
+
|
| 118 |
+
var thisData = $(this).serializeArray();
|
| 119 |
+
$.ajax({
|
| 120 |
+
url: ctf_builder.ajax_handler,
|
| 121 |
+
type: 'post',
|
| 122 |
+
data: thisData,
|
| 123 |
+
success: function (data) {
|
| 124 |
+
if (data.indexOf('{') === 0) {
|
| 125 |
+
data = JSON.parse(data);
|
| 126 |
+
console.log(data);
|
| 127 |
+
|
| 128 |
+
}
|
| 129 |
+
|
| 130 |
+
}
|
| 131 |
+
});
|
| 132 |
+
});
|
| 133 |
+
});
|
| 134 |
+
</script>
|
admin/builder/templates/preview/error.php
ADDED
|
@@ -0,0 +1,9 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 1 |
+
<section id="ctf-header-section" class="ctf-error-ctn ctf-fb-fs ctf-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="ctf-header-section" class="ctf-preview-header-ctn ctf-fb-fs ctf-preview-section" :data-dimmed="!isSectionHighLighted('header')" v-if="valueIsEnabled(customizerFeedData.settings.showheader) && customizerFeedData.header && sourcesList.length">
|
| 2 |
+
<!--Visual header-->
|
| 3 |
+
<div class="ctf-preview-header-visual ctf-fb-fs" v-if="customizerFeedData.settings.headertype == 'visual'">
|
| 4 |
+
<div class="ctf-preview-header-cover ctf-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="ctf-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="ctf-preview-header-info-ctn ctf-fb-fs">
|
| 12 |
+
<div class="ctf-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="ctf-preview-header-info">
|
| 16 |
+
<h3 class="ctf-preview-header-name" v-if="valueIsEnabled(customizerFeedData.settings.headername)" >{{customizerFeedData.header.name}}</h3>
|
| 17 |
+
<div class="ctf-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="ctf-preview-header-text ctf-fb-fs" v-if="customizerFeedData.settings.headertype == 'text'">
|
| 23 |
+
<h3 class="ctf-preview-header-text-h ctf-fb-fs">
|
| 24 |
+
<div class="ctf-preview-header-text-icon" v-if="valueIsEnabled(customizerFeedData.settings.headericonenabled)">
|
| 25 |
+
<span class="ctf-header-text-icon fa fab " :class="'fa-'+customizerFeedData.settings.headericon"></span>
|
| 26 |
+
</div>
|
| 27 |
+
<span class="ctf-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="ctf-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/theme-styles.php
ADDED
|
@@ -0,0 +1,12 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 1 |
+
<?php
|
| 2 |
+
$file = get_stylesheet_uri();
|
| 3 |
+
$theme_css = new \TwitterFeed\Builder\CTF_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/screens/customizer.php
ADDED
|
@@ -0,0 +1,8 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 1 |
+
<div class="sb-customizer-ctn ctf-fb-fs" v-if="iscustomizerScreen">
|
| 2 |
+
<?php include_once CTF_BUILDER_DIR . 'templates/sections/customizer/sidebar.php'; ?>
|
| 3 |
+
<?php include_once CTF_BUILDER_DIR . 'templates/sections/customizer/preview.php'; ?>
|
| 4 |
+
</div>
|
| 5 |
+
<div v-html="feedStyleOutput != false ? feedStyleOutput : ''"></div>
|
| 6 |
+
<script type="text/x-template" id="ctf-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,33 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 1 |
+
<div v-if="viewsActive.pageScreen == 'selectFeed'" class="ctf-fb-fs">
|
| 2 |
+
<div class="ctf-fb-create-ctn ctf-fb-wrapper">
|
| 3 |
+
<div class="ctf-fb-heading">
|
| 4 |
+
<h1>{{selectFeedTypeScreen.mainHeading}}</h1>
|
| 5 |
+
<div class="ctf-fb-btn ctf-fb-slctf-nxt ctf-fb-btn-ac ctf-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 CTF_BUILDER_DIR . 'templates/sections/feeds-type.php';
|
| 14 |
+
include_once CTF_BUILDER_DIR . 'templates/sections/select-source.php';
|
| 15 |
+
include_once CTF_BUILDER_DIR . 'templates/sections/select-template.php';
|
| 16 |
+
?>
|
| 17 |
+
</div>
|
| 18 |
+
<div class="ctf-fb-ft-action ctf-fb-slctfd-action ctf-fb-fs">
|
| 19 |
+
<div class="ctf-fb-wrapper">
|
| 20 |
+
<div class="ctf-fb-slctf-back ctf-fb-hd-btn ctf-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">
|
| 21 |
+
<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"/>
|
| 22 |
+
</svg>
|
| 23 |
+
<span>{{genericText.back}}</span>
|
| 24 |
+
</div>
|
| 25 |
+
<div class="ctf-fb-btn ctf-fb-slctf-nxt ctf-fb-btn-ac ctf-btn-orange" :data-active="creationProcessCheckAction()" @click.prevent.default="creationProcessNext()">
|
| 26 |
+
<span>{{genericText.next}}</span>
|
| 27 |
+
<svg width="7" height="11" viewBox="0 0 7 11" fill="none" xmlns="http://www.w3.org/2000/svg">
|
| 28 |
+
<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"/>
|
| 29 |
+
</svg>
|
| 30 |
+
</div>
|
| 31 |
+
</div>
|
| 32 |
+
</div>
|
| 33 |
+
</div>
|
admin/builder/templates/screens/welcome.php
ADDED
|
@@ -0,0 +1,31 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 1 |
+
<div class="ctf-fb-full-wrapper ctf-fb-fs" v-if="viewsActive.pageScreen == 'welcome' && !iscustomizerScreen">
|
| 2 |
+
<?php
|
| 3 |
+
/**
|
| 4 |
+
* CFF Admin Notices
|
| 5 |
+
*
|
| 6 |
+
* @since 2.0
|
| 7 |
+
*/
|
| 8 |
+
do_action('ctf_admin_notices');
|
| 9 |
+
?>
|
| 10 |
+
|
| 11 |
+
<div class="ctf-fb-wlcm-header ctf-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="ctf-fb-btn ctf-fb-btn-new ctf-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 CTF_BUILDER_DIR . 'templates/sections/empty-state.php';
|
| 24 |
+
include_once CTF_BUILDER_DIR . 'templates/sections/feeds-list.php';
|
| 25 |
+
?>
|
| 26 |
+
<div v-if="licenseType == 'free'" class="ctf-fb-fs">
|
| 27 |
+
<?php
|
| 28 |
+
TwitterFeed\Admin\CTF_View::render( 'sections.builder_footer_cta' );
|
| 29 |
+
?>
|
| 30 |
+
</div>
|
| 31 |
+
</div>
|
admin/builder/templates/sections/create-feed/multiple-sources-list.php
ADDED
|
@@ -0,0 +1,128 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 1 |
+
<div class="ctf-feedtype-section ctf-fb-fs" v-for="(feedType, feedTypeID) in selectSourceScreen.multipleTypes" v-if="checkMultipleFeedTypeActive(feedTypeID)" :data-type="feedTypeID">
|
| 2 |
+
<button v-if="false" class="ctf-fd-lst-btn ctf-fd-lst-btn-delete ctf-fb-tltp-parent" :data-greyed="selectedFeed.length == 1 ? 'true' : false" @click.prevent.default="removeFeedTypeSource(feedTypeID)">
|
| 3 |
+
<div class="ctf-fb-tltp-elem"><span v-html="selectedFeed.length == 1 ? genericText.atLeastOneSource.replace(/ /g,' ') : genericText.removeSource.replace(/ /g,' ')">{{}}</span></div>
|
| 4 |
+
<div v-html="svgIcons['delete']"></div>
|
| 5 |
+
</button>
|
| 6 |
+
<div class="ctf-feedtype-sec-heading ctf-fb-fs">
|
| 7 |
+
<div class="ctf-feedtype-icon-wrap" v-html="svgIcons[feedType.icon]"></div>
|
| 8 |
+
<div class="ctf-feedtype-sec-wrap">
|
| 9 |
+
<div class="ctf-feedtype-sec-icon-heading ctf-fb-fs">
|
| 10 |
+
<span v-html="feedType.heading"></span>
|
| 11 |
+
</div>
|
| 12 |
+
<div class="ctf-feedtype-sec-desc ctf-fb-fs sb-caption sb-lighter" v-html="feedType.description"></div>
|
| 13 |
+
|
| 14 |
+
<div class="ctf-fb-fs" v-if="feedType.actionType == 'inputField'">
|
| 15 |
+
<input type="text" v-if="customizerFeedData" class="ctf-fb-wh-inp ctf-fb-fs" v-model="selectedFeedModelPopup[feedTypeID]" :placeholder="feedType.placeHolder">
|
| 16 |
+
<input type="text" v-else class="ctf-fb-wh-inp ctf-fb-fs" v-model="selectedFeedModel[feedTypeID]" :placeholder="feedType.placeHolder">
|
| 17 |
+
</div>
|
| 18 |
+
|
| 19 |
+
<div class="ctf-fb-fs" v-if="feedType.actionType == 'connectAccount'">
|
| 20 |
+
<div class="ctf-selected-source-item">
|
| 21 |
+
<div class="ctf-selected-source-item-avatar">
|
| 22 |
+
<img :src="accountDetails.account_avatar">
|
| 23 |
+
</div>
|
| 24 |
+
<span>@{{accountDetails.account_handle}}</span>
|
| 25 |
+
</div>
|
| 26 |
+
<button data-icon="left" class="ctf-fb-hd-btn sb-btn-blue sb-button-standard" @click.prevent.default="activateView('connectAccountPopup')">
|
| 27 |
+
<span v-html="svgIcons['twitter']"></span>
|
| 28 |
+
<span>{{genericText.connectDifferentAccount}}</span>
|
| 29 |
+
</button>
|
| 30 |
+
</div>
|
| 31 |
+
|
| 32 |
+
<div class="ctf-fb-fs" v-if="feedType.actionType == 'customList'">
|
| 33 |
+
|
| 34 |
+
<div class="ctf-customlist-chooser-ctn ctf-fb-fs">
|
| 35 |
+
|
| 36 |
+
<!-- Selected Top Begin -->
|
| 37 |
+
<div class="ctf-customlist-chooser-selected ctf-fb-fs">
|
| 38 |
+
<div class="ctf-customlist-chooser-selected-hd ctf-fb-fs">
|
| 39 |
+
<strong>{{genericText.selected}}</strong>
|
| 40 |
+
<a class="ctf-link-underlined" @click.prevent.default="removeAllLists()" v-if="customizerFeedData ? selectedFeedModelPopup.listsObject.length > 0 : selectedFeedModel.listsObject.length > 0">{{genericText.deselectAll}}</a>
|
| 41 |
+
</div>
|
| 42 |
+
|
| 43 |
+
<div class="ctf-customlist-selected-list ctf-fb-fs">
|
| 44 |
+
<div class="ctf-customlist-selected-item" v-for="listItem in (customizerFeedData ? selectedFeedModelPopup.listsObject : selectedFeedModel.listsObject)">
|
| 45 |
+
<div class="ctf-customlist-selected-item-icon" v-html="svgIcons['lists']"></div>
|
| 46 |
+
<div class="ctf-customlist-selected-item-info">
|
| 47 |
+
{{listItem.name}} (ID: {{listItem.id}})
|
| 48 |
+
</div>
|
| 49 |
+
<div class="ctf-customlist-selected-item-cls" @click.prevent.default="removeSingleItemFromList(listItem)"></div>
|
| 50 |
+
</div>
|
| 51 |
+
|
| 52 |
+
</div>
|
| 53 |
+
</div>
|
| 54 |
+
|
| 55 |
+
<!-- Add List Inputs -->
|
| 56 |
+
<div class="ctf-customlist-inputs-ctn ctf-fb-fs">
|
| 57 |
+
|
| 58 |
+
<div class="ctf-customlist-input-item ctf-customlist-input-addlist">
|
| 59 |
+
<div class="ctf-customlist-input-item-heading ctf-fb-fs">
|
| 60 |
+
<div v-html="svgIcons['addNewList']"></div>
|
| 61 |
+
<span>{{genericText.addNewList}}</span>
|
| 62 |
+
</div>
|
| 63 |
+
<div class="ctf-customlist-input-ctn ctf-fb-fs">
|
| 64 |
+
<input type="text" :placeholder="genericText.enterListID" v-model="listIdInputModel" v-on:keyup.enter="checkTwitterListById()">
|
| 65 |
+
<button class="sb-btn sb-btn-blue" @click.prevent.default="checkTwitterListById()">
|
| 66 |
+
<span v-html="svgIcons['plus']"></span>
|
| 67 |
+
{{genericText.add}}
|
| 68 |
+
</button>
|
| 69 |
+
</div>
|
| 70 |
+
</div>
|
| 71 |
+
|
| 72 |
+
<div class="ctf-customlist-input-item ctf-customlist-input-search">
|
| 73 |
+
<div class="ctf-customlist-input-item-heading ctf-fb-fs">
|
| 74 |
+
<div v-html="svgIcons['search']"></div>
|
| 75 |
+
<span>{{genericText.searchListUser}}</span>
|
| 76 |
+
</div>
|
| 77 |
+
<div class="ctf-customlist-input-ctn ctf-fb-fs">
|
| 78 |
+
<input type="text" :placeholder="genericText.enterUserName" v-model="listUserNameInputModel" v-on:keyup.enter="searchUserNameList()" v-on:keyup="noListFound = null">
|
| 79 |
+
<button class="sb-btn sb-btn-grey" @click.prevent.default="searchUserNameList()">
|
| 80 |
+
<span v-html="svgIcons['search']"></span>
|
| 81 |
+
{{genericText.showLists}}
|
| 82 |
+
</button>
|
| 83 |
+
</div>
|
| 84 |
+
</div>
|
| 85 |
+
|
| 86 |
+
</div>
|
| 87 |
+
|
| 88 |
+
|
| 89 |
+
<!-- List Results -->
|
| 90 |
+
<div class="ctf-customlist-results-ctn ctf-fb-fs">
|
| 91 |
+
<div class="ctf-customlist-results-success ctf-fb-fs" v-if="noListFound == null && listUserNameResult.length > 0">
|
| 92 |
+
<div class="ctf-customlist-results-success-hd ctf-fb-fs">
|
| 93 |
+
{{genericText.showingPublicLists}} <strong>{{printUserNameTwitterHandle(listUserNameInputModelSearched)}}</strong>
|
| 94 |
+
</div>
|
| 95 |
+
|
| 96 |
+
<div class="ctf-customlist-results-items ctf-fb-fs">
|
| 97 |
+
|
| 98 |
+
<div class="ctf-customlist-results-item" v-for="listItem in listUserNameResult" @click.prevent.default="addItemtoList(listItem)" :data-active="checkListItemIncluded(listItem)">
|
| 99 |
+
<div class="ctf-customlist-results-chkbx">
|
| 100 |
+
<div><span></span></div>
|
| 101 |
+
</div>
|
| 102 |
+
<div class="ctf-customlist-results-item-info">
|
| 103 |
+
<strong>{{listItem.name}}</strong>
|
| 104 |
+
<span>ID: {{listItem.id}}</span>
|
| 105 |
+
</div>
|
| 106 |
+
</div>
|
| 107 |
+
|
| 108 |
+
</div>
|
| 109 |
+
|
| 110 |
+
</div>
|
| 111 |
+
|
| 112 |
+
<div class="ctf-customlist-results-error ctf-fb-fs" v-if="noListFound === true">
|
| 113 |
+
<div class="ctf-customlist-error-icon">!</div>
|
| 114 |
+
<div class="ctf-customlist-error-msg">
|
| 115 |
+
<span>{{genericText.couldntFetchList}} <strong>{{printUserNameTwitterHandle(listUserNameInputModel)}}</strong>.</span><br/>
|
| 116 |
+
<span>{{genericText.tryDifferentName}}</span>
|
| 117 |
+
</div>
|
| 118 |
+
</div>
|
| 119 |
+
</div>
|
| 120 |
+
|
| 121 |
+
</div>
|
| 122 |
+
|
| 123 |
+
</div>
|
| 124 |
+
|
| 125 |
+
</div>
|
| 126 |
+
|
| 127 |
+
</div>
|
| 128 |
+
</div>
|
admin/builder/templates/sections/customizer/preview.php
ADDED
|
@@ -0,0 +1,30 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 1 |
+
<div class="sb-customizer-preview" :data-preview-device="customizerScreens.previewScreen">
|
| 2 |
+
<?php
|
| 3 |
+
/**
|
| 4 |
+
* CFF Admin Notices
|
| 5 |
+
*
|
| 6 |
+
* @since 2.0
|
| 7 |
+
*/
|
| 8 |
+
do_action('ctf_admin_notices');
|
| 9 |
+
|
| 10 |
+
$feed_id = ! empty( $_GET['feed_id'] ) ? (int)$_GET['feed_id'] : 0;
|
| 11 |
+
?>
|
| 12 |
+
<div class="sb-preview-ctn sb-tr-2">
|
| 13 |
+
<div class="sb-preview-top-chooser ctf-fb-fs">
|
| 14 |
+
<strong :class="getModerationShoppableMode == true ? 'ctf-moderate-heading' :''" v-html="getModerationShoppableMode == false ? genericText.preview : ( svgIcons['eyePreview'] + '' + genericText.moderationModePreview )"></strong>
|
| 15 |
+
<div class="sb-preview-chooser" v-if="getModerationShoppableMode == false">
|
| 16 |
+
<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>
|
| 17 |
+
</div>
|
| 18 |
+
</div>
|
| 19 |
+
|
| 20 |
+
<div class="ctf-preview-ctn ctf-fb-fs">
|
| 21 |
+
<div>
|
| 22 |
+
<component :is="{template}"></component>
|
| 23 |
+
</div>
|
| 24 |
+
</div>
|
| 25 |
+
|
| 26 |
+
</div>
|
| 27 |
+
<ctf-dummy-lightbox-component :dummy-light-box-screen="dummyLightBoxScreen" :customizer-feed-data="customizerFeedData"></ctf-dummy-lightbox-component>
|
| 28 |
+
</div>
|
| 29 |
+
|
| 30 |
+
|
admin/builder/templates/sections/customizer/sidebar.php
ADDED
|
@@ -0,0 +1,78 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 1 |
+
<?php TwitterFeed\Builder\SB_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 ctf-fb-fs">
|
| 4 |
+
<div class="sb-customizer-sidebar-tab-ctn ctf-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 ctf-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 ctf-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 ctf-fb-fs" v-if="section.isHeader" :data-header-id="sectionId">
|
| 20 |
+
{{section.heading}}
|
| 21 |
+
</div>
|
| 22 |
+
</div>
|
| 23 |
+
<div class="sb-customizer-sidebar-cache-wrapper ctf-fb-fs">
|
| 24 |
+
<button class="sb-control-action-button sb-btn ctf-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="ctf-fb-fs" v-if="customizerScreens.activeSection != null">
|
| 32 |
+
<div class="sb-customizer-sidebar-header ctf-fb-fs" :data-separator="customizerScreens.activeSectionData.separator ? customizerScreens.activeSectionData.separator : ''">
|
| 33 |
+
<div class="sb-customizer-sidebar-breadcrumb ctf-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="ctf-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="ctf-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 class="sb-customizer-sidebar-intro">
|
| 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 ctf-fb-fs">
|
| 56 |
+
<div class="sb-control-ctn ctf-fb-fs" v-for="(control, ctlIndex) in customizerScreens.activeSectionData.controls">
|
| 57 |
+
<?php TwitterFeed\Builder\SB_Builder_Customizer::get_controls_templates('settings'); ?>
|
| 58 |
+
</div>
|
| 59 |
+
<div class="sb-customizer-sidebar-sec-el ctf-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)">
|
| 60 |
+
<div class="sb-customizer-sidebar-sec-el-icon" v-html="svgIcons[nesetdSection.icon]"></div>
|
| 61 |
+
<strong>{{nesetdSection.heading}}</strong>
|
| 62 |
+
<div class="sb-customizer-chevron">
|
| 63 |
+
<svg width="6" height="8" viewBox="0 0 6 8" fill="none" xmlns="http://www.w3.org/2000/svg">
|
| 64 |
+
<path d="M1.66656 0L0.726562 0.94L3.7799 4L0.726562 7.06L1.66656 8L5.66656 4L1.66656 0Z" fill="#141B38"/>
|
| 65 |
+
</svg>
|
| 66 |
+
</div>
|
| 67 |
+
</div>
|
| 68 |
+
</div>
|
| 69 |
+
</div>
|
| 70 |
+
|
| 71 |
+
|
| 72 |
+
</div>
|
| 73 |
+
|
| 74 |
+
</div>
|
| 75 |
+
|
| 76 |
+
<?php
|
| 77 |
+
|
| 78 |
+
#TwitterFeed\Builder\CFF_Builder_Customizer::get_controls_templates();
|
admin/builder/templates/sections/empty-state.php
ADDED
|
@@ -0,0 +1,144 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 1 |
+
<div class="ctf-empty-state ctf-fb-fs" v-if="(feedsList == null || feedsList.length == 0 ) && (legacyFeedsList == null || legacyFeedsList.length == 0)">
|
| 2 |
+
<div class="ctf-fb-wlcm-content ctf-fb-fs">
|
| 3 |
+
<div class="ctf-fb-wlcm-inf-1 ctf-fb-fs">
|
| 4 |
+
<div class="ctf-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="ctf-fb-inf-cnt">
|
| 14 |
+
<div class="ctf-fb-inf-num"><span>1</span></div>
|
| 15 |
+
<div class="ctf-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="ctf-fb-wlcm-inf-2 ctf-fb-fs">
|
| 23 |
+
<div class="ctf-fb-inf-cnt">
|
| 24 |
+
<div class="ctf-fb-inf-num"><span>2</span></div>
|
| 25 |
+
<div class="ctf-fb-inf-txt">
|
| 26 |
+
<h4>{{welcomeScreen.customizeFeed}}</h4>
|
| 27 |
+
<p class="sb-small-p">{{welcomeScreen.customizeFeedDescription}}</p>
|
| 28 |
+
</div>
|
| 29 |
+
<div class="ctf-fb-inf-img">
|
| 30 |
+
<svg width="125" height="119" viewBox="0 0 125 119" fill="none" xmlns="http://www.w3.org/2000/svg">
|
| 31 |
+
<rect x="8.00391" y="0.0622559" width="116.775" height="110.72" rx="2" transform="rotate(4 8.00391 0.0622559)" fill="#D0D1D7"/>
|
| 32 |
+
<g filter="url(#filter0_dd_1092_32)">
|
| 33 |
+
<rect x="32.1937" y="30.0425" width="40.3636" height="37" rx="1.12121" transform="rotate(1 32.1937 30.0425)" fill="white"/>
|
| 34 |
+
</g>
|
| 35 |
+
<rect x="35.8932" y="37.97" width="7" height="7" rx="3.5" transform="rotate(1 35.8932 37.97)" fill="#434960"/>
|
| 36 |
+
<rect x="35.6664" y="50.968" width="7" height="7" rx="3.5" transform="rotate(1 35.6664 50.968)" fill="#434960"/>
|
| 37 |
+
<rect x="45.8743" y="39.1445" width="20" height="2" transform="rotate(1 45.8743 39.1445)" fill="#434960"/>
|
| 38 |
+
<rect x="45.6474" y="52.1426" width="20" height="2" transform="rotate(1 45.6474 52.1426)" fill="#434960"/>
|
| 39 |
+
<rect x="45.8045" y="43.1438" width="11" height="2" transform="rotate(1 45.8045 43.1438)" fill="#434960"/>
|
| 40 |
+
<rect x="45.5776" y="56.1418" width="11" height="2" transform="rotate(1 45.5776 56.1418)" fill="#434960"/>
|
| 41 |
+
<g filter="url(#filter1_dd_1092_32)">
|
| 42 |
+
<rect x="67.5605" y="44.1484" width="34.5032" height="36.7292" rx="1.11301" transform="rotate(13 67.5605 44.1484)" fill="white"/>
|
| 43 |
+
<rect x="66.8111" y="42.9491" width="36.5032" height="38.7292" rx="2.11301" transform="rotate(13 66.8111 42.9491)" stroke="#D0D1D7" stroke-width="2"/>
|
| 44 |
+
</g>
|
| 45 |
+
<rect x="72.2571" y="53.1384" width="8" height="8" rx="0.5" transform="rotate(13 72.2571 53.1384)" fill="#434960"/>
|
| 46 |
+
<rect x="69.3328" y="65.8054" width="8" height="8" rx="0.5" transform="rotate(13 69.3328 65.8054)" fill="#434960"/>
|
| 47 |
+
<rect x="84.924" y="56.0627" width="8" height="8" rx="0.5" transform="rotate(13 84.924 56.0627)" fill="#434960"/>
|
| 48 |
+
<rect x="81.9996" y="68.7297" width="8" height="8" rx="0.5" transform="rotate(13 81.9996 68.7297)" fill="#434960"/>
|
| 49 |
+
<defs>
|
| 50 |
+
<filter id="filter0_dd_1092_32" x="26.5673" y="29.0618" width="50.9644" height="47.6602" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
|
| 51 |
+
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
|
| 52 |
+
<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" result="hardAlpha"/>
|
| 53 |
+
<feOffset dy="4"/>
|
| 54 |
+
<feGaussianBlur stdDeviation="2.5"/>
|
| 55 |
+
<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"/>
|
| 56 |
+
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_1092_32"/>
|
| 57 |
+
<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" result="hardAlpha"/>
|
| 58 |
+
<feOffset dy="1"/>
|
| 59 |
+
<feGaussianBlur stdDeviation="1"/>
|
| 60 |
+
<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"/>
|
| 61 |
+
<feBlend mode="normal" in2="effect1_dropShadow_1092_32" result="effect2_dropShadow_1092_32"/>
|
| 62 |
+
<feBlend mode="normal" in="SourceGraphic" in2="effect2_dropShadow_1092_32" result="shape"/>
|
| 63 |
+
</filter>
|
| 64 |
+
<filter id="filter1_dd_1092_32" x="52.5193" y="41.3696" width="55.4388" height="57.1069" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
|
| 65 |
+
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
|
| 66 |
+
<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" result="hardAlpha"/>
|
| 67 |
+
<feOffset dy="4"/>
|
| 68 |
+
<feGaussianBlur stdDeviation="2.5"/>
|
| 69 |
+
<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"/>
|
| 70 |
+
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_1092_32"/>
|
| 71 |
+
<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" result="hardAlpha"/>
|
| 72 |
+
<feOffset dy="1"/>
|
| 73 |
+
<feGaussianBlur stdDeviation="1"/>
|
| 74 |
+
<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"/>
|
| 75 |
+
<feBlend mode="normal" in2="effect1_dropShadow_1092_32" result="effect2_dropShadow_1092_32"/>
|
| 76 |
+
<feBlend mode="normal" in="SourceGraphic" in2="effect2_dropShadow_1092_32" result="shape"/>
|
| 77 |
+
</filter>
|
| 78 |
+
</defs>
|
| 79 |
+
</svg>
|
| 80 |
+
|
| 81 |
+
|
| 82 |
+
</div>
|
| 83 |
+
</div>
|
| 84 |
+
</div>
|
| 85 |
+
|
| 86 |
+
<div class="ctf-fb-wlcm-inf-3 ctf-fb-fs">
|
| 87 |
+
<div class="ctf-fb-inf-cnt">
|
| 88 |
+
<div class="ctf-fb-inf-img">
|
| 89 |
+
<svg width="121" height="134" viewBox="0 0 121 134" fill="none" xmlns="http://www.w3.org/2000/svg">
|
| 90 |
+
<rect x="0.00878906" y="8.56641" width="111.967" height="125.336" rx="2" transform="rotate(-4 0.00878906 8.56641)" fill="#D0D1D7"/>
|
| 91 |
+
<g filter="url(#filter0_d_503:1671)">
|
| 92 |
+
<rect x="15.0002" y="54.0273" width="86.4064" height="27.65" rx="1.15209" transform="rotate(-4 15.0002 54.0273)" fill="white"/>
|
| 93 |
+
</g>
|
| 94 |
+
<g filter="url(#filter1_d_503:1671)">
|
| 95 |
+
<rect x="15.0002" y="54.0273" width="86.4064" height="27.65" rx="1.15209" transform="rotate(-4 15.0002 54.0273)" fill="white"/>
|
| 96 |
+
<g clip-path="url(#clip0_503:1671)">
|
| 97 |
+
<g clip-path="url(#clip1_503:1671)">
|
| 98 |
+
<path d="M39.6404 66.166L36.8185 69.4122L36.0071 68.7069L38.1236 66.2721L35.6888 64.1556L36.3942 63.3442L39.6404 66.166ZM28.2852 66.9601L30.72 69.0766L30.0146 69.888L26.7684 67.0661L29.5903 63.82L30.4012 64.5253L28.2852 66.9601ZM32.3556 71.526L31.2143 71.6058L34.0532 61.7062L35.1945 61.6264L32.3556 71.526Z" fill="#141B38"/>
|
| 99 |
+
</g>
|
| 100 |
+
</g>
|
| 101 |
+
<path d="M48.258 69.3531L53.4994 68.9866L53.4142 67.7688L49.6207 68.0341L49.4586 65.7165L53.0445 65.4657L52.9641 64.3153L49.3782 64.5661L49.2247 62.3719L53.0183 62.1066L52.9331 60.8889L47.6918 61.2554L48.258 69.3531ZM55.1492 68.8712L56.5465 68.7735L56.2856 65.0417C56.2322 64.2785 56.6964 63.6596 57.3867 63.6113C58.0713 63.5634 58.5216 63.9549 58.5691 64.6339L58.8473 68.6126L60.2446 68.5149L59.9766 64.6821C59.9276 63.9806 60.3609 63.4033 61.0904 63.3523C61.8368 63.3001 62.2298 63.6787 62.2855 64.4755L62.5567 68.3532L63.954 68.2555L63.6589 64.0355C63.5698 62.7616 62.7761 62.0559 61.5415 62.1422C60.6885 62.2018 60.0121 62.689 59.7613 63.3776L59.6659 63.3843C59.3547 62.7237 58.7188 62.3396 57.8883 62.3976C57.0858 62.4538 56.4956 62.8841 56.2797 63.5872L56.1843 63.5939L56.1176 62.6399L54.7203 62.7376L55.1492 68.8712ZM69.0284 68.0022C70.566 67.8947 71.4629 66.6082 71.3272 64.6666L71.3264 64.6554C71.1898 62.7025 70.1398 61.5578 68.5854 61.6665C67.7436 61.7254 67.0712 62.1897 66.7976 62.8743L66.7022 62.8809L66.468 59.5308L65.0707 59.6285L65.6655 68.1358L67.0629 68.0381L66.9958 67.0785L67.0912 67.0718C67.4746 67.7161 68.1698 68.0622 69.0284 68.0022ZM68.5083 66.8543C67.5599 66.9206 66.9181 66.2099 66.8322 64.9809L66.8314 64.9697C66.7454 63.7407 67.2817 62.9419 68.2301 62.8756C69.1841 62.8089 69.8147 63.5205 69.901 64.755L69.9018 64.7663C69.9881 66.0008 69.4623 66.7876 68.5083 66.8543ZM75.5732 67.5671C77.2399 67.4505 77.9921 66.4336 78.1332 65.6286L78.1465 65.577L76.8165 65.67L76.8025 65.7104C76.6874 66.0004 76.282 66.4122 75.5244 66.4652C74.576 66.5315 73.9364 65.9334 73.8427 64.8347L78.13 64.5349L78.0979 64.0747C77.9684 62.2228 76.8054 61.0748 75.0601 61.1969C73.3149 61.3189 72.2864 62.6596 72.4214 64.5901L72.4218 64.5957C72.5584 66.5486 73.7494 67.6946 75.5732 67.5671ZM75.1535 62.29C75.9335 62.2354 76.5352 62.6952 76.7009 63.6931L73.7884 63.8967C73.8267 62.9128 74.3735 62.3445 75.1535 62.29ZM81.9354 67.0996C82.7996 67.0392 83.4343 66.6001 83.7243 65.9087L83.8197 65.9021L83.8868 66.8617L85.2897 66.7636L84.6948 58.2562L83.2919 58.3543L83.5262 61.7045L83.4308 61.7112C83.0646 61.0714 82.3341 60.7051 81.4923 60.764C79.9379 60.8727 79.063 62.1519 79.1996 64.1048L79.2004 64.116C79.3362 66.0577 80.3977 67.2071 81.9354 67.0996ZM82.2907 65.8906C81.3367 65.9573 80.7065 65.2513 80.6201 64.0168L80.6194 64.0055C80.533 62.771 81.0641 61.9782 82.0124 61.9119C82.9608 61.8455 83.6086 62.5615 83.6946 63.7905L83.6954 63.8017C83.7813 65.0307 83.2447 65.8239 82.2907 65.8906Z" fill="#141B38"/>
|
| 102 |
+
</g>
|
| 103 |
+
<path fill-rule="evenodd" clip-rule="evenodd" d="M87.7455 71.7873L89.5443 71.6616L89.4814 70.7621L87.6826 70.8879L87.7455 71.7873ZM90.4438 71.5984L89.5443 71.6613L90.1733 80.6557L91.0727 80.5928L90.4438 71.5984ZM87.7454 71.7875L86.846 71.8504L87.6636 83.543L88.563 83.4801L87.7454 71.7875ZM93.5824 77.7058L95.3811 77.5801L95.3182 76.6806L93.5194 76.8064L93.5194 76.8065L92.62 76.8694L92.9031 80.9168L93.8025 80.8539L93.5824 77.7058ZM89.4216 89.2949L88.5222 89.3578L88.648 91.1566L88.6794 91.6063L98.1235 90.9459L98.1235 90.9457L98.1235 90.9457L97.9349 88.2477L98.8342 88.1848L98.6455 85.4865L97.7461 85.5494L97.9347 88.2474L97.0354 88.3103L97.1612 90.1093L89.516 90.6439L89.4216 89.2949ZM95.3811 77.5804L96.2806 77.5175L96.5636 81.565L95.6642 81.6279L95.3811 77.5804ZM98.2052 79.1905L97.3059 79.2534L97.243 78.354L98.1424 78.2911L98.2053 79.1904L99.1047 79.1275L99.5449 85.4236L98.6455 85.4864L98.2052 79.1905ZM90.8212 76.9954L92.62 76.8696L92.5571 75.9701L90.7583 76.0959L90.8212 76.9954ZM96.3435 78.4169L97.2429 78.354L97.18 77.4546L96.2806 77.5175L96.3435 78.4169ZM87.6227 89.4208L88.5221 89.3579L88.4592 88.4585L87.5599 88.5213L87.4341 86.7225L86.5347 86.7854L86.6605 88.5843L87.5598 88.5214L87.6227 89.4208ZM85.6761 80.9704L84.7767 81.0333L84.7138 80.1338L85.6132 80.071L85.6761 80.9704ZM86.6384 81.8069L85.739 81.8698L85.6761 80.9703L86.5756 80.9075L86.6385 81.8068L87.5378 81.744L87.6007 82.6434L86.7012 82.7063L86.6384 81.8069ZM86.9843 86.7539L86.0848 86.8168L85.9591 85.0179L86.8585 84.955L86.9843 86.7539ZM85.0596 85.0808L85.959 85.0179L85.8333 83.219L84.9338 83.2819L85.0596 85.0808ZM84.9338 83.2819L84.0344 83.3448L83.8142 80.1967L84.7137 80.1338L84.9338 83.2819Z" fill="#141B38"/>
|
| 104 |
+
<path fill-rule="evenodd" clip-rule="evenodd" d="M87.7455 71.7875L89.5443 71.6617L90.1733 80.656L91.0727 80.5931L90.8212 76.9955L92.62 76.8697L92.903 80.917L93.8025 80.8541L93.5824 77.706L95.3813 77.5802L95.6643 81.6275L96.5636 81.5647L96.3435 78.4171L97.2429 78.3542L97.3058 79.2531L98.2054 79.1902L98.6456 85.4863L97.7462 85.5492L97.9034 87.7981L97.9034 87.7981L97.9348 88.2474L97.0354 88.3103L97.0669 88.7603L97.0669 88.7603L97.1612 90.1095L89.516 90.6441L89.4217 89.295L88.5222 89.3579L88.4908 88.9078L88.4907 88.9078L88.4593 88.4585L87.5599 88.5213L87.4341 86.7225L86.9844 86.7539L86.7014 82.7064L87.6008 82.6436L87.6637 83.543L88.5631 83.4801L87.7455 71.7875ZM85.6761 80.9706L84.7767 81.0334L84.9339 83.282L85.8333 83.2191L85.6761 80.9706ZM85.739 81.8699L86.6385 81.8071L86.8586 84.9551L85.9592 85.018L85.739 81.8699Z" fill="white"/>
|
| 105 |
+
<defs>
|
| 106 |
+
<filter id="filter0_d_503:1671" x="9.23982" y="44.5437" width="99.6456" height="45.131" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
|
| 107 |
+
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
|
| 108 |
+
<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" result="hardAlpha"/>
|
| 109 |
+
<feOffset dy="2.30417"/>
|
| 110 |
+
<feGaussianBlur stdDeviation="2.88021"/>
|
| 111 |
+
<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"/>
|
| 112 |
+
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_503:1671"/>
|
| 113 |
+
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_503:1671" result="shape"/>
|
| 114 |
+
</filter>
|
| 115 |
+
<filter id="filter1_d_503:1671" x="9.23982" y="44.5437" width="99.6456" height="45.131" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
|
| 116 |
+
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
|
| 117 |
+
<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" result="hardAlpha"/>
|
| 118 |
+
<feOffset dy="2.30417"/>
|
| 119 |
+
<feGaussianBlur stdDeviation="2.88021"/>
|
| 120 |
+
<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"/>
|
| 121 |
+
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_503:1671"/>
|
| 122 |
+
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_503:1671" result="shape"/>
|
| 123 |
+
</filter>
|
| 124 |
+
<clipPath id="clip0_503:1671">
|
| 125 |
+
<rect width="16.1292" height="16.1292" fill="white" transform="translate(24.5962 59.1308) rotate(-4)"/>
|
| 126 |
+
</clipPath>
|
| 127 |
+
<clipPath id="clip1_503:1671">
|
| 128 |
+
<rect width="12.9034" height="12.9034" fill="white" transform="translate(26.3176 60.6294) rotate(-4)"/>
|
| 129 |
+
</clipPath>
|
| 130 |
+
</defs>
|
| 131 |
+
</svg>
|
| 132 |
+
|
| 133 |
+
</div>
|
| 134 |
+
<div class="ctf-fb-inf-num"><span>3</span></div>
|
| 135 |
+
<div class="ctf-fb-inf-txt">
|
| 136 |
+
<h4>{{welcomeScreen.embedFeed}}</h4>
|
| 137 |
+
<p class="sb-small-p">{{welcomeScreen.embedFeedDescription}}</p>
|
| 138 |
+
</div>
|
| 139 |
+
</div>
|
| 140 |
+
</div>
|
| 141 |
+
|
| 142 |
+
|
| 143 |
+
</div>
|
| 144 |
+
</div>
|
admin/builder/templates/sections/feeds-list.php
ADDED
|
@@ -0,0 +1,8 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 1 |
+
<div class="ctf-feeds-list ctf-fb-fs" v-if="(feedsList != null && feedsList.length > 0 ) || (legacyFeedsList != null && legacyFeedsList.length > 0)">
|
| 2 |
+
<?php
|
| 3 |
+
include_once CTF_BUILDER_DIR . 'templates/sections/feeds/legacy-feeds.php';
|
| 4 |
+
include_once CTF_BUILDER_DIR . 'templates/sections/feeds/feeds.php';
|
| 5 |
+
?>
|
| 6 |
+
</div>
|
| 7 |
+
<?php
|
| 8 |
+
include_once CTF_BUILDER_DIR . 'templates/sections/feeds/instances.php';
|
admin/builder/templates/sections/feeds-type.php
ADDED
|
@@ -0,0 +1,26 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 1 |
+
<div class="ctf-fb-types-ctn ctf-fb-fs sb-box-shadow" v-if="viewsActive.selectedFeedSection == 'feedsType'">
|
| 2 |
+
<div class="ctf-fb-types ctf-fb-fs">
|
| 3 |
+
<h4>{{selectFeedTypeScreen.feedTypeHeading}}</h4>
|
| 4 |
+
<span class="ctf-fb-types-desc">{{selectFeedTypeScreen.mainDescription}}</span>
|
| 5 |
+
<div class="ctf-fb-types-list">
|
| 6 |
+
<div class="ctf-fb-type-el" v-for="(feedTypeEl, feedTypeIn) in feedTypes" :data-active="selectedFeed.includes(feedTypeEl.type) && feedTypeEl.type != 'socialwall'" :data-type="feedTypeEl.type" @click.prevent.default="chooseFeedType(feedTypeEl)">
|
| 7 |
+
<div class="ctf-fb-type-el-img ctf-fb-fs" v-html="svgIcons[feedTypeEl.icon]"></div>
|
| 8 |
+
<div class="ctf-fb-type-el-info ctf-fb-fs">
|
| 9 |
+
<span class="sb-small-p sb-bold sb-dark-text" v-html="feedTypeEl.title"></span>
|
| 10 |
+
<span class="sb-caption sb-lightest sb-small-text">{{feedTypeEl.description}}</span>
|
| 11 |
+
</div>
|
| 12 |
+
</div>
|
| 13 |
+
|
| 14 |
+
</div>
|
| 15 |
+
</div>
|
| 16 |
+
|
| 17 |
+
<div class="ctf-fb-adv-types ctf-fb-fs">
|
| 18 |
+
<h4>{{selectFeedTypeScreen.advancedHeading}}<span class="sb-breadcrumb-pro-label">PRO</span></h4>
|
| 19 |
+
<div class="ctf-fb-types-list ctf-fb-types-list-pro ctf-fb-fs">
|
| 20 |
+
<div class="ctf-fb-type-el-pro" v-for="(advFeedTypeEl, advFeedTypeIn) in advancedFeedTypes" @click.prevent.default="chooseFeedType(advFeedTypeEl)">
|
| 21 |
+
<div class="ctf-fb-type-el-pro-img" v-html="svgIcons[advFeedTypeEl.icon +'Free']"></div>
|
| 22 |
+
<span>{{advFeedTypeEl.title}}</span>
|
| 23 |
+
</div>
|
| 24 |
+
</div>
|
| 25 |
+
</div>
|
| 26 |
+
</div>
|
admin/builder/templates/sections/feeds/feeds.php
ADDED
|
@@ -0,0 +1,104 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 1 |
+
<div class="ctf-fd-lst-bigctn ctf-fb-fs" v-if="feedsList != null && feedsList.length > 0">
|
| 2 |
+
|
| 3 |
+
<div class="ctf-fd-lst-bulk-ctn ctf-fb-fs">
|
| 4 |
+
<select class="ctf-fd-lst-bulk-select ctf-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="ctf-fd-lst-bulk-btn ctf-btn-grey sb-button-small sb-button" @click.prevent.default="bulkActionClick()">{{genericText.apply}}</button>
|
| 9 |
+
<div class="ctf-fd-lst-pagination-ctn" v-if="feedPagination.feedsCount != null && feedPagination.feedsCount > 0">
|
| 10 |
+
<span class="ctf-fd-lst-count sb-caption">{{feedPagination.feedsCount +' '+ (feedPagination.feedsCount > 1 ? genericText.items : genericText.item)}}</span>
|
| 11 |
+
<div class="ctf-fd-lst-pagination" v-if="feedPagination.pagesNumber != null && feedPagination.pagesNumber > 1">
|
| 12 |
+
<button class="ctf-fd-lst-pgnt-btn ctf-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="ctf-fd-lst-pgnt-info">
|
| 14 |
+
{{feedPagination.currentPage}} of {{feedPagination.pagesNumber}}
|
| 15 |
+
</span>
|
| 16 |
+
<button class="ctf-fd-lst-pgnt-btn ctf-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="ctf-table-wrap" v-bind:class="{ 'sb-onboarding-highlight' : viewsActive.onboardingStep === 2 && allFeedsScreen.onboarding.type === 'single' }">
|
| 21 |
+
<table>
|
| 22 |
+
<thead class="ctf-fd-lst-thtf ctf-fd-lst-thead">
|
| 23 |
+
<tr>
|
| 24 |
+
<th>
|
| 25 |
+
<div class="ctf-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="ctf-fd-lst-act-th">
|
| 37 |
+
<span class="sb-caption sb-lighter">{{allFeedsScreen.columns.actionsText}}</span>
|
| 38 |
+
</th>
|
| 39 |
+
</tr>
|
| 40 |
+
</thead>
|
| 41 |
+
<tbody class="ctf-fd-lst-tbody">
|
| 42 |
+
<tr v-for="(feed, feedIndex) in feedsList">
|
| 43 |
+
<td>
|
| 44 |
+
<div class="ctf-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="ctf-fd-lst-name sb-small-p sb-bold">{{feed.feed_name}}</a>
|
| 48 |
+
<span class="ctf-fd-lst-type sb-caption sb-lighter">{{ checkNotEmpty(feed.settings.type) ? feed.settings.type : 'Mixed' }}</span>
|
| 49 |
+
</td>
|
| 50 |
+
<td>
|
| 51 |
+
<div class="sb-flex-center">
|
| 52 |
+
<span class="ctf-fd-lst-shortcode sb-caption sb-lighter">[custom-twitter-feeds feed={{feed.id}}]</span>
|
| 53 |
+
<div class="ctf-fd-lst-shortcode-cp ctf-fd-lst-btn ctf-fb-tltp-parent" @click.prevent.default="copyToClipBoard('[custom-twitter-feeds feed='+feed.id+']')">
|
| 54 |
+
<div class="ctf-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="ctf-fb-view-instances ctf-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="ctf-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="ctf-fd-lst-actions">
|
| 65 |
+
<div class="sb-flex-center">
|
| 66 |
+
<a class="ctf-fd-lst-btn ctf-fb-tltp-parent":href="builderUrl+'&feed_id='+feed.id">
|
| 67 |
+
<div class="ctf-fb-tltp-elem"><span>{{genericText.edit.replace(/ /g," ")}}</span></div>
|
| 68 |
+
<div v-html="svgIcons['edit']"></div>
|
| 69 |
+
</a>
|
| 70 |
+
<button class="ctf-fd-lst-btn ctf-fb-tltp-parent" @click.prevent.default="feedActionDuplicate(feed)">
|
| 71 |
+
<div class="ctf-fb-tltp-elem"><span>{{genericText.duplicate.replace(/ /g," ")}}</span></div>
|
| 72 |
+
<div v-html="svgIcons['duplicate']"></div>
|
| 73 |
+
</button>
|
| 74 |
+
<button class="ctf-fd-lst-btn ctf-fd-lst-btn-delete ctf-fb-tltp-parent" @click.prevent.default="openDialogBox('deleteSingleFeed', feed)">
|
| 75 |
+
<div class="ctf-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="ctf-fd-lst-thtf ctf-fd-lst-tfoot">
|
| 84 |
+
<tr>
|
| 85 |
+
<td>
|
| 86 |
+
<div class="ctf-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 ctf-fb-center-boss" v-if="viewsActive.instanceFeedActive != null && (checkObjectArrayElement(feedsList, viewsActive.instanceFeedActive, 'id') || checkObjectArrayElement(legacyFeedsList, viewsActive.instanceFeedActive, 'feed_id'))">
|
| 2 |
+
<div class="ctf-fb-popup-inside ctf-fb-popup-feedinst">
|
| 3 |
+
<div class="ctf-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="ctf-fb-source-top ctf-fb-fs">
|
| 8 |
+
<h3>{{viewsActive.instanceFeedActive.feed_name}}</h3>
|
| 9 |
+
<div class="ctf-fb-fdinst-type sb-small">TimeLine</div>
|
| 10 |
+
</div>
|
| 11 |
+
<div class="ctf-fb-inst-tbl-ctn ctf-fb-fs">
|
| 12 |
+
<table>
|
| 13 |
+
<thead class="ctf-fd-lst-thtf ctf-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="ctf-fd-lst-tbody">
|
| 28 |
+
<tr v-for="(instance, instanceIndex) in viewsActive.instanceFeedActive.location_summary">
|
| 29 |
+
<td><a :href="instance.link" class="ctf-fd-lst-name sb-small-p sb-bold">{{instance.page_text}}</a></td>
|
| 30 |
+
<td><span class="ctf-fd-lst-shortcode sb-caption sb-lighter">{{instance.html_location}}</span></td>
|
| 31 |
+
<td>
|
| 32 |
+
<div class="ctf-fb-inst-tbl-shrtc">
|
| 33 |
+
<div class="sb-flex-center">
|
| 34 |
+
<span class="ctf-fd-lst-shortcode sb-caption sb-lighter">{{instance.shortcode}}</span>
|
| 35 |
+
<div class="ctf-fd-lst-shortcode-cp ctf-fd-lst-btn ctf-fb-tltp-parent">
|
| 36 |
+
<div class="ctf-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="ctf-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="ctf-fd-lst-thtf ctf-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,119 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 1 |
+
<div class="ctf-fb-legacy-ctn ctf-fb-fs" v-if="legacyFeedsList != null && legacyFeedsList.length > 0">
|
| 2 |
+
<div class="ctf-fb-lgc-top-new ctf-fb-fs" v-if="allFeedsScreen.onboarding.active">
|
| 3 |
+
<div class="ctf-fb-lgc-gr">{{genericText.new}}</div> {{allFeedsScreen.onboarding.getStarted}}
|
| 4 |
+
</div>
|
| 5 |
+
<div class="ctf-fb-lgc-ctn ctf-fb-fs" v-bind:class="{ 'sb-onboarding-highlight' : viewsActive.onboardingStep === 2 && allFeedsScreen.onboarding.type === 'multiple' }">
|
| 6 |
+
<div class="ctf-fb-lgc-inf-ctn ctf-fb-fs">
|
| 7 |
+
<h4>{{allFeedsScreen.legacyFeeds.heading}}</h4>
|
| 8 |
+
<div class="ctf-fb-onbrd-tltp-parent" @click.prevent.default="openTooltipBig(this)">
|
| 9 |
+
<div class="ctf-fb-onbrd-infotxt sb-caption sb-lighter">{{allFeedsScreen.legacyFeeds.toolTip}}<div v-html="svgIcons['information']"></div></div>
|
| 10 |
+
<div class="ctf-fb-onbrd-tltp-elem" :data-active="viewsActive.enabledToolTip == this">
|
| 11 |
+
<div class="ctf-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="ctf-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="ctf-fb-lgc-btn-stg ctf-btn-grey ctf-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="ctf-legacy-table-wrap" v-bind:class="{ 'sb-onboarding-highlight' : viewsActive.onboardingStep === 3 && allFeedsScreen.onboarding.type === 'multiple' }">
|
| 34 |
+
|
| 35 |
+
<table class="ctf-fd-legacy-feed-ctn" v-if="viewsActive.legacyFeedsShown || feedsList === null || feedsList.length === 0">
|
| 36 |
+
<thead class="ctf-fd-lst-thtf ctf-fd-lst-thead">
|
| 37 |
+
<tr>
|
| 38 |
+
<th>
|
| 39 |
+
<div class="ctf-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="ctf-fd-lst-act-th">
|
| 51 |
+
<span class="sb-caption sb-lighter">{{allFeedsScreen.columns.actionsText}}</span>
|
| 52 |
+
</th>
|
| 53 |
+
</tr>
|
| 54 |
+
</thead>
|
| 55 |
+
<tbody class="ctf-fd-lst-tbody">
|
| 56 |
+
<tr v-for="(legacyFeed, legacyFeedIndex) in legacyFeedsList">
|
| 57 |
+
<td>
|
| 58 |
+
<div class="ctf-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="ctf-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="ctf-fd-lst-shortcode sb-caption sb-lighter">{{legacyFeed.shortcode}}</span>
|
| 68 |
+
<div class="ctf-fd-lst-shortcode-cp ctf-fd-lst-btn ctf-fb-tltp-parent">
|
| 69 |
+
<div class="ctf-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="ctf-fb-view-instances ctf-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="ctf-fb-tltp-elem"><span>{{genericText.clickViewInstances.replace(/ /g," ")}}</span></div></span></span>
|
| 77 |
+
</div>
|
| 78 |
+
</td>
|
| 79 |
+
<td class="ctf-fd-lst-actions ctf-fd-lst-dimmed ctf-fb-onbrd-tltp-parent" data-tltp-pos="right" @click.prevent.default="openTooltipBig()">
|
| 80 |
+
<div class="ctf-fb-onbrd-tltp-elem ctf-fb-onbrd-tltp-elem-2" data-active="false">
|
| 81 |
+
<div class="ctf-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="ctf-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="ctf-fd-lst-btn ctf-fb-tltp-parent">
|
| 93 |
+
<div v-html="svgIcons['edit']"></div>
|
| 94 |
+
</div>
|
| 95 |
+
<div class="ctf-fd-lst-btn ctf-fb-tltp-parent">
|
| 96 |
+
<div v-html="svgIcons['duplicate']"></div>
|
| 97 |
+
</div>
|
| 98 |
+
<div class="ctf-fd-lst-btn ctf-fd-lst-btn-delete ctf-fb-tltp-parent">
|
| 99 |
+
<div v-html="svgIcons['delete']"></div>
|
| 100 |
+
</div>
|
| 101 |
+
</td>
|
| 102 |
+
|
| 103 |
+
</tr>
|
| 104 |
+
</tbody>
|
| 105 |
+
</table>
|
| 106 |
+
</div>
|
| 107 |
+
|
| 108 |
+
<div v-if="feedsList !== null && feedsList.length > 0" class="ctf-fd-legacy-feed-toggle ctf-fb-fs" :data-active="viewsActive.legacyFeedsShown" @click.prevent.default="activateView('legacyFeedsShown')">
|
| 109 |
+
<span>{{viewsActive.legacyFeedsShown ? allFeedsScreen.legacyFeeds.hide : allFeedsScreen.legacyFeeds.show}}</span>
|
| 110 |
+
<svg v-if="! viewsActive.legacyFeedsShown" width="11" height="7" viewBox="0 0 11 7" fill="none" xmlns="http://www.w3.org/2000/svg">
|
| 111 |
+
<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"/>
|
| 112 |
+
</svg>
|
| 113 |
+
<svg v-else width="11" height="7" viewBox="0 0 11 7" fill="none" xmlns="http://www.w3.org/2000/svg">
|
| 114 |
+
<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"/>
|
| 115 |
+
</svg>
|
| 116 |
+
|
| 117 |
+
</div>
|
| 118 |
+
</div>
|
| 119 |
+
</div>
|
admin/builder/templates/sections/footer.php
ADDED
|
@@ -0,0 +1,109 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 1 |
+
<div class="ctf-stck-wdg" v-if="viewsActive.pageScreen !== 'selectFeed' && ! iscustomizerScreen" :data-active="checkActiveView('footerWidget')">
|
| 2 |
+
<?php
|
| 3 |
+
$smashballoon_info = TwitterFeed\Builder\CTF_Feed_Builder::get_smashballoon_info();
|
| 4 |
+
?>
|
| 5 |
+
<div class="ctf-stck-pop">
|
| 6 |
+
|
| 7 |
+
<div class="ctf-stck-el ctf-stck-el-upgrd ctf-fb-fs sb-btn-orange">
|
| 8 |
+
<div class="ctf-stck-el-icon"><?php echo $icons[$smashballoon_info['upgrade']['icon']] ?></div>
|
| 9 |
+
<div class="ctf-stck-el-txt sb-small-p sb-bold" style="color: #fff;"><?php echo __('Upgrade to Pro','custom-twitter-feeds') ?></div>
|
| 10 |
+
<div class="ctf-chevron">
|
| 11 |
+
<svg width="7" height="10" viewBox="0 0 7 10" fill="none" xmlns="http://www.w3.org/2000/svg">
|
| 12 |
+
<path d="M1.3332 0L0.158203 1.175L3.97487 5L0.158203 8.825L1.3332 10L6.3332 5L1.3332 0Z" fill="white"/>
|
| 13 |
+
</svg>
|
| 14 |
+
</div>
|
| 15 |
+
<a :href="links.popup.allAccessBundle" target="_blank" class="ctf-fs-a"></a>
|
| 16 |
+
</div>
|
| 17 |
+
|
| 18 |
+
<div class="ctf-stck-title ctf-fb-fs sb-small-p sb-bold sb-dark-text"><?php echo __('Our Feeds for other platforms','custom-twitter-feeds') ?></div>
|
| 19 |
+
|
| 20 |
+
<div class="ctf-stck-el-list ctf-fb-fs">
|
| 21 |
+
<?php foreach ($smashballoon_info['platforms'] as $platform): ?>
|
| 22 |
+
<div class="ctf-stck-el ctf-fb-fs">
|
| 23 |
+
|
| 24 |
+
<div class="ctf-stck-el-icon" style="color:<?php echo $smashballoon_info['colorSchemes'][$platform['icon']] ?>;"><?php echo $icons[$platform['icon']] ?></div>
|
| 25 |
+
<div class="ctf-stck-el-txt sb-small-text sb-small-p sb-dark-text"><?php echo $platform['name'] ?></div>
|
| 26 |
+
<div class="ctf-chevron">
|
| 27 |
+
<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>
|
| 28 |
+
</div>
|
| 29 |
+
<a href="<?php echo esc_url($platform['link'] ) ?>" target="_blank" rel="nofollow noopener" class="ctf-fs-a"></a>
|
| 30 |
+
</div>
|
| 31 |
+
<?php endforeach ?>
|
| 32 |
+
</div>
|
| 33 |
+
<div class="ctf-stck-follow ctf-fb-fs">
|
| 34 |
+
<span><?php echo __('Follow Us','custom-twitter-feeds') ?></span>
|
| 35 |
+
<div class="ctf-stck-flw-links">
|
| 36 |
+
<?php foreach ($smashballoon_info['socialProfiles'] as $social_key => $social): ?>
|
| 37 |
+
<a href="<?php echo esc_url($social); ?>" data-type="<?php echo $social_key ?>" target="_blank" rel="nofollow noopener" style="color:<?php echo $smashballoon_info['colorSchemes'][$social_key] ?>;"><?php echo $icons[$social_key] ?></a>
|
| 38 |
+
<?php endforeach ?>
|
| 39 |
+
</div>
|
| 40 |
+
</div>
|
| 41 |
+
</div>
|
| 42 |
+
<div class="ctf-stck-wdg-btn" @click.prevent.default="activateView('footerWidget')">
|
| 43 |
+
<?php echo $icons['smash']; ?>
|
| 44 |
+
<div class="ctf-stck-wdg-btn-cls">
|
| 45 |
+
<svg width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg">
|
| 46 |
+
<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"/>
|
| 47 |
+
</svg>
|
| 48 |
+
</div>
|
| 49 |
+
</div>
|
| 50 |
+
</div>
|
| 51 |
+
<?php
|
| 52 |
+
#include_once CTF_BUILDER_DIR . 'templates/sections/popup/add-source-popup.php';
|
| 53 |
+
#include_once CTF_BUILDER_DIR . 'templates/sections/popup/sources-list-popup.php';
|
| 54 |
+
include_once CTF_BUILDER_DIR . 'templates/sections/popup/connect-account-popup.php';
|
| 55 |
+
include_once CTF_BUILDER_DIR . 'templates/sections/popup/extensions-popup.php';
|
| 56 |
+
include_once CTF_BUILDER_DIR . 'templates/sections/popup/feedtypes-popup.php';
|
| 57 |
+
include_once CTF_BUILDER_DIR . 'templates/sections/popup/feedtypes-customizer-popup.php';
|
| 58 |
+
include_once CTF_BUILDER_DIR . 'templates/sections/popup/confirm-dialog-popup.php';
|
| 59 |
+
include_once CTF_BUILDER_DIR . 'templates/sections/popup/embed-popup.php';
|
| 60 |
+
include_once CTF_BUILDER_DIR . 'templates/sections/popup/onboarding-popup.php';
|
| 61 |
+
include_once CTF_BUILDER_DIR . 'templates/sections/popup/onboarding-customizer-popup.php';
|
| 62 |
+
include_once CTF_BUILDER_DIR . 'templates/sections/popup/install-plugin-popup.php';
|
| 63 |
+
include_once CTF_BUILDER_DIR . 'templates/sections/popup/feedtemplates-popup.php';
|
| 64 |
+
?>
|
| 65 |
+
<div class="sb-notification-ctn" :data-active="notificationElement.shown" :data-type="notificationElement.type">
|
| 66 |
+
<div class="sb-notification-icon" v-html="svgIcons[notificationElement.type+'Notification']"></div>
|
| 67 |
+
<span class="sb-notification-text" v-html="notificationElement.text"></span>
|
| 68 |
+
</div>
|
| 69 |
+
|
| 70 |
+
<div class="sb-full-screen-loader" :data-show="fullScreenLoader ? 'shown' : 'hidden'">
|
| 71 |
+
<div class="sb-full-screen-loader-logo">
|
| 72 |
+
<div class="sb-full-screen-loader-spinner"></div>
|
| 73 |
+
<div class="sb-full-screen-loader-img" v-html="svgIcons['smash']"></div>
|
| 74 |
+
</div>
|
| 75 |
+
<div class="sb-full-screen-loader-txt">
|
| 76 |
+
Loading...
|
| 77 |
+
</div>
|
| 78 |
+
</div>
|
| 79 |
+
|
| 80 |
+
|
| 81 |
+
|
| 82 |
+
<sb-confirm-dialog-component
|
| 83 |
+
:dialog-box.sync="dialogBox"
|
| 84 |
+
:source-to-delete="sourceToDelete"
|
| 85 |
+
:svg-icons="svgIcons"
|
| 86 |
+
:parent-type="'builder'"
|
| 87 |
+
:generic-text="genericText"
|
| 88 |
+
></sb-confirm-dialog-component>
|
| 89 |
+
|
| 90 |
+
<!--
|
| 91 |
+
<sb-add-source-component
|
| 92 |
+
:sources-list="sourcesList"
|
| 93 |
+
:select-source-screen="selectSourceScreen"
|
| 94 |
+
:views-active="viewsActive"
|
| 95 |
+
:generic-text="genericText"
|
| 96 |
+
:selected-feed="selectedFeed"
|
| 97 |
+
:svg-icons="svgIcons"
|
| 98 |
+
:links="links"
|
| 99 |
+
ref="addSourceRef"
|
| 100 |
+
>
|
| 101 |
+
</sb-add-source-component>
|
| 102 |
+
-->
|
| 103 |
+
<install-plugin-popup
|
| 104 |
+
:views-active="viewsActive"
|
| 105 |
+
:generic-text="genericText"
|
| 106 |
+
:svg-icons="svgIcons"
|
| 107 |
+
:plugins="plugins[viewsActive.installPluginModal]"
|
| 108 |
+
>
|
| 109 |
+
</install-plugin-popup>
|
admin/builder/templates/sections/header.php
ADDED
|
@@ -0,0 +1,67 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 1 |
+
<?php
|
| 2 |
+
/**
|
| 3 |
+
* CTF Header Notices
|
| 4 |
+
*
|
| 5 |
+
* @since 2.0
|
| 6 |
+
*/
|
| 7 |
+
do_action('ctf_header_notices');
|
| 8 |
+
?>
|
| 9 |
+
<div class="ctf-fb-header ctf-fb-fs" v-if="!iscustomizerScreen">
|
| 10 |
+
<div class="ctf-fb-header-left">
|
| 11 |
+
<div class="ctf-fb-hd-logo">
|
| 12 |
+
<svg width="151" height="30" viewBox="0 0 183 36" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M45.6081 11.5428C43.766 10.173 42.0183 9.98403 40.9319 9.98403C39.4676 9.98403 38.1451 10.2911 37.035 11.4247C36.0904 12.393 35.6652 13.5739 35.6652 14.9673C35.6652 15.723 35.7833 16.833 36.6099 17.7069C37.224 18.3682 38.0742 18.6988 38.8063 18.9586L40.1053 19.4073C40.554 19.5726 41.5223 19.9269 41.9474 20.2812C42.2781 20.5646 42.4906 20.8952 42.4906 21.4148C42.4906 22.0052 42.2308 22.4303 41.9238 22.6901C41.4042 23.1389 40.743 23.2333 40.2706 23.2333C39.5385 23.2333 38.9008 23.0444 38.2868 22.6665C37.8616 22.4067 37.224 21.8635 36.8225 21.462L34.9331 24.0599C35.5235 24.6504 36.4446 25.3825 37.2476 25.784C38.2395 26.28 39.2314 26.4453 40.3651 26.4453C41.4042 26.4453 43.4353 26.3036 44.8287 24.8393C45.6553 23.9891 46.2222 22.572 46.2222 20.9424C46.2222 20.0214 45.986 18.8877 45.0649 18.0139C44.4509 17.4235 43.6006 17.0692 42.9157 16.8094L41.7349 16.3607C40.6721 15.9592 40.1289 15.8175 39.751 15.4632C39.5149 15.2507 39.3968 14.9673 39.3968 14.5894C39.3968 14.1879 39.5621 13.8336 39.7983 13.5975C40.2234 13.1251 40.8374 13.0543 41.3334 13.0543C41.7821 13.0543 42.7977 13.1251 43.9785 14.1879L45.6081 11.5428Z" fill="#141B38"></path> <path d="M47.729 26.091H51.1299V20.7063C51.1299 20.352 51.1536 19.1712 51.7912 18.5571C52.1219 18.2501 52.5234 18.132 52.9721 18.132C53.3263 18.132 53.7515 18.2028 54.1057 18.5571C54.6253 19.0767 54.6489 19.9033 54.6489 20.6118V26.091H58.0498V20.848C58.0498 20.1631 58.1206 19.3365 58.5694 18.7697C58.8528 18.3918 59.3251 18.132 59.8919 18.132C60.3879 18.132 60.8366 18.3445 61.12 18.6988C61.5688 19.2656 61.5688 20.2103 61.5688 20.7535V26.091H64.9697V19.4309C64.9697 18.6752 64.8988 17.2582 63.8833 16.2898C63.2456 15.6758 62.2064 15.2979 60.9311 15.2979C60.1045 15.2979 59.4196 15.4396 58.6875 15.8884C58.0026 16.3135 57.6011 16.8094 57.3413 17.2345C57.0579 16.5969 56.6091 16.0773 56.0659 15.7703C55.3574 15.3452 54.5308 15.2979 54.0821 15.2979C53.2791 15.2979 52.0038 15.4632 51.1299 16.7858V15.5577H47.729V26.091Z" fill="#141B38"></path> <path d="M75.0016 16.7386C74.0333 15.416 72.5927 15.2035 71.6952 15.2035C70.231 15.2035 68.9556 15.723 68.0345 16.6441C67.0662 17.6124 66.405 19.1239 66.405 20.8952C66.405 22.2886 66.8301 23.6584 67.9401 24.8393C69.0973 26.0674 70.3727 26.4453 71.8842 26.4453C72.758 26.4453 74.0806 26.2327 75.0016 24.8157V26.091H78.4025V15.5577H75.0016V16.7386ZM72.5454 18.132C73.1595 18.132 73.9152 18.3682 74.4348 18.8641C74.9308 19.3365 75.2142 20.045 75.2142 20.8007C75.2142 21.6982 74.8363 22.3595 74.3876 22.7846C73.9389 23.2333 73.3012 23.5167 72.6163 23.5167C71.8133 23.5167 71.0812 23.1861 70.6088 22.6901C70.3018 22.3595 69.9003 21.7454 69.9003 20.8007C69.9003 19.8561 70.3254 19.242 70.6797 18.8877C71.1284 18.439 71.8133 18.132 72.5454 18.132Z" fill="#141B38"></path> <path d="M88.1247 16.1009C87.2745 15.6049 86.1881 15.2035 84.6294 15.2035C83.6611 15.2035 82.3857 15.3924 81.441 16.2662C80.827 16.833 80.4255 17.6833 80.4255 18.6988C80.4255 19.5018 80.6853 20.0922 81.1812 20.6118C81.63 21.0605 82.2676 21.3912 82.8817 21.5801L83.7319 21.8399C84.2279 21.9816 84.5349 22.0761 84.7711 22.2178C85.0781 22.4067 85.1489 22.6429 85.1489 22.8318C85.1489 23.0916 85.0072 23.3514 84.7947 23.5167C84.4877 23.7529 83.9445 23.7529 83.7319 23.7529C83.2832 23.7529 82.7872 23.6584 82.3149 23.4223C81.9606 23.2569 81.4883 22.9263 81.1576 22.6429L79.717 24.9338C81.0868 26.1382 82.6219 26.4453 84.0389 26.4453C85.1489 26.4453 86.4243 26.28 87.4634 25.2408C87.9358 24.7684 88.5498 23.871 88.5498 22.4776C88.5498 21.6746 88.3373 21.0369 87.7232 20.4701C87.18 19.9741 86.566 19.738 85.9755 19.549L85.0781 19.2656C84.653 19.1239 84.2987 19.0531 84.0625 18.9114C83.8972 18.8169 83.7319 18.6752 83.7319 18.439C83.7319 18.2737 83.8264 18.0848 83.9445 17.9667C84.157 17.7541 84.5585 17.6596 84.9128 17.6596C85.5741 17.6596 86.259 17.9431 86.7785 18.2501L88.1247 16.1009Z" fill="#141B38"></path> <path d="M89.9573 26.091H93.3582V20.8244C93.3582 20.3048 93.3818 19.2892 94.0667 18.628C94.2556 18.439 94.6807 18.1084 95.4129 18.1084C95.9088 18.1084 96.4284 18.2737 96.7354 18.5807C97.2786 19.1003 97.3022 19.9505 97.3022 20.6827V26.091H100.703V19.4073C100.703 18.6043 100.632 17.3054 99.664 16.3371C98.7429 15.3924 97.5148 15.2743 96.6882 15.2743C95.9324 15.2743 95.342 15.3452 94.6335 15.723C94.232 15.9356 93.7833 16.2898 93.3582 16.8094V8.87402H89.9573V26.091Z" fill="#141B38"></path> <path d="M107.852 10.3383V26.091H113.78C114.748 26.091 116.637 25.9965 117.936 24.7448C118.55 24.1308 119.164 23.1389 119.164 21.5565C119.164 20.1631 118.668 19.2656 118.149 18.746C117.582 18.1792 116.732 17.8014 115.976 17.6833C116.354 17.5179 116.897 17.1873 117.299 16.526C117.724 15.8411 117.818 15.1326 117.818 14.5185C117.818 13.8336 117.7 12.5111 116.685 11.5428C115.457 10.3855 113.52 10.3383 112.67 10.3383H107.852ZM111.442 13.1724H112.008C112.67 13.1724 113.378 13.1724 113.898 13.5739C114.181 13.7864 114.512 14.2115 114.512 14.8964C114.512 15.5813 114.205 16.0537 113.874 16.2898C113.355 16.6677 112.528 16.7386 112.032 16.7386H111.442V13.1724ZM111.442 19.4309H112.434C113.166 19.4309 114.394 19.4309 115.031 20.0214C115.268 20.2339 115.527 20.659 115.527 21.2967C115.527 21.8635 115.338 22.3122 115.008 22.6193C114.347 23.2333 113.237 23.2569 112.315 23.2569H111.442V19.4309Z" fill="#141B38"></path> <path d="M128.842 16.7386C127.873 15.416 126.433 15.2035 125.535 15.2035C124.071 15.2035 122.796 15.723 121.875 16.6441C120.906 17.6124 120.245 19.1239 120.245 20.8952C120.245 22.2886 120.67 23.6584 121.78 24.8393C122.937 26.0674 124.213 26.4453 125.724 26.4453C126.598 26.4453 127.921 26.2327 128.842 24.8157V26.091H132.243V15.5577H128.842V16.7386ZM126.385 18.132C126.999 18.132 127.755 18.3682 128.275 18.8641C128.771 19.3365 129.054 20.045 129.054 20.8007C129.054 21.6982 128.676 22.3595 128.228 22.7846C127.779 23.2333 127.141 23.5167 126.456 23.5167C125.653 23.5167 124.921 23.1861 124.449 22.6901C124.142 22.3595 123.74 21.7454 123.74 20.8007C123.74 19.8561 124.165 19.242 124.52 18.8877C124.968 18.439 125.653 18.132 126.385 18.132Z" fill="#141B38"></path> <path d="M134.265 8.87402V26.091H137.666V8.87402H134.265Z" fill="#141B38"></path> <path d="M139.784 8.87402V26.091H143.185V8.87402H139.784Z" fill="#141B38"></path> <path d="M157.064 20.8244C157.064 19.4782 156.545 17.9667 155.482 16.9039C154.537 15.9592 152.931 15.2035 150.877 15.2035C148.822 15.2035 147.216 15.9592 146.271 16.9039C145.208 17.9667 144.689 19.4782 144.689 20.8244C144.689 22.1705 145.208 23.6821 146.271 24.7448C147.216 25.6895 148.822 26.4453 150.877 26.4453C152.931 26.4453 154.537 25.6895 155.482 24.7448C156.545 23.6821 157.064 22.1705 157.064 20.8244ZM150.877 18.0848C151.656 18.0848 152.294 18.3445 152.79 18.8405C153.285 19.3365 153.569 19.9741 153.569 20.8244C153.569 21.6746 153.285 22.3122 152.79 22.8082C152.294 23.3042 151.656 23.564 150.9 23.564C150.003 23.564 149.389 23.2333 148.964 22.8082C148.562 22.4067 148.184 21.7927 148.184 20.8244C148.184 19.9741 148.468 19.3365 148.964 18.8405C149.46 18.3445 150.097 18.0848 150.877 18.0848Z" fill="#141B38"></path> <path d="M170.332 20.8244C170.332 19.4782 169.813 17.9667 168.75 16.9039C167.805 15.9592 166.199 15.2035 164.145 15.2035C162.09 15.2035 160.484 15.9592 159.539 16.9039C158.476 17.9667 157.957 19.4782 157.957 20.8244C157.957 22.1705 158.476 23.6821 159.539 24.7448C160.484 25.6895 162.09 26.4453 164.145 26.4453C166.199 26.4453 167.805 25.6895 168.75 24.7448C169.813 23.6821 170.332 22.1705 170.332 20.8244ZM164.145 18.0848C164.924 18.0848 165.562 18.3445 166.058 18.8405C166.554 19.3365 166.837 19.9741 166.837 20.8244C166.837 21.6746 166.554 22.3122 166.058 22.8082C165.562 23.3042 164.924 23.564 164.168 23.564C163.271 23.564 162.657 23.2333 162.232 22.8082C161.83 22.4067 161.452 21.7927 161.452 20.8244C161.452 19.9741 161.736 19.3365 162.232 18.8405C162.728 18.3445 163.365 18.0848 164.145 18.0848Z" fill="#141B38"></path> <path d="M171.745 26.091H175.145V20.6827C175.145 19.9978 175.24 19.242 175.807 18.6752C176.067 18.3918 176.515 18.1084 177.224 18.1084C177.838 18.1084 178.263 18.3209 178.523 18.5807C179.066 19.1239 179.09 19.9978 179.09 20.6827V26.091H182.49V19.4309C182.49 18.5807 182.42 17.329 181.428 16.3371C180.53 15.4396 179.326 15.2743 178.405 15.2743C177.413 15.2743 176.185 15.4869 175.145 16.8094V15.5577H171.745V26.091Z" fill="#141B38"></path> <path fill-rule="evenodd" clip-rule="evenodd" d="M27.2235 16.8291C27.2235 7.53469 21.1311 0 13.6131 0C6.09513 0 0 7.53469 0 16.8291C0 25.7393 5.5828 33.0095 12.6525 33.6193L11.9007 36L16.6147 35.599L14.9608 33.5775C21.8439 32.7422 27.2235 25.5639 27.2235 16.8291Z" fill="#FE544F"></path> <path fill-rule="evenodd" clip-rule="evenodd" d="M16.8586 5.91699L17.5137 12.6756L24.3006 12.8705L19.3911 17.4354L23.2687 23.044L16.7362 21.816L14.7557 28.3487L11.7488 22.4987L5.67719 25.2808L8.01283 19.0094L2.09131 16.0227L8.43013 13.9841L6.68099 7.73959L12.678 11.1585L16.8586 5.91699Z" fill="white"></path></svg>
|
| 13 |
+
<span class="breadcrumb-title">/ {{genericText.dashboard}}</span>
|
| 14 |
+
</div>
|
| 15 |
+
<div v-if="ctf_builder.pluginsInfo.social_wall.activated" class="sb-social-wall-link-wrap">
|
| 16 |
+
<div v-for="(link, key) in allFeedsScreen.socialWallLinks" class="sb-social-wall-link" v-html="link"></div>
|
| 17 |
+
</div>
|
| 18 |
+
</div>
|
| 19 |
+
<div class="ctf-fb-header-right">
|
| 20 |
+
<a class="ctf-fb-hd-btn sb-btn-grey sb-button-standard" data-icon="left" :href="supportPageUrl">
|
| 21 |
+
<svg class="sb" width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
|
| 22 |
+
<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"/>
|
| 23 |
+
</svg>
|
| 24 |
+
<span>{{genericText.help}}</span>
|
| 25 |
+
</a>
|
| 26 |
+
</div>
|
| 27 |
+
<div class="sb-loadingbar-ctn" v-if="loadingBar"></div>
|
| 28 |
+
</div>
|
| 29 |
+
<!--CFF customizer Heading-->
|
| 30 |
+
<div class="ctf-fb-header ctf-csz-header ctf-fb-fs" v-if="iscustomizerScreen" v-bind:class="{ 'sb-onboarding-highlight' : viewsActive.onboardingStep === 1 && viewsActive.onboardingCustomizerPopup }">
|
| 31 |
+
<div class="ctf-csz-header-insider">
|
| 32 |
+
<button class="ctf-fb-hd-btn ctf-btn-grey sb-button-standard ctf-small-chevron" data-icon="left" @click.prevent.default="JSON.stringify(customizerFeedDataInitial) === JSON.stringify(customizerFeedData) ? window.location = builderUrl : openDialogBox('backAllToFeed')">
|
| 33 |
+
<svg width="6" height="8" viewBox="0 0 6 8" fill="none" xmlns="http://www.w3.org/2000/svg">
|
| 34 |
+
<path d="M5.27203 0.94L4.33203 0L0.332031 4L4.33203 8L5.27203 7.06L2.2187 4L5.27203 0.94Z" fill="#141B38"/>
|
| 35 |
+
</svg>
|
| 36 |
+
|
| 37 |
+
<span>{{genericText.backAllFeeds}}</span>
|
| 38 |
+
</button>
|
| 39 |
+
<div class="ctf-csz-hd-name" :data-edit="viewsActive.editName">
|
| 40 |
+
<input id="ctf-csz-hd-input" v-model="customizerFeedData.feed_info.feed_name" type="text" :style="'width:' + customizerScreens.inputNameWidth + ';'" :onfocus="updateInputWidth()" :onkeypress="updateInputWidth()" @keyup.enter="activateView('editName')">
|
| 41 |
+
<span class="sb-bold sb-standard-p" v-if="!viewsActive['editName']">{{customizerFeedData.feed_info.feed_name}}</span>
|
| 42 |
+
<button v-if="customizerFeedData.feed_info.id !== 'legacy'" class="ctf-csz-name-ed-btn" v-html="viewsActive.editName ? svgIcons['checkmarklarge'] : svgIcons['edit']" @click.prevent.default="activateView('editName')"></button>
|
| 43 |
+
</div>
|
| 44 |
+
|
| 45 |
+
<div class="ctf-csz-hd-actions">
|
| 46 |
+
<a :href="supportPageUrl" class="ctf-fb-hd-btn ctf-btn-grey sb-button-standard" target="_blank">
|
| 47 |
+
<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
|
| 48 |
+
<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"/>
|
| 49 |
+
</svg>
|
| 50 |
+
<span>{{genericText.help}}</span>
|
| 51 |
+
</a>
|
| 52 |
+
<button v-if="customizerFeedData.feed_info.id !== 'legacy'" class="ctf-fb-hd-btn ctf-csz-btn-embd ctf-btn-dark sb-button-standard" @click.prevent.default="activateView('embedPopup', null, true)">
|
| 53 |
+
<svg width="16" height="12" viewBox="0 0 16 12" fill="none" xmlns="http://www.w3.org/2000/svg">
|
| 54 |
+
<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"/>
|
| 55 |
+
</svg>
|
| 56 |
+
<span>{{customizeScreensText.common.embed}}</span>
|
| 57 |
+
</button>
|
| 58 |
+
<button class="ctf-fb-hd-btn ctf-csz-btn-save ctf-btn-orange sb-button-standard" @click.prevent.default="saveFeedSettings()">
|
| 59 |
+
<svg width="16" height="12" viewBox="0 0 16 12" fill="none" xmlns="http://www.w3.org/2000/svg">
|
| 60 |
+
<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"/>
|
| 61 |
+
</svg>
|
| 62 |
+
<span>{{customizeScreensText.common.save}}</span>
|
| 63 |
+
</button>
|
| 64 |
+
</div>
|
| 65 |
+
</div>
|
| 66 |
+
<div class="sb-loadingbar-ctn" v-if="loadingBar"></div>
|
| 67 |
+
</div>
|
admin/builder/templates/sections/popup/add-source-popup.php
ADDED
|
@@ -0,0 +1,304 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 1 |
+
<script type="text/x-template" id="sb-add-source-component">
|
| 2 |
+
<div class="ctf-fb-source-ctn sb-fs-boss ctf-fb-center-boss" v-if="viewsActive.sourcePopup">
|
| 3 |
+
<!--START Source Popup on the Customizer-->
|
| 4 |
+
<div class="ctf-fb-source-popup ctf-fb-popup-inside ctf-fb-source-pp-customizer" v-bind:class="{ 'ctf-narrower-modal' : typeof viewsActive.sourcePopupScreen !== 'undefined' && viewsActive.sourcePopupScreen === 'step_4' }" v-if="viewsActive.sourcePopupType == 'customizer'">
|
| 5 |
+
<div class="ctf-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="ctf-fb-source-top ctf-fb-fs">
|
| 11 |
+
<h3>{{selectSourceScreen.updateHeading}}</h3>
|
| 12 |
+
<div class="ctf-fb-srcs-desc">{{selectSourceScreen.updateDescription}}</div>
|
| 13 |
+
<div class="ctf-fb-srcslist-ctn ctf-fb-fs">
|
| 14 |
+
<div class="ctf-fb-srcs-item ctf-fb-srcs-new" @click.prevent.default="$parent.activateView('sourcePopup', '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="ctf-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="ctf-fb-srcs-item-chkbx">
|
| 25 |
+
<div class="ctf-fb-srcs-item-chkbx-ic"></div>
|
| 26 |
+
</div>
|
| 27 |
+
<div class="ctf-fb-srcs-item-avatar" v-if="$parent.returnAccountAvatar(source)">
|
| 28 |
+
<img :src="$parent.returnAccountAvatar(source)">
|
| 29 |
+
</div>
|
| 30 |
+
<div class="ctf-fb-srcs-item-inf">
|
| 31 |
+
<div class="ctf-fb-srcs-item-name"><span class="sb-small-p sb-bold" v-html="source.username"></span></div>
|
| 32 |
+
<div class="ctf-fb-left-boss">
|
| 33 |
+
<div class="ctf-fb-srcs-item-type">
|
| 34 |
+
<div v-html="source.account_type == 'business' ? 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="ctf-fb-srcs-update-ctn ctf-fb-fs">
|
| 45 |
+
<button class="ctf-fb-srcs-update sb-btn ctf-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 |
+
</div>
|
| 54 |
+
<!--END Source Popup on the Customizer-->
|
| 55 |
+
|
| 56 |
+
<div class="ctf-fb-source-popup ctf-fb-popup-inside" v-bind:class="{ 'ctf-narrower-modal' : typeof viewsActive.sourcePopupScreen !== 'undefined' && viewsActive.sourcePopupScreen === 'step_4' }" v-if="viewsActive.sourcePopupType != 'customizer'" :data-step="viewsActive.sourcePopupScreen">
|
| 57 |
+
<div class="ctf-fb-popup-cls" @click.prevent.default="$parent.activateView('sourcePopup')" v-if="viewsActive.sourcePopupScreen != 'redirect_1'">
|
| 58 |
+
<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
|
| 59 |
+
<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"/>
|
| 60 |
+
</svg>
|
| 61 |
+
</div>
|
| 62 |
+
<!-- Step One Select Source -->
|
| 63 |
+
<div class="ctf-fb-source-step1 ctf-fb-fs" v-if="viewsActive.sourcePopupScreen == 'step_1'" v-bind:class="{ 'ctf-has-alert' : typeof window.ctfSelectedFeed !== 'undefined' && window.ctfSelectedFeed !== 'user'}">
|
| 64 |
+
<div class="ctf-fb-source-top ctf-fb-fs">
|
| 65 |
+
<div class="ctf-fb-fs" v-if="viewsActive.sourcePopupType === 'customizer'">
|
| 66 |
+
<div class="ctf-fb-src-back-top" @click.prevent.default="$parent.activateView('sourcePopup', 'updateCustomizer')">
|
| 67 |
+
<svg width="6" height="9" viewBox="0 0 6 9" fill="none" xmlns="http://www.w3.org/2000/svg">
|
| 68 |
+
<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"/>
|
| 69 |
+
</svg>
|
| 70 |
+
{{selectSourceScreen.mainHeading}}
|
| 71 |
+
</div>
|
| 72 |
+
</div>
|
| 73 |
+
<h3>{{selectSourceScreen.modal.addNew}}</h3>
|
| 74 |
+
<div class="sb-alert" v-if="checkDisclaimer()">
|
| 75 |
+
<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
|
| 76 |
+
<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"></path>
|
| 77 |
+
</svg>
|
| 78 |
+
<span class="sb-caption" v-html="printDisclaimer()"></span>
|
| 79 |
+
</div>
|
| 80 |
+
<div class="ctf-fb-stp1-elm ctf-fb-fs">
|
| 81 |
+
<div class="ctf-fb-stp1-elm-ic">1</div>
|
| 82 |
+
<div class="ctf-fb-stp1-elm-txt">
|
| 83 |
+
<div class="ctf-fb-stp1-elm-head sb-small-p sb-bold sb-dark-text">{{selectSourceScreen.modal.selectSourceType}}</div>
|
| 84 |
+
</div>
|
| 85 |
+
<div class="ctf-fb-stp1-elm-act ctf-fb-stp-src-ctn">
|
| 86 |
+
<div class="ctf-fb-stp-src-type sb-small-p sb-dark-text" :data-disabled="(typeof window.ctfSelectedFeed !== 'undefined' && window.ctfSelectedFeed[0] !== 'user')" :data-active="(typeof window.ctfSelectedFeed === 'undefined' || window.ctfSelectedFeed[0] === 'user') && addNewSource.typeSelected !== 'business'" @click.prevent.default="typeof window.ctfSelectedFeed === 'undefined' || window.ctfSelectedFeed[0] === 'user' ? addNewSource.typeSelected = 'personal' : addNewSource.typeSelected = 'business'">
|
| 87 |
+
<div class="ctf-fb-chbx-round"></div>{{selectSourceScreen.personal}}
|
| 88 |
+
</div>
|
| 89 |
+
<div class="ctf-fb-stp-src-type sb-small-p sb-dark-text" :data-active="addNewSource.typeSelected == 'business'" @click.prevent.default="addNewSource.typeSelected = 'business'">
|
| 90 |
+
<div class="ctf-fb-chbx-round"></div>{{selectSourceScreen.business}}
|
| 91 |
+
</div>
|
| 92 |
+
|
| 93 |
+
<div class="ctf-fb-stp-src-type ctf-not-sure-wrap sb-small-p sb-dark-text">
|
| 94 |
+
<span class="ctf-flex-center-center"><svg viewBox="0 0 14 14" width="14px" fill="#434960"><path d="M6.33203 4.99992H7.66536V3.66659H6.33203V4.99992ZM6.9987 12.3333C4.0587 12.3333 1.66536 9.93992 1.66536 6.99992C1.66536 4.05992 4.0587 1.66659 6.9987 1.66659C9.9387 1.66659 12.332 4.05992 12.332 6.99992C12.332 9.93992 9.9387 12.3333 6.9987 12.3333ZM6.9987 0.333252C6.12322 0.333252 5.25631 0.50569 4.44747 0.840722C3.63864 1.17575 2.90371 1.66682 2.28465 2.28587C1.03441 3.53612 0.332031 5.23181 0.332031 6.99992C0.332031 8.76803 1.03441 10.4637 2.28465 11.714C2.90371 12.333 3.63864 12.8241 4.44747 13.1591C5.25631 13.4941 6.12322 13.6666 6.9987 13.6666C8.76681 13.6666 10.4625 12.9642 11.7127 11.714C12.963 10.4637 13.6654 8.76803 13.6654 6.99992C13.6654 6.12444 13.4929 5.25753 13.1579 4.4487C12.8229 3.63986 12.3318 2.90493 11.7127 2.28587C11.0937 1.66682 10.3588 1.17575 9.54992 0.840722C8.74108 0.50569 7.87418 0.333252 6.9987 0.333252ZM6.33203 10.3333H7.66536V6.33325H6.33203V10.3333Z"></path></svg>
|
| 95 |
+
{{selectSourceScreen.notSure}}</span>
|
| 96 |
+
|
| 97 |
+
<div class="ctf-fb-onbrd-tltp-elem ctf-not-sure-tooltip sb-tr-2">
|
| 98 |
+
<div class="ctf-fb-onbrd-tltp-txt sb-small-p sb-lighter">
|
| 99 |
+
{{selectSourceScreen.modal.notSureTooltip}}
|
| 100 |
+
</div>
|
| 101 |
+
<div class="sb-pointer sb-bottom-pointer">
|
| 102 |
+
<svg width="20" height="10" viewBox="0 0 20 10" fill="none" xmlns="http://www.w3.org/2000/svg">
|
| 103 |
+
<path d="M11.4142 8.58579C10.6332 9.36683 9.36684 9.36683 8.58579 8.58579L0 0L20 0L11.4142 8.58579Z" fill="white"/>
|
| 104 |
+
</svg>
|
| 105 |
+
</div>
|
| 106 |
+
</div>
|
| 107 |
+
|
| 108 |
+
</div>
|
| 109 |
+
|
| 110 |
+
</div>
|
| 111 |
+
</div>
|
| 112 |
+
<div class="ctf-fb-stp1-elm ctf-fb-fs">
|
| 113 |
+
<div class="ctf-fb-stp1-elm-ic">2</div>
|
| 114 |
+
<div class="ctf-fb-stp1-elm-txt">
|
| 115 |
+
<div class="ctf-fb-stp1-elm-head sb-small-p sb-bold sb-dark-text">{{selectSourceScreen.modal.connectAccount}}</div>
|
| 116 |
+
<div class="ctf-fb-stp1-elm-desc sb-caption sb-caption-lighter">{{selectSourceScreen.modal.connectAccountDescription}}</div>
|
| 117 |
+
</div>
|
| 118 |
+
<div class="ctf-fb-stp1-elm-act">
|
| 119 |
+
<button class="sb-btn ctf-fb-stp1-connect sb-btn-blue" @click.prevent.default="processIFConnect()">
|
| 120 |
+
<a class="ctf-fb-fs-link"></a>
|
| 121 |
+
<div v-html="svgIcons['instagram']"></div>
|
| 122 |
+
{{selectSourceScreen.modal.connect}}
|
| 123 |
+
</button>
|
| 124 |
+
</div>
|
| 125 |
+
</div>
|
| 126 |
+
|
| 127 |
+
</div>
|
| 128 |
+
<div class="ctf-fb-source-bottom ctf-fb-fs">
|
| 129 |
+
<div class="ctf-manual-question">
|
| 130 |
+
<svg width="20" height="15" viewBox="0 0 20 15" fill="none" xmlns="http://www.w3.org/2000/svg">
|
| 131 |
+
<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"/>
|
| 132 |
+
</svg>
|
| 133 |
+
|
| 134 |
+
<div class="ctf-fb-source-btm-hd sb-small-p sb-bold sb-dark-text">{{selectSourceScreen.modal.alreadyHave}}</div>
|
| 135 |
+
</div>
|
| 136 |
+
<button class="ctf-fb-hd-btn ctf-fb-src-add-manual sb-btn-grey" @click.prevent.default="$parent.switchScreen('sourcePopupScreen','step_3')">
|
| 137 |
+
<svg width="12" height="13" viewBox="0 0 12 13" fill="none" xmlns="http://www.w3.org/2000/svg">
|
| 138 |
+
<path d="M11.8327 7.33317H6.83268V12.3332H5.16602V7.33317H0.166016V5.6665H5.16602V0.666504H6.83268V5.6665H11.8327V7.33317Z" fill="#141B38"/>
|
| 139 |
+
</svg>
|
| 140 |
+
<span class="sb-small-p sb-bold sb-dark-text">{{selectSourceScreen.modal.addManuallyLink}}</span>
|
| 141 |
+
</button>
|
| 142 |
+
</div>
|
| 143 |
+
</div>
|
| 144 |
+
|
| 145 |
+
<div class="sb-fb-source-redirect sb-fb-fs" v-if="viewsActive.sourcePopupScreen == 'redirect_1'" >
|
| 146 |
+
<div class="sb-fb-source-redirect-ld sb-fb-fs">
|
| 147 |
+
<div></div>
|
| 148 |
+
</div>
|
| 149 |
+
<div class="sb-fb-source-redirect-info sb-fb-fs">
|
| 150 |
+
<strong class="sb-fb-fs">{{genericText.redirectLoading.heading}}</strong>
|
| 151 |
+
<p class="sb-fb-fs">{{genericText.redirectLoading.description}}</p>
|
| 152 |
+
</div>
|
| 153 |
+
</div>
|
| 154 |
+
|
| 155 |
+
<!-- Step Two Show Accounts Connected to -->
|
| 156 |
+
<div class="ctf-fb-source-step2 ctf-fb-fs" v-if="viewsActive.sourcePopupScreen == 'step_2'">
|
| 157 |
+
<div class="ctf-fb-source-top ctf-fb-fs">
|
| 158 |
+
<div class=" ctf-fb-fs">
|
| 159 |
+
<div class="ctf-fb-src-back-top" @click.prevent.default="$parent.switchScreen('sourcePopupScreen','step_1')">
|
| 160 |
+
<svg width="6" height="9" viewBox="0 0 6 9" fill="none" xmlns="http://www.w3.org/2000/svg">
|
| 161 |
+
<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"/>
|
| 162 |
+
</svg>
|
| 163 |
+
{{selectSourceScreen.modal.addNew}}
|
| 164 |
+
</div>
|
| 165 |
+
</div>
|
| 166 |
+
<div v-if="typeof $parent.newSourceData !== 'undefined' && typeof $parent.newSourceData.error !== 'undefined'" class="ctf-businesses-connect-actions">
|
| 167 |
+
<div class="sb-alert">
|
| 168 |
+
<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
|
| 169 |
+
<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"/>
|
| 170 |
+
</svg>
|
| 171 |
+
<span><strong v-html="$parent.genericText.errorNotice"></strong></span><br>
|
| 172 |
+
<span class="sb-caption"><span v-html="$parent.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>
|
| 173 |
+
<br><span class="sb-caption" v-html="$parent.genericText.errorDirections"></span>
|
| 174 |
+
</div>
|
| 175 |
+
</div>
|
| 176 |
+
<div v-if="typeof $parent.newSourceData === 'undefined' || typeof $parent.newSourceData.error === 'undefined'" >
|
| 177 |
+
<h3>{{selectSourceScreen.modal.selectAccount}}</h3>
|
| 178 |
+
<div class="ctf-fb-source-account-info ctf-fb-fs">
|
| 179 |
+
<span class="sb-small-p sb-bold">{{selectSourceScreen.modal.showing}} <strong>{{selectSourceScreen.modal.businesses}}</strong> {{selectSourceScreen.modal.connectedTo}}</span>
|
| 180 |
+
<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>
|
| 181 |
+
<button class="ctf-fb-hd-btn ctf-fb-src-change sb-btn-grey" @click="processIFConnect()">
|
| 182 |
+
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
| 183 |
+
<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"/>
|
| 184 |
+
</svg>
|
| 185 |
+
<span class="sb-small-p sb-bold sb-dark-text">{{genericText.change}}</span>
|
| 186 |
+
</button>
|
| 187 |
+
</div>
|
| 188 |
+
<div class="ctf-fb-source-list ctf-fb-fs">
|
| 189 |
+
<div class="ctf-fb-srcs-item" v-for="(source, sourceIndex) in returnedApiSourcesList" @click.prevent.default="selectSourcesToConnect(source)" :data-active="selectedSourcesToConnect.includes(source.account_id)" >
|
| 190 |
+
<div class="ctf-fb-srcs-item-chkbx">
|
| 191 |
+
<div class="ctf-fb-srcs-item-chkbx-ic"></div>
|
| 192 |
+
</div>
|
| 193 |
+
<div class="ctf-fb-srcs-item-avatar" v-if="returnAccountAvatar(source)">
|
| 194 |
+
<img :src="returnAccountAvatar(source)">
|
| 195 |
+
</div>
|
| 196 |
+
<div class="ctf-fb-srcs-item-inf">
|
| 197 |
+
<div class="ctf-fb-srcs-item-name"><span class="sb-small-p sb-bold sb-dark-text" v-html="source.username"></span></div>
|
| 198 |
+
<div class="ctf-fb-srcs-item-type">
|
| 199 |
+
<div class="sb-details-wrap ctf-flex-center-center">
|
| 200 |
+
<div class="ctf-fb-srcs-item-svg" v-html="svgIcons['flag']"></div>
|
| 201 |
+
<span class="sb-small" v-html="selectSourceScreen.business"></span>
|
| 202 |
+
</div>
|
| 203 |
+
</div>
|
| 204 |
+
</div>
|
| 205 |
+
</div>
|
| 206 |
+
</div>
|
| 207 |
+
<button v-if="addNewSource.typeSelected !== 'business'" class="ctf-fb-source-btn ctf-fb-fs sb-btn-blue" @click.prevent.default="addSourcesOnConnect()">
|
| 208 |
+
<div class="ctf-fb-icon-success"></div>
|
| 209 |
+
{{genericText.add}}
|
| 210 |
+
</button>
|
| 211 |
+
<div class="ctf-businesses-connect-actions" v-if="addNewSource.typeSelected === 'business'">
|
| 212 |
+
<div class="sb-alert">
|
| 213 |
+
<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
|
| 214 |
+
<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"/>
|
| 215 |
+
</svg>
|
| 216 |
+
<span class="sb-caption" v-html="selectSourceScreen.modal.disclaimer"></span>
|
| 217 |
+
</div>
|
| 218 |
+
<button class="ctf-fb-source-btn ctf-fb-source-btn-next ctf-fb-fs sb-btn-blue" @click.prevent.default="$parent.switchScreen('sourcePopupScreen','step_4')" :data-active="typeof window.ctfSelected !== 'undefined' && window.ctfSelected.length ? 'true' : 'false'">
|
| 219 |
+
<span>{{genericText.next}}</span>
|
| 220 |
+
<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>
|
| 221 |
+
</button>
|
| 222 |
+
</div>
|
| 223 |
+
</div>
|
| 224 |
+
|
| 225 |
+
</div>
|
| 226 |
+
</div>
|
| 227 |
+
|
| 228 |
+
<!-- Step Three Connect Manually-->
|
| 229 |
+
<div class="ctf-fb-source-step3 ctf-fb-fs" v-if="viewsActive.sourcePopupScreen == 'step_3'">
|
| 230 |
+
<div class="ctf-fb-source-top ctf-fb-fs">
|
| 231 |
+
<div class=" ctf-fb-fs">
|
| 232 |
+
<div class="ctf-fb-src-back-top" @click.prevent.default="$parent.switchScreen('sourcePopupScreen','step_1')">
|
| 233 |
+
<svg width="6" height="9" viewBox="0 0 6 9" fill="none" xmlns="http://www.w3.org/2000/svg">
|
| 234 |
+
<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"/>
|
| 235 |
+
</svg>
|
| 236 |
+
{{selectSourceScreen.modal.addNew}}
|
| 237 |
+
</div>
|
| 238 |
+
</div>
|
| 239 |
+
<h3>{{selectSourceScreen.modal.addManually}}</h3>
|
| 240 |
+
<div class="ctf-fb-fs">
|
| 241 |
+
<div class="ctf-fb-source-inp-label ctf-fb-fs"><span class="sb-caption sb-caption-lighter">{{selectSourceScreen.modal.sourceType}}</span></div>
|
| 242 |
+
<div class="ctf-fb-source-mnl-type ctf-fb-fs">
|
| 243 |
+
<div class="ctf-fb-stp1-elm-act ctf-fb-stp-src-ctn">
|
| 244 |
+
<div class="ctf-fb-stp-src-type" :data-active="addNewSource.typeSelected == 'personal'" @click.prevent.default="addNewSource.typeSelected = 'personal'">
|
| 245 |
+
<div class="ctf-fb-chbx-round"></div><span class="sb-small-p sb-dark-text">{{selectSourceScreen.personal}}</span>
|
| 246 |
+
</div>
|
| 247 |
+
<div class="ctf-fb-stp-src-type" :data-active="addNewSource.typeSelected == 'business'" @click.prevent.default="addNewSource.typeSelected = 'business'">
|
| 248 |
+
<div class="ctf-fb-chbx-round"></div><span class="sb-small-p sb-dark-text">{{selectSourceScreen.business}}</span>
|
| 249 |
+
</div>
|
| 250 |
+
</div>
|
| 251 |
+
</div>
|
| 252 |
+
</div>
|
| 253 |
+
<div class="ctf-fb-source-inputs ctf-fb-fs">
|
| 254 |
+
<div class="ctf-fb-source-inp-label ctf-fb-fs"><span class="sb-caption sb-caption-lighter">{{selectSourceScreen.modal.accountID}}</span></div>
|
| 255 |
+
<input type="text" class="ctf-fb-source-inp ctf-fb-fs" v-model="addNewSource.manualSourceID" :placeholder="selectSourceScreen.modal.enterID">
|
| 256 |
+
<div class="ctf-fb-source-inp-label ctf-fb-fs"><span class="sb-caption sb-caption-lighter">{{selectSourceScreen.modal.accessToken}}</span></div>
|
| 257 |
+
<input type="text" class="ctf-fb-source-inp ctf-fb-fs" v-model="addNewSource.manualSourceToken" :placeholder="selectSourceScreen.modal.enterToken">
|
| 258 |
+
</div>
|
| 259 |
+
<button class="ctf-fb-source-btn ctf-fb-fs sb-btn-blue sb-account-connection-button" @click.prevent.default="addSourceManually()" :data-active="checkManualEmpty() && loadingAjax == false ? 'true' : 'false'">
|
| 260 |
+
<div v-if="loadingAjax === false" class="ctf-fb-icon-success"></div>
|
| 261 |
+
<span v-if="loadingAjax === false">{{genericText.add}}</span>
|
| 262 |
+
<span v-if="loadingAjax" class="spinner" style="display: inline-block;visibility: visible;margin: 1px;"></span>
|
| 263 |
+
</button>
|
| 264 |
+
|
| 265 |
+
</div>
|
| 266 |
+
</div>
|
| 267 |
+
|
| 268 |
+
<!-- Step Four Business Account Exists Notice -->
|
| 269 |
+
<div class="ctf-fb-source-step4 ctf-fb-fs" v-if="viewsActive.sourcePopupScreen == 'step_4'">
|
| 270 |
+
<div class="ctf-source-account-box ctf-fb-fs">
|
| 271 |
+
<div class="ctf-connecting-account-item" v-for="(source, sourceIndex) in returnedApiSourcesList" @click.prevent.default="selectSourcesToConnect(source)" :data-active="selectedSourcesToConnect.includes(source.account_id)" >
|
| 272 |
+
<div class="ctf-fb-srcs-item-avatar" v-if="$parent.returnAccountAvatar(source)">
|
| 273 |
+
<img :src="$parent.returnAccountAvatar(source)">
|
| 274 |
+
</div>
|
| 275 |
+
<div class="ctf-connecting-account-info">
|
| 276 |
+
<div class="ctf-fb-srcs-item-name">
|
| 277 |
+
<span class="sb-small-p sb-bold sb-dark-text" v-html="source.username"></span>
|
| 278 |
+
</div>
|
| 279 |
+
<div class="ctf-fb-srcs-item-type">
|
| 280 |
+
<div class="sb-details-wrap ctf-flex-center-center">
|
| 281 |
+
<div class="ctf-fb-srcs-item-svg" v-html="svgIcons['users']"></div>
|
| 282 |
+
<span class="sb-small" v-html="selectSourceScreen.personal"></span>
|
| 283 |
+
</div>
|
| 284 |
+
</div>
|
| 285 |
+
</div>
|
| 286 |
+
</div>
|
| 287 |
+
</div>
|
| 288 |
+
<div class="ctf-fb-source-top ctf-fb-fs">
|
| 289 |
+
<h3>{{selectSourceScreen.modal.alreadyExists}}</h3>
|
| 290 |
+
<p>{{selectSourceScreen.modal.alreadyExistsExplanation}}</p>
|
| 291 |
+
</div>
|
| 292 |
+
<div class="sb-two-buttons-wrap">
|
| 293 |
+
<button class="ctf-fb-source-btn sb-btn-blue" @click.prevent.default="addSourcesOnConnect()">
|
| 294 |
+
{{selectSourceScreen.modal.replaceWithPersonal}}
|
| 295 |
+
</button>
|
| 296 |
+
<button class="ctf-fb-source-btn sb-btn-grey" @click.prevent.default="$parent.switchScreen('sourcePopupScreen','step_1')">
|
| 297 |
+
{{genericText.cancel}}
|
| 298 |
+
</button>
|
| 299 |
+
</div>
|
| 300 |
+
</div>
|
| 301 |
+
|
| 302 |
+
</div>
|
| 303 |
+
</div>
|
| 304 |
+
</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 ctf-fb-center-boss" v-if="dialogBoxElement.active">
|
| 3 |
+
<div class="sb-dialog-popup ctf-fb-popup-inside">
|
| 4 |
+
<div class="ctf-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 ctf-fb-fs" v-if="dialogBoxElement.type == 'deleteSourceCustomizer'">
|
| 8 |
+
<div class="ctf-fb-srcs-item" :data-type="sourceToDelete.account_type">
|
| 9 |
+
<div class="ctf-fb-srcs-item-avatar" v-if="returnAccountAvatar(sourceToDelete)">
|
| 10 |
+
<img :src="returnAccountAvatar(sourceToDelete)">
|
| 11 |
+
</div>
|
| 12 |
+
<div class="ctf-fb-srcs-item-inf">
|
| 13 |
+
<div class="ctf-fb-srcs-item-name"><span>{{sourceToDelete.username}}</span></div>
|
| 14 |
+
<div class="ctf-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="ctf-fb-srcs-item-remove" v-html="svgIcons['delete']"></div>
|
| 20 |
+
</div>
|
| 21 |
+
</div>
|
| 22 |
+
<div class="sb-dialog-popup-content ctf-fb-fs">
|
| 23 |
+
<strong v-html="dialogBoxElement.heading"></strong>
|
| 24 |
+
<span v-html="dialogBoxElement.description"></span>
|
| 25 |
+
<div class="sb-dialog-popup-actions ctf-fb-fs">
|
| 26 |
+
<button class="sb-btn " :class="getButtonBackground('confirm',dialogBoxElement)" @click.prevent.default="confirmDialogAction" v-html="getButtonText('confirm',dialogBoxElement)"></button>
|
| 27 |
+
<button class="sb-btn " :class="getButtonBackground('cancel',dialogBoxElement)" @click.prevent.default="closeConfirmDialog" v-html="getButtonText('cancel',dialogBoxElement)"></button>
|
| 28 |
+
</div>
|
| 29 |
+
</div>
|
| 30 |
+
</div>
|
| 31 |
+
</div>
|
| 32 |
+
</script>
|
admin/builder/templates/sections/popup/connect-account-popup.php
ADDED
|
@@ -0,0 +1,94 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 1 |
+
<div class="ctf-fb-connectaccount-pp-ctn sb-fs-boss ctf-fb-center-boss" v-if="viewsActive.connectAccountPopup">
|
| 2 |
+
<div class="ctf-fb-connectaccount-popup ctf-fb-popup-inside" data-step="1" v-if="viewsActive.connectAccountStep == 'step_1'">
|
| 3 |
+
|
| 4 |
+
<div class="ctf-fb-popup-cls" @click.prevent.default="activateView('connectAccountPopup')">
|
| 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 |
+
|
| 10 |
+
<div class="ctf-fb-types ctf-fb-fs">
|
| 11 |
+
<h4>{{connectAccountScreen.heading}}</h4>
|
| 12 |
+
<div class="ctf-fb-srcs-desc">{{connectAccountScreen.description}}</div>
|
| 13 |
+
</div>
|
| 14 |
+
|
| 15 |
+
<div class="ctf-fb-fs">
|
| 16 |
+
<button class="sb-btn ctf-fb-connectaccount-btn sb-btn-blue" @click.prevent.default="connectAccountLink()">
|
| 17 |
+
<div v-html="svgIcons['twitter']"></div>
|
| 18 |
+
{{genericText.connect}}
|
| 19 |
+
</button>
|
| 20 |
+
</div>
|
| 21 |
+
|
| 22 |
+
<div class="ctf-fb-source-bottom ctf-fb-fs">
|
| 23 |
+
<div class="ctf-manual-question">
|
| 24 |
+
<svg width="20" height="15" viewBox="0 0 20 15" fill="none" xmlns="http://www.w3.org/2000/svg">
|
| 25 |
+
<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"/>
|
| 26 |
+
</svg>
|
| 27 |
+
|
| 28 |
+
<div class="ctf-fb-source-btm-hd sb-small-p sb-bold sb-dark-text">{{connectAccountScreen.preferManually}}</div>
|
| 29 |
+
</div>
|
| 30 |
+
<button class="ctf-fb-hd-btn ctf-fb-src-add-manual sb-btn-grey" @click.prevent.default="switchScreen('connectAccountStep','step_2')">
|
| 31 |
+
<svg width="12" height="13" viewBox="0 0 12 13" fill="none" xmlns="http://www.w3.org/2000/svg">
|
| 32 |
+
<path d="M11.8327 7.33317H6.83268V12.3332H5.16602V7.33317H0.166016V5.6665H5.16602V0.666504H6.83268V5.6665H11.8327V7.33317Z" fill="#141B38"/>
|
| 33 |
+
</svg>
|
| 34 |
+
<span class="sb-small-p sb-bold sb-dark-text">{{connectAccountScreen.addAppCred}}</span>
|
| 35 |
+
</button>
|
| 36 |
+
</div>
|
| 37 |
+
</div>
|
| 38 |
+
|
| 39 |
+
<div class="ctf-fb-connectaccount-popup ctf-fb-popup-inside" data-step="2" v-if="viewsActive.connectAccountStep == 'step_2'">
|
| 40 |
+
<div class="ctf-fb-popup-cls" @click.prevent.default="closeConnectAccountPopup()">
|
| 41 |
+
<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
|
| 42 |
+
<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"/>
|
| 43 |
+
</svg>
|
| 44 |
+
</div>
|
| 45 |
+
<div class="ctf-fb-types ctf-fb-fs">
|
| 46 |
+
<div class="ctf-fb-fs">
|
| 47 |
+
<div class="ctf-fb-src-back-top" @click.prevent.default="switchScreen('connectAccountStep','step_1')">
|
| 48 |
+
<svg width="6" height="9" viewBox="0 0 6 9" fill="none" xmlns="http://www.w3.org/2000/svg">
|
| 49 |
+
<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"/>
|
| 50 |
+
</svg>
|
| 51 |
+
{{connectAccountScreen.connectNewAccount}}
|
| 52 |
+
</div>
|
| 53 |
+
</div>
|
| 54 |
+
<h3>{{connectAccountScreen.heading_2}}</h3>
|
| 55 |
+
<div class="ctf-fb-source-inputs ctf-fb-fs">
|
| 56 |
+
<div class="ctf-fb-fs">
|
| 57 |
+
<div class="ctf-fb-source-inp-label ctf-fb-fs"><span class="sb-caption sb-caption-lighter">{{connectAccountScreen.manualModal.name}}</span></div>
|
| 58 |
+
<input type="text" class="ctf-fb-source-inp ctf-fb-fs" v-model="appCredentials.app_name" :placeholder="connectAccountScreen.manualModal.namePlhdr">
|
| 59 |
+
</div>
|
| 60 |
+
|
| 61 |
+
<div class="ctf-fb-source-inp-half ctf-fb-fs">
|
| 62 |
+
<div class="ctf-fb-fs">
|
| 63 |
+
<div class="ctf-fb-source-inp-label ctf-fb-fs"><span class="sb-caption sb-caption-lighter">{{connectAccountScreen.manualModal.consumerKey}}</span></div>
|
| 64 |
+
<input type="text" class="ctf-fb-source-inp ctf-fb-fs" v-model="appCredentials.consumer_key" :placeholder="connectAccountScreen.manualModal.consumerKeyPlhdr">
|
| 65 |
+
</div>
|
| 66 |
+
<div class="ctf-fb-fs">
|
| 67 |
+
<div class="ctf-fb-source-inp-label ctf-fb-fs"><span class="sb-caption sb-caption-lighter">{{connectAccountScreen.manualModal.consumerSecret}}</span></div>
|
| 68 |
+
<input type="text" class="ctf-fb-source-inp ctf-fb-fs" v-model="appCredentials.consumer_secret" :placeholder="connectAccountScreen.manualModal.consumerSecretPlhdr">
|
| 69 |
+
</div>
|
| 70 |
+
</div>
|
| 71 |
+
<div class="ctf-fb-source-inp-half ctf-fb-fs">
|
| 72 |
+
<div class="ctf-fb-fs">
|
| 73 |
+
<div class="ctf-fb-source-inp-label ctf-fb-fs"><span class="sb-caption sb-caption-lighter">{{connectAccountScreen.manualModal.accessToken}}</span></div>
|
| 74 |
+
<input type="text" class="ctf-fb-source-inp ctf-fb-fs" v-model="appCredentials.access_token" :placeholder="connectAccountScreen.manualModal.accessTokenPlhdr">
|
| 75 |
+
</div>
|
| 76 |
+
<div class="ctf-fb-fs">
|
| 77 |
+
<div class="ctf-fb-source-inp-label ctf-fb-fs"><span class="sb-caption sb-caption-lighter">{{connectAccountScreen.manualModal.accessTokenSecret}}</span></div>
|
| 78 |
+
<input type="text" class="ctf-fb-source-inp ctf-fb-fs" v-model="appCredentials.access_token_secret" :placeholder="connectAccountScreen.manualModal.accessTokenSecretPlhdr">
|
| 79 |
+
</div>
|
| 80 |
+
</div>
|
| 81 |
+
<strong v-show="manualAccountResp != false" class="ctf-fb-source-msg" :class="manualAccountResp === 'success' ? 'ctf-fb-source-msg-success' : 'ctf-fb-source-msg-error'" v-html="manualAccountResp === 'success' ? genericText.successManualAccount : genericText.errorManualAccount"></strong>
|
| 82 |
+
<button class="ctf-fb-source-btn ctf-fb-fs sb-btn-blue sb-account-connection-button" :data-active="checkManualEmpty() && loadingAjax == false ? 'true' : 'false'" @click.prevent.default="connectManualAccount()">
|
| 83 |
+
<div v-if="loadingAjax === false && manualAccountResp === 'success'" class="ctf-fb-icon-success"></div>
|
| 84 |
+
<span v-if="loadingAjax === false">{{genericText.add}}</span>
|
| 85 |
+
<span v-if="loadingAjax" class="spinner" style="display: inline-block;visibility: visible;margin: 1px;"></span>
|
| 86 |
+
</button>
|
| 87 |
+
|
| 88 |
+
</div>
|
| 89 |
+
|
| 90 |
+
</div>
|
| 91 |
+
</div>
|
| 92 |
+
|
| 93 |
+
|
| 94 |
+
</div>
|
admin/builder/templates/sections/popup/embed-popup.php
ADDED
|
@@ -0,0 +1,78 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 1 |
+
<div class="ctf-fb-embed-ctn sb-fs-boss ctf-fb-center-boss" v-if="viewsActive.embedPopup">
|
| 2 |
+
<div class="ctf-fb-embed-popup ctf-fb-popup-inside">
|
| 3 |
+
<div class="ctf-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="ctf-fb-embed-step-1 ctf-fb-fs" v-show="viewsActive.embedPopupScreen == 'step_1'">
|
| 11 |
+
<div class="ctf-fb-embed-step-1-top ctf-fb-fs">
|
| 12 |
+
<h4 class="ctf-fb-fs">{{embedPopupScreen.description}}</h4>
|
| 13 |
+
<div class="ctf-fb-embed-input-ctn ctf-fb-fs">
|
| 14 |
+
<input class="ctf-fb-fs" type="text" :value="'[custom-twitter-feeds feed='+ customizerFeedData.feed_info.id +']'">
|
| 15 |
+
<button class="ctf-fb-hd-btn ctf-csz-btn-save ctf-btn-orange sb-standard-p sb-bold" @click.prevent.default="copyToClipBoard('[custom-twitter-feeds 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="ctf-fb-embed-step-1-bottom ctf-fb-fs">
|
| 23 |
+
<h4>{{embedPopupScreen.description_2}}</h4>
|
| 24 |
+
<div class="ctf-fb-embed-btns-ctn ctf-fb-fs">
|
| 25 |
+
<a class="ctf-fb-embed-btn ctf-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="ctf-fb-embed-btn ctf-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="ctf-fb-embed-step-2 ctf-fb-fs" v-show="viewsActive.embedPopupScreen == 'step_2'">
|
| 49 |
+
<div class="sb-embed-breadcrumb ctf-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="ctf-fb-embed-step-2-list">
|
| 55 |
+
<strong>{{embedPopupScreen.selectPage}}</strong>
|
| 56 |
+
<div class="ctf-fb-embed-step-2-pages ctf-fb-fs">
|
| 57 |
+
<div class="sb-control-toggle-set-ctn ctf-fb-fs">
|
| 58 |
+
<div class="sb-control-toggle-elm ctf-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="ctf-fb-embed-step-2-action ctf-fb-fs">
|
| 67 |
+
<a class="ctf-fb-srcs-update ctf-fb-btn ctf-fb-fs ctf-btn-orange" :href="viewsActive.embedPopupSelectedPage != null ? adminPostURL + '?post='+viewsActive.embedPopupSelectedPage+'&action=edit&ctf_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,38 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 1 |
+
<div class="ctf-fb-extensions-pp-ctn sb-fs-boss ctf-fb-center-boss" v-if="viewsActive.extensionsPopupElement != null && viewsActive.extensionsPopupElement != false">
|
| 2 |
+
<div class="ctf-fb-extensions-popup ctf-fb-popup-inside" v-if="viewsActive.extensionsPopupElement != null && viewsActive.extensionsPopupElement != false" :data-getext-view="viewsActive.extensionsPopupElement">
|
| 3 |
+
|
| 4 |
+
<div class="ctf-fb-popup-cls" @click.prevent.default="activateView('extensionsPopupElement')">
|
| 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>
|
| 10 |
+
<div class="ctf-fb-extpp-top ctf-fb-fs">
|
| 11 |
+
<div class="ctf-fb-extpp-info">
|
| 12 |
+
<div v-if="iscustomizerScreen && customizerScreens.popupBackButton.includes(viewsActive.extensionsPopupElement)" class="ctf-fb-slctf-back ctf-fb-hd-btn ctf-btn-grey" @click.prevent.default="viewsActive.extensionsPopupElement == 'feedTemplates' ? activateView('feedtemplatesPopupCustomizer') : 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>
|
| 13 |
+
<div class="ctf-fb-extpp-head ctf-fb-fs"><h2 v-html="extensionsPopup[viewsActive.extensionsPopupElement].heading"></h2></div>
|
| 14 |
+
<div class="ctf-fb-extpp-desc ctf-fb-fs sb-caption" v-html="extensionsPopup[viewsActive.extensionsPopupElement].description"></div>
|
| 15 |
+
<div v-if="extensionsPopup[viewsActive.extensionsPopupElement].popupContentBtn" v-html="extensionsPopup[viewsActive.extensionsPopupElement].popupContentBtn"></div>
|
| 16 |
+
</div>
|
| 17 |
+
<div class="ctf-fb-extpp-img" v-html="extensionsPopup[viewsActive.extensionsPopupElement].img">
|
| 18 |
+
</div>
|
| 19 |
+
</div>
|
| 20 |
+
<div class="ctf-fb-extpp-bottom ctf-fb-fs">
|
| 21 |
+
<div v-if="typeof extensionsPopup[viewsActive.extensionsPopupElement].bullets !== 'undefined'" class="ctf-extension-bullets">
|
| 22 |
+
<h4>{{extensionsPopup[viewsActive.extensionsPopupElement].bullets.heading}}</h4>
|
| 23 |
+
<div class="ctf-extension-bullet-list">
|
| 24 |
+
<div class="ctf-extension-single-bullet" v-for="bullet in extensionsPopup[viewsActive.extensionsPopupElement].bullets.content">
|
| 25 |
+
<svg width="4" height="4" viewBox="0 0 4 4" fill="none" xmlns="http://www.w3.org/2000/svg">
|
| 26 |
+
<rect width="4" height="4" fill="#0096CC"/>
|
| 27 |
+
</svg>
|
| 28 |
+
<span class="sb-small-p">{{bullet}}</span>
|
| 29 |
+
</div>
|
| 30 |
+
</div>
|
| 31 |
+
</div>
|
| 32 |
+
<div class="ctf-fb-extpp-btns ctf-fb-fs">
|
| 33 |
+
<a class="ctf-fb-extpp-get-btn ctf-btn-orange" :href="extensionsPopup[viewsActive.extensionsPopupElement].buyUrl" target="_blank" class="sbi-fb-fs-link">{{genericText.upgrade}}</a>
|
| 34 |
+
</div>
|
| 35 |
+
</div>
|
| 36 |
+
</div>
|
| 37 |
+
</div>
|
| 38 |
+
</div>
|
admin/builder/templates/sections/popup/feedtemplates-popup.php
ADDED
|
@@ -0,0 +1,40 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 1 |
+
<div class="ctf-fb-feedtypes-pp-ctn ctf-fb-feedtemplates-ctn sb-fs-boss ctf-fb-center-boss" v-if="viewsActive.feedtemplatesPopup">
|
| 2 |
+
<div class="ctf-fb-feedtypes-popup ctf-fb-popup-inside">
|
| 3 |
+
<div class="ctf-fb-popup-cls" @click.prevent.default="activateView('feedtemplatesPopup')"><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="ctf-fb-source-top ctf-fb-fs">
|
| 8 |
+
<h2>{{selectFeedTemplateScreen.updateHeading}}</h2>
|
| 9 |
+
<p class="ctf-fb-feedtemplate-alert ctf-fb-fs">
|
| 10 |
+
<span v-html="svgIcons['info']"></span>
|
| 11 |
+
{{selectFeedTemplateScreen.updateHeadingWarning}}
|
| 12 |
+
</p>
|
| 13 |
+
<div class="ctf-fb-types ctf-fb-fs">
|
| 14 |
+
<div class="ctf-fb-templates-list ctf-fb-templates-ctn">
|
| 15 |
+
<div :class="['ctf-fb-type-el', 'ctf-feed-template-' + feedTemplateEl.type]" v-for="(feedTemplateEl, feedTemplateIn) in feedTemplates" :data-active="choosedFeedTemplateCustomizer(feedTemplateEl.type)" @click.prevent.default="viewsActive.extensionsPopupElement = 'feedTemplates'; activateView('feedtemplatesPopup')">
|
| 16 |
+
<div class="ctf-fb-type-el-img ctf-fb-fs" v-html="svgIcons[feedTemplateEl.icon]"></div>
|
| 17 |
+
<div class="ctf-fb-type-el-info ctf-fb-fs">
|
| 18 |
+
<p class="sb-small-p sb-bold sb-dark-text" v-html="feedTemplateEl.title"></p>
|
| 19 |
+
<!--<span class="sb-caption sb-lightest">{{feedTemplateEl.description}}</span>-->
|
| 20 |
+
</div>
|
| 21 |
+
</div>
|
| 22 |
+
</div>
|
| 23 |
+
</div>
|
| 24 |
+
<div class="ctf-fb-extppcustomizer-btns ctf-fb-fs">
|
| 25 |
+
|
| 26 |
+
<button class="ctf-fb-srcs-update ctf-fb-btn ctf-fb-fs ctf-btn-orange" @click.prevent.default="updateFeedTemplateCustomizer()">
|
| 27 |
+
<svg width="16" height="12" viewBox="0 0 16 12" fill="none" xmlns="http://www.w3.org/2000/svg">
|
| 28 |
+
<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"/>
|
| 29 |
+
</svg>
|
| 30 |
+
<span>{{genericText.update}}</span>
|
| 31 |
+
</button>
|
| 32 |
+
<button class="ctf-fb-source-btn ctf-fb-fs sb-btn-grey" @click.prevent.default="viewsActive.feedtemplatesPopup = false">
|
| 33 |
+
<div class="ctf-fb-icon-cancel"></div>
|
| 34 |
+
{{genericText.cancel}}
|
| 35 |
+
</button>
|
| 36 |
+
|
| 37 |
+
</div>
|
| 38 |
+
</div>
|
| 39 |
+
</div>
|
| 40 |
+
</div>
|
admin/builder/templates/sections/popup/feedtypes-customizer-popup.php
ADDED
|
@@ -0,0 +1,29 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 1 |
+
<div class="ctf-fb-feedtypescustomizer-pp-ctn sb-fs-boss ctf-fb-center-boss" v-if="viewsActive.feedtypesCustomizerPopup">
|
| 2 |
+
<div class="ctf-fb-feedtypes-popup ctf-fb-popup-inside">
|
| 3 |
+
<div class="ctf-fb-popup-cls" @click.prevent.default="cancelFeedTypeAndSourcesCustomizer()"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"><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"></path></svg></div>
|
| 4 |
+
<div class="ctf-fb-source-top ctf-fb-fs">
|
| 5 |
+
<h3>{{genericText.editSources}}</h3>
|
| 6 |
+
</div>
|
| 7 |
+
<div class="ctf-fb-feedtypescustomizer-content ctf-fb-fs">
|
| 8 |
+
<?php
|
| 9 |
+
include CTF_BUILDER_DIR . 'templates/sections/create-feed/multiple-sources-list.php';
|
| 10 |
+
?>
|
| 11 |
+
<div class="ctf-addsource-type-btn ctf-fb-fs" @click.prevent.default="toggleFeedTypesChooserPopup()">
|
| 12 |
+
<svg width="14" height="14" viewBox="0 0 10 10" fill="none" xmlns="http://www.w3.org/2000/svg">
|
| 13 |
+
<path d="M9.66634 5.66634H5.66634V9.66634H4.33301V5.66634H0.333008V4.33301H4.33301V0.333008H5.66634V4.33301H9.66634V5.66634Z"/>
|
| 14 |
+
</svg>
|
| 15 |
+
<span>{{genericText.addSourceType}}</span>
|
| 16 |
+
</div>
|
| 17 |
+
</div>
|
| 18 |
+
<div class="ctf-fb-extppcustomizer-btns ctf-fb-fs">
|
| 19 |
+
<button class="ctf-fb-source-btn ctf-fb-fs sb-btn-blue" @click.prevent.default="updateFeedTypeAndSourcesCustomizer()">
|
| 20 |
+
<div class="ctf-fb-icon-success"></div>
|
| 21 |
+
{{genericText.update}}
|
| 22 |
+
</button>
|
| 23 |
+
<button class="ctf-fb-source-btn ctf-fb-fs sb-btn-grey" @click.prevent.default="cancelFeedTypeAndSourcesCustomizer()">
|
| 24 |
+
<div class="ctf-fb-icon-cancel"></div>
|
| 25 |
+
{{genericText.cancel}}
|
| 26 |
+
</button>
|
| 27 |
+
</div>
|
| 28 |
+
</div>
|
| 29 |
+
</div>
|
admin/builder/templates/sections/popup/feedtypes-popup.php
ADDED
|
@@ -0,0 +1,52 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 1 |
+
<div class="ctf-fb-feedtypes-pp-ctn sb-fs-boss ctf-fb-center-boss" :data-screen="customizerFeedData != undefined ? 'customizer' : 'creationProcess'" v-if="viewsActive.feedtypesPopup">
|
| 2 |
+
<div class="ctf-fb-feedtypes-popup ctf-fb-popup-inside">
|
| 3 |
+
<div class="sb-button-no-border" v-if="customizerFeedData != undefined" @click.prevent.default="toggleFeedTypesChooserPopup()">
|
| 4 |
+
<svg width="7" height="11" viewBox="0 0 7 11" fill="none" xmlns="http://www.w3.org/2000/svg">
|
| 5 |
+
<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"/>
|
| 6 |
+
</svg>
|
| 7 |
+
<span>{{genericText.back}}</span>
|
| 8 |
+
</div>
|
| 9 |
+
<div class="ctf-fb-popup-cls" v-if="customizerFeedData != undefined" @click.prevent.default="cancelFeedTypeAndSourcesCustomizer()">
|
| 10 |
+
<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
|
| 11 |
+
<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"/>
|
| 12 |
+
</svg>
|
| 13 |
+
</div>
|
| 14 |
+
<div class="ctf-fb-popup-cls" v-if="customizerFeedData == undefined" @click.prevent.default="viewsActive.feedtypesPopup = false">
|
| 15 |
+
<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
|
| 16 |
+
<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"/>
|
| 17 |
+
</svg>
|
| 18 |
+
</div>
|
| 19 |
+
|
| 20 |
+
<div class="ctf-fb-types ctf-fb-fs">
|
| 21 |
+
|
| 22 |
+
<h4>{{selectFeedTypeScreen.anotherFeedTypeHeading}}</h4>
|
| 23 |
+
<div class="ctf-fb-types-list">
|
| 24 |
+
<div class="ctf-fb-type-el" v-for="(feedTypeEl, feedTypeIn) in feedTypes" :class="selectedFeed.includes(feedTypeEl.type) && feedTypeEl.type != 'socialwall' ? 'ctf-fb-tltp-parent' : ''" :data-active="selectedFeedPopup.includes(feedTypeEl.type)" :data-type="feedTypeEl.type" @click.prevent.default="selectFeedTypePopup(feedTypeEl)">
|
| 25 |
+
<div class="ctf-fb-type-el-img ctf-fb-fs" v-html="svgIcons[feedTypeEl.icon]"></div>
|
| 26 |
+
<div class="ctf-fb-type-el-info ctf-fb-fs">
|
| 27 |
+
<p class="sb-small-p sb-bold sb-dark-text" v-html="feedTypeEl.title"></p>
|
| 28 |
+
<a href="" v-if="feedTypeEl.businessRequired != undefined && feedTypeEl.businessRequired" v-html="genericText.businessRequired"></a>
|
| 29 |
+
<span class="sb-caption sb-lightest sb-small-text">{{feedTypeEl.description}}</span>
|
| 30 |
+
</div>
|
| 31 |
+
</div>
|
| 32 |
+
</div>
|
| 33 |
+
<div class="ctf-fb-adv-types ctf-fb-fs">
|
| 34 |
+
<h4>{{selectFeedTypeScreen.advancedHeading}}<span class="sb-breadcrumb-pro-label">PRO</span></h4>
|
| 35 |
+
<div class="ctf-fb-types-list ctf-fb-types-list-pro ctf-fb-fs">
|
| 36 |
+
<div class="ctf-fb-type-el-pro" v-for="(advFeedTypeEl, advFeedTypeIn) in advancedFeedTypes" @click.prevent.default="chooseFeedType(advFeedTypeEl)">
|
| 37 |
+
<div class="ctf-fb-type-el-pro-img" v-html="svgIcons[advFeedTypeEl.icon +'Free']"></div>
|
| 38 |
+
<span>{{advFeedTypeEl.title}}</span>
|
| 39 |
+
</div>
|
| 40 |
+
</div>
|
| 41 |
+
</div>
|
| 42 |
+
</div>
|
| 43 |
+
<div class="ctf-fb-addsourtype-ctn ctf-fb-fs">
|
| 44 |
+
<button class="ctf-fb-source-btn ctf-fb-fs sb-btn-orange" @click.prevent.default="addFeedTypePopup()">
|
| 45 |
+
<svg width="14" height="14" viewBox="0 0 10 10" fill="#fff" xmlns="http://www.w3.org/2000/svg"><path d="M9.66634 5.66634H5.66634V9.66634H4.33301V5.66634H0.333008V4.33301H4.33301V0.333008H5.66634V4.33301H9.66634V5.66634Z"></path></svg>
|
| 46 |
+
{{genericText.update}}
|
| 47 |
+
</button>
|
| 48 |
+
</div>
|
| 49 |
+
|
| 50 |
+
|
| 51 |
+
</div>
|
| 52 |
+
</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="ctf-fb-source-ctn sb-fs-boss ctf-fb-center-boss" v-if="viewsActive.installPluginPopup">
|
| 3 |
+
<div class="ctf-fb-source-popup ctf-fb-popup-inside ctf-install-plugin-modal">
|
| 4 |
+
<div class="ctf-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="ctf-install-plugin-body ctf-fb-fs">
|
| 10 |
+
<div class="ctf-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="#FE544F"/><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="ctf-install-plugin-content">
|
| 26 |
+
<p v-html="plugins.description"></p>
|
| 27 |
+
<button v-if="plugins.installed && plugins.activated" class="ctf-install-plugin-btn ctf-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="ctf-install-plugin-btn ctf-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="ctf-install-plugin-btn ctf-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 ctf-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="ctf-fb-popup-inside sb-onboarding-tooltip ctf-fb-source-top" v-bind:class="'sb-onboarding-tooltip-' + tooltip.step" v-bind:data-step="tooltip.step">
|
| 6 |
+
<div class="ctf-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="ctf-fb-wrapper">
|
| 22 |
+
<div class="ctf-onboarding-previous ctf-fb-hd-btn ctf-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="ctf-onboarding-next ctf-fb-hd-btn ctf-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="ctf-onboarding-finish sb-button-small ctf-btn-grey ctf-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 ctf-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="ctf-fb-popup-inside sb-onboarding-tooltip ctf-fb-source-top" v-bind:class="'sb-onboarding-tooltip-' + tooltip.step" v-bind:data-step="tooltip.step">
|
| 6 |
+
<div class="ctf-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="ctf-fb-wrapper">
|
| 22 |
+
<div class="ctf-onboarding-previous ctf-fb-hd-btn ctf-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="ctf-onboarding-next ctf-fb-hd-btn ctf-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="ctf-onboarding-finish sb-button-small ctf-btn-grey ctf-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 ctf-fb-center-boss" v-if="viewsActive.instanceSourceActive != null">
|
| 2 |
+
<div class="ctf-fb-popup-inside ctf-fb-popup-feedinst">
|
| 3 |
+
<div class="ctf-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="ctf-fb-source-top ctf-fb-fs">
|
| 8 |
+
<h3>{{viewsActive.instanceSourceActive.username}}</h3>
|
| 9 |
+
<div class="ctf-fb-fdinst-type sb-small">{{viewsActive.instanceSourceActive.account_type}}</div>
|
| 10 |
+
</div>
|
| 11 |
+
<div class="ctf-fb-inst-tbl-ctn ctf-fb-fs">
|
| 12 |
+
<table>
|
| 13 |
+
<thead class="ctf-fd-lst-thtf ctf-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="ctf-fd-lst-tbody">
|
| 28 |
+
<tr v-for="(instance, instanceIndex) in viewsActive.instanceSourceActive.instances">
|
| 29 |
+
<td><a :href="ctf_settings.builderUrl+'&feed_id=' + instance.id" class="ctf-fd-lst-name sb-small-p sb-bold">{{instance.feed_name}}</a></td>
|
| 30 |
+
<td><span class="ctf-fd-lst-shortcode sb-caption sb-lighter">{{instance.id}}</span></td>
|
| 31 |
+
<td>
|
| 32 |
+
<div class="ctf-fb-inst-tbl-shrtc">
|
| 33 |
+
<div class="sb-flex-center">
|
| 34 |
+
<span v-if="instance.id !== 'legacy'" class="ctf-fd-lst-shortcode sb-caption sb-lighter" v-html="'[custom-twitter-feeds feed='+instance.id+']'"></span>
|
| 35 |
+
<span v-if="instance.id === 'legacy'" class="ctf-fd-lst-shortcode sb-caption sb-lighter" v-html="'[custom-twitter-feeds]'"></span>
|
| 36 |
+
|
| 37 |
+
<div class="ctf-fd-lst-shortcode-cp ctf-fd-lst-btn ctf-fb-tltp-parent">
|
| 38 |
+
<div class="ctf-fb-tltp-elem"><span>{{(genericText.copy +' '+ genericText.shortcode).replace(/ /g," ")}}</span></div>
|
| 39 |
+
<div v-html="svgIcons['copy']" @click.prevent.default="copyToClipBoard('[custom-twitter-feeds feed='+instance.id+']')"></div>
|
| 40 |
+
</div>
|
| 41 |
+
</div>
|
| 42 |
+
</div>
|
| 43 |
+
</td>
|
| 44 |
+
<td>
|
| 45 |
+
<a :href="ctf_settings.builderUrl+'&feed_id=' + instance.id" class="ctf-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="ctf-fd-lst-thtf ctf-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/popup/sources-list-popup.php
ADDED
|
@@ -0,0 +1,62 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 1 |
+
<div class="ctf-fb-sourcelist-pp-ctn sb-fs-boss ctf-fb-center-boss" v-if="viewsActive.sourcesListPopup" data-source="active">
|
| 2 |
+
<div class="ctf-fb-source-popup ctf-fb-popup-inside ctf-fb-source-pp-customizer">
|
| 3 |
+
<div class="ctf-fb-popup-cls" @click.prevent.default="toggleFeedTypesSourcesPopup()">
|
| 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 class="ctf-fb-source-top ctf-fb-fs">
|
| 9 |
+
<h3 v-html="feedTypeOnSourcePopup == 'user' ? selectSourceScreen.sourcesListPopup.user.mainHeading : selectSourceScreen.sourcesListPopup.tagged.mainHeading"></h3>
|
| 10 |
+
<div class="ctf-fb-srcs-desc" v-html="feedTypeOnSourcePopup == 'user' ? selectSourceScreen.sourcesListPopup.user.description : selectSourceScreen.sourcesListPopup.tagged.description"></div>
|
| 11 |
+
</div>
|
| 12 |
+
|
| 13 |
+
<div class="ctf-fb-sourcelist-pp">
|
| 14 |
+
<div class="ctf-fb-srcslist-ctn ctf-fb-fs" v-if="sourcesList.length > 0">
|
| 15 |
+
<div class="ctf-fb-srcs-item ctf-fb-srcs-new" @click.prevent.default="activateView('sourcePopup', 'creationRedirect')">
|
| 16 |
+
<svg width="10" height="10" viewBox="0 0 10 10" fill="none" xmlns="http://www.w3.org/2000/svg">
|
| 17 |
+
<path d="M9.66634 5.66634H5.66634V9.66634H4.33301V5.66634H0.333008V4.33301H4.33301V0.333008H5.66634V4.33301H9.66634V5.66634Z" fill="#0096CC"/>
|
| 18 |
+
</svg>
|
| 19 |
+
<span class="sb-small-p sb-bold">{{genericText.addNew}}</span>
|
| 20 |
+
</div>
|
| 21 |
+
<div class="ctf-fb-srcs-item ctf-fb-onbrd-tltp-parent ctf-fb-onbrd-tltp-center-top ctf-fb-onbrd-tltp-hover" v-for="(source, sourceIndex) in sourcesList" @click.prevent.default="selectSourcePopup(source)" :data-type="source.account_type" :data-active="isSourceSelectActivePopup(source)" :data-disabled="checkSourceDisabledPopup(source)">
|
| 22 |
+
<div class="ctf-fb-onbrd-tltp-elem" v-if="checkSourceDisabledPopup(source)">
|
| 23 |
+
<p v-if="checkSourceDisabledPopup(source)" class="ctf-fb-onbrd-tltp-txt" v-for="perosnalAccountToolTipTxt in selectSourceScreen.perosnalAccountToolTipTxt" v-html="perosnalAccountToolTipTxt.replace(/ /g,' ')"></p>
|
| 24 |
+
</div>
|
| 25 |
+
|
| 26 |
+
<div class="ctf-fb-srcs-item-chkbx">
|
| 27 |
+
<div class="ctf-fb-srcs-item-chkbx-ic"></div>
|
| 28 |
+
</div>
|
| 29 |
+
<div class="ctf-fb-srcs-item-avatar" v-if="returnAccountAvatar(source)">
|
| 30 |
+
<img :src="returnAccountAvatar(source)">
|
| 31 |
+
</div>
|
| 32 |
+
<div class="ctf-fb-srcs-item-inf">
|
| 33 |
+
<div class="ctf-fb-srcs-item-name sb-small-p sb-bold"><span>{{source.username}}</span></div>
|
| 34 |
+
<div class="ctf-fb-left-boss">
|
| 35 |
+
<div class="ctf-fb-srcs-item-type">
|
| 36 |
+
<div v-html="source.account_type == 'personal' ? svgIcons['user'] : svgIcons['flag']"></div>
|
| 37 |
+
<span class="sb-small sb-lighter">{{source.account_type}}</span>
|
| 38 |
+
</div>
|
| 39 |
+
|
| 40 |
+
<div v-if="source.error !== ''" class="sb-source-error-wrap">
|
| 41 |
+
<svg width="13" height="13" viewBox="0 0 13 13" fill="none" xmlns="http://www.w3.org/2000/svg">
|
| 42 |
+
<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"/>
|
| 43 |
+
</svg>
|
| 44 |
+
<span v-html="genericText.errorSource"></span><a href="#" @click.prevent.default="activateView('sourcePopupType', 'creation')" v-html="genericText.reconnect"></a>
|
| 45 |
+
</div>
|
| 46 |
+
|
| 47 |
+
</div>
|
| 48 |
+
</div>
|
| 49 |
+
</div>
|
| 50 |
+
</div>
|
| 51 |
+
</div>
|
| 52 |
+
|
| 53 |
+
|
| 54 |
+
<div class="ctf-fb-addsourtype-ctn ctf-fb-fs">
|
| 55 |
+
<button class="ctf-fb-source-btn ctf-fb-fs sb-btn-blue" @click.prevent.default="addSourceToFeedType()">
|
| 56 |
+
<div class="ctf-fb-icon-success"></div>
|
| 57 |
+
{{genericText.add}}
|
| 58 |
+
</button>
|
| 59 |
+
</div>
|
| 60 |
+
|
| 61 |
+
</div>
|
| 62 |
+
</div>
|
admin/builder/templates/sections/select-source.php
ADDED
|
@@ -0,0 +1,11 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 1 |
+
<div class="ctf-fb-slctsrc-ctn ctf-fb-fs sb-box-shadow" v-if="viewsActive.selectedFeedSection == 'selectSource'">
|
| 2 |
+
<?php
|
| 3 |
+
include_once CTF_BUILDER_DIR . 'templates/sections/create-feed/multiple-sources-list.php';
|
| 4 |
+
?>
|
| 5 |
+
<div v-if="! maxTypesAdded()" class="ctf-addsource-type-btn ctf-fb-fs" @click.prevent.default="activateView('feedtypesPopup')">
|
| 6 |
+
<svg width="14" height="14" viewBox="0 0 10 10" fill="none" xmlns="http://www.w3.org/2000/svg">
|
| 7 |
+
<path d="M9.66634 5.66634H5.66634V9.66634H4.33301V5.66634H0.333008V4.33301H4.33301V0.333008H5.66634V4.33301H9.66634V5.66634Z"/>
|
| 8 |
+
</svg>
|
| 9 |
+
<span>{{genericText.addSourceType}}</span>
|
| 10 |
+
</div>
|
| 11 |
+
</div>
|
admin/builder/templates/sections/select-template.php
ADDED
|
@@ -0,0 +1,14 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 1 |
+
<div class="ctf-fb-types-ctn ctf-fb-templates-ctn ctf-fb-fs sb-box-shadow" v-if="viewsActive.selectedFeedSection == 'selectTemplate'">
|
| 2 |
+
<div class="ctf-fb-types ctf-fb-fs">
|
| 3 |
+
<h4>{{selectFeedTemplateScreen.feedTemplateHeading}}</h4>
|
| 4 |
+
<p class="sb-caption sb-lighter">{{selectFeedTemplateScreen.feedTemplateDescription}}</p>
|
| 5 |
+
<div class="ctf-fb-templates-list">
|
| 6 |
+
<div class="ctf-fb-type-el" v-for="(feedTemplateEl, feedTemplateIn) in feedTemplates" :data-active="selectedFeedTemplate === feedTemplateEl.type" @click.prevent.default="chooseFeedTemplate(feedTemplateEl)">
|
| 7 |
+
<div :class="['ctf-fb-type-el-img ctf-fb-fs', 'ctf-feedtemplate-' + feedTemplateEl.type]" v-html="svgIcons[feedTemplateEl.icon]"></div>
|
| 8 |
+
<div class="ctf-fb-type-el-info ctf-fb-fs">
|
| 9 |
+
<p class="sb-small-p sb-bold sb-dark-text" v-html="feedTemplateEl.title"></p>
|
| 10 |
+
</div>
|
| 11 |
+
</div>
|
| 12 |
+
</div>
|
| 13 |
+
</div>
|
| 14 |
+
</div>
|
admin/views/about/content.php
ADDED
|
@@ -0,0 +1,123 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 1 |
+
<div class="ctf-fb-full-wrapper ctf-fb-fs">
|
| 2 |
+
<?php
|
| 3 |
+
/**
|
| 4 |
+
* SBI Admin Notices
|
| 5 |
+
*
|
| 6 |
+
* @since 2.0
|
| 7 |
+
*/
|
| 8 |
+
do_action('ctf_admin_notices');
|
| 9 |
+
?>
|
| 10 |
+
<div class="ctf-sb-container">
|
| 11 |
+
<div class="ctf-section-header">
|
| 12 |
+
<h2>{{genericText.title}}</h2>
|
| 13 |
+
</div>
|
| 14 |
+
|
| 15 |
+
<div class="ctf-about-box">
|
| 16 |
+
<div class="sb-team-avatar">
|
| 17 |
+
<img :src="aboutBox.teamAvatar" :alt="aboutBox.teamImgAlt">
|
| 18 |
+
</div>
|
| 19 |
+
<div class="sb-team-info">
|
| 20 |
+
<div class="sb-team-left">
|
| 21 |
+
<h2>{{aboutBox.atSmashBalloon}}</h2>
|
| 22 |
+
</div>
|
| 23 |
+
<div class="sb-team-right">
|
| 24 |
+
<p>{{aboutBox.weAreOn}}</p>
|
| 25 |
+
<p>{{aboutBox.ourPlugins}}</p>
|
| 26 |
+
</div>
|
| 27 |
+
</div>
|
| 28 |
+
</div>
|
| 29 |
+
|
| 30 |
+
<div class="ctf-section-second-header">
|
| 31 |
+
<h3>{{genericText.title2}}</h3>
|
| 32 |
+
<p>{{genericText.description2}}</p>
|
| 33 |
+
</div>
|
| 34 |
+
|
| 35 |
+
<div class="ctf-plugins-boxes-container">
|
| 36 |
+
<div class="sb-plugins-box" v-for="(plugin, name, index) in plugins">
|
| 37 |
+
<div class="icon"><img :src="plugin.icon" :alt="plugin.title"></div>
|
| 38 |
+
<div class="plugin-box-content">
|
| 39 |
+
<h4 class="sb-box-title">{{plugin.title}}</h4>
|
| 40 |
+
<p class="sb-box-description">{{plugin.description}}</p>
|
| 41 |
+
<div class="sb-action-buttons">
|
| 42 |
+
<button class="ctf-btn sb-btn-add" v-if="!plugin.installed" @click="installPlugin(plugin.download_plugin, name, index, 'plugin')">
|
| 43 |
+
<span v-html="buttonIcon()" v-if="btnClicked == index + 1 && btnName == name"></span>
|
| 44 |
+
{{buttons.install}}
|
| 45 |
+
</button>
|
| 46 |
+
<button class="ctf-btn sb-btn-installed" v-if="plugin.installed">
|
| 47 |
+
<span v-html="icons.checkmarkSVG"></span>
|
| 48 |
+
{{buttons.installed}}
|
| 49 |
+
</button>
|
| 50 |
+
<button class="ctf-btn sb-btn-activate" v-if="plugin.installed && ! plugin.activated" @click="activatePlugin(plugin.plugin, name, index, 'plugin')" :class="btnStatus">
|
| 51 |
+
<span v-html="buttonIcon()" v-if="btnClicked == index + 1 && btnName == name"></span>
|
| 52 |
+
{{buttons.activate}}
|
| 53 |
+
</button>
|
| 54 |
+
<button class="ctf-btn sb-btn-deactivate" v-if="plugin.installed && plugin.activated && name != 'facebook'" @click="deactivatePlugin(plugin.plugin, name, index, 'plugin')" :class="btnStatus">
|
| 55 |
+
<span v-html="buttonIcon()" v-if="btnClicked == index + 1 && btnName == name"></span>
|
| 56 |
+
{{buttons.deactivate}}
|
| 57 |
+
</button>
|
| 58 |
+
</div>
|
| 59 |
+
</div>
|
| 60 |
+
</div>
|
| 61 |
+
|
| 62 |
+
<div class="sb-plugins-box ctf-social-wall-plugin-box">
|
| 63 |
+
<span class="sb-box-bg-image">
|
| 64 |
+
<img :src="social_wall.graphic">
|
| 65 |
+
</span>
|
| 66 |
+
<div class="plugin-box-content">
|
| 67 |
+
<h4 class="sb-box-title">{{social_wall.title}}</h4>
|
| 68 |
+
<p class="sb-box-description">{{social_wall.description}}</p>
|
| 69 |
+
<div class="sb-action-buttons">
|
| 70 |
+
<a class="ctf-btn sb-btn-add" v-if="!social_wall.installed" :href="social_wall.permalink" target="_blank">
|
| 71 |
+
{{buttons.viewDemo}}
|
| 72 |
+
|
