PluginProbe
WPBot – AI ChatBot for Live Support, Lead Generation, WordPress Automation, AI Services / 8.8.3
WPBot – AI ChatBot for Live Support, Lead Generation, WordPress Automation, AI Services v8.8.3
8.8.3 8.8.2 8.8.1 8.8.0 8.7.9 8.7.8 8.7.7 8.7.6 8.7.5 8.7.4 8.7.3 8.7.2 8.7.1 8.7.0 8.6.9 8.6.8 8.6.7 8.6.6 8.6.5 8.6.4 8.6.2 8.6.1 8.6.0 8.5.9 8.5.8 All 539 releases
← All changes | qc-support-promo-page/css/support-page.css +268 -268 8.7.9 → 8.8.3 View file →
@@ -1,268 +1,268 @@
1 -@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap');
2 -
3 -:root {
4 - --woobot-primary: #5B4E96;
5 - --woobot-primary-color: #5B4E96;
6 - --woobot-primary-dark: #463a7a;
7 - --woobot-primary-soft: #f3f1fa;
8 - --woobot-primary-border: #e4e0f2;
9 - --woobot-surface: #ffffff;
10 - --woobot-page-bg: #F5F7FD;
11 - --woobot-text: #2d2a3a;
12 - --woobot-muted: #6b6680;
13 - --woobot-danger: #e25563;
14 - --woobot-nav-muted: #988FBD;
15 - --woobot-primary-rgb: 91, 78, 150;
16 -}
17 -
18 -body[class*="wpbot_support_page"],
19 -body[class*="wpbot_support_page"] #wpcontent,
20 -body[class*="wpbot_support_page"] #wpbody-content {
21 - background: var(--woobot-page-bg);
22 -}
23 -
24 -.wrap.qcld-main-wrapper.wpbot-support-page {
25 - --woobot-primary: #5B4E96;
26 - --woobot-primary-dark: #463a7a;
27 - --woobot-primary-soft: #f3f1fa;
28 - --woobot-primary-border: #e4e0f2;
29 - --woobot-text: #2d2a3a;
30 - --woobot-muted: #6b6680;
31 - --woobot-primary-rgb: 91, 78, 150;
32 - max-width: 1280px;
33 - width: 100%;
34 - margin: 20px auto 40px !important;
35 - float: none;
36 - box-sizing: border-box;
37 - padding-left: 20px;
38 - padding-right: 20px;
39 - font-family: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
40 - color: var(--woobot-text);
41 -}
42 -
43 -.wpbot-support-page .wpbot-support-inner {
44 - max-width: 100%;
45 - width: 100%;
46 - margin: 0;
47 -}
48 -
49 -.wpbot-support-page .qcld-wp-chatbot-wrap-header {
50 - display: flex;
51 - align-items: center;
52 - justify-content: space-between;
53 - gap: 16px;
54 - flex-wrap: nowrap;
55 - background: #fff;
56 - border: 1px solid var(--woobot-primary-border);
57 - border-radius: 16px;
58 - padding: 16px 20px;
59 - margin: 0 0 16px;
60 - box-sizing: border-box;
61 -}
62 -
63 -.wpbot-support-page .qcld-wp-chatbot-wrap-header-logo {
64 - display: flex;
65 - align-items: center;
66 - gap: 12px;
67 - min-width: 0;
68 -}
69 -
70 -.wpbot-support-page .qcld-wp-chatbot-wrap-header-logo img {
71 - display: block;
72 - float: none;
73 - max-width: 48px;
74 - width: 48px;
75 - height: auto;
76 - flex-shrink: 0;
77 -}
78 -
79 -.wpbot-support-page .qcld-wp-chatbot-wrap-header-copy {
80 - display: flex;
81 - flex-direction: column;
82 - gap: 2px;
83 - min-width: 0;
84 -}
85 -
86 -.wpbot-support-page a.qcld-wp-chatbot-wrap-site__logo {
87 - display: block;
88 - font-size: 20px;
89 - font-weight: 700;
90 - line-height: 1.25;
91 - color: var(--woobot-text);
92 - text-decoration: none;
93 - white-space: nowrap;
94 -}
95 -
96 -.wpbot-support-page .qcld-wp-chatbot-wrap-header-copy p {
97 - margin: 0;
98 - font-size: 13px;
99 - line-height: 1.4;
100 - color: var(--woobot-muted);
101 -}
102 -
103 -.wpbot-support-page .qcld-wp-chatbot-wrap-version-wrapper {
104 - margin: 0;
105 - padding: 0;
106 - list-style: none;
107 - flex-shrink: 0;
108 -}
109 -
110 -.wpbot-support-page .qcld-wp-chatbot-wrap-header a.wpchatbot-Upgrade {
111 - display: inline-flex;
112 - align-items: center;
113 - justify-content: center;
114 - padding: 10px 20px !important;
115 - white-space: nowrap;
116 -}
117 -
118 -.wpbot-support-page .wpbot-support-hero {
119 - background: var(--woobot-surface, #fff);
120 - border: 1px solid var(--woobot-primary-border);
121 - border-radius: 16px;
122 - padding: 28px 32px;
123 - margin: 0 0 20px;
124 -}
125 -
126 -.wpbot-support-page .wpbot-support-hero h2 {
127 - margin: 0 0 8px !important;
128 - padding: 0 !important;
129 - font-size: 24px;
130 - font-weight: 700;
131 - color: var(--woobot-primary) !important;
132 - line-height: 1.3;
133 -}
134 -
135 -.wpbot-support-page .wpbot-support-hero p {
136 - margin: 0;
137 - font-size: 15px;
138 - line-height: 1.6;
139 - color: var(--woobot-muted);
140 - max-width: 720px;
141 -}
142 -
143 -.wpbot-support-page .wpbot-support-grid {
144 - display: grid;
145 - grid-template-columns: repeat(3, 1fr);
146 - gap: 16px;
147 -}
148 -
149 -.wpbot-support-page .wpbot-support-card {
150 - display: flex;
151 - flex-direction: column;
152 - background: var(--woobot-surface, #fff);
153 - border: 1px solid var(--woobot-primary-border);
154 - border-radius: 16px;
155 - padding: 28px 24px 24px;
156 - box-sizing: border-box;
157 - transition: border-color 0.15s ease, box-shadow 0.15s ease, transform 0.15s ease;
158 -}
159 -
160 -.wpbot-support-page .wpbot-support-card:hover {
161 - border-color: var(--woobot-primary);
162 - box-shadow: 0 8px 28px rgba(var(--woobot-primary-rgb), 0.1);
163 - transform: translateY(-2px);
164 -}
165 -
166 -.wpbot-support-page .wpbot-support-card__icon {
167 - display: flex;
168 - align-items: center;
169 - justify-content: center;
170 - width: 52px;
171 - height: 52px;
172 - margin: 0 0 16px;
173 - border-radius: 14px;
174 - background: var(--woobot-primary-soft);
175 - border: 1px solid var(--woobot-primary-border);
176 -}
177 -
178 -.wpbot-support-page .wpbot-support-card__icon .dashicons {
179 - width: 24px;
180 - height: 24px;
181 - font-size: 24px;
182 - color: var(--woobot-primary);
183 -}
184 -
185 -.wpbot-support-page .wpbot-support-card h3 {
186 - margin: 0 0 8px !important;
187 - padding: 0 !important;
188 - font-size: 18px;
189 - font-weight: 700;
190 - color: var(--woobot-primary) !important;
191 - line-height: 1.3;
192 -}
193 -
194 -.wpbot-support-page .wpbot-support-card p {
195 - margin: 0 0 20px;
196 - font-size: 14px;
197 - line-height: 1.6;
198 - color: var(--woobot-muted);
199 - flex: 1 1 auto;
200 -}
201 -
202 -.wpbot-support-page .wpbot-support-btn {
203 - display: inline-flex;
204 - align-items: center;
205 - justify-content: center;
206 - width: 100%;
207 - padding: 11px 18px;
208 - border-radius: 8px;
209 - font-size: 14px;
210 - font-weight: 600;
211 - line-height: 1.2;
212 - text-decoration: none !important;
213 - text-align: center;
214 - box-sizing: border-box;
215 - transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease;
216 -}
217 -
218 -.wpbot-support-page .wpbot-support-btn--primary {
219 - background: var(--woobot-primary);
220 - border: 2px solid var(--woobot-primary);
221 - color: #fff !important;
222 -}
223 -
224 -.wpbot-support-page .wpbot-support-btn--primary:hover,
225 -.wpbot-support-page .wpbot-support-btn--primary:focus {
226 - background: var(--woobot-primary-dark);
227 - border-color: var(--woobot-primary-dark);
228 - color: #fff !important;
229 -}
230 -
231 -.wpbot-support-page .wpbot-support-btn--outline {
232 - background: #fff;
233 - border: 2px solid var(--woobot-primary);
234 - color: var(--woobot-primary) !important;
235 -}
236 -
237 -.wpbot-support-page .wpbot-support-btn--outline:hover,
238 -.wpbot-support-page .wpbot-support-btn--outline:focus {
239 - background: var(--woobot-primary);
240 - color: #fff !important;
241 -}
242 -
243 -.wpbot-support-page .wpbot-support-btn--soft {
244 - background: var(--woobot-primary-soft);
245 - border: 2px solid var(--woobot-primary-border);
246 - color: var(--woobot-primary-dark) !important;
247 -}
248 -
249 -.wpbot-support-page .wpbot-support-btn--soft:hover,
250 -.wpbot-support-page .wpbot-support-btn--soft:focus {
251 - background: var(--woobot-primary);
252 - border-color: var(--woobot-primary);
253 - color: #fff !important;
254 -}
255 -
256 -@media screen and (max-width: 960px) {
257 - .wpbot-support-page .wpbot-support-grid {
258 - grid-template-columns: 1fr;
259 - }
260 -
261 - .wpbot-support-page .wpbot-support-hero {
262 - padding: 22px 20px;
263 - }
264 -
265 - .wpbot-support-page .qcld-wp-chatbot-wrap-header {
266 - flex-wrap: wrap;
267 - }
268 -}
1 +@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap');
2 +
3 +:root {
4 + --woobot-primary: #5B4E96;
5 + --woobot-primary-color: #5B4E96;
6 + --woobot-primary-dark: #463a7a;
7 + --woobot-primary-soft: #f3f1fa;
8 + --woobot-primary-border: #e4e0f2;
9 + --woobot-surface: #ffffff;
10 + --woobot-page-bg: #F5F7FD;
11 + --woobot-text: #2d2a3a;
12 + --woobot-muted: #6b6680;
13 + --woobot-danger: #e25563;
14 + --woobot-nav-muted: #988FBD;
15 + --woobot-primary-rgb: 91, 78, 150;
16 +}
17 +
18 +body[class*="wpbot_support_page"],
19 +body[class*="wpbot_support_page"] #wpcontent,
20 +body[class*="wpbot_support_page"] #wpbody-content {
21 + background: var(--woobot-page-bg);
22 +}
23 +
24 +.wrap.qcld-main-wrapper.wpbot-support-page {
25 + --woobot-primary: #5B4E96;
26 + --woobot-primary-dark: #463a7a;
27 + --woobot-primary-soft: #f3f1fa;
28 + --woobot-primary-border: #e4e0f2;
29 + --woobot-text: #2d2a3a;
30 + --woobot-muted: #6b6680;
31 + --woobot-primary-rgb: 91, 78, 150;
32 + max-width: 1280px;
33 + width: 100%;
34 + margin: 20px auto 40px !important;
35 + float: none;
36 + box-sizing: border-box;
37 + padding-left: 20px;
38 + padding-right: 20px;
39 + font-family: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
40 + color: var(--woobot-text);
41 +}
42 +
43 +.wpbot-support-page .wpbot-support-inner {
44 + max-width: 100%;
45 + width: 100%;
46 + margin: 0;
47 +}
48 +
49 +.wpbot-support-page .qcld-wp-chatbot-wrap-header {
50 + display: flex;
51 + align-items: center;
52 + justify-content: space-between;
53 + gap: 16px;
54 + flex-wrap: nowrap;
55 + background: #fff;
56 + border: 1px solid var(--woobot-primary-border);
57 + border-radius: 16px;
58 + padding: 16px 20px;
59 + margin: 0 0 16px;
60 + box-sizing: border-box;
61 +}
62 +
63 +.wpbot-support-page .qcld-wp-chatbot-wrap-header-logo {
64 + display: flex;
65 + align-items: center;
66 + gap: 12px;
67 + min-width: 0;
68 +}
69 +
70 +.wpbot-support-page .qcld-wp-chatbot-wrap-header-logo img {
71 + display: block;
72 + float: none;
73 + max-width: 48px;
74 + width: 48px;
75 + height: auto;
76 + flex-shrink: 0;
77 +}
78 +
79 +.wpbot-support-page .qcld-wp-chatbot-wrap-header-copy {
80 + display: flex;
81 + flex-direction: column;
82 + gap: 2px;
83 + min-width: 0;
84 +}
85 +
86 +.wpbot-support-page a.qcld-wp-chatbot-wrap-site__logo {
87 + display: block;
88 + font-size: 20px;
89 + font-weight: 700;
90 + line-height: 1.25;
91 + color: var(--woobot-text);
92 + text-decoration: none;
93 + white-space: nowrap;
94 +}
95 +
96 +.wpbot-support-page .qcld-wp-chatbot-wrap-header-copy p {
97 + margin: 0;
98 + font-size: 13px;
99 + line-height: 1.4;
100 + color: var(--woobot-muted);
101 +}
102 +
103 +.wpbot-support-page .qcld-wp-chatbot-wrap-version-wrapper {
104 + margin: 0;
105 + padding: 0;
106 + list-style: none;
107 + flex-shrink: 0;
108 +}
109 +
110 +.wpbot-support-page .qcld-wp-chatbot-wrap-header a.wpchatbot-Upgrade {
111 + display: inline-flex;
112 + align-items: center;
113 + justify-content: center;
114 + padding: 10px 20px !important;
115 + white-space: nowrap;
116 +}
117 +
118 +.wpbot-support-page .wpbot-support-hero {
119 + background: var(--woobot-surface, #fff);
120 + border: 1px solid var(--woobot-primary-border);
121 + border-radius: 16px;
122 + padding: 28px 32px;
123 + margin: 0 0 20px;
124 +}
125 +
126 +.wpbot-support-page .wpbot-support-hero h2 {
127 + margin: 0 0 8px !important;
128 + padding: 0 !important;
129 + font-size: 24px;
130 + font-weight: 700;
131 + color: var(--woobot-primary) !important;
132 + line-height: 1.3;
133 +}
134 +
135 +.wpbot-support-page .wpbot-support-hero p {
136 + margin: 0;
137 + font-size: 15px;
138 + line-height: 1.6;
139 + color: var(--woobot-muted);
140 + max-width: 720px;
141 +}
142 +
143 +.wpbot-support-page .wpbot-support-grid {
144 + display: grid;
145 + grid-template-columns: repeat(3, 1fr);
146 + gap: 16px;
147 +}
148 +
149 +.wpbot-support-page .wpbot-support-card {
150 + display: flex;
151 + flex-direction: column;
152 + background: var(--woobot-surface, #fff);
153 + border: 1px solid var(--woobot-primary-border);
154 + border-radius: 16px;
155 + padding: 28px 24px 24px;
156 + box-sizing: border-box;
157 + transition: border-color 0.15s ease, box-shadow 0.15s ease, transform 0.15s ease;
158 +}
159 +
160 +.wpbot-support-page .wpbot-support-card:hover {
161 + border-color: var(--woobot-primary);
162 + box-shadow: 0 8px 28px rgba(var(--woobot-primary-rgb), 0.1);
163 + transform: translateY(-2px);
164 +}
165 +
166 +.wpbot-support-page .wpbot-support-card__icon {
167 + display: flex;
168 + align-items: center;
169 + justify-content: center;
170 + width: 52px;
171 + height: 52px;
172 + margin: 0 0 16px;
173 + border-radius: 14px;
174 + background: var(--woobot-primary-soft);
175 + border: 1px solid var(--woobot-primary-border);
176 +}
177 +
178 +.wpbot-support-page .wpbot-support-card__icon .dashicons {
179 + width: 24px;
180 + height: 24px;
181 + font-size: 24px;
182 + color: var(--woobot-primary);
183 +}
184 +
185 +.wpbot-support-page .wpbot-support-card h3 {
186 + margin: 0 0 8px !important;
187 + padding: 0 !important;
188 + font-size: 18px;
189 + font-weight: 700;
190 + color: var(--woobot-primary) !important;
191 + line-height: 1.3;
192 +}
193 +
194 +.wpbot-support-page .wpbot-support-card p {
195 + margin: 0 0 20px;
196 + font-size: 14px;
197 + line-height: 1.6;
198 + color: var(--woobot-muted);
199 + flex: 1 1 auto;
200 +}
201 +
202 +.wpbot-support-page .wpbot-support-btn {
203 + display: inline-flex;
204 + align-items: center;
205 + justify-content: center;
206 + width: 100%;
207 + padding: 11px 18px;
208 + border-radius: 8px;
209 + font-size: 14px;
210 + font-weight: 600;
211 + line-height: 1.2;
212 + text-decoration: none !important;
213 + text-align: center;
214 + box-sizing: border-box;
215 + transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease;
216 +}
217 +
218 +.wpbot-support-page .wpbot-support-btn--primary {
219 + background: var(--woobot-primary);
220 + border: 2px solid var(--woobot-primary);
221 + color: #fff !important;
222 +}
223 +
224 +.wpbot-support-page .wpbot-support-btn--primary:hover,
225 +.wpbot-support-page .wpbot-support-btn--primary:focus {
226 + background: var(--woobot-primary-dark);
227 + border-color: var(--woobot-primary-dark);
228 + color: #fff !important;
229 +}
230 +
231 +.wpbot-support-page .wpbot-support-btn--outline {
232 + background: #fff;
233 + border: 2px solid var(--woobot-primary);
234 + color: var(--woobot-primary) !important;
235 +}
236 +
237 +.wpbot-support-page .wpbot-support-btn--outline:hover,
238 +.wpbot-support-page .wpbot-support-btn--outline:focus {
239 + background: var(--woobot-primary);
240 + color: #fff !important;
241 +}
242 +
243 +.wpbot-support-page .wpbot-support-btn--soft {
244 + background: var(--woobot-primary-soft);
245 + border: 2px solid var(--woobot-primary-border);
246 + color: var(--woobot-primary-dark) !important;
247 +}
248 +
249 +.wpbot-support-page .wpbot-support-btn--soft:hover,
250 +.wpbot-support-page .wpbot-support-btn--soft:focus {
251 + background: var(--woobot-primary);
252 + border-color: var(--woobot-primary);
253 + color: #fff !important;
254 +}
255 +
256 +@media screen and (max-width: 960px) {
257 + .wpbot-support-page .wpbot-support-grid {
258 + grid-template-columns: 1fr;
259 + }
260 +
261 + .wpbot-support-page .wpbot-support-hero {
262 + padding: 22px 20px;
263 + }
264 +
265 + .wpbot-support-page .qcld-wp-chatbot-wrap-header {
266 + flex-wrap: wrap;
267 + }
268 +}