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 -203 2.4.16 → 2.2.10 View file →
@@ -3,303 +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;
162 + margin-top: 0;
163 + margin-bottom: 16px;
164 + overflow: hidden;
186 165 }
187 -
188 166 .pcp-scode-wrap-side .pcp-sc-title {
189 - margin-top: 0;
190 - margin-bottom: 7px;
191 - font-size: 1.2em;
167 + margin-top: 0;
168 + margin-bottom: 7px;
169 + font-size: 1.2em;
192 170 }
193 -
194 171 .post-type-sp_post_carousel .postbox-header .handle-actions .handle-order-lower,
195 -.post-type-sp_post_carousel .postbox-header .handle-actions .handle-order-higher {
196 - display: none;
172 +.post-type-sp_post_carousel
173 + .postbox-header
174 + .handle-actions
175 + .handle-order-higher {
176 + display: none;
197 177 }
198 178
199 179 #spf-section-sp_pcp_display_shortcode_1 .spf-field.spf-field-shortcode.pcp-admin-sidebar {
200 - padding: 12px;
180 + padding: 12px;
201 181 }
202 -
203 -#sp_pcp_layouts .postbox-header {
204 - border: none;
182 +#sp_pcp_layouts .postbox-header{
183 + border: none;
205 184 }
206 -
207 185 .post-type-sp_post_carousel .misc-pub-section.misc-pub-visibility,
208 -.post-type-sp_post_carousel .misc-pub-section.curtime.misc-pub-curtime {
209 - display: none;
186 +.post-type-sp_post_carousel .misc-pub-section.curtime.misc-pub-curtime{
187 + display: none;
210 188 }
211 -
212 189 /* Review notice */
213 190 #smart-post-show-review-notice {
214 - padding: 15px 15px 15px 0;
215 - background-color: #fff;
216 - border-radius: 3px;
217 - margin: 20px 20px 0 0;
191 + padding:15px 15px 15px 0;
192 + background-color:#fff;
193 + border-radius:3px;
194 + margin:20px 20px 0 0;
218 195 }
219 -
220 196 #smart-post-show-review-notice .sp-sps-plugin-icon {
221 - width: 125px;
222 - float: left;
223 - line-height: 90px;
224 - text-align: center;
197 + width:125px;
198 + float:left;
199 + line-height:90px;
200 + text-align:center;
225 201 }
226 -
227 202 #smart-post-show-review-notice .sp-sps-plugin-icon img {
228 - max-width: 83px;
229 - vertical-align: middle;
203 + max-width:83px;
204 + vertical-align:middle;
230 205 }
231 -
232 206 #smart-post-show-review-notice .sp-sps-notice-text {
233 - overflow: hidden;
207 + overflow:hidden;
234 208 }
235 -
236 209 #smart-post-show-review-notice .sp-sps-notice-text h3 {
237 - font-size: 24px;
238 - margin: 0 0 5px;
239 - font-weight: 400;
240 - line-height: 1;
210 + font-size:24px;
211 + margin:0 0 5px;
212 + font-weight:400;
213 + line-height:1;
241 214 }
242 -
243 215 #smart-post-show-review-notice .sp-sps-notice-text p {
244 - margin: 10px 0 10px 0;
245 - font-size: 13px;
216 + margin:10px 0 10px 0;
217 + font-size:13px;
246 218 }
247 -
248 219 #smart-post-show-review-notice .sp-sps-notice-text p.sp-sps-review-actions {
249 - margin: 10px 0 2px 0;
220 + margin:10px 0 2px 0;
250 221 }
251 -
252 222 #smart-post-show-review-notice .sp-sps-notice-text .sp-sps-review-actions a {
253 - text-decoration: none;
254 - margin-right: 8px;
255 - color: #63a37b;
256 - display: inline-block;
257 - position: relative;
223 + text-decoration:none;
224 + margin-right:8px;
225 + color:#63a37b;
226 + display:inline-block;
227 + position:relative;
258 228 }
259 -
260 229 #smart-post-show-review-notice .sp-sps-notice-text .sp-sps-review-actions a span {
261 - padding-right: 2px;
230 + padding-right:2px;
262 231 }
263 -
264 232 #smart-post-show-review-notice .sp-sps-notice-text .sp-sps-review-actions a.button {
265 - color: #fff;
233 + color:#fff;
266 234 }
267 -
268 -/* Gutenberg selector field style */
269 -.spsp-gutenberg-shortcode.editor-styles-wrapper {
270 - padding: 0;
271 - line-height: 24px;
272 -}
273 -
274 -.block-editor-page .editor-styles-wrapper select,
275 -.block-editor-page select.spsp-shortcode-selector,
276 -.block-editor-page select.spsp-shortcode-selector:focus,
277 -.block-editor-page select.spsp-shortcode-selector:focus-visible {
278 - width: 250px;
279 - padding: 5px;
280 - border: 1px solid #ccc;
281 - font-size: 13px;
282 - padding-right: 24px;
283 -}
284 -
285 -/* Hide date format & Avatar fields from smart post show (free). */
286 -#spf-section-sp_pcp_view_options_2 .spf-field.spf-field-select.post_meta_date_format,
287 -#spf-section-sp_pcp_view_options_2 .spf-field.spf-field-select.post_meta_author_avatar,
288 -#spf-section-sp_pcp_view_options_2 .spf-field.spf-field-icon.select_meta_icon{
289 - display: none;
290 -}
291 -
292 -#adminmenu #menu-posts-sp_post_carousel li:nth-child(7) a,
293 -#adminmenu #menu-posts-sp_post_carousel li:nth-child(7) a:hover {
294 - color:#11b916;
295 - font-weight: 700;
296 -}
297 -#adminmenu #menu-posts-sp_post_carousel li a .sp-go-pro-icon {
298 - background-image: url(../img/rocket.svg);
299 - width: 20px;
300 - height: 20px;
301 - display: block;
302 - float: left;
303 - margin-right: 1px;
304 - margin-left: -2px;
305 -}