Social Media Share Buttons & Social Sharing Icons - Version 2.7.0

Version Description

  • New: Added Background color option for Flat icon style
  • New: Added a new tab "Get advice for more shares & traffic"
  • New: Added administrator only popup
  • Update: WordPress 5.8.3 compatibility
  • Update: Update Facebook API
  • Update: Footer banner
  • Fixed: Some minor fixes
Download this release

Release Info

Developer socialdude
Plugin Icon 128x128 Social Media Share Buttons & Social Sharing Icons
Version 2.7.0
Comparing to
See all releases

Code changes from version 2.6.9 to 2.7.0

Files changed (131) hide show
  1. banner/README.md +0 -6
  2. banner/assets/index.js +0 -202
  3. banner/assets/index.min.js +1 -1
  4. banner/assets/style.css +0 -1645
  5. banner/assets/style.min.css +5 -1
  6. banner/misc.php +469 -438
  7. banner/views/index.php +147 -132
  8. banner/views/projects/bmi/imgs/colored-logo.svg +4 -4
  9. banner/views/projects/bmi/imgs/white-logo.svg +4 -4
  10. banner/views/projects/bmi/install.php +32 -32
  11. banner/views/projects/bmi/installed.php +23 -23
  12. banner/views/projects/bmi/upgrade.php +48 -48
  13. banner/views/projects/cdp/imgs/colored-logo.svg +10 -10
  14. banner/views/projects/cdp/imgs/secondary-background-image.svg +3 -3
  15. banner/views/projects/cdp/imgs/white-logo.svg +11 -11
  16. banner/views/projects/cdp/install.php +32 -32
  17. banner/views/projects/cdp/installed.php +23 -23
  18. banner/views/projects/cdp/upgrade.php +37 -37
  19. banner/views/projects/fit/imgs/background-bottom-left.svg +3 -3
  20. banner/views/projects/fit/imgs/background-bottom-right.svg +3 -3
  21. banner/views/projects/fit/imgs/background-top-left.svg +3 -3
  22. banner/views/projects/fit/imgs/background-top-right.svg +3 -3
  23. banner/views/projects/fit/imgs/colored-logo.svg +3 -3
  24. banner/views/projects/fit/imgs/white-logo.svg +3 -3
  25. banner/views/projects/fit/install.php +37 -37
  26. banner/views/projects/mpu/imgs/colored-logo.svg +9 -9
  27. banner/views/projects/mpu/imgs/white-logo.svg +3 -3
  28. banner/views/projects/mpu/install.php +29 -29
  29. banner/views/projects/mpu/installed.php +23 -23
  30. banner/views/projects/red/imgs/background-top-left.svg +3 -0
  31. banner/views/projects/red/imgs/big-colored-logo-rr.png +0 -0
  32. banner/views/projects/red/imgs/colored-logo-rr.svg +17 -0
  33. banner/views/projects/red/imgs/main-background-image.png +0 -0
  34. banner/views/projects/red/imgs/not-colored-logo.svg +17 -0
  35. banner/views/projects/red/install.php +37 -0
  36. banner/views/projects/red/installed.php +32 -0
  37. banner/views/projects/twp/imgs/background-image-1.svg +3 -3
  38. banner/views/projects/twp/imgs/background-image-2.svg +3 -3
  39. banner/views/projects/twp/imgs/background-image-3.svg +3 -3
  40. banner/views/projects/twp/imgs/colored-logo.svg +19 -19
  41. banner/views/projects/twp/imgs/white-logo.svg +19 -19
  42. banner/views/projects/twp/install.php +27 -27
  43. banner/views/projects/usm/imgs/colored-logo.svg +10 -10
  44. banner/views/projects/usm/imgs/white-logo.svg +3 -3
  45. banner/views/projects/usm/install.php +29 -29
  46. banner/views/projects/usm/installed.php +28 -28
  47. banner/views/projects/usm/part-install.php +13 -13
  48. banner/views/projects/usm/part-upgrade.php +23 -23
  49. banner/views/projects/usm/upgrade.php +55 -55
  50. banner/views/static/imgs/already-installed.svg +3 -3
  51. banner/views/static/imgs/check-icon.svg +3 -3
  52. banner/views/static/imgs/clock-icon.svg +4 -4
  53. banner/views/static/imgs/rating.svg +7 -7
  54. banner/views/static/imgs/white-arrow-right.svg +3 -3
  55. banner/views/static/tabs.php +61 -54
  56. css/fonts/GothamBold.woff +0 -0
  57. css/fonts/GothamBold.woff2 +0 -0
  58. css/fonts/GothamBook.woff +0 -0
  59. css/fonts/GothamBook.woff2 +0 -0
  60. css/images/mian-bg-image.png +0 -0
  61. css/images/question-background.png +0 -0
  62. css/images/sprite_auto.svg +10 -0
  63. css/sfsi-admin-style.css +646 -104
  64. css/sfsi-forum-notification.css +284 -0
  65. css/sfsi-style.css +22 -0
  66. helpers/common_helper.php +177 -2
  67. images/banner/banner_tab9.png +0 -0
  68. images/footer_banner/banner-top-decor-desktop.png +0 -0
  69. images/footer_banner/banner-top-decor-m.png +0 -0
  70. images/footer_banner/banner-top-decor-mh.png +0 -0
  71. images/footer_banner/banner-top-decor-tablet.png +0 -0
  72. images/footer_banner/banner-top-decor@desktop.svg +11 -0
  73. images/footer_banner/banner-top-decor@mobile.svg +16 -0
  74. images/footer_banner/banner-top-decor@mobileH.svg +16 -0
  75. images/footer_banner/banner-top-decor@tablet.svg +16 -0
  76. images/footer_banner/better_icon_placement.png +0 -0
  77. images/footer_banner/better_icon_placement.svg +6 -0
  78. images/footer_banner/faster_loading.png +0 -0
  79. images/footer_banner/faster_loading.svg +7 -0
  80. images/footer_banner/friendly_support.png +0 -0
  81. images/footer_banner/friendly_support.svg +12 -0
  82. images/footer_banner/mobile_optimization.png +0 -0
  83. images/footer_banner/mobile_optimization.svg +11 -0
  84. images/footer_banner/more_icon_designs.png +0 -0
  85. images/footer_banner/more_icon_designs.svg +8 -0
  86. images/footer_banner/more_likes_shares.png +0 -0
  87. images/footer_banner/more_likes_shares.svg +13 -0
  88. images/footer_banner/more_platforms.png +0 -0
  89. images/footer_banner/more_platforms.svg +11 -0
  90. images/footer_banner/themed_icons.png +0 -0
  91. images/footer_banner/themed_icons.svg +11 -0
  92. images/icons_theme/flat/flat_email.png +0 -0
  93. images/icons_theme/flat/flat_facebook.png +0 -0
  94. images/icons_theme/flat/flat_fbmessenger.png +0 -0
  95. images/icons_theme/flat/flat_instagram.png +0 -0
  96. images/icons_theme/flat/flat_linkedin.png +0 -0
  97. images/icons_theme/flat/flat_ok.png +0 -0
  98. images/icons_theme/flat/flat_pinterest.png +0 -0
  99. images/icons_theme/flat/flat_reddit.png +0 -0
  100. images/icons_theme/flat/flat_rss.png +0 -0
  101. images/icons_theme/flat/flat_sf.png +0 -0
  102. images/icons_theme/flat/flat_snapchat.png +0 -0
  103. images/icons_theme/flat/flat_subscribe.png +0 -0
  104. images/icons_theme/flat/flat_telegram.png +0 -0
  105. images/icons_theme/flat/flat_tiktok.png +0 -0
  106. images/icons_theme/flat/flat_twitter.png +0 -0
  107. images/icons_theme/flat/flat_vk.png +0 -0
  108. images/icons_theme/flat/flat_wechat.png +0 -0
  109. images/icons_theme/flat/flat_weibo.png +0 -0
  110. images/icons_theme/flat/flat_whatsapp.png +0 -0
  111. images/icons_theme/flat/flat_youtube.png +0 -0
  112. js/custom-admin.js +142 -2
  113. js/custom.js +36 -3
  114. libs/controllers/sfsi_buttons_controller.php +65 -29
  115. libs/controllers/sfsi_forum_notification_popup.php +120 -0
  116. libs/controllers/sfsi_socialhelper.php +2 -2
  117. libs/controllers/sfsiocns_OnPosts.php +5 -3
  118. libs/sfsi_Init_JqueryCss.php +24 -16
  119. libs/sfsi_install_uninstall.php +1 -1
  120. libs/sfsi_widget.php +186 -4
  121. readme.txt +12 -3
  122. ultimate_social_media_icons.php +29 -42
  123. views/sfsi_chat_on_admin_pannel.php +3 -3
  124. views/sfsi_global_banners.php +1 -5
  125. views/sfsi_option_view3.php +294 -3
  126. views/sfsi_option_view6.php +0 -2
  127. views/sfsi_option_view9.php +57 -0
  128. views/sfsi_options_view.php +11 -5
  129. views/sfsi_plugin_lists.php +2 -0
  130. views/sfsi_section_for_premium.php +49 -43
  131. views/subviews/que4/animatethem.php +1 -1
