PluginProbe ʕ •ᴥ•ʔ
The Post Grid – Shortcode, Gutenberg Blocks and Elementor Addon for Post Grid / 4.2.0
The Post Grid – Shortcode, Gutenberg Blocks and Elementor Addon for Post Grid v4.2.0
7.9.3 7.9.2 trunk 4.0.0 4.0.1 4.0.2 4.0.3 4.0.4 4.0.5 4.1.0 4.1.1 4.1.2 4.1.3 4.1.4 4.1.5 4.2.0 4.2.1 4.2.2 4.2.3 5.0.0 5.0.1 5.0.2 5.0.3 5.0.4 5.0.5 6.0.0 7.0.0 7.0.1 7.0.2 7.1.0 7.2.0 7.2.1 7.2.10 7.2.11 7.2.2 7.2.3 7.2.4 7.2.5 7.2.6 7.2.7 7.2.8 7.2.9 7.3.0 7.3.1 7.4.0 7.4.1 7.4.2 7.4.3 7.5.0 7.6.0 7.6.1 7.7.0 7.7.1 7.7.10 7.7.11 7.7.12 7.7.13 7.7.14 7.7.15 7.7.16 7.7.17 7.7.18 7.7.19 7.7.2 7.7.20 7.7.21 7.7.22 7.7.3 7.7.4 7.7.5 7.7.6 7.7.7 7.7.8 7.7.9 7.8.0 7.8.1 7.8.2 7.8.3 7.8.4 7.8.5 7.8.6 7.8.7 7.8.8 7.8.9 7.9.0 7.9.1
the-post-grid / assets / css / admin / tpg-el-editor.css
the-post-grid / assets / css / admin Last commit date
admin-preview.css 3 years ago admin.css 3 years ago tpg-el-editor.css 3 years ago
tpg-el-editor.css
592 lines
1 #elementor-panel .tpg-should-hide-field {
2 display: none;
3 }
4
5 #elementor-panel .elementor-control-field-description {
6 margin-top: 4px;
7 line-height: 14px;
8 }
9
10 .elementor-choices input:checked + .elementor-choices-label {
11 color: inherit !important;
12 }
13
14 .elementor-nerd-box-title {
15 margin-top: 20px;
16 font-size: 16px;
17 font-weight: 700;
18 line-height: 1.4;
19 }
20
21 .elementor-control-tpg_pro_alert .elementor-section-toggle i {
22 color: #f54;
23 }
24
25 .elementor-control.elementor-control-hidden-label.should-show-title > * > * > .elementor-control-title,
26 .elementor-control.elementor-control-hidden-label.should-show-title > * > .elementor-control-title, .elementor-control.elementor-hidden-control {
27 display: block;
28 margin-bottom: 8px;
29 }
30
31 .elementor-control.elementor-control-hidden-label.should-show-title .elementor-control-field-description {
32 order: 10;
33 }
34
35 #elementor-panel .elementor-control.elementor-control-separator-before {
36 padding-top: 13px !important;
37 }
38
39 .elementor-control.tpg-control-type-heading .elementor-control-title {
40 background: #eaf5ff;
41 color: #212121;
42 padding: 7px;
43 width: 100%;
44 border-left: 3px solid #0073aa;
45 }
46
47 #elementor-panel .elementor-control.elementor-control-type-divider {
48 padding: 0 !important;
49 background-color: transparent;
50 }
51
52 .tpg-image-select .elementor-choices {
53 height: auto !important;
54 flex-wrap: wrap;
55 border-radius: 0;
56 margin-left: -2px;
57 margin-right: -2px;
58 width: calc(100% + 4px) !important;
59 }
60
61
62 .tpg-image-select .elementor-choices .elementor-choices-label {
63 flex: 0 0 calc(33.3% - 4px) !important;
64 background-size: cover !important;
65 background-repeat: no-repeat;
66 margin-right: 2px;
67 border: 1px solid #d4d9df !important;
68 position: relative;
69 padding-top: 18%;
70 margin-bottom: 22px;
71 overflow: initial;
72 border-radius: 0;
73 margin-left: 2px;
74 background: #ffffff;
75 }
76
77 .tpg-image-select .elementor-choices .elementor-choices-label .elementor-screen-only {
78 position: absolute;
79 top: calc(100% + 6px);
80 left: 0;
81 clip: unset;
82 width: 100%;
83 height: 12px;
84 font-size: 11px;
85 transition: 0.4s;
86 line-height: 1;
87 }
88
89 .tpg-image-select .elementor-choices .elementor-choices-label:hover {
90 border-color: #4C6FFF !important;
91 background-color: #050078;
92 }
93
94 .tpg-image-select .elementor-choices input:checked + .elementor-choices-label {
95 border-color: #7c76f7 !important;
96 background-color: #050078;
97 }
98
99 .tpg-image-select .elementor-choices .elementor-choices-label i {
100 display: none;
101 visibility: hidden;
102 }
103
104 .tpg-image-select .elementor-choices .elementor-choices-label:last-child {
105 -webkit-border-top-right-radius: 0;
106 border-top-right-radius: 0;
107 -webkit-border-bottom-right-radius: 0;
108 border-bottom-right-radius: 0;
109 }
110
111 .tpg-image-select .elementor-choices .elementor-choices-label:nth-child(2) {
112 -webkit-border-top-left-radius: 0;
113 border-top-left-radius: 0;
114 -webkit-border-bottom-left-radius: 0;
115 border-bottom-left-radius: 0;
116 }
117
118 .tpg-title-section .elementor-control-title {
119 color: #4C6FFF;
120 }
121
122 .tpg-normal-title .elementor-control-title {
123 font-weight: normal !important;
124 }
125
126 .select2-container--default .select2-results__option[aria-selected=true] {
127 background-color: #e2eaf3 !important;
128 color: #000 !important;
129 }
130
131 i.tpg-grid-icon {
132 background: rgb(255, 0, 0);
133 background: linear-gradient(43deg, #ff33d3 0%, #465dff 100%);
134 -webkit-background-clip: text;
135 -webkit-text-fill-color: transparent;
136 }
137
138 #elementor-panel-category-tpg-elementor-builder-widgets .elementor-element-wrapper .elementor-element,
139 #elementor-panel-category-the-post-grid-elements .elementor-element-wrapper .elementor-element {
140 position: relative;
141 }
142
143 #elementor-panel-category-tpg-elementor-builder-widgets .elementor-element-wrapper .elementor-element::before,
144 #elementor-panel-category-the-post-grid-elements .elementor-element-wrapper .elementor-element::before {
145 content: "TPG";
146 position: absolute;
147 top: 6px;
148 left: 6px;
149 color: #404349;
150 z-index: 10;
151 background: #cdcfd2;
152 padding: 0 2px;
153 border-radius: 2px;
154 font-size: 8px;
155 font-weight: bold;
156 min-height: 12px;
157 line-height: 12px;
158 }
159
160 #elementor-element--promotion__dialog .dialog-buttons-wrapper {
161 display: flex;
162 text-align: center;
163 }
164
165 #elementor-panel-category-the-post-grid-elements .elementor-element-wrapper.elementor-element--promotion::before {
166 content: none;
167 }
168
169 .elementor-panel .elementor-element:hover i.tpg-grid-icon {
170 background: rgb(255, 0, 0);
171 background: linear-gradient(43deg, #465dff 0%, #ff33d3 100%);
172 -webkit-background-clip: text;
173 -webkit-text-fill-color: transparent;
174 }
175
176 .elementor-control-overlay_background_title.tpg-padding-left + .elementor-control,
177 .elementor-control.tpg-padding-left {
178 padding-left: 40px !important;
179 }
180
181 .elementor-control-overlay_background_title.tpg-padding-left2x + .elementor-control,
182 .elementor-control.tpg-padding-left2x {
183 padding-left: 50px !important;
184 }
185
186 .elementor-control-overlay_background_title.tpg-padding-left + .elementor-control::before,
187 .elementor-control.tpg-padding-left2x::before,
188 .elementor-control.tpg-padding-left::before {
189 content: "";
190 position: absolute;
191 left: 24px;
192 top: 8px;
193 }
194
195 .elementor-control-type-switcher.elementor-control.tpg-padding-left2x::before,
196 .elementor-control-type-switcher.elementor-control.tpg-padding-left::before {
197 top: 3px;
198 }
199
200 #elementor-controls .elementor-control-title_offset_typography_typography .elementor-control-field .elementor-control-title,
201 #elementor-controls .elementor-control-image_offset_size .elementor-control-field .elementor-control-title,
202 #elementor-controls .elementor-control-overlay_background_background .elementor-control-field .elementor-control-title {
203 display: none;
204 text-indent: -9999px;
205 }
206
207 #elementor-controls .elementor-control-overlay_background_background .elementor-control-field::before {
208 content: "Overlay Background";
209 font-size: 12px;
210 }
211
212 #elementor-controls .elementor-control-image_offset_size .elementor-control-field::before {
213 content: "Offset Thumb Size";
214 font-size: 12px;
215 }
216
217 #elementor-controls .elementor-control-title_offset_typography_typography .elementor-control-field::before {
218 content: "Offset Typography";
219 font-size: 12px;
220 }
221
222 .elementor-control.is-pro::after {
223 content: "This is pro field!";
224 padding: 6px 10px;
225 border: 1px solid #ff0000;
226 background-color: #ffff;
227 z-index: 99;
228 position: absolute;
229 top: -4px;
230 right: 21px;
231 transition: 0.5s;
232 color: #ff0000;
233 border-radius: 3px;
234 }
235
236 .elementor-control .tpg-pro-label {
237 color: red;
238 font-size: 10px;
239 margin-left: 3px;
240 transform: translateY(-3px);
241 display: inline-block;
242 border: 1px solid red;
243 padding: 1px 3px;
244 border-radius: 3px;
245 background: #fff;
246 }
247
248 .elementor-control.the-post-grid-field-hide input,
249 .elementor-control.the-post-grid-field-hide label {
250 opacity: .7;
251 }
252
253 .elementor-control.the-post-grid-field-hide .elementor-control-field {
254 pointer-events: none;
255 }
256
257 .elementor-control.tpg-hiding-label {
258 margin-top: -10px;
259 }
260
261 .elementor-control.tpg-hiding-label .elementor-control-title {
262 font-size: 11px;
263 font-style: italic;
264 line-height: 1.4;
265 color: #a4afb7;
266 font-weight: normal !important;
267 }
268
269 .elementor-group-control-border + .elementor-group-control-width {
270 padding-bottom: 0;
271 }
272
273 .elementor-group-control-border + .elementor-group-control-width + .elementor-group-control-border,
274 .elementor-group-control-border + .elementor-group-control-width {
275 padding-left: 21px;
276 }
277
278 .elementor-group-control-border + .elementor-group-control-width .elementor-control-content {
279 padding-bottom: 10px;
280 }
281
282 .elementor-group-control-border + .elementor-group-control-width + .elementor-group-control-border .elementor-control-content,
283 .elementor-group-control-border + .elementor-group-control-width .elementor-control-content {
284 border-left: 1px solid #ddd;
285 padding-left: 12px;
286 }
287
288 /*Custom Orider field */
289
290 .elementor-control.tpg-item-order-repeater .elementor-repeater-tool-duplicate,
291 .elementor-control.tpg-item-order-repeater .elementor-repeater-tool-remove,
292 .elementor-control.tpg-item-order-repeater .elementor-repeater-row-controls,
293 .elementor-control.tpg-item-order-repeater .elementor-button-wrapper {
294 pointer-events: none;
295 display: none;
296 width: 0;
297 height: 0;
298 margin: 0;
299 text-indent: -999999px;
300 }
301
302 .elementor-control.tpg-item-order-repeater .elementor-repeater-fields:last-child {
303 display: none;
304 width:0;
305 height:0;
306 overflow:hidden;
307 opacity:0;
308 visibility: hidden;
309 pointer-events: none;
310 }
311
312 .elementor-control.tpg-item-order-repeater .elementor-repeater-row-tools {
313 height: 32px;
314 }
315
316 /*Settings icon*/
317
318 #elementor-panel .elementor-control:not(.elementor-open) .elementor-panel-heading-toggle .eicon:before,
319 #elementor-panel .elementor-panel-scheme-item:not(.elementor-open) .elementor-panel-heading-toggle .eicon:before {
320 content: '\e90a';
321 font-family: 'eicons';
322 }
323
324 .elementor-control.elementor-control-comment_icon .elementor-fit-aspect-ratio,
325 .elementor-control.elementor-control-user_icon .elementor-fit-aspect-ratio,
326 .elementor-control.elementor-control-date_icon .elementor-fit-aspect-ratio,
327 .elementor-control.elementor-control-tag_icon .elementor-fit-aspect-ratio,
328 .elementor-control.elementor-control-cat_icon .elementor-fit-aspect-ratio,
329 .elementor-control.elementor-control-post_count_icon .elementor-fit-aspect-ratio {
330 padding-bottom: 25%;
331 }
332
333 .elementor-control.elementor-control-comment_icon .elementor-control-media__preview i,
334 .elementor-control.elementor-control-user_icon .elementor-control-media__preview i,
335 .elementor-control.elementor-control-date_icon .elementor-control-media__preview i,
336 .elementor-control.elementor-control-tag_icon .elementor-control-media__preview i,
337 .elementor-control.elementor-control-cat_icon .elementor-control-media__preview i {
338 font-size: 30px;
339 }
340
341 body .elementor-panel .elementor-tab-control-settings a:before {
342 content: '\e978';
343 }
344
345 /* Grid Layout Images
346 *************************/
347
348 .tpg-image-select.grid-layout .elementor-choices .elementor-choices-label:nth-of-type(1) {
349 background-image: url("../../images/layouts/grid1.png");
350 }
351
352 .tpg-image-select.grid-layout .elementor-choices .elementor-choices-label:nth-of-type(2) {
353 background-image: url("../../images/layouts/grid_layout8.png");
354 }
355
356 .tpg-image-select.grid-layout .elementor-choices .elementor-choices-label:nth-of-type(3) {
357 background-image: url("../../images/layouts/grid12.png");
358 }
359
360 .tpg-image-select.grid-layout .elementor-choices .elementor-choices-label:nth-of-type(4) {
361 background-image: url("../../images/layouts/grid2.png");
362 }
363
364 .tpg-image-select.grid-layout .elementor-choices .elementor-choices-label:nth-of-type(5) {
365 background-image: url("../../images/layouts/grid_layout9.png");
366 }
367
368 .tpg-image-select.grid-layout .elementor-choices .elementor-choices-label:nth-of-type(6) {
369 background-image: url("../../images/layouts/grid_layout9-2.png");
370 }
371
372 .tpg-image-select.grid-layout .elementor-choices .elementor-choices-label:nth-of-type(7) {
373 background-image: url("../../images/layouts/grid_layout10.png");
374 }
375
376 .tpg-image-select.grid-layout .elementor-choices .elementor-choices-label:nth-of-type(8) {
377 background-image: url("../../images/layouts/grid_layout10-2.png");
378 }
379
380 .tpg-image-select.grid-layout .elementor-choices .elementor-choices-label:nth-of-type(9) {
381 background-image: url("../../images/layouts/gallery.png");
382 }
383
384
385 /*End Grid Layout*/
386
387
388 /* List Layout Images
389 *************************/
390
391 .tpg-image-select.list-layout .elementor-choices .elementor-choices-label:nth-of-type(1) {
392 background-image: url("../../images/layouts/list1.png");
393 }
394
395 .tpg-image-select.list-layout .elementor-choices .elementor-choices-label:nth-of-type(2) {
396 background-image: url("../../images/layouts/list3.png");
397 }
398
399 .tpg-image-select.list-layout .elementor-choices .elementor-choices-label:nth-of-type(3) {
400 background-image: url("../../images/layouts/list3-2.png");
401 }
402
403 .tpg-image-select.list-layout .elementor-choices .elementor-choices-label:nth-of-type(4) {
404 background-image: url("../../images/layouts/list4.png");
405 }
406
407 .tpg-image-select.list-layout .elementor-choices .elementor-choices-label:nth-of-type(5) {
408 background-image: url("../../images/layouts/list4-2.png");
409 }
410
411 .tpg-image-select.list-layout .elementor-choices .elementor-choices-label:nth-of-type(6) {
412 background-image: url("../../images/layouts/list_layout1.png");
413 }
414
415 .tpg-image-select.list-layout .elementor-choices .elementor-choices-label:nth-of-type(7) {
416 background-image: url("../../images/layouts/list_layout2.png");
417 }
418
419
420 /* Grid Hover Layout Images
421 ******************************/
422
423 .tpg-image-select.grid-hover-layout .elementor-choices .elementor-choices-label:nth-of-type(1) {
424 background-image: url("../../images/layouts/grid3.png");
425 }
426
427 .tpg-image-select.grid-hover-layout .elementor-choices .elementor-choices-label:nth-of-type(2) {
428 background-image: url("../../images/layouts/grid4.png");
429 }
430
431 .tpg-image-select.grid-hover-layout .elementor-choices .elementor-choices-label:nth-of-type(3) {
432 background-image: url("../../images/layouts/grid5.png");
433 }
434
435 .tpg-image-select.grid-hover-layout .elementor-choices .elementor-choices-label:nth-of-type(4) {
436 background-image: url("../../images/layouts/grid16.png");
437 }
438
439 .tpg-image-select.grid-hover-layout .elementor-choices .elementor-choices-label:nth-of-type(5) {
440 background-image: url("../../images/layouts/grid16-2.png");
441 }
442
443 .tpg-image-select.grid-hover-layout .elementor-choices .elementor-choices-label:nth-of-type(6) {
444 background-image: url("../../images/layouts/grid_hover10.png");
445 }
446
447 .tpg-image-select.grid-hover-layout .elementor-choices .elementor-choices-label:nth-of-type(7) {
448 background-image: url("../../images/layouts/grid_hover10-2.png");
449 }
450
451 .tpg-image-select.grid-hover-layout .elementor-choices .elementor-choices-label:nth-of-type(8) {
452 background-image: url("../../images/layouts/grid_hover11.png");
453 }
454
455 .tpg-image-select.grid-hover-layout .elementor-choices .elementor-choices-label:nth-of-type(9) {
456 background-image: url("../../images/layouts/grid_hover11-2.png");
457 }
458
459 .tpg-image-select.grid-hover-layout .elementor-choices .elementor-choices-label:nth-of-type(10) {
460 background-image: url("../../images/layouts/grid_hover12.png");
461 }
462
463 .tpg-image-select.grid-hover-layout .elementor-choices .elementor-choices-label:nth-of-type(11) {
464 background-image: url("../../images/layouts/grid_hover12-2.png");
465 }
466
467 .tpg-image-select.grid-hover-layout .elementor-choices .elementor-choices-label:nth-of-type(12) {
468 background-image: url("../../images/layouts/grid_hover13.png");
469 }
470
471 .tpg-image-select.grid-hover-layout .elementor-choices .elementor-choices-label:nth-of-type(13) {
472 background-image: url("../../images/layouts/grid_hover9.png");
473 }
474
475 .tpg-image-select.grid-hover-layout .elementor-choices .elementor-choices-label:nth-of-type(14) {
476 background-image: url("../../images/layouts/grid_hover9-2.png");
477 }
478
479 .tpg-image-select.grid-hover-layout .elementor-choices .elementor-choices-label:nth-of-type(15) {
480 background-image: url("../../images/layouts/grid_hover15.png");
481 }
482
483 .tpg-image-select.grid-hover-layout .elementor-choices .elementor-choices-label:nth-of-type(16) {
484 background-image: url("../../images/layouts/grid_hover16.png");
485 }
486
487 /*End Grid Layout*/
488
489
490 /* Slider Layout Images
491 ******************************/
492
493 .tpg-image-select.slider-layout .elementor-choices .elementor-choices-label:nth-of-type(1) {
494 background-image: url("../../images/layouts/carousel1.png");
495 }
496
497 .tpg-image-select.slider-layout .elementor-choices .elementor-choices-label:nth-of-type(2) {
498 background-image: url("../../images/layouts/carousel1.1.png");
499 }
500
501 .tpg-image-select.slider-layout .elementor-choices .elementor-choices-label:nth-of-type(3) {
502 background-image: url("../../images/layouts/carousel1.3.png");
503 }
504
505 .tpg-image-select.slider-layout .elementor-choices .elementor-choices-label:nth-of-type(4) {
506 background-image: url("../../images/layouts/carousel2.2.png");
507 }
508
509 .tpg-image-select.slider-layout .elementor-choices .elementor-choices-label:nth-of-type(5) {
510 background-image: url("../../images/layouts/carousel2.png");
511 }
512
513 .tpg-image-select.slider-layout .elementor-choices .elementor-choices-label:nth-of-type(6) {
514 background-image: url("../../images/layouts/carousel6.6.png");
515 }
516
517 .tpg-image-select.slider-layout .elementor-choices .elementor-choices-label:nth-of-type(7) {
518 background-image: url("../../images/layouts/carousel7.7.png");
519 }
520
521 .tpg-image-select.slider-layout .elementor-choices .elementor-choices-label:nth-of-type(8) {
522 background-image: url("../../images/layouts/carousel8.8.png");
523 }
524
525 .tpg-image-select.slider-layout .elementor-choices .elementor-choices-label:nth-of-type(9) {
526 background-image: url("../../images/layouts/carousel9.9.png");
527 }
528
529 .tpg-image-select.slider-layout .elementor-choices .elementor-choices-label:nth-of-type(10) {
530 background-image: url("../../images/layouts/carousel10.2.png");
531 }
532
533 .tpg-image-select.slider-layout .elementor-choices .elementor-choices-label:nth-of-type(11) {
534 background-image: url("../../images/layouts/slider_layout11.png");
535 }
536
537 .tpg-image-select.slider-layout .elementor-choices .elementor-choices-label:nth-of-type(12) {
538 background-image: url("../../images/layouts/slider_layout12.png");
539 }
540
541 .tpg-image-select.slider-layout .elementor-choices .elementor-choices-label:nth-of-type(13) {
542 background-image: url("../../images/layouts/slider_layout13.png");
543 }
544
545 .tpg-image-select.slider-layout .elementor-choices .elementor-choices-label:nth-of-type(14) {
546 background-image: url("../../images/layouts/slider_layout14.png");
547 }
548
549
550 /*Pro layout style*/
551 .the-post-grid-pro-needed.tpg-image-select.slider-layout .elementor-choices .elementor-choices-label:nth-of-type(n+1),
552 .the-post-grid-pro-needed.tpg-image-select.grid-hover-layout .elementor-choices .elementor-choices-label:nth-of-type(n+4),
553 .the-post-grid-pro-needed.tpg-image-select.list-layout .elementor-choices .elementor-choices-label:nth-of-type(n+4),
554 .the-post-grid-pro-needed.tpg-image-select.grid-layout .elementor-choices .elementor-choices-label:nth-of-type(n+4) {
555 pointer-events: none;
556 }
557
558 .the-post-grid-pro-needed.tpg-image-select.slider-layout .elementor-choices .elementor-choices-label:nth-of-type(n+2)::before,
559 .the-post-grid-pro-needed.tpg-image-select.grid-hover-layout .elementor-choices .elementor-choices-label:nth-of-type(n+4)::before,
560 .the-post-grid-pro-needed.tpg-image-select.list-layout .elementor-choices .elementor-choices-label:nth-of-type(n+4)::before,
561 .the-post-grid-pro-needed.tpg-image-select.grid-layout .elementor-choices .elementor-choices-label:nth-of-type(n+4)::before {
562 content: "";
563 width: 100%;
564 height: 100%;
565 background: rgba(0, 0, 0, .5);
566 position: absolute;
567 left: 0;
568 top: 0;
569 transition: 0.8s;
570 }
571
572 .the-post-grid-pro-needed.tpg-image-select.slider-layout .elementor-choices .elementor-choices-label:nth-of-type(n+1)::after,
573 .the-post-grid-pro-needed.tpg-image-select.grid-hover-layout .elementor-choices .elementor-choices-label:nth-of-type(n+4)::after,
574 .the-post-grid-pro-needed.tpg-image-select.list-layout .elementor-choices .elementor-choices-label:nth-of-type(n+4)::after,
575 .the-post-grid-pro-needed.tpg-image-select.grid-layout .elementor-choices .elementor-choices-label:nth-of-type(n+4)::after {
576 content: "Pro";
577 position: absolute;
578 top: 0;
579 right: 0;
580 color: red;
581 font-size: 11px;
582 display: inline-block;
583 font-weight: bold;
584 background: white;
585 line-height: 12px;
586 padding: 1px 3px;
587 border: 1px solid red;
588 border-radius: 0;
589 }
590
591
592