PluginProbe
Smart Post – Post Grid, Post Carousel, Post Slider Gutenberg Blocks for Blog & News / 2.2.10
Smart Post – Post Grid, Post Carousel, Post Slider Gutenberg Blocks for Blog & News v2.2.10
4.0.8 4.0.7 4.0.6 4.0.5 4.0.4 4.0.3 4.0.2 4.0.1 2.3.5 2.3.6 2.4.0 2.4.1 2.4.10 2.4.11 2.4.12 2.4.13 2.4.14 2.4.15 2.4.16 2.4.17 2.4.18 2.4.19 2.4.2 2.4.20 2.4.21 All 88 releases
← All changes | admin/assets/css/post-carousel-admin.css +132 -416 4.0.7 → 2.2.10 View file →
@@ -3,516 +3,232 @@
3 3 */
4 4
5 5 /* Help Page */
6 6 .text-center {
7 - text-align: center;
7 + text-align: center;
8 8 }
9 9
10 10 div.sp-pcp-help .wp-badge {
11 - border: none;
12 - background: url(../img/sps-badge.png) right no-repeat;
13 - background-size: 100px 100px;
14 - box-shadow: none;
15 - height: auto;
16 - top: -75px;
11 + border: none;
12 + background: url(../img/sps-badge.png) right no-repeat;
13 + background-size: 100px 100px;
14 + box-shadow: none;
15 + height: auto;
16 + top: -75px;
17 17 }
18 18
19 19 .about-wrap.sp-pcp-help [class$="-col"] {
20 - display: flex;
21 - justify-content: space-between;
22 - flex-wrap: wrap;
20 + display: flex;
21 + justify-content: space-between;
22 + flex-wrap: wrap;
23 23 }
24 24
25 25 .about-wrap.sp-pcp-help [class$="-col"] .col {
26 - flex: 1;
27 - align-self: flex-start;
26 + flex: 1;
27 + align-self: flex-start;
28 28 }
29 -
30 29 .about-wrap.plugin-section {
31 - margin: 25px 0px 0px;
30 + margin: 25px 0px 0px;
32 31 }
33 -
34 32 .about-wrap.sp-pcp-help .feature-section .col {
35 - margin-top: 40px;
33 + margin-top: 40px;
36 34 }
37 35
38 -.about-wrap.sp-pcp-help [class$="-col"] .col+.col {
39 - margin-left: 20px;
36 +.about-wrap.sp-pcp-help [class$="-col"] .col + .col {
37 + margin-left: 20px;
40 38 }
41 39
42 40 .wrap.about-wrap.sp-pcp-help .headline-feature.feature-video {
43 - position: relative;
44 - margin: 40px 0;
45 - padding-bottom: 56.25%;
46 - width: 100%;
47 - max-width: 100%;
48 - height: 0;
49 - text-align: center;
41 + position: relative;
42 + margin: 40px 0;
43 + padding-bottom: 56.25%;
44 + width: 100%;
45 + max-width: 100%;
46 + height: 0;
47 + text-align: center;
50 48 }
51 49
52 50 div.sp-pcp-help .headline-feature.feature-video iframe {
53 - position: absolute;
54 - top: 0;
55 - left: 0;
56 - width: 100%;
57 - height: 100%;
51 + position: absolute;
52 + top: 0;
53 + left: 0;
54 + width: 100%;
55 + height: 100%;
58 56 }
59 57
60 58 div.sp-pcp-help .plugin-section .sp-plugin-section-title h2 {
61 - font-size: 2.2em;
62 - color: #32373c;
63 - font-weight: 400;
59 + font-size: 2.2em;
60 + color: #32373c;
61 + font-weight: 400;
64 62 }
65 -
66 63 div.sp-pcp-help .plugin-section .sp-plugin-section-title h4 {
67 - font-weight: 400;
68 - text-align: center;
69 - font-size: 18px;
70 - color: #555d66;
71 - margin-top: 15px;
72 - margin-bottom: 40px;
64 + font-weight: 400;
65 + text-align: center;
66 + font-size: 18px;
67 + color: #555d66;
68 + margin-top: 15px;
69 + margin-bottom: 40px;
73 70 }
74 71
75 72 div.sp-pcp-help .feature-section .sp-pcp-feature {
76 - padding: 20px 20px;
77 - border: 1px solid #ddd;
73 + padding: 20px 20px;
74 + border: 1px solid #ddd;
78 75 }
79 76
80 77 div.sp-pcp-help .feature-section .sp-pcp-feature h3 {
81 - font-size: 16px;
82 - margin-top: 18px;
78 + font-size: 16px;
79 + margin-top: 18px;
83 80 }
84 81
85 82 div.sp-pcp-help .feature-section i.sp-pcp-font-icon {
86 - font-size: 30px;
87 - display: block;
88 - color: #e1624b;
89 - font-family: fontawesome;
90 - font-style: normal;
83 + font-size: 30px;
84 + display: block;
85 + color: #e1624b;
86 + font-family: fontawesome;
87 + font-style: normal;
91 88 }
92 -
93 89 .sp-pcp-help .sp-pcp-plugin {
94 - border: 1px solid #ddd;
90 + border: 1px solid #ddd;
95 91 }
96 -
97 92 .sp-pcp-help .sp-pcp-plugin-content {
98 - padding: 0 20px 20px;
93 + padding: 0 20px 20px;
99 94 }
100 -
101 95 .sp-pcp-help .sp-pcp-plugin-content h3 {
102 - margin-top: 20px;
103 - margin-bottom: 8px;
104 - font-weight: 500;
96 + margin-top: 20px;
97 + margin-bottom: 8px;
98 + font-weight: 500;
105 99 }
106 -
107 100 .sp-pcp-help .feature-section .sp-pcp-feature,
108 101 .sp-pcp-help .sp-pcp-plugin {
109 - background-color: #fff;
102 + background-color: #fff;
110 103 }
111 -
112 -.sp-pcp-post {
113 - direction: ltr
114 -}
115 -
116 -html[dir="rtl"] .sp-pcp-post {
117 - direction: rtl
118 -}
119 -
120 104 /* Preloader */
121 105 #sp_pcp_view_options .spf-metabox {
122 - min-height: 300px;
123 - z-index: 999;
124 - background-image: url(../img/spinner.svg);
125 - background-repeat: no-repeat;
126 - background-color: #fff;
127 - background-position: center 65%;
106 + min-height: 300px;
107 + z-index: 999;
108 + background-image: url(../img/preloader.gif);
109 + background-repeat: no-repeat;
110 + background-color: #fff;
111 + background-position: center 65%;
128 112 }
129 -
130 113 #sp_pcp_view_options .spf-nav-metabox li {
131 - opacity: 0;
114 + opacity: 0;
132 115 }
133 -
134 116 /* Shortcode sidebar */
135 117 .pcp-after-copy-text {
136 - bottom: 0;
137 - opacity: 0;
138 - z-index: 9999999;
139 - position: fixed;
140 - width: 230px;
141 - left: 180px;
142 - text-align: center;
143 - padding: 15px 15px;
144 - line-height: 15px;
145 - color: #fff;
146 - border-radius: 3px;
147 - background: #32373C;
148 - border: 1px solid #32373C;
118 + bottom: 0;
119 + opacity: 0;
120 + z-index: 9999999;
121 + position: fixed;
122 + width: 230px;
123 + left: 180px;
124 + text-align: center;
125 + padding: 15px 15px;
126 + line-height: 15px;
127 + color: #fff;
128 + border-radius: 3px;
129 + background: #32373C;
130 + border: 1px solid #32373C;
149 131 }
150 -
151 132 .pcp-after-copy-text .fa-check-circle {
152 - font-size: 14px;
153 - margin-right: 2px;
154 - color: #5db62e
133 + font-size: 14px;
134 + margin-right: 2px;
135 + color: #5db62e
155 136 }
156 137
157 138 span.pcp-shortcode-selectable {
158 - background-color: #eeeeee;
159 - padding: 10px 15px 10px 30px;
160 - display: inline-block;
161 - border: 1px solid #e2e2e2;
162 - cursor: pointer;
163 - border-radius: 3px;
164 - word-break: break-word;
165 - position: relative;
166 - width: 80%;
139 + background-color: #eeeeee;
140 + padding: 10px 15px 10px 30px;
141 + display: inline-block;
142 + border: 1px solid #e2e2e2;
143 + cursor: pointer;
144 + border-radius: 3px;
145 + word-break: break-word;
146 + position: relative;
147 + width: 80%;
167 148 }
168 -
169 149 span.pcp-shortcode-selectable::after {
170 - content: url(../img/copy.svg);
171 - width: 16px;
172 - left: 10px;
173 - top: 50%;
174 - position: absolute;
175 - margin-top: -6px;
150 + content: url(../img/copy.svg);
151 + width: 16px;
152 + left: 10px;
153 + top: 50%;
154 + position: absolute;
155 + margin-top: -6px;
176 156 }
177 157
178 158 .pcp-scode-wrap-side p {
179 - margin-top: 0;
159 + margin-top: 0;
180 160 }
181 -
182 161 .pcp-scode-wrap-side {
183 - margin-top: 0;
184 - margin-bottom: 16px;
185 - overflow: hidden;
186 - border-bottom: 1px solid #ddd;
187 - padding-bottom: 20px;
162 + margin-top: 0;
163 + margin-bottom: 16px;
164 + overflow: hidden;
188 165 }
189 -
190 166 .pcp-scode-wrap-side .pcp-sc-title {
191 - margin-top: 0;
192 - margin-bottom: 7px;
193 - font-size: 1.2em;
167 + margin-top: 0;
168 + margin-bottom: 7px;
169 + font-size: 1.2em;
194 170 }
195 -
196 171 .post-type-sp_post_carousel .postbox-header .handle-actions .handle-order-lower,
197 -.post-type-sp_post_carousel .postbox-header .handle-actions .handle-order-higher {
198 - display: none;
172 +.post-type-sp_post_carousel
173 + .postbox-header
174 + .handle-actions
175 + .handle-order-higher {
176 + display: none;
199 177 }
200 178
201 179 #spf-section-sp_pcp_display_shortcode_1 .spf-field.spf-field-shortcode.pcp-admin-sidebar {
202 - padding: 12px;
180 + padding: 12px;
203 181 }
204 -
205 -#sp_pcp_layouts .postbox-header {
206 - border: none;
182 +#sp_pcp_layouts .postbox-header{
183 + border: none;
207 184 }
208 -
209 185 .post-type-sp_post_carousel .misc-pub-section.misc-pub-visibility,
210 -.post-type-sp_post_carousel .misc-pub-section.curtime.misc-pub-curtime {
211 - display: none;
186 +.post-type-sp_post_carousel .misc-pub-section.curtime.misc-pub-curtime{
187 + display: none;
212 188 }
213 -
214 189 /* Review notice */
215 190 #smart-post-show-review-notice {
216 - padding: 18px 15px 18px 0;
217 - background-color: #fff;
218 - border-radius: 3px;
219 - margin: 20px 20px 0 0;
220 - clear: both;
221 - box-shadow: 0 0 20px 0 rgba(36, 39, 50, .08);
191 + padding:15px 15px 15px 0;
192 + background-color:#fff;
193 + border-radius:3px;
194 + margin:20px 20px 0 0;
222 195 }
223 -
224 196 #smart-post-show-review-notice .sp-sps-plugin-icon {
225 - width: 125px;
226 - float: left;
227 - line-height: 90px;
228 - text-align: center;
229 - margin-left: 8px;
197 + width:125px;
198 + float:left;
199 + line-height:90px;
200 + text-align:center;
230 201 }
231 -
232 202 #smart-post-show-review-notice .sp-sps-plugin-icon img {
233 - max-width: 94px;
234 - vertical-align: middle;
235 - margin-right: 8px;
203 + max-width:83px;
204 + vertical-align:middle;
236 205 }
237 -
238 206 #smart-post-show-review-notice .sp-sps-notice-text {
239 - overflow: hidden;
207 + overflow:hidden;
240 208 }
241 -
242 209 #smart-post-show-review-notice .sp-sps-notice-text h3 {
243 - font-size: 24px;
244 - margin: 0 0 5px;
245 - font-weight: 400;
246 - line-height: 1;
210 + font-size:24px;
211 + margin:0 0 5px;
212 + font-weight:400;
213 + line-height:1;
247 214 }
248 -
249 215 #smart-post-show-review-notice .sp-sps-notice-text p {
250 - margin: 10px 0 10px 0;
251 - font-size: 13px;
216 + margin:10px 0 10px 0;
217 + font-size:13px;
252 218 }
253 -
254 219 #smart-post-show-review-notice .sp-sps-notice-text p.sp-sps-review-actions {
255 - margin: 10px 0 2px 0;
220 + margin:10px 0 2px 0;
256 221 }
257 -
258 222 #smart-post-show-review-notice .sp-sps-notice-text .sp-sps-review-actions a {
259 - text-decoration: none;
260 - margin-right: 8px;
261 - color: #63a37b;
262 - display: inline-block;
263 - position: relative;
223 + text-decoration:none;
224 + margin-right:8px;
225 + color:#63a37b;
226 + display:inline-block;
227 + position:relative;
264 228 }
265 -
266 229 #smart-post-show-review-notice .sp-sps-notice-text .sp-sps-review-actions a span {
267 - padding-right: 2px;
230 + padding-right:2px;
268 231 }
269 -
270 232 #smart-post-show-review-notice .sp-sps-notice-text .sp-sps-review-actions a.button {
271 - color: #fff;
233 + color:#fff;
272 234 }
273 -
274 -/* Gutenberg selector field style */
275 -.spsp-gutenberg-shortcode.editor-styles-wrapper {
276 - padding: 0;
277 - line-height: 24px;
278 -}
279 -
280 -.spsp-gutenberg-shortcode.editor-styles-wrapper:after {
281 - display: none;
282 -}
283 -
284 -.block-editor-page .editor-styles-wrapper select,
285 -.block-editor-page select.spsp-shortcode-selector,
286 -.block-editor-page select.spsp-shortcode-selector:focus,
287 -.block-editor-page select.spsp-shortcode-selector:focus-visible {
288 - width: 250px;
289 - padding: 5px;
290 - border: 1px solid #ccc;
291 - font-size: 13px;
292 - padding-right: 24px;
293 -}
294 -
295 -/* Hide date format & Avatar fields from smart post show (free). */
296 -#spf-section-sp_pcp_view_options_2 .spf-field.spf-field-select.post_meta_date_format,
297 -#spf-section-sp_pcp_view_options_2 .spf-field.spf-field-select.post_meta_author_avatar,
298 -#spf-section-sp_pcp_view_options_2 .spf-field.spf-field-icon.select_meta_icon {
299 - opacity: .7;
300 - pointer-events: none;
301 -}
302 -
303 -/* #adminmenu #menu-posts-sp_post_carousel li:nth-child(5) a {
304 - border-bottom: 1px solid rgba(255, 255, 255, 0.10);
305 -} */
306 -#adminmenu #menu-posts-sp_post_carousel li:nth-child(5) a {
307 - display: none;
308 -}
309 -#adminmenu #menu-posts-sp_post_carousel li:nth-child(8) a {
310 - color: #FFA500;
311 -}
312 -
313 -#adminmenu #menu-posts-sp_post_carousel li a .sp-go-pro-icon {
314 - background-image: url(../img/premium.svg);
315 - width: 20px;
316 - height: 20px;
317 - display: block;
318 - float: left;
319 - margin-right: 1px;
320 - margin-left: -2px;
321 - margin-top: -1px;
322 -}
323 -
324 -.spspc-footer-text-star {
325 - color: #dba617;
326 -}
327 -
328 -.rtl #smart-post-show-review-notice {
329 - margin: 20px 0 0 20px;
330 - padding: 18px 0 18px 15px;
331 -}
332 -
333 -.rtl #smart-post-show-review-notice .sp-sps-plugin-icon {
334 - float: right;
335 - margin: 0 0 0 8px;
336 -}
337 -
338 -/* Admin offer banner */
339 -#shapedplugin-offer-banner {
340 - padding: 0;
341 - border: 0;
342 - line-height: 0;
343 - background: transparent;
344 -}
345 -
346 -#shapedplugin-offer-banner a:focus {
347 - outline: 0;
348 - box-shadow: none;
349 -}
350 -
351 -#shapedplugin-offer-banner .notice-dismiss:focus {
352 - outline: 0;
353 - box-shadow: none;
354 -}
355 -
356 -#shapedplugin-offer-banner button.shapedplugin-offer-banner-dismiss:before {
357 - color: #fff;
358 - font-size: 22px;
359 -}
360 -
361 -#adminmenu #menu-posts-sp_post_carousel li a.sp-smart-post-upgrade-btn-wrapper {
362 - margin-top: -10px;
363 -}
364 -.sp-smart-post-upgrade-btn,
365 -#adminmenu #menu-posts-sp_post_carousel li a .sp-smart-post-upgrade-btn {
366 - box-sizing: border-box;
367 - display: flex;
368 - width: 100%;
369 - gap: 4px;
370 - border-radius: 4px;
371 - background: #11B916;
372 - color: #ffffff;
373 - padding: 6px 10px;
374 - font-weight: 500;
375 - width: 136px;
376 - transition: all 0.3s ease;
377 -}
378 -
379 -.sp-smart-post-upgrade-btn,
380 -#adminmenu #menu-posts-sp_post_carousel li a .sp-smart-post-upgrade-btn:hover {
381 - background: #00aa08;
382 -}
383 -
384 -.sp-go-pro-icon,
385 -#adminmenu #menu-posts-sp_post_carousel li a .sp-smart-post-upgrade-btn .sp-go-pro-icon {
386 - background-image: url(../img/premium-light.svg);
387 - background-repeat: no-repeat;
388 - background-position: center;
389 - width: 16px;
390 - display: block;
391 - float: left;
392 - margin-right: 1px;
393 - margin-left: -2px;
394 - margin-top: -1px;
395 -}
396 -
397 -/* Footer Styles */
398 -.spspc-footer-container {
399 - display: flex;
400 - align-items: center;
401 - justify-content: space-between;
402 - gap: 12px;
403 - flex-wrap: wrap;
404 -}
405 -
406 -.spspc-footer-container {
407 - display: flex;
408 - justify-content: space-between;
409 - width: 60%;
410 - float: left;
411 - gap: 12px;
412 -}
413 -
414 -.spspc-footer-left {
415 - display: flex;
416 - align-items: center;
417 - gap: 4px;
418 -}
419 -
420 -.spspc-footer-left span,
421 -.spspc-footer-left a {
422 - color: #6e6a69;
423 - font-size: 14px;
424 - font-weight: 500;
425 - text-decoration: none;
426 -}
427 -
428 -.spspc-footer-text {
429 - color: #155bb8;
430 - text-decoration: none;
431 -}
432 -
433 -.spspc-footer-text:hover {
434 - color: #0a53b3;
435 - text-decoration: underline !important;
436 -}
437 -
438 -.spspc-footer-team-link:focus,
439 -.spspc-footer-text:focus {
440 - border: none;
441 - box-shadow: none;
442 -}
443 -
444 -.spspc-footer-team-link {
445 - color: #1e67d8 !important;
446 - text-decoration: underline;
447 -}
448 -
449 -.spspc-footer-team-link:hover {
450 - color: #0a53b3 !important;
451 - text-decoration: underline !important;
452 -}
453 -
454 -.spspc-footer-heart {
455 - vertical-align: middle;
456 - width: 16px;
457 - height: 16px;
458 -}
459 -
460 -.spspc-footer-social {
461 - display: flex;
462 - align-items: center;
463 - gap: 8px;
464 -}
465 -
466 -.spspc-footer-social-link {
467 - display: inline-flex;
468 - align-items: center;
469 - transition: transform 0.2s ease;
470 -}
471 -
472 -.spspc-footer-social-link:hover {
473 - transform: scale(1.1);
474 -}
475 -
476 -.spspc-footer-social-link:hover svg path {
477 - fill: #1e67d8;
478 -}
479 -
480 -.spspc-footer-social-link svg {
481 - display: block;
482 -}
483 -
484 -@media (max-width: 782px) {
485 - .spspc-footer-container {
486 - flex-direction: column;
487 - align-items: flex-start;
488 - gap: 8px;
489 - }
490 -}
491 -
492 -.pcp-delete-data {
493 - display: none;
494 -}
495 -
496 -/* Visual Block Editor Button */
497 -.sp-pcp-visual-block-editor-btn {
498 - display: inline-flex;
499 - align-items: center;
500 - gap: 8px;
501 - padding: 8px 12px;
502 - margin-left: 8px;
503 - background: #3858e9;
504 - color: #fff;
505 - text-decoration: none;
506 - border-radius: 4px;
507 - font-size: 13px;
508 - font-weight: 500;
509 - transition: all 0.2s ease;
510 - position: relative;
511 - top: -3px;
512 -}
513 -
514 -.sp-pcp-visual-block-editor-btn:hover,
515 -.sp-pcp-visual-block-editor-btn:focus {
516 - background: #2a47cc;
517 - color: #fff;
518 -}