banner/README.md DELETED
@@ -1,6 +0,0 @@
1
- # Carrousel_ad
2
-
3
- Installation:
4
- 1. Extract all files from this repository somewhere inside plugin
5
- 2. Include misc.php file somewhere in the plugin, e.g. root file of plugin. (include_once __DIR__ . '/banner/misc.php';)
6
- 3. Remove non-minified files from assets/folder
 
 
 
 
 
 
banner/assets/index.js DELETED
@@ -1,202 +0,0 @@
1
- // Always close the code, cause you can make conflicts (same for css use prefixes)
2
- (function () {
3
-
4
- let projects = []
5
- let active = {
6
- name: null,
7
- trigger: null,
8
- element: null
9
- }
10
- let activeState = null
11
- let projectChangeInterval = null
12
- let carouselElement = null
13
- let showNextProjectAfterMs = 10000
14
- let isInstalling = false
15
-
16
- // Front
17
- const initializeProjects = () => {
18
- const triggers = document.querySelectorAll('.ci-project-list-element')
19
- const elements = document.querySelectorAll('.ci-project')
20
- projects = Array.from(triggers).map((i, index) => ({
21
- trigger: i,
22
- element: elements[index],
23
- name: i.id.replace('-trigger', '')
24
- }))
25
- }
26
- const isInViewport = el => {
27
- const rect = el.getBoundingClientRect()
28
- return (
29
- rect.top >= 0 &&
30
- rect.left >= 0 &&
31
- rect.bottom <= (window.innerHeight || document.documentElement.clientHeight) &&
32
- rect.right <= (window.innerWidth || document.documentElement.clientWidth)
33
- )
34
- }
35
- const hoverOnProjectTrigger = i => {
36
- if (i.classList.contains('ci-selected-project')) {
37
- disableAutomaticProjectChange()
38
- } else {
39
- selectProject(i)
40
- }
41
- }
42
- const selectProject = i => {
43
- disableAutomaticProjectChange()
44
- showProject(i)
45
- automaticProjectChange()
46
- }
47
- const showProject = i => {
48
- if (active.name) {
49
- document.querySelector('.ci-project-content').classList.remove(`ci-${active.name}-visible`)
50
- }
51
- active.name = i.id.replace('-trigger', '')
52
- document.querySelector('.ci-project-content').classList.add(`ci-${active.name}-visible`)
53
- if (active.trigger) {
54
- active.trigger.classList.remove('ci-selected-project')
55
- }
56
- active.trigger = i
57
- active.trigger.classList.add('ci-selected-project')
58
- active.element = document.querySelector(`.ci-project-${active.name}`)
59
- }
60
- const automaticProjectChange = () => {
61
- if (!projectChangeInterval) {
62
- projectChangeInterval = setInterval(() => {
63
- const activeIndex = projects.findIndex(i => i.name === active.name)
64
- const nextIndex = activeIndex === projects.length - 1 ? 0 : activeIndex + 1
65
- showProject(projects[nextIndex].trigger)
66
- }, showNextProjectAfterMs)
67
- }
68
- }
69
- const disableAutomaticProjectChange = () => {
70
- clearInterval(projectChangeInterval)
71
- projectChangeInterval = null
72
- }
73
- const isCarouselVisible = () => {
74
- const inViewport = isInViewport(carouselElement)
75
- if (!projectChangeInterval && inViewport) {
76
- automaticProjectChange()
77
- } else if (projectChangeInterval && !inViewport) {
78
- disableAutomaticProjectChange()
79
- }
80
- }
81
-
82
- // Backend communication setup
83
- const handleInstallClick = (e) => {
84
- const el = e.target;
85
- const slug = el.dataset.slug;
86
- const prev = el.innerText;
87
-
88
- if (isInstalling === true) return;
89
- isInstalling = true;
90
-
91
- el.innerText = 'Installing, please wait...';
92
- el.classList.add('ci-inisev-prepare');
93
-
94
- clearInterval(projectChangeInterval);
95
- setTimeout(() => {
96
- el.classList.add('ci-inisev-install');
97
- let xhr = new XMLHttpRequest();
98
- xhr.open('POST', ajaxurl, true);
99
- xhr.setRequestHeader('Content-type', 'application/x-www-form-urlencoded');
100
- xhr.onload = () => {
101
- automaticProjectChange();
102
- if (xhr.status === 200 || xhr.status < 400) {
103
- try {
104
- let res = xhr.responseText;
105
- if (isJsonString(res)) res = jsonParse(res);
106
- if (typeof res.success != 'undefined' && res.success === true) {
107
- el.classList.remove('ci-inisev-install');
108
- el.innerText = 'Plugin installed successfully :)'
109
- setTimeout(() => { window.location.reload(); }, 1000);
110
- } else installationFailed(el, prev);
111
- } catch (e) { installationFailed(el, prev); }
112
- } else installationFailed(el, prev);
113
- }
114
- xhr.send('action=inisev_installation&slug=' + slug);
115
- }, 7000);
116
- }
117
- const installationFailed = (el, prev) => {
118
- el.innerText = 'Installation failed...';
119
- setTimeout(() => {
120
- el.classList.remove('ci-inisev-install');
121
- setTimeout(() => {
122
- el.classList.remove('ci-inisev-prepare');
123
- el.innerText = prev;
124
- isInstalling = false;
125
- });
126
- }, 2000);
127
- }
128
- const applyEventListenerForInstall = (btn) => {
129
- if (btn) btn.addEventListener('click', handleInstallClick);
130
- }
131
- const makeButtonsInteractive = () => {
132
- const btns = document.getElementsByClassName('ci-inisev-install-plugin');
133
- for (let i = 0; i < btns.length; ++i) {
134
- applyEventListenerForInstall(btns[i]);
135
- }
136
- }
137
- const isJsonString = (str) => {
138
- try { JSON.parse(str); }
139
- catch (e) {
140
- if (typeof str === 'string') {
141
- let reversed = reverseJsonString(str);
142
- let lastcorrect = reversed.indexOf('}');
143
- if (lastcorrect == 0) lastcorrect = str.length;
144
- else lastcorrect = -lastcorrect;
145
-
146
- str = str.slice(str.indexOf('{'), lastcorrect);
147
-
148
- try {
149
- JSON.parse(str);
150
- } catch (e) {
151
- return false;
152
- }
153
- return true;
154
- } else return false;
155
- }
156
- return true;
157
- }
158
- const reverseJsonString = (str) => {
159
- if (typeof str === 'string')
160
- return (str === '') ? '' : reverseJsonString(str.substr(1)) + str.charAt(0);
161
- else
162
- return str;
163
- }
164
- const jsonParse = (str) => {
165
- try { JSON.parse(str); }
166
- catch (e) {
167
- if (typeof str === 'string') {
168
- let reversed = reverseJsonString(str);
169
- let lastcorrect = reversed.indexOf('}');
170
- if (lastcorrect == 0) lastcorrect = str.length;
171
- else lastcorrect = -lastcorrect;
172
- str = str.slice(str.indexOf('{'), lastcorrect);
173
- try {
174
- JSON.parse(str);
175
- } catch (e) {
176
- return false;
177
- }
178
- return JSON.parse(str);
179
- } else return false;
180
- }
181
- return JSON.parse(str);
182
- }
183
-
184
- document.addEventListener("DOMContentLoaded", () => {
185
- initializeProjects();
186
- showProject(document.querySelector('#BackupMigration-trigger'));
187
- document.querySelectorAll('.ci-project-list-element').forEach(i => {
188
- i.addEventListener('mouseover', e => hoverOnProjectTrigger(i))
189
- i.addEventListener('mouseout', automaticProjectChange)
190
- });
191
- carouselElement = document.querySelector('.ci-carrinis .ci-carousel');
192
- document.addEventListener('scroll', isCarouselVisible);
193
- document.querySelectorAll('.ci-carrinis .ci-project').forEach(i => {
194
- i.addEventListener('mouseover', disableAutomaticProjectChange)
195
- i.addEventListener('mouseout', automaticProjectChange)
196
- });
197
-
198
- // Backend communication initialization
199
- makeButtonsInteractive();
200
- });
201
-
202
- })();
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
banner/assets/index.min.js CHANGED
@@ -1 +1 @@
1
- !function(){let e=[],t={name:null,trigger:null,element:null},n=null,r=null,i=!1;const s=e=>{o(),c(e),l()},c=e=>{t.name&&document.querySelector(".ci-project-content").classList.remove(`ci-${t.name}-visible`),t.name=e.id.replace("-trigger",""),document.querySelector(".ci-project-content").classList.add(`ci-${t.name}-visible`),t.trigger&&t.trigger.classList.remove("ci-selected-project"),t.trigger=e,t.trigger.classList.add("ci-selected-project"),t.element=document.querySelector(`.ci-project-${t.name}`)},l=()=>{n||(n=setInterval(()=>{const n=e.findIndex(e=>e.name===t.name),r=n===e.length-1?0:n+1;c(e[r].trigger)},1e4))},o=()=>{clearInterval(n),n=null},a=()=>{const e=(e=>{const t=e.getBoundingClientRect();return t.top>=0&&t.left>=0&&t.bottom<=(window.innerHeight||document.documentElement.clientHeight)&&t.right<=(window.innerWidth||document.documentElement.clientWidth)})(r);!n&&e?l():n&&!e&&o()},u=e=>{const t=e.target,r=t.dataset.slug,s=t.innerText;!0!==i&&(i=!0,t.innerText="Installing, please wait...",t.classList.add("ci-inisev-prepare"),setTimeout(()=>{clearInterval(n),t.classList.add("ci-inisev-install");let e=new XMLHttpRequest;e.open("POST",ajaxurl,!0),e.setRequestHeader("Content-type","application/x-www-form-urlencoded"),e.onload=(()=>{if(l(),200===e.status||e.status<400)try{let n=e.responseText;g(n)&&(n=v(n)),void 0!==n.success&&!0===n.success?(t.classList.remove("ci-inisev-install"),t.innerText="Plugin installed successfully :)",setTimeout(()=>{window.location.reload()},1e3)):d(t,s)}catch(e){d(t,s)}else d(t,s)}),e.send("action=inisev_installation&slug="+r)}))},d=(e,t)=>{e.innerText="Installation failed...",setTimeout(()=>{e.classList.remove("ci-inisev-install"),setTimeout(()=>{e.classList.remove("ci-inisev-prepare"),e.innerText=t,i=!1})},2e3)},m=e=>{e&&e.addEventListener("click",u)},g=e=>{try{JSON.parse(e)}catch(t){if("string"==typeof e){let t=p(e).indexOf("}");t=0==t?e.length:-t,e=e.slice(e.indexOf("{"),t);try{JSON.parse(e)}catch(e){return!1}return!0}return!1}return!0},p=e=>"string"==typeof e?""===e?"":p(e.substr(1))+e.charAt(0):e,v=e=>{try{JSON.parse(e)}catch(t){if("string"==typeof e){let t=p(e).indexOf("}");t=0==t?e.length:-t,e=e.slice(e.indexOf("{"),t);try{JSON.parse(e)}catch(e){return!1}return JSON.parse(e)}return!1}return JSON.parse(e)};document.addEventListener("DOMContentLoaded",()=>{(()=>{const t=document.querySelectorAll(".ci-project-list-element"),n=document.querySelectorAll(".ci-project");e=Array.from(t).map((e,t)=>({trigger:e,element:n[t],name:e.id.replace("-trigger","")}))})(),c(document.querySelector("#BackupMigration-trigger")),document.querySelectorAll(".ci-project-list-element").forEach(e=>{e.addEventListener("mouseover",t=>(e=>{e.classList.contains("ci-selected-project")?o():s(e)})(e)),e.addEventListener("mouseout",l)}),r=document.querySelector(".ci-carrinis .ci-carousel"),document.addEventListener("scroll",a),document.querySelectorAll(".ci-carrinis .ci-project").forEach(e=>{e.addEventListener("mouseover",o),e.addEventListener("mouseout",l)}),(()=>{const e=document.getElementsByClassName("ci-inisev-install-plugin");for(let t=0;t<e.length;++t)m(e[t])})()})}();
1
+ !function(){let e=[],t={name:null,trigger:null,element:null},n=null,r=null,i=!1;const s=e=>{o(),c(e),l()},c=e=>{t.name&&document.querySelector(".ci-project-content").classList.remove(`ci-${t.name}-visible`),t.name=e.id.replace("-trigger",""),document.querySelector(".ci-project-content").classList.add(`ci-${t.name}-visible`),t.trigger&&t.trigger.classList.remove("ci-selected-project"),t.trigger=e,t.trigger.classList.add("ci-selected-project"),t.element=document.querySelector(`.ci-project-${t.name}`)},l=()=>{n||(n=setInterval(()=>{const n=e.findIndex(e=>e.name===t.name),r=n===e.length-1?0:n+1;c(e[r].trigger)},1e4))},o=()=>{clearInterval(n),n=null},a=()=>{const e=(e=>{const t=e.getBoundingClientRect();return t.top>=0&&t.left>=0&&t.bottom<=(window.innerHeight||document.documentElement.clientHeight)&&t.right<=(window.innerWidth||document.documentElement.clientWidth)})(r);!n&&e?l():n&&!e&&o()},u=e=>{const t=e.target,r=t.dataset.slug,s=t.innerText;!0!==i&&(i=!0,t.innerText="Installing, please wait...",t.classList.add("ci-inisev-prepare"),clearInterval(n),setTimeout(()=>{t.classList.add("ci-inisev-install");let e=new XMLHttpRequest;e.open("POST",ajaxurl,!0),e.setRequestHeader("Content-type","application/x-www-form-urlencoded"),e.onload=(()=>{if(l(),200===e.status||e.status<400)try{let n=e.responseText;g(n)&&(n=v(n)),void 0!==n.success&&!0===n.success?(t.classList.remove("ci-inisev-install"),t.innerText="Plugin installed successfully :)",setTimeout(()=>{window.location.href=n.data.url},300)):d(t,s)}catch(e){d(t,s)}else d(t,s)}),e.send("action=inisev_installation&slug="+r)},7e3))},d=(e,t)=>{e.innerText="Installation failed...",setTimeout(()=>{e.classList.remove("ci-inisev-install"),setTimeout(()=>{e.classList.remove("ci-inisev-prepare"),e.innerText=t,i=!1})},2e3)},m=e=>{e&&e.addEventListener("click",u)},g=e=>{try{JSON.parse(e)}catch(t){if("string"==typeof e){let t=p(e).indexOf("}");t=0==t?e.length:-t,e=e.slice(e.indexOf("{"),t);try{JSON.parse(e)}catch(e){return!1}return!0}return!1}return!0},p=e=>"string"==typeof e?""===e?"":p(e.substr(1))+e.charAt(0):e,v=e=>{try{JSON.parse(e)}catch(t){if("string"==typeof e){let t=p(e).indexOf("}");t=0==t?e.length:-t,e=e.slice(e.indexOf("{"),t);try{JSON.parse(e)}catch(e){return!1}return JSON.parse(e)}return!1}return JSON.parse(e)};document.addEventListener("DOMContentLoaded",()=>{(()=>{const t=document.querySelectorAll(".ci-project-list-element"),n=document.querySelectorAll(".ci-project");e=Array.from(t).map((e,t)=>({trigger:e,element:n[t],name:e.id.replace("-trigger","")}))})(),c(document.querySelector("#BackupMigration-trigger")),document.querySelectorAll(".ci-project-list-element").forEach(e=>{e.addEventListener("mouseover",t=>(e=>{e.classList.contains("ci-selected-project")?o():s(e)})(e)),e.addEventListener("mouseout",l)}),r=document.querySelector(".ci-carrinis .ci-carousel"),document.addEventListener("scroll",a),document.querySelectorAll(".ci-carrinis .ci-project").forEach(e=>{e.addEventListener("mouseover",o),e.addEventListener("mouseout",l)}),(()=>{const e=document.getElementsByClassName("ci-inisev-install-plugin");for(let t=0;t<e.length;++t)m(e[t])})()})}();
banner/assets/style.css DELETED
@@ -1,1645 +0,0 @@
1
- /* @import url('https://fonts.googleapis.com/css2?family=Dancing+Script:wght@500&family=Montserrat:wght@300;400;500;600;700&family=MuseoModerno:wght@300;700&display=swap'); */
2
- @import url('https://fonts.googleapis.com/css2?family=Dancing+Script:wght@500&family=Montserrat:wght@300;400;500;600;700&display=swap');
3
-
4
- .ci-carrinis {
5
- margin-bottom: 200px;
6
- }
7
-
8
- .ci-carrinis-wrapper {
9
- display: -webkit-inline-flex;
10
- display: -ms-inline-flex;
11
- display: inline-flex;
12
- width: 100%;
13
- justify-content: center;
14
- }
15
-
16
- .ci-carrinis * {
17
- font-family: 'Montserrat';
18
- box-sizing: border-box;
19
- -moz-box-sizing: border-box;
20
- -webkit-box-sizing: border-box;
21
- }
22
-
23
- .ci-carrinis .ci-project-SocialShare a {
24
- color: #F9C100;
25
- }
26
-
27
- .ci-fancy-signature {
28
- z-index: 3;
29
- }
30
-
31
- .ci-fancy-signature, .ci-fancy-signature * {
32
- font-family: 'Dancing Script', cursive;
33
- font-size: 19.6659px;
34
- line-height: 40px;
35
- font-weight: 400;
36
- }
37
-
38
- .ci-green-text {
39
- color: #12A252 !important;
40
- }
41
-
42
- .ci-carrinis a {
43
- color: #6BB4A7;
44
- text-decoration: none;
45
- }
46
-
47
- .ci-carrinis ul {
48
- list-style: none;
49
- margin: 0;
50
- padding-left: 30px;
51
- }
52
-
53
- .ci-carrinis ul li {
54
- position: relative;
55
- }
56
-
57
- .ci-carrinis ul li:not(.ci-no-checkmark):before {
58
- content: "";
59
- display: block;
60
- position: absolute;
61
- }
62
-
63
- .ci-carrinis ul.ci-checkmark-list li:not(.ci-no-checkmark):before {
64
- width: 19px;
65
- height: 20px;
66
- background-image: url("../views/static/imgs/check-icon.svg");
67
- }
68
-
69
- .ci-carrinis ul.ci-checkmark-list-type-1 {
70
- color: #252529;
71
- font-weight: 500;
72
- font-size: 17.306px;
73
- line-height: 28px;
74
- }
75
-
76
- .ci-carrinis ul.ci-checkmark-list-type-1 li {
77
- margin-top: 5px;
78
- }
79
-
80
- .ci-carrinis ul.ci-checkmark-list-type-1 li b {
81
- font-weight: 800;
82
- }
83
-
84
- .ci-carrinis ul.ci-checkmark-list-type-1 li::before {
85
- left: -25px;
86
- top: 5px;
87
- }
88
-
89
- .ci-carrinis ul.ci-checkmark-list-type-2,
90
- .ci-carrinis ul.ci-timer-list {
91
- padding-left: 32.78px;
92
- }
93
-
94
- .ci-carrinis ul.ci-checkmark-list-type-2 li:not(.ci-fancy-signature),
95
- .ci-carrinis ul.ci-timer-list li:not(.ci-fancy-signature) {
96
- font-weight: 400;
97
- font-size: 13.3728px;
98
- line-height: 16px;
99
- }
100
-
101
- .ci-carrinis ul.ci-checkmark-list-type-2 li::before {
102
- left: -30px;
103
- top: -2px;
104
- }
105
-
106
- .ci-carrinis ul.ci-checkmark-list-type-2 li:not(:first-child),
107
- .ci-carrinis ul.ci-timer-list li:not(:first-child):not(.ci-fancy-signature) {
108
- margin-top: 18.5px;
109
- }
110
-
111
- .ci-carrinis ul.ci-timer-list li:not(.ci-no-clock):before {
112
- width: 18px;
113
- height: 18px;
114
- background-image: url("../views/static/imgs/clock-icon.svg");
115
- }
116
-
117
- .ci-carrinis ul.ci-timer-list li:not(.ci-no-clock):before {
118
- left: -30px;
119
- top: 0;
120
- }
121
-
122
- .ci-carrinis ul.ci-timer-list li.ci-fancy-signature {
123
- margin-top: 8px;
124
- }
125
-
126
- .ci-carrinis a:hover {
127
- text-decoration: underline;
128
- }
129
-
130
- .ci-carrinis {
131
- display: -ms-inline-flex;
132
- display: -webkit-inline-box;
133
- display: -ms-inline-flexbox;
134
- display: inline-flex;
135
- -ms-flex-direction: column;
136
- -webkit-box-orient: vertical;
137
- -webkit-box-direction: normal;
138
- flex-direction: column;
139
- -webkit-box-align: center;
140
- -ms-flex-align: center;
141
- align-items: center;
142
- width: 100%;
143
- }
144
-
145
- .ci-carrinis h1 {
146
- margin: 5px 0 0 0;
147
- font-size: 20px;
148
- line-height: 25px;
149
- font-weight: 700;
150
- text-align: center;
151
- }
152
-
153
- .ci-carrinis h1:nth-child(2) {
154
- font-weight: 300;
155
- }
156
-
157
- .ci-carrinis .ci-carousel {
158
- margin-top: 27px;
159
- display: -ms-inline-flex;
160
- display: -webkit-inline-box;
161
- display: -ms-inline-flexbox;
162
- display: inline-flex;
163
- -webkit-box-pack: justify;
164
- -ms-flex-pack: justify;
165
- justify-content: space-between;
166
- }
167
-
168
- .ci-carrinis .ci-project-list-element {
169
- width: 100%;
170
- height: 39px;
171
- display: -ms-inline-flex;
172
- display: -webkit-inline-box;
173
- display: -ms-inline-flexbox;
174
- display: inline-flex;
175
- -webkit-box-align: center;
176
- -ms-flex-align: center;
177
- align-items: center;
178
- padding: 6px 0 6px 12px;
179
- cursor: pointer;
180
- }
181
-
182
- .ci-carrinis .ci-project-content {
183
- background-color: #ffffff;
184
- }
185
-
186
- .ci-carrinis .ci-project-list-element-MyPopups:not(.ci-selected-project) {
187
- background: -o-linear-gradient(356.85deg, #00938D -1.99%, #35339F 136.64%);
188
- background: linear-gradient(93.15deg, #00938D -1.99%, #35339F 136.64%);
189
- }
190
-
191
- .ci-carrinis .ci-project-list-element-BackupMigration:not(.ci-selected-project) {
192
- background: -o-linear-gradient(355.44deg, #0F846F 3.73%, #6BB3A7 91.9%);
193
- background: linear-gradient(94.56deg, #0F846F 3.73%, #6BB3A7 91.9%);
194
- }
195
-
196
- .ci-carrinis .ci-project-list-element-CopyDeletePosts:not(.ci-selected-project) {
197
- background: -o-linear-gradient(355.82deg, #00B371 -4.87%, #23D1B7 55.14%, #00B371 93.61%);
198
- background: linear-gradient(94.18deg, #00B371 -4.87%, #23D1B7 55.14%, #00B371 93.61%);
199
- }
200
-
201
- .ci-carrinis .ci-project-list-element-SocialShare:not(.ci-selected-project) {
202
- background: -o-linear-gradient(353.82deg, #FFA100 4.58%, #FFC700 54.43%, #FFA100 104.29%);
203
- background: linear-gradient(96.18deg, #FFA100 4.58%, #FFC700 54.43%, #FFA100 104.29%);
204
- }
205
-
206
- .ci-carrinis .ci-project-list-element-followIt:not(.ci-selected-project) {
207
- background: -o-linear-gradient(353.79deg, #05AF4D -13.61%, #00FF6B 58.38%, #05AF4D 141.7%);
208
- background: linear-gradient(96.21deg, #05AF4D -13.61%, #00FF6B 58.38%, #05AF4D 141.7%);
209
- }
210
-
211
- .ci-carrinis .ci-project-list-element-TasteWP:not(.ci-selected-project) {
212
- background: -o-linear-gradient(351.58deg, #FD7169 14.65%, #F19791 55.17%, #FD7169 89.01%);
213
- background: linear-gradient(98.42deg, #FD7169 14.65%, #F19791 55.17%, #FD7169 89.01%);
214
- }
215
-
216
- .ci-carrinis .ci-project-list-element-logo {
217
- width: 27px;
218
- height: 27px;
219
- display: -ms-inline-flex;
220
- display: -webkit-inline-box;
221
- display: -ms-inline-flexbox;
222
- display: inline-flex;
223
- -webkit-box-pack: center;
224
- -ms-flex-pack: center;
225
- justify-content: center;
226
- }
227
-
228
- /* .ci-carrinis .ci-project-list-element-logo img {
229
- height: 100%;
230
- } */
231
-
232
- .ci-carrinis .ci-project-list-element:not(.ci-selected-project) .ci-colored-project-logo,
233
- .ci-carrinis .ci-project-list-element.ci-selected-project .ci-white-project-logo {
234
- display: none;
235
- }
236
-
237
- .ci-carrinis .ci-project-list-element span {
238
- margin-left: 18px;
239
- font-weight: 600;
240
- font-size: 15px;
241
- line-height: 18px;
242
- }
243
-
244
- .ci-carrinis .ci-project-list-element:not(.ci-selected-project) span {
245
- color: #FFFFFF;
246
- }
247
-
248
- .ci-carrinis .ci-project-list-element.ci-selected-project span {
249
- color: #424242;
250
- }
251
-
252
- .ci-carrinis .ci-project {
253
- display: -ms-inline-flex;
254
- display: -webkit-inline-box;
255
- display: -ms-inline-flexbox;
256
- display: inline-flex;
257
- -webkit-box-pack: justify;
258
- -ms-flex-pack: justify;
259
- justify-content: space-between;
260
- position: relative;
261
- width: 100%;
262
- overflow: hidden;
263
- z-index: 1;
264
- -webkit-backface-visibility: hidden;
265
- backface-visibility: hidden;
266
- -webkit-transform: translateZ(0);
267
- transform: translateZ(0);
268
- -webkit-font-smoothing: subpixel-antialiased;
269
- -webkit-animation: project-fade-in 1s;
270
- animation: project-fade-in 1s;
271
- }
272
-
273
- @-webkit-keyframes project-fade-in {
274
- from {opacity: 0; -webkit-transform: translateY(5px); transform: translateY(5px);}
275
- to {opacity: 1; -webkit-transform: translateY(0); transform: translateY(0);}
276
- }
277
-
278
- @keyframes project-fade-in {
279
- from {opacity: 0; -webkit-transform: translateY(5px); transform: translateY(5px);}
280
- to {opacity: 1; -webkit-transform: translateY(0); transform: translateY(0);}
281
- }
282
-
283
- .ci-carrinis .ci-project-MyPopups::before {
284
- content: "";
285
- display: block;
286
- background-image: url("../views/projects/mpu/imgs/background-texture-grey.png");
287
- width: 335px;
288
- height: 256px;
289
- position: absolute;
290
- left: 53.65px;
291
- bottom: 0;
292
- z-index: -1;
293
- }
294
-
295
- .ci-carrinis .ci-project-BackupMigration::before {
296
- content: "";
297
- display: block;
298
- background-image: url("../views/projects/bmi/imgs/background-texture-grey.png");
299
- width: 618px;
300
- height: 256px;
301
- position: absolute;
302
- left: 0px;
303
- bottom: 0;
304
- z-index: -1;
305
- }
306
-
307
- .ci-carrinis .ci-project-SocialShare {
308
- background-image: url("../views/projects/usm/imgs/background-image.png");
309
- background-repeat: no-repeat;
310
- }
311
-
312
- .ci-carrinis .ci-project h2 {
313
- margin: 0;
314
- font-weight: 300;
315
- font-size: 14.95px;
316
- line-height: 18px;
317
- }
318
-
319
- .ci-carrinis .ci-project h2 b {
320
- font-weight: 700;
321
- }
322
-
323
- .ci-carrinis .ci-project:not(.ci-project-SocialShare) h2:first-child {
324
- margin-top: 28px;
325
- }
326
-
327
- .ci-carrinis .ci-project-MyPopups h2,
328
- .ci-carrinis .ci-project-CopyDeletePosts h2,
329
- .ci-carrinis .ci-project-SocialShare h2 {
330
- text-align: center;
331
- }
332
-
333
- .ci-carrinis .ci-project-SocialShare h2 a {
334
- color: #12B256;
335
- font-weight: 700;
336
- }
337
-
338
- .ci-carrinis .ci-project-CopyDeletePosts .ci-upgrade-state {
339
- margin-left: 88px;
340
- width: 476px;
341
- }
342
-
343
- .ci-carrinis .ci-project-BackupMigration .ci-upgrade-state {
344
- margin-left: 72px;
345
- width: 531px;
346
- }
347
-
348
- .ci-carrinis .ci-project-SocialShare .ci-upgrade-state {
349
- margin-left: 72px;
350
- display: -ms-inline-flex;
351
- display: -webkit-inline-box;
352
- display: -ms-inline-flexbox;
353
- display: inline-flex;
354
- -ms-flex-direction: column;
355
- -webkit-box-orient: vertical;
356
- -webkit-box-direction: normal;
357
- flex-direction: column;
358
- -webkit-box-pack: center;
359
- -ms-flex-pack: center;
360
- justify-content: center;
361
- }
362
-
363
- .ci-carrinis .ci-project-BackupMigration h2:last-of-type {
364
- margin-top: 15px;
365
- }
366
-
367
- .ci-carrinis .ci-project .ci-pros-list {
368
- margin-top: 15px;
369
- display: -ms-inline-flex;
370
- display: -webkit-inline-box;
371
- display: -ms-inline-flexbox;
372
- display: inline-flex;
373
- }
374
-
375
- .ci-carrinis .ci-project:not(.ci-project-SocialShare) .ci-pros-list-column:not(:first-child) {
376
- margin-left: 75px;
377
- }
378
-
379
- .ci-carrinis .ci-project-SocialShare .ci-pros-list {
380
- width: 100%;
381
- -webkit-box-pack: justify;
382
- -ms-flex-pack: justify;
383
- justify-content: space-between;
384
- margin-top: 25px;
385
- }
386
-
387
- .ci-carrinis .ci-project .ci-submit-button-row {
388
- width: 100%;
389
- display: -ms-inline-flex;
390
- display: -webkit-inline-box;
391
- display: -ms-inline-flexbox;
392
- display: inline-flex;
393
- -webkit-box-pack: center;
394
- -ms-flex-pack: center;
395
- justify-content: center;
396
- margin-top: 7px;
397
- }
398
-
399
- .ci-carrinis .ci-project .ci-submit-button-wrapper {
400
- position: relative;
401
- display: -webkit-flex;
402
- display: -ms-flex;
403
- display: flex;
404
- }
405
-
406
- .ci-carrinis .ci-project .ci-submit-button-wrapper a.ci-button-link {
407
- padding: 8px 25px;
408
- font-weight: 700;
409
- font-size: 16.5193px;
410
- line-height: 20px;
411
- color: #ffffff;
412
- border: 0;
413
- outline: none;
414
- border-radius: 17px;
415
- -webkit-backface-visibility: hidden;
416
- backface-visibility: hidden;
417
- -webkit-transform: translateZ(0);
418
- transform: translateZ(0);
419
- -webkit-font-smoothing: subpixel-antialiased;
420
- -webkit-transition: all .3s;
421
- -o-transition: all .3s;
422
- transition: all .3s;
423
- cursor: pointer;
424
- }
425
-
426
- .ci-carrinis .ci-project-MyPopups .ci-submit-button-wrapper a.ci-button-link,
427
- .ci-carrinis .ci-project-CopyDeletePosts .ci-submit-button-wrapper a.ci-button-link {
428
- background-color: #6BB4A7;
429
- }
430
-
431
- .ci-carrinis .ci-project-BackupMigration .ci-submit-button-wrapper a.ci-button-link {
432
- background-color: #0F9990;
433
- }
434
-
435
- .ci-carrinis .ci-project .ci-learn-more-button {
436
- position: absolute;
437
- display: -ms-inline-flex;
438
- display: -webkit-inline-box;
439
- display: -ms-inline-flexbox;
440
- display: inline-flex;
441
- -webkit-box-align: center;
442
- -ms-flex-align: center;
443
- align-items: center;
444
- height: 100%;
445
- width: 100px;
446
- top: 0;
447
- left: calc(100% + 15px);
448
- z-index: 3;
449
- }
450
-
451
- .ci-carrinis .ci-project .ci-learn-more-button a {
452
- font-weight: 300;
453
- font-size: 16.5193px;
454
- line-height: 20px;
455
- color: #444;
456
- }
457
-
458
- .ci-carrinis .ci-project .ci-right-part {
459
- position: relative;
460
- height: 100%;
461
- }
462
-
463
- .ci-carrinis .ci-project .ci-right-part img {
464
- position: absolute;
465
- }
466
-
467
- .ci-carrinis .ci-project .ci-right-part .ci-main-image {
468
- right: 0;
469
- bottom: 0;
470
- }
471
-
472
- .ci-carrinis .ci-project-MyPopups .ci-right-part .ci-secondary-image {
473
- right: 350px;
474
- bottom: 0;
475
- }
476
-
477
- .ci-carrinis .ci-project-MyPopups .ci-install-state {
478
- width: 660px;
479
- }
480
-
481
- .ci-carrinis .ci-project-CopyDeletePosts .ci-right-part .ci-secondary-image {
482
- right: 0;
483
- bottom: 0;
484
- }
485
-
486
- .ci-carrinis .ci-project-CopyDeletePosts .ci-right-part .ci-main-image {
487
- right: 70px;
488
- bottom: 0;
489
- }
490
-
491
- .ci-carrinis .ci-project-CopyDeletePosts .ci-install-state {
492
- width: 556px;
493
- }
494
-
495
- .ci-carrinis .ci-project-followIt {
496
- position: relative;
497
- }
498
-
499
- .ci-carrinis .ci-project-followIt .ci-background-bottom-left,
500
- .ci-carrinis .ci-project-followIt .ci-background-top-left {
501
- position: absolute;
502
- left: 0;
503
- z-index: -1;
504
- }
505
-
506
- .ci-carrinis .ci-project-followIt .ci-background-bottom-left,
507
- .ci-carrinis .ci-project-followIt .ci-background-bottom-right {
508
- bottom: 0;
509
- }
510
-
511
- .ci-carrinis .ci-project-followIt .ci-background-top-left,
512
- .ci-carrinis .ci-project-followIt .ci-background-top-right {
513
- top: 0;
514
- }
515
-
516
- .ci-carrinis .ci-project-followIt .ci-background-top-right,
517
- .ci-carrinis .ci-project-followIt .ci-background-bottom-right {
518
- right: 0;
519
- }
520
-
521
- .ci-carrinis .ci-project-followIt .ci-face-image-1 {
522
- bottom: 54px;
523
- right: 227px;
524
- }
525
-
526
- .ci-carrinis .ci-project-followIt .ci-face-image-2 {
527
- top: 80px;
528
- right: 145px;
529
- }
530
-
531
- .ci-carrinis .ci-project-followIt .ci-face-image-3 {
532
- top: 27px;
533
- right: 41px;
534
- }
535
-
536
- .ci-carrinis .ci-project-followIt .ci-face-image-4 {
537
- bottom: 20px;
538
- right: 98px;
539
- }
540
-
541
- .ci-carrinis .ci-project-TasteWP .ci-right-part img {
542
- top: 0;
543
- right: 0;
544
- }
545
-
546
- .ci-carrinis .ci-project-SocialShare .ci-right-part .ci-background-icons {
547
- height: 100%;
548
- }
549
-
550
- .ci-carrinis .ci-project-SocialShare .ci-right-part .ci-video-link-wrapper {
551
- position: absolute;
552
- height: 100%;
553
- display: -ms-inline-flex;
554
- display: -webkit-inline-box;
555
- display: -ms-inline-flexbox;
556
- display: inline-flex;
557
- -webkit-box-align: center;
558
- -ms-flex-align: center;
559
- align-items: center;
560
- top: 0;
561
- right: 0;
562
- padding-right: 31px;
563
- }
564
-
565
- .ci-carrinis .ci-project-SocialShare .ci-right-part .ci-video-link {
566
- position: relative;
567
- }
568
-
569
- .ci-carrinis .ci-project-SocialShare .ci-right-part .ci-video-link .ci-video-background {
570
- position: static;
571
- }
572
-
573
- .ci-carrinis .ci-project-SocialShare .ci-right-part .ci-video-link .ci-play-icon-wrapper {
574
- position: absolute;
575
- top: 0;
576
- right: 0;
577
- width: 100%;
578
- height: 100%;
579
- display: -ms-inline-flex;
580
- display: -webkit-inline-box;
581
- display: -ms-inline-flexbox;
582
- display: inline-flex;
583
- -webkit-box-align: center;
584
- -ms-flex-align: center;
585
- align-items: center;
586
- -webkit-box-pack: center;
587
- -ms-flex-pack: center;
588
- justify-content: center;
589
- }
590
-
591
- .ci-carrinis .ci-project-SocialShare .ci-right-part .ci-ribbon-icon {
592
- bottom: 0;
593
- right: 0;
594
- }
595
-
596
- .ci-carrinis .ci-project-TasteWP .ci-install-state,
597
- .ci-carrinis .ci-project-followIt .ci-install-state {
598
- z-index: 2;
599
- }
600
-
601
- .ci-carrinis .ci-install-state {
602
- display: -ms-inline-flex;
603
- display: -webkit-inline-box;
604
- display: -ms-inline-flexbox;
605
- display: inline-flex;
606
- -webkit-box-align: center;
607
- -ms-flex-align: center;
608
- align-items: center;
609
- }
610
-
611
- .ci-carrinis .ci-project:not(.ci-project-followIt) .ci-install-state {
612
- margin-left: 42px;
613
- }
614
-
615
- .ci-carrinis .ci-project-followIt .ci-install-state {
616
- margin-left: 70px;
617
- }
618
-
619
- .ci-carrinis .ci-install-state .ci-project-logo {
620
- display: -ms-inline-flex;
621
- display: -webkit-inline-box;
622
- display: -ms-inline-flexbox;
623
- display: inline-flex;
624
- -ms-flex-direction: column;
625
- -webkit-box-orient: vertical;
626
- -webkit-box-direction: normal;
627
- flex-direction: column;
628
- -webkit-box-align: center;
629
- -ms-flex-align: center;
630
- align-items: center;
631
- }
632
-
633
- .ci-carrinis .ci-project-BackupMigration .ci-install-state .ci-project-logo .ci-rating,
634
- .ci-carrinis .ci-project-CopyDeletePosts .ci-install-state .ci-project-logo .ci-rating {
635
- margin-top: 10px;
636
- }
637
-
638
- .ci-carrinis .ci-install-state .ci-project-logo-element {
639
- display: -ms-inline-flex;
640
- display: -webkit-inline-box;
641
- display: -ms-inline-flexbox;
642
- display: inline-flex;
643
- -webkit-box-align: center;
644
- -ms-flex-align: center;
645
- align-items: center;
646
- }
647
-
648
- .ci-carrinis .ci-project-BackupMigration .ci-install-state .ci-project-logo-element span {
649
- font-family: 'Montserrat';
650
- font-weight: 300;
651
- }
652
-
653
- .ci-carrinis .ci-project-BackupMigration .ci-install-state .ci-project-logo-element span b {
654
- font-family: 'Montserrat';
655
- font-weight: 700;
656
- }
657
-
658
- .ci-carrinis .ci-project-CopyDeletePosts .ci-install-state .ci-project-logo-element span {
659
- text-align: center;
660
- }
661
-
662
- .ci-carrinis .ci-install-state .ci-project-logo-element span {
663
- font-weight: 400;
664
- font-size: 17.306px;
665
- line-height: 21px;
666
- margin-left: 11px;
667
- color: #000000;
668
- white-space: nowrap;
669
- }
670
-
671
- .ci-carrinis .ci-install-state .ci-project-logo-element span b {
672
- font-weight: 700;
673
- }
674
-
675
- .ci-carrinis .ci-install-state .ci-install-column {
676
- margin-left: 30px;
677
- }
678
-
679
- .ci-carrinis .ci-project-SocialShare .ci-install-state .ci-install-column {
680
- margin-left: 55px;
681
- }
682
-
683
- .ci-carrinis .ci-install-state .ci-install-column ul li .ci-light-font {
684
- font-weight: 300;
685
- font-size: 14.16px;
686
- line-height: 28.32px;
687
- }
688
-
689
- .ci-carrinis .ci-install-state .ci-install-button,
690
- .ci-carrinis .ci-already-installed-state .ci-check-it-out-button {
691
- display: -ms-inline-flex;
692
- display: -webkit-inline-box;
693
- display: -ms-inline-flexbox;
694
- display: inline-flex;
695
- -ms-flex-direction: column;
696
- -webkit-box-orient: vertical;
697
- -webkit-box-direction: normal;
698
- flex-direction: column;
699
- -webkit-box-align: center;
700
- -ms-flex-align: center;
701
- align-items: center;
702
- margin-top: 15px;
703
- position: relative;
704
- z-index: 3;
705
- }
706
-
707
- .ci-carrinis .ci-already-installed-state .ci-check-it-out-button {
708
- margin-top: 22px;
709
- }
710
-
711
- .ci-carrinis .ci-install-state .ci-install-button span,
712
- .ci-carrinis .ci-already-installed-state .ci-check-it-out-button span {
713
- z-index: 4;
714
- }
715
-
716
- .ci-carrinis .ci-install-state .ci-install-button button,
717
- .ci-carrinis a.ci-button-link,
718
- .ci-carrinis .ci-already-installed-state .ci-check-it-out-button button {
719
- border: 0;
720
- outline: none;
721
- font-size: 18.8793px;
722
- line-height: 23px;
723
- font-weight: 700;
724
- color: #FFFFFF;
725
- position: relative;
726
- -webkit-backface-visibility: hidden;
727
- backface-visibility: hidden;
728
- -webkit-transform: translateZ(0);
729
- transform: translateZ(0);
730
- -webkit-font-smoothing: subpixel-antialiased;
731
- -webkit-transition: all .3s;
732
- -o-transition: all .3s;
733
- transition: all .3s;
734
- cursor: pointer;
735
- }
736
-
737
- .ci-carrinis a.ci-button-link {
738
- text-decoration: none;
739
- }
740
-
741
- .ci-carrinis a.ci-button-link:hover {
742
- color: #ffffff;
743
- }
744
-
745
- .ci-carrinis .ci-install-state .ci-install-button button:hover,
746
- .ci-carrinis a.ci-button-link:hover,
747
- .ci-carrinis .ci-already-installed-state .ci-check-it-out-button button:hover,
748
- .ci-carrinis .ci-project .ci-submit-button-wrapper a.ci-button-link:hover {
749
- -webkit-animation: none;
750
- animation: none;
751
- -webkit-transform: translateZ(0) scale(1.05, 1.05);
752
- transform: translateZ(0) scale(1.05, 1.05);
753
- -webkit-filter: brightness(1.05);
754
- filter: brightness(1.05);
755
- }
756
-
757
- .ci-carrinis .ci-install-state .ci-install-button::before,
758
- .ci-carrinis .ci-already-installed-state .ci-check-it-out-button::before {
759
- content: "";
760
- display: block;
761
- width: calc(100% + 30px);
762
- height: calc(100% + 30px);
763
- position: absolute;
764
- top: -15px;
765
- left: -15px;
766
- opacity: 0;
767
- }
768
-
769
- .ci-carrinis .ci-install-state .ci-install-button:not(:hover) button,
770
- .ci-carrinis .ci-install-state .ci-install-button:not(:hover) a.ci-button-link,
771
- .ci-carrinis .ci-already-installed-state .ci-check-it-out-button:not(:hover) button,
772
- .ci-carrinis .ci-already-installed-state .ci-check-it-out-button:not(:hover) a.ci-button-link,
773
- .ci-carrinis .ci-project .ci-submit-button-wrapper a.ci-button-link {
774
- -webkit-animation: tada 8s;
775
- animation: tada 8s;
776
- -webkit-animation-delay: 3s;
777
- animation-delay: 3s;
778
- -webkit-animation-iteration-count: infinite;
779
- animation-iteration-count: infinite;
780
- }
781
-
782
- @-webkit-keyframes tada {
783
- 0% {
784
- -webkit-transform: scale3d(1, 1, 1);
785
- -ms-transform: scale3d(1, 1, 1);
786
- transform: scale3d(1, 1, 1);
787
- }
788
-
789
- 1.25%, 2.5% {
790
- -webkit-transform: scale3d(.95, .95, .95) rotate3d(0, 0, 1, -1.2deg);
791
- -ms-transform: scale3d(.95, .95, .95) rotate3d(0, 0, 1, -1.2deg);
792
- transform: scale3d(.95, .95, .95) rotate3d(0, 0, 1, -1.2deg);
793
- }
794
-
795
- 3.75%, 6.25%, 8.75%, 11.25% {
796
- -webkit-transform: scale3d(1.05, 1.05, 1.05) rotate3d(0, 0, 1, 1.2deg);
797
- -ms-transform: scale3d(1.05, 1.05, 1.05) rotate3d(0, 0, 1, 1.2deg);
798
- transform: scale3d(1.05, 1.05, 1.05) rotate3d(0, 0, 1, 1.2deg);
799
- }
800
-
801
- 5%, 7.5%, 10% {
802
- -webkit-transform: scale3d(1.05, 1.05, 1.05) rotate3d(0, 0, 1, -1.2deg);
803
- -ms-transform: scale3d(1.05, 1.05, 1.05) rotate3d(0, 0, 1, -1.2deg);
804
- transform: scale3d(1.05, 1.05, 1.05) rotate3d(0, 0, 1, -1.2deg);
805
- }
806
-
807
- 12.5% {
808
- -webkit-transform: scale3d(1, 1, 1);
809
- -ms-transform: scale3d(1, 1, 1);
810
- transform: scale3d(1, 1, 1);
811
- }
812
- }
813
-
814
- @keyframes tada {
815
- 0% {
816
- -webkit-transform: scale3d(1, 1, 1);
817
- -ms-transform: scale3d(1, 1, 1);
818
- transform: scale3d(1, 1, 1);
819
- }
820
-
821
- 1.25%, 2.5% {
822
- -webkit-transform: scale3d(.95, .95, .95) rotate3d(0, 0, 1, -1.2deg);
823
- -ms-transform: scale3d(.95, .95, .95) rotate3d(0, 0, 1, -1.2deg);
824
- transform: scale3d(.95, .95, .95) rotate3d(0, 0, 1, -1.2deg);
825
- }
826
-
827
- 3.75%, 6.25%, 8.75%, 11.25% {
828
- -webkit-transform: scale3d(1.05, 1.05, 1.05) rotate3d(0, 0, 1, 1.2deg);
829
- -ms-transform: scale3d(1.05, 1.05, 1.05) rotate3d(0, 0, 1, 1.2deg);
830
- transform: scale3d(1.05, 1.05, 1.05) rotate3d(0, 0, 1, 1.2deg);
831
- }
832
-
833
- 5%, 7.5%, 10% {
834
- -webkit-transform: scale3d(1.05, 1.05, 1.05) rotate3d(0, 0, 1, -1.2deg);
835
- -ms-transform: scale3d(1.05, 1.05, 1.05) rotate3d(0, 0, 1, -1.2deg);
836
- transform: scale3d(1.05, 1.05, 1.05) rotate3d(0, 0, 1, -1.2deg);
837
- }
838
-
839
- 12.5% {
840
- -webkit-transform: scale3d(1, 1, 1);
841
- -ms-transform: scale3d(1, 1, 1);
842
- transform: scale3d(1, 1, 1);
843
- }
844
- }
845
-
846
- .ci-carrinis .ci-install-state .ci-install-button button:not(.ci-round-button) {
847
- border-radius: 10px 80px 10px 10px;
848
- padding: 8.65px 66.87px 8.65px 25.17px;
849
- }
850
-
851
- .ci-carrinis .ci-install-state .ci-install-button .ci-round-button {
852
- border-radius: 37.7585px;
853
- padding: 7.87px 82.6px 7.87px 51.92px;
854
- }
855
-
856
- .ci-carrinis .ci-already-installed-state .ci-check-it-out-button .ci-round-button,
857
- .ci-carrinis .ci-project-followIt .ci-install-button .ci-button-link,
858
- .ci-carrinis .ci-project-TasteWP .ci-install-button .ci-button-link {
859
- border-radius: 38px;
860
- padding: 8px 57px 8px 37px;
861
- }
862
-
863
- .ci-carrinis .ci-project-MyPopups .ci-install-state .ci-install-button button,
864
- .ci-carrinis .ci-project-CopyDeletePosts .ci-install-state .ci-install-button button,
865
- .ci-carrinis .ci-project-CopyDeletePosts .ci-already-installed-state .ci-check-it-out-button a.ci-button-link {
866
- background-color: #6BB4A7;
867
- }
868
-
869
- .ci-carrinis .ci-project-BackupMigration .ci-install-state .ci-install-button button,
870
- .ci-carrinis .ci-project-BackupMigration .ci-already-installed-state .ci-check-it-out-button a.ci-button-link {
871
- background-color: #0F9990;
872
- }
873
-
874
- .ci-carrinis .ci-project-TasteWP .ci-install-state .ci-install-button a.ci-button-link {
875
- background-color: #FE7269;
876
- }
877
-
878
- .ci-carrinis .ci-project-SocialShare .ci-install-state .ci-install-button button,
879
- .ci-carrinis .ci-project-SocialShare .ci-already-installed-state .ci-check-it-out-button a.ci-button-link {
880
- background-color: #F9C100;
881
- }
882
-
883
- .ci-carrinis .ci-project-followIt .ci-install-state .ci-install-button a.ci-button-link {
884
- background-color: #06B04E;
885
- }
886
-
887
- .ci-carrinis .ci-project-MyPopups .ci-already-installed-state .ci-check-it-out-button a {
888
- background-color: #00B47C;
889
- }
890
-
891
- .ci-carrinis .ci-install-state .ci-install-button button:after,
892
- .ci-carrinis a.ci-button-link:not(.ci-no-arrow):after,
893
- .ci-carrinis .ci-already-installed-state .ci-check-it-out-button button:after {
894
- content: "";
895
- display: block;
896
- width: 12px;
897
- height: 19px;
898
- background-image: url("../views/static/imgs/white-arrow-right.svg");
899
- position: absolute;
900
- top: calc(50% - 9.5px);
901
- }
902
-
903
- .ci-carrinis .ci-install-state .ci-install-button button:after,
904
- .ci-carrinis .ci-install-state .ci-install-button a.ci-button-link:not(.ci-no-arrow):after {
905
- right: 35px;
906
- }
907
-
908
- .ci-carrinis .ci-already-installed-state .ci-check-it-out-button button:after,
909
- .ci-carrinis .ci-already-installed-state .ci-check-it-out-button a.ci-button-link:not(.ci-no-arrow):after,
910
- .ci-carrinis .ci-project-followIt .ci-install-state .ci-install-button .ci-button-link:not(.ci-no-arrow):after,
911
- .ci-carrinis .ci-project-TasteWP .ci-install-state .ci-install-button .ci-button-link:not(.ci-no-arrow):after {
912
- right: 25px;
913
- }
914
-
915
- .ci-carrinis .ci-install-state .ci-install-button span {
916
- font-weight: 300;
917
- font-size: 14.9461px;
918
- line-height: 18px;
919
- margin-top: 8.65px;
920
- }
921
-
922
- .ci-carrinis .ci-project .ci-already-installed-state {
923
- display: -ms-inline-flex;
924
- display: -webkit-inline-box;
925
- display: -ms-inline-flexbox;
926
- display: inline-flex;
927
- -webkit-box-align: center;
928
- -ms-flex-align: center;
929
- align-items: center;
930
- -webkit-box-pack: center;
931
- -ms-flex-pack: center;
932
- justify-content: center;
933
- }
934
-
935
- .ci-carrinis .ci-project:not(.ci-project-SocialShare) .ci-already-installed-state {
936
- -ms-flex-direction: column;
937
- -webkit-box-orient: vertical;
938
- -webkit-box-direction: normal;
939
- flex-direction: column;
940
- }
941
-
942
- .ci-carrinis .ci-project:not(.ci-project-BackupMigration):not(.ci-project-SocialShare):not(.ci-project-followIt) .ci-already-installed-state {
943
- width: 440px;
944
- }
945
-
946
- .ci-carrinis .ci-project-MyPopups .ci-already-installed-state {
947
- margin-left: 100px;
948
- }
949
-
950
- .ci-carrinis .ci-project-CopyDeletePosts .ci-already-installed-state {
951
- margin-left: 84px;
952
- }
953
-
954
- .ci-carrinis .ci-project.ci-project-followIt .ci-already-installed-state {
955
- width: 100%;
956
- margin-left: 0;
957
- margin-right: 130px;
958
- }
959
-
960
- .ci-carrinis .ci-already-installed-state .ci-already-installed-heading {
961
- display: -ms-inline-flex;
962
- display: -webkit-inline-box;
963
- display: -ms-inline-flexbox;
964
- display: inline-flex;
965
- -webkit-box-align: center;
966
- -ms-flex-align: center;
967
- align-items: center;
968
- }
969
-
970
- .ci-carrinis .ci-already-installed-state .ci-already-installed-heading p {
971
- width: 100%;
972
- }
973
-
974
- .ci-carrinis .ci-already-installed-state .ci-already-installed-heading svg {
975
- height: 32px;
976
- }
977
-
978
- #carrinis .ci-project .ci-already-installed-state p {
979
- font-weight: 300;
980
- font-size: 14.9461px;
981
- line-height: 18px;
982
- text-align: center;
983
- margin-bottom: 0;
984
- }
985
-
986
- .ci-carrinis .ci-project .ci-already-installed-state p b,
987
- .ci-carrinis .ci-project .ci-already-installed-state p a {
988
- font-weight: 800;
989
- }
990
-
991
- .ci-carrinis .ci-project-MyPopups .ci-already-installed-state p span,
992
- .ci-carrinis .ci-project .ci-already-installed-state p a {
993
- color: #00B47C;
994
- }
995
-
996
- .ci-carrinis .ci-project-BackupMigration .ci-already-installed-state p span {
997
- color: #6BB4A7;
998
- }
999
-
1000
- #carrinis .ci-project .ci-already-installed-state p:nth-of-type(1) {
1001
- margin-top: 14px;
1002
- }
1003
-
1004
- #carrinis .ci-project .ci-already-installed-state p:nth-of-type(2) {
1005
- margin-top: 18px;
1006
- }
1007
-
1008
- #carrinis .ci-project .ci-already-installed-state .ci-already-installed-heading p {
1009
- margin-left: 8px;
1010
- margin-top: 0;
1011
- font-weight: 500;
1012
- }
1013
-
1014
- .ci-carrinis .ci-project-SocialShare .ci-already-installed-state,
1015
- .ci-carrinis .ci-project-SocialShare .ci-already-installed-state .ci-already-installed-element {
1016
- display: -ms-inline-flex;
1017
- display: -webkit-inline-box;
1018
- display: -ms-inline-flexbox;
1019
- display: inline-flex;
1020
- -webkit-box-align: center;
1021
- -ms-flex-align: center;
1022
- align-items: center;
1023
- }
1024
-
1025
- .ci-carrinis .ci-project-SocialShare .ci-already-installed-state {
1026
- margin-left: 35px;
1027
- }
1028
-
1029
- .ci-carrinis .ci-project-SocialShare .ci-already-installed-state .ci-already-installed-element {
1030
- -ms-flex-direction: column;
1031
- -webkit-box-orient: vertical;
1032
- -webkit-box-direction: normal;
1033
- flex-direction: column;
1034
- -webkit-box-pack: center;
1035
- -ms-flex-pack: center;
1036
- justify-content: center;
1037
- }
1038
-
1039
- .ci-carrinis .ci-project-MyPopups .ci-already-installed-state span,
1040
- .ci-carrinis .ci-project-CopyDeletePosts .ci-already-installed-state span {
1041
- color: #69B0A3;
1042
- }
1043
-
1044
- .ci-carrinis .ci-project-BackupMigration .ci-already-installed-state span {
1045
- color: #0F9990;
1046
- }
1047
-
1048
- .ci-carrinis .ci-project-SocialShare .ci-already-installed-state span {
1049
- color: #06B04E;
1050
- }
1051
-
1052
- a.ci-see-all-projects {
1053
- color: #000000;
1054
- font-weight: 300;
1055
- font-size: 15.7327px;
1056
- line-height: 19px;
1057
- }
1058
-
1059
- .ci-hidden {
1060
- display: none;
1061
- }
1062
-
1063
- .ci-project-content.ci-SocialShare-visible .ci-project-SocialShare.ci-already-installed-state-visible {
1064
- -ms-flex-direction: row-reverse;
1065
- -webkit-box-orient: horizontal;
1066
- -webkit-box-direction: reverse;
1067
- flex-direction: row-reverse;
1068
- }
1069
-
1070
- .ci-project-content.ci-MyPopups-visible > div:not(.ci-project-MyPopups),
1071
- .ci-project-content.ci-BackupMigration-visible > div:not(.ci-project-BackupMigration),
1072
- .ci-project-content.ci-CopyDeletePosts-visible > div:not(.ci-project-CopyDeletePosts),
1073
- .ci-project-content.ci-TasteWP-visible > div:not(.ci-project-TasteWP),
1074
- .ci-project-content.ci-SocialShare-visible > div:not(.ci-project-SocialShare),
1075
- .ci-project-content.ci-followIt-visible > div:not(.ci-project-followIt) {
1076
- display: none !important;
1077
- }
1078
-
1079
- .ci-see-all-projects {
1080
- color: black !important;
1081
- }
1082
-
1083
- .ci-inisev-install-plugin.ci-inisev-prepare {
1084
- transition: .3s all !important;
1085
- filter: grayscale(0) !important;
1086
- }
1087
-
1088
- .ci-inisev-install-plugin.ci-inisev-install {
1089
- filter: grayscale(1) !important;
1090
- cursor: not-allowed !important;
1091
- }
1092
-
1093
- .ci-carrinis img {
1094
- pointer-events: none;
1095
- }
1096
-
1097
- #wpfooter {
1098
- position: relative !important;
1099
- }
1100
-
1101
- @media (min-width: 1530px) {
1102
- .ci-carrinis .ci-carousel,
1103
- .ci-carrinis .ci-all-projects {
1104
- width: 1315px;
1105
- }
1106
- }
1107
-
1108
- @media (max-width: 1529px) {
1109
- .ci-carrinis .ci-carousel,
1110
- .ci-carrinis .ci-all-projects {
1111
- width: 100%;
1112
- }
1113
-
1114
- .ci-MyPopups-visible .ci-project-MyPopups.ci-install-state-visible .ci-right-part {
1115
- position: absolute;
1116
- top: 0;
1117
- right: calc((375px - (100% - 692px)) * -1);
1118
- }
1119
-
1120
- .ci-MyPopups-visible .ci-project-MyPopups.ci-install-state-visible .ci-secondary-image {
1121
- bottom: -60px;
1122
- }
1123
-
1124
- .ci-BackupMigration-visible .ci-project-BackupMigration .ci-main-image {
1125
- z-index: -1;
1126
- opacity: .6;
1127
- }
1128
- }
1129
-
1130
- @media (max-width: 1500px) {
1131
- .ci-upgrade-state-visible .ci-upgrade-state,
1132
- .ci-already-installed-state-visible:not(.ci-project-BackupMigration) .ci-already-installed-state {
1133
- margin-left: 42px;
1134
- }
1135
-
1136
- .ci-CopyDeletePosts-visible .ci-project-CopyDeletePosts.ci-install-state-visible .ci-right-part {
1137
- position: absolute;
1138
- top: 0;
1139
- }
1140
- }
1141
-
1142
- @media (max-width: 1250px) {
1143
- .ci-CopyDeletePosts-visible .ci-project-CopyDeletePosts.ci-install-state-visible .ci-right-part {
1144
- right: calc((520px - (100% - 566px)) * -1);
1145
- }
1146
- }
1147
-
1148
- @media (min-width: 1501px) {
1149
- .ci-CopyDeletePosts-visible .ci-project-CopyDeletePosts.ci-install-state-visible .ci-right-part {
1150
- right: -15px;
1151
- }
1152
- }
1153
-
1154
- @media (max-width: 1150px), (min-width: 1251px) and (max-width: 1500px) {
1155
- .ci-CopyDeletePosts-visible .ci-project-CopyDeletePosts.ci-install-state-visible .ci-right-part {
1156
- right: calc((520px - (100% - 566px)) * -1);
1157
- }
1158
- }
1159
-
1160
- @media (max-width: 1450px) {
1161
- .ci-CopyDeletePosts-visible .ci-project-CopyDeletePosts.ci-upgrade-state-visible .ci-right-part {
1162
- position: absolute;
1163
- top: 0;
1164
- right: calc((520px - (100% - 530px)) * -1);
1165
- }
1166
- }
1167
-
1168
- @media (max-width: 1420px) {
1169
- .ci-MyPopups-visible .ci-project-MyPopups.ci-already-installed-state-visible .ci-secondary-image {
1170
- bottom: -60px;
1171
- }
1172
- }
1173
-
1174
- @media (max-width: 1175px), (min-width: 1251px) and (max-width: 1420px) {
1175
- .ci-CopyDeletePosts-visible .ci-project-CopyDeletePosts.ci-already-installed-state-visible .ci-right-part {
1176
- position: absolute;
1177
- top: 0;
1178
- right: calc((450px - (100% - 530px)) * -1);
1179
- }
1180
- }
1181
-
1182
- @media (min-width: 1400px) {
1183
- .ci-carrinis .ci-project-TasteWP .ci-additional-text-break {
1184
- display: none;
1185
- }
1186
- }
1187
-
1188
- @media (max-width: 1100px), (min-width: 1251px) and (max-width: 1340px) {
1189
- .ci-MyPopups-visible .ci-project-MyPopups.ci-already-installed-state-visible .ci-right-part {
1190
- position: absolute;
1191
- top: 0;
1192
- right: calc((200px - (100% - 692px)) * -1);
1193
- }
1194
- }
1195
-
1196
- @media (max-width: 1279px) {
1197
- .ci-BackupMigration-visible .ci-project-BackupMigration.ci-install-state-visible .ci-install-column {
1198
- width: 500px;
1199
- }
1200
- }
1201
-
1202
- @media (max-width: 1140px), (min-width: 1251px) and (max-width: 1399px) {
1203
- .ci-SocialShare-visible .ci-project-SocialShare.ci-install-state-visible .ci-hidden-for-upgrade {
1204
- position: absolute;
1205
- top: 0;
1206
- right: calc((305px - (100% - 638px)) * -1);
1207
- }
1208
-
1209
- .ci-SocialShare-visible .ci-project-SocialShare.ci-already-installed-state-visible .ci-hidden-for-upgrade img {
1210
- display: none;
1211
- }
1212
- }
1213
-
1214
- @media (max-width: 1225px) {
1215
- .ci-SocialShare-visible .ci-project-SocialShare.ci-already-installed-state-visible .ci-hidden-for-upgrade img {
1216
- display: none;
1217
- }
1218
- }
1219
-
1220
- @media (min-width: 1399px) and (max-width: 1480px) {
1221
- .ci-SocialShare-visible .ci-project-SocialShare.ci-already-installed-state-visible .ci-hidden-for-upgrade img {
1222
- right: -70px;
1223
- }
1224
- }
1225
-
1226
- @media (max-width: 1470px) {
1227
- .ci-SocialShare-visible .ci-project-SocialShare.ci-upgrade-state-visible .ci-three-columns-pros-list {
1228
- display: none;
1229
- }
1230
-
1231
- .ci-SocialShare-visible .ci-project-SocialShare.ci-upgrade-state-visible .ci-two-columns-pros-list {
1232
- width: 390px;
1233
- }
1234
-
1235
- .ci-SocialShare-visible .ci-project-SocialShare.ci-upgrade-state-visible h2 {
1236
- text-align: left;
1237
- }
1238
- }
1239
-
1240
- @media (min-width: 1471px) {
1241
- .ci-SocialShare-visible .ci-project-SocialShare.ci-upgrade-state-visible .ci-two-columns-pros-list {
1242
- display: none;
1243
- }
1244
- }
1245
-
1246
- @media (max-width: 1135px), (min-width: 1251px) and (max-width: 1400px) {
1247
- .ci-SocialShare-visible .ci-project-SocialShare.ci-upgrade-state-visible .ci-video-link {
1248
- margin-top: 38px;
1249
- }
1250
-
1251
- .ci-SocialShare-visible .ci-project-SocialShare.ci-upgrade-state-visible .ci-video-link .ci-video-background{
1252
- height: 175px;
1253
- }
1254
- }
1255
-
1256
- @media (max-width: 960px) {
1257
- .ci-carrinis .ci-install-state .ci-install-column {
1258
- padding-right: 20px;
1259
- }
1260
- }
1261
-
1262
- @media (min-width: 961px) and (max-width: 1010px) {
1263
- .ci-SocialShare-visible .ci-project-SocialShare.ci-upgrade-state-visible .ci-video-link .ci-video-background{
1264
- height: 150px;
1265
- }
1266
- }
1267
-
1268
- @media (max-width: 1400px) {
1269
- .ci-followIt-visible .ci-project-followIt.ci-install-state-visible .ci-face-image-2 {
1270
- display: none;
1271
- }
1272
- }
1273
-
1274
- @media (max-width: 1340px) {
1275
- .ci-followIt-visible .ci-project-followIt.ci-install-state-visible .ci-face-image-3 {
1276
- top: 15px;
1277
- right: 25px;
1278
- }
1279
-
1280
- .ci-followIt-visible .ci-project-followIt.ci-install-state-visible .ci-face-image-4 {
1281
- right: 140px;
1282
- }
1283
-
1284
- .ci-followIt-visible .ci-project-followIt.ci-install-state-visible .ci-face-image-1 {
1285
- right: 40px;
1286
- bottom: 83px;
1287
- }
1288
- }
1289
-
1290
- @media (max-width: 1065px) {
1291
- .ci-followIt-visible .ci-project-followIt.ci-install-state-visible .ci-face-image-1,
1292
- .ci-followIt-visible .ci-project-followIt.ci-install-state-visible .ci-face-image-2,
1293
- .ci-followIt-visible .ci-project-followIt.ci-install-state-visible .ci-face-image-3,
1294
- .ci-followIt-visible .ci-project-followIt.ci-install-state-visible .ci-face-image-4 {
1295
- display: none;
1296
- }
1297
- }
1298
-
1299
- @media (min-width: 1251px) {
1300
- .ci-carrinis .ci-projects-list {
1301
- width: 234px;
1302
- }
1303
-
1304
- .ci-carrinis .ci-project-content {
1305
- width: calc(100% - 234px - 3.93px);
1306
- height: 100%;
1307
- }
1308
-
1309
- .ci-carrinis .ci-project-list-element:first-child {
1310
- border-top-left-radius: 7px;
1311
- }
1312
-
1313
- .ci-carrinis .ci-project-list-element:last-child {
1314
- border-bottom-left-radius: 7px;
1315
- }
1316
-
1317
- .ci-carrinis .ci-selected-project {
1318
- position: relative;
1319
- }
1320
-
1321
- .ci-carrinis .ci-project-list-element:not(:first-child) {
1322
- margin-top: 4.3px;
1323
- }
1324
-
1325
- .ci-carrinis .ci-selected-project:not(.ci-project-list-element-followIt) {
1326
- background-color: #ffffff;
1327
- }
1328
-
1329
- .ci-carrinis .ci-project-list-element-followIt {
1330
- background-color: #F5F9FC;
1331
- }
1332
-
1333
- .ci-carrinis .ci-selected-project::after {
1334
- content: "";
1335
- display: block;
1336
- width: 4px;
1337
- height: 100%;
1338
- position: absolute;
1339
- top: 0;
1340
- right: -4px;
1341
- }
1342
-
1343
- .ci-carrinis .ci-selected-project:not(.ci-project-list-element-followIt)::after {
1344
- background-color: #ffffff;
1345
- }
1346
-
1347
- .ci-carrinis .ci-selected-project.ci-project-list-element-followIt::after {
1348
- background-color: #F5F9FC;
1349
- }
1350
-
1351
- .ci-carrinis .ci-project {
1352
- border-top-right-radius: 7px;
1353
- border-bottom-right-radius: 7px;
1354
- }
1355
-
1356
- .ci-carrinis .ci-project-content {
1357
- border-top-right-radius: 7px;
1358
- border-bottom-right-radius: 7px;
1359
- }
1360
-
1361
- .ci-carrinis .ci-all-projects {
1362
- padding-left: 58px;
1363
- margin-top: 20px;
1364
- }
1365
- }
1366
-
1367
- @media (max-width: 1250px) {
1368
- .ci-carrinis .ci-carousel {
1369
- -ms-flex-direction: column;
1370
- -webkit-box-orient: vertical;
1371
- -webkit-box-direction: normal;
1372
- flex-direction: column;
1373
- }
1374
-
1375
- .ci-carrinis .ci-selected-project {
1376
- background-color: #ffffff;
1377
- }
1378
-
1379
- .ci-carrinis .ci-project {
1380
- border-radius: 10px;
1381
- }
1382
-
1383
- .ci-carrinis .ci-project-content {
1384
- margin-top: 10px;
1385
- border-radius: 10px;
1386
- }
1387
-
1388
- .ci-carrinis .ci-projects-list {
1389
- display: -ms-flex;
1390
- display: -webkit-box;
1391
- display: -ms-flexbox;
1392
- display: flex;
1393
- -ms-flex-wrap: wrap;
1394
- flex-wrap: wrap;
1395
- -webkit-box-pack: justify;
1396
- -ms-flex-pack: justify;
1397
- justify-content: space-between;
1398
- }
1399
-
1400
- .ci-carrinis .ci-all-projects {
1401
- text-align: center;
1402
- margin-top: 30px;
1403
- }
1404
- }
1405
-
1406
- @media (min-width: 1000px) {
1407
- #carrinis .ci-project.ci-project-BackupMigration .ci-already-installed-state p {
1408
- font-size: 17.306px;
1409
- line-height: 28px;
1410
- }
1411
- }
1412
-
1413
- @media (min-width: 701px) and (max-width: 1250px) {
1414
- .ci-carrinis .ci-project-list-element {
1415
- border-radius: 7px;
1416
- width: calc(33.333% - 5px);
1417
- }
1418
-
1419
- .ci-carrinis .ci-project-list-element:nth-child(n + 4) {
1420
- margin-top: 7px;
1421
- }
1422
- }
1423
-
1424
- @media (max-width: 760px) {
1425
- .ci-carrinis .ci-project:not(.ci-project-SocialShare) .ci-left-part .ci-project-logo a img {
1426
- max-height: 45px;
1427
- }
1428
-
1429
- .ci-carrinis .ci-project-SocialShare .ci-already-installed-state .ci-big-colored-logo {
1430
- display: none;
1431
- }
1432
- }
1433
-
1434
- @media (max-width: 870px) {
1435
- .ci-carrinis .ci-project-BackupMigration .ci-install-state .ci-install-column {
1436
- width: auto;
1437
- }
1438
-
1439
- .ci-carrinis .ci-project-SocialShare .ci-hidden-for-upgrade img {
1440
- display: none;
1441
- }
1442
- }
1443
-
1444
- @media (min-width: 701px) and (max-width: 870px) {
1445
- .ci-carrinis .ci-project-SocialShare .ci-video-link img {
1446
- display: none;
1447
- }
1448
- }
1449
-
1450
- @media (max-width: 750px) {
1451
- .ci-carrinis .ci-project-followIt .ci-right-part .ci-background-bottom-right{
1452
- right: -40px;
1453
- }
1454
- }
1455
-
1456
- @media (min-width: 701px) {
1457
- .ci-carrinis .ci-project {
1458
- height: 256px;
1459
- }
1460
-
1461
- .ci-carrinis .ci-project-SocialShare .ci-upgrade-state {
1462
- width: 574px;
1463
- }
1464
-
1465
- .ci-carrinis .ci-project-SocialShare .ci-already-installed-state .ci-already-installed-element {
1466
- margin-left: 21px;
1467
- width: 440px;
1468
- }
1469
-
1470
- .ci-carrinis .ci-project-BackupMigration .ci-already-installed-state {
1471
- width: 100%;
1472
- padding: 0 30px;
1473
- margin-right: auto;
1474
- margin-left: auto;
1475
- }
1476
- }
1477
-
1478
- @media (max-width: 700px) {
1479
- .ci-carrinis .ci-project-list-element {
1480
- border-radius: 7px;
1481
- width: calc(50% - 5px);
1482
- }
1483
-
1484
- .ci-carrinis .ci-project {
1485
- -webkit-box-pack: center;
1486
- -ms-flex-pack: center;
1487
- justify-content: center;
1488
- }
1489
-
1490
- .ci-carrinis .ci-project-list-element:nth-child(n + 3) {
1491
- margin-top: 7px;
1492
- }
1493
-
1494
- .ci-carrinis .ci-project .ci-left-part {
1495
- margin-top: 30px;
1496
- margin-bottom: 30px;
1497
- }
1498
-
1499
- .ci-carrinis .ci-project .ci-right-part .ci-main-image {
1500
- display: none;
1501
- }
1502
-
1503
- .ci-carrinis .ci-project-content .ci-project .ci-install-state {
1504
- -ms-flex-direction: column;
1505
- -webkit-box-orient: vertical;
1506
- -webkit-box-direction: normal;
1507
- flex-direction: column;
1508
- -webkit-box-align: center;
1509
- -ms-flex-align: center;
1510
- align-items: center;
1511
- margin-left: 0;
1512
- width: 100%;
1513
- }
1514
-
1515
- .ci-carrinis .ci-project .ci-install-state .ci-project-logo {
1516
- margin-bottom: 15px;
1517
- }
1518
-
1519
- .ci-carrinis .ci-project .ci-install-state .ci-install-column {
1520
- margin-left: 30px;
1521
- margin-right: 30px;
1522
- padding-right: 0;
1523
- }
1524
-
1525
- .ci-carrinis .ci-project .ci-install-state .ci-install-button {
1526
- width: 100%;
1527
- }
1528
-
1529
- .ci-carrinis .ci-project-CopyDeletePosts .ci-right-part {
1530
- display: none;
1531
- }
1532
-
1533
- .ci-carrinis .ci-project-SocialShare .ci-install-state .ci-project-logo a img {
1534
- height: 125px;
1535
- }
1536
-
1537
- .ci-carrinis .ci-project-followIt .ci-background-bottom-left,
1538
- .ci-carrinis .ci-project-followIt .ci-background-bottom-right,
1539
- .ci-carrinis .ci-project-followIt .ci-background-top-right,
1540
- .ci-carrinis .ci-project-followIt .ci-background-top-left {
1541
- display: none;
1542
- }
1543
-
1544
- .ci-carrinis .ci-project-followIt .ci-right-part {
1545
- position: absolute;
1546
- right: 0;
1547
- top: 0;
1548
- }
1549
-
1550
- .ci-carrinis .ci-project .ci-upgrade-state,
1551
- .ci-carrinis .ci-project .ci-already-installed-state {
1552
- margin: 30px;
1553
- }
1554
-
1555
- .ci-carrinis .ci-project-SocialShare .ci-upgrade-state {
1556
- -webkit-box-align: center;
1557
- -ms-flex-align: center;
1558
- align-items: center;
1559
- }
1560
-
1561
- .ci-carrinis .ci-project .ci-upgrade-state .ci-submit-button-wrapper {
1562
- display: -ms-flex;
1563
- display: -webkit-box;
1564
- display: -ms-flexbox;
1565
- display: flex;
1566
- -webkit-box-orient: vertical;
1567
- -webkit-box-direction: normal;
1568
- -ms-flex-direction: column;
1569
- flex-direction: column;
1570
- -webkit-box-align: center;
1571
- -ms-flex-align: center;
1572
- align-items: center;
1573
- }
1574
-
1575
- .ci-carrinis .ci-project .ci-upgrade-state .ci-submit-button-row .ci-learn-more-button {
1576
- position: static;
1577
- margin-top: 10px;
1578
- }
1579
-
1580
- .ci-carrinis .ci-project-BackupMigration .ci-upgrade-state h2 {
1581
- text-align: center;
1582
- }
1583
-
1584
- .ci-carrinis .ci-project-BackupMigration .ci-upgrade-state .ci-pros-list {
1585
- width: 100%;
1586
- -webkit-box-pack: center;
1587
- -ms-flex-pack: center;
1588
- justify-content: center;
1589
- }
1590
-
1591
- .ci-carrinis .ci-project-SocialShare {
1592
- -ms-flex-direction: column;
1593
- -webkit-box-orient: vertical;
1594
- -webkit-box-direction: normal;
1595
- flex-direction: column;
1596
- }
1597
-
1598
- .ci-carrinis .ci-project-SocialShare .ci-visible-for-upgrade {
1599
- height: auto;
1600
- width: 100%;
1601
- display: -ms-flex;
1602
- display: -webkit-box;
1603
- display: -ms-flexbox;
1604
- display: flex;
1605
- -webkit-box-pack: center;
1606
- -ms-flex-pack: center;
1607
- justify-content: center;
1608
- }
1609
-
1610
- .ci-carrinis .ci-project-SocialShare .ci-upgrade-state {
1611
- margin-bottom: 0;
1612
- }
1613
-
1614
- .ci-carrinis .ci-project-SocialShare .ci-visible-for-upgrade .ci-video-link-wrapper {
1615
- position: relative;
1616
- padding-right: 0;
1617
- }
1618
-
1619
- .ci-carrinis .ci-project-SocialShare h2 {
1620
- text-align: center;
1621
- }
1622
-
1623
- .ci-carrinis .ci-project-SocialShare .ci-visible-for-upgrade {
1624
- margin-bottom: 30px;
1625
- }
1626
-
1627
- .ci-carrinis .ci-project-SocialShare .ci-visible-for-upgrade .ci-video-link {
1628
- margin-top: 0;
1629
- }
1630
-
1631
- .ci-carrinis .ci-project-SocialShare .ci-visible-for-upgrade .ci-video-link-wrapper .ci-ribbon-icon {
1632
- width: 175px;
1633
- bottom: 4px;
1634
- }
1635
-
1636
- .ci-carrinis .ci-project .ci-already-installed-state {
1637
- padding-right: 0;
1638
- }
1639
- }
1640
-
1641
- @media screen and (min-width: 470px) and (max-width: 782px) {
1642
- #wpfooter {
1643
- display: block !important;
1644
- }
1645
- }