Post Grid - Version 2.0.24

Version Description

  • 12/02/2018 fix - Default search keyword fatching, added an option to disable.
Download this release

Release Info

Developer pickplugins
Plugin Icon 128x128 Post Grid
Version 2.0.24
Comparing to
See all releases

Code changes from version 2.0.23 to 2.0.24

assets/global/css/style.skins.css CHANGED
@@ -23,7 +23,7 @@ Skins css
23
overflow: hidden;
24
padding: 0;
25
-webkit-perspective: 600px;
26
- perspective: 600px;
27
position: relative;
28
vertical-align: top;
29
width: 100%;
@@ -32,14 +32,14 @@ Skins css
32
.skin.flip-x:hover .layer-media {
33
background: rgb(255, 255, 255) none repeat scroll 0 0;
34
-webkit-transform: rotateX(180deg);
35
- transform: rotateX(180deg);
36
z-index: 900;
37
}
38
39
40
.skin.flip-x .layer-media {
41
-webkit-backface-visibility: hidden;
42
- backface-visibility: hidden;
43
background: rgb(255, 255, 255) none repeat scroll 0 0;
44
float: none;
45
height: inherit;
@@ -47,11 +47,11 @@ Skins css
47
text-align: center;
48
top: 0;
49
-webkit-transform: rotateX(0deg) rotateY(0deg);
50
- transform: rotateX(0deg) rotateY(0deg);
51
-webkit-transform-style: preserve-3d;
52
- transform-style: preserve-3d;
53
-webkit-transition: all 0.4s ease-in-out 0s;
54
- transition: all 0.4s ease-in-out 0s;
55
width: inherit;
56
z-index: 900;
57
}
@@ -59,13 +59,13 @@ Skins css
59
.skin.flip-x:hover .layer-content {
60
background: rgb(255, 255, 255) none repeat scroll 0 0;
61
-webkit-transform: rotateX(0deg) rotateY(0deg);
62
- transform: rotateX(0deg) rotateY(0deg);
63
z-index: 1000;
64
}
65
66
.skin.flip-x .layer-content {
67
-webkit-backface-visibility: hidden;
68
- backface-visibility: hidden;
69
background: rgb(255, 255, 255) none repeat scroll 0 0;
70
float: none;
71
height: inherit;
@@ -74,11 +74,11 @@ Skins css
74
position: absolute;
75
top: 0;
76
-webkit-transform: rotateX(-179deg);
77
- transform: rotateX(-179deg);
78
-webkit-transform-style: preserve-3d;
79
- transform-style: preserve-3d;
80
-webkit-transition: all 0.4s ease-in-out 0s;
81
- transition: all 0.4s ease-in-out 0s;
82
width: inherit;
83
z-index: 800;
84
}
@@ -95,7 +95,7 @@ Skins css
95
overflow: hidden;
96
padding: 0;
97
-webkit-perspective: 600px;
98
- perspective: 600px;
99
position: relative;
100
vertical-align: top;
101
width: 100%;
@@ -104,14 +104,14 @@ Skins css
104
.skin.flip-y:hover .layer-media {
105
background: rgb(255, 255, 255) none repeat scroll 0 0;
106
-webkit-transform: rotateY(180deg);
107
- transform: rotateY(180deg);
108
z-index: 900;
109
}
110
111
112
.skin.flip-y .layer-media {
113
-webkit-backface-visibility: hidden;
114
- backface-visibility: hidden;
115
background: rgb(255, 255, 255) none repeat scroll 0 0;
116
float: none;
117
height: inherit;
@@ -119,11 +119,11 @@ Skins css
119
text-align: center;
120
top: 0;
121
-webkit-transform: rotateX(0deg) rotateY(0deg);
122
- transform: rotateX(0deg) rotateY(0deg);
123
-webkit-transform-style: preserve-3d;
124
- transform-style: preserve-3d;
125
-webkit-transition: all 0.4s ease-in-out 0s;
126
- transition: all 0.4s ease-in-out 0s;
127
width: inherit;
128
z-index: 900;
129
}
@@ -131,13 +131,13 @@ Skins css
131
.skin.flip-y:hover .layer-content {
132
background: rgb(255, 255, 255) none repeat scroll 0 0;
133
-webkit-transform: rotateX(0deg) rotateY(0deg);
134
- transform: rotateX(0deg) rotateY(0deg);
135
z-index: 1000;
136
}
137
138
.skin.flip-y .layer-content {
139
-webkit-backface-visibility: hidden;
140
- backface-visibility: hidden;
141
background: rgb(255, 255, 255) none repeat scroll 0 0;
142
float: none;
143
height: inherit;
@@ -145,11 +145,11 @@ Skins css
145
position: absolute;
146
top: 0;
147
-webkit-transform: rotateY(-179deg);
148
- transform: rotateY(-179deg);
149
-webkit-transform-style: preserve-3d;
150
- transform-style: preserve-3d;
151
-webkit-transition: all 0.4s ease-in-out 0s;
152
- transition: all 0.4s ease-in-out 0s;
153
width: inherit;
154
z-index: 800;
155
}
@@ -158,7 +158,6 @@ Skins css
158
display: none;
159
}
160
161
-
162
/*################### zoomin ########################*/
163
164
@@ -169,24 +168,31 @@ Skins css
169
}
170
171
.skin.zoomin:hover .layer-media {
172
- transform: scale(1.5);
173
- opacity: 0;
174
}
175
176
.skin.zoomin .layer-media {
177
- transition: all 1s ease 0s;
178
left: 0;
179
top: 0;
180
width: 100%;
181
}
182
.skin.zoomin:hover .layer-content{
183
- opacity: 1;
184
- }
185
.skin.zoomin .layer-content {
186
opacity: 0;
187
position: absolute;
188
top: 0;
189
width: 100%;
190
transition: all 1s ease 0s;
191
}
192
.skin.zoomin .layer-hover {
@@ -200,25 +206,32 @@ opacity: 0;
200
vertical-align: top;
201
}
202
.skin.zoomout:hover .layer-media {
203
- transform: scale(0);
204
- opacity: 0;
205
}
206
207
.skin.zoomout .layer-media {
208
- transition: all 1s ease 0s;
209
left: 0;
210
top: 0;
211
width: 100%;
212
}
213
.skin.zoomout:hover .layer-content{
214
- opacity: 1;
215
- }
216
.skin.zoomout .layer-content {
217
left: 0;
218
opacity: 0;
219
position: absolute;
220
top: 0;
221
width: 100%;
222
transition: all 1s ease 0s;
223
}
224
.skin.zoomout .layer-hover {
@@ -239,12 +252,16 @@ opacity: 0;
239
}
240
241
.skin.thumbzoomcontentin:hover .layer-media {
242
- transform: scale(1.5);
243
- opacity: 1;
244
}
245
246
.skin.thumbzoomcontentin .layer-media {
247
- transition: all 0.3s ease 0s;
248
left: 0;
249
top: 0;
250
width: 100%;
@@ -252,6 +269,8 @@ opacity: 1;
252
253
254
.skin.thumbzoomcontentin:hover .layer-media {
255
filter: brightness(0.3);
256
257
}
@@ -260,13 +279,16 @@ opacity: 1;
260
261
262
.skin.thumbzoomcontentin:hover .layer-content{
263
- opacity: 1;
264
- }
265
.skin.thumbzoomcontentin .layer-content {
266
margin-top: 30%;
267
opacity: 0;
268
position: absolute;
269
top: 0;
270
transition: all 0.3s ease 0s;
271
width: 100%;
272
}
@@ -292,25 +314,32 @@ opacity: 1;
292
}
293
294
.skin.spinright:hover .layer-media {
295
- transform: rotate(30deg);
296
- opacity: 0;
297
}
298
299
.skin.spinright .layer-media {
300
- transition: all 1s ease 0s;
301
left: 0;
302
top: 0;
303
width: 100%;
304
}
305
.skin.spinright:hover .layer-content{
306
- opacity: 1;
307
- }
308
.skin.spinright .layer-content {
309
left: 0;
310
opacity: 0;
311
position: absolute;
312
top: 0;
313
width: 100%;
314
transition: all 1s ease 0s;
315
}
316
.skin.spinright .layer-hover {
@@ -333,24 +362,31 @@ opacity: 0;
333
334
.skin.spinrightzoom:hover .layer-media {
335
opacity: 0.6;
336
transform: rotate(20deg) scale(1.5);
337
}
338
339
.skin.spinrightzoom .layer-media {
340
- transition: all 1s ease 0s;
341
left: 0;
342
top: 0;
343
width: 100%;
344
}
345
.skin.spinrightzoom:hover .layer-content{
346
- opacity: 1;
347
- }
348
.skin.spinrightzoom .layer-content {
349
left: 0;
350
opacity: 0;
351
position: absolute;
352
top: 0;
353
width: 100%;
354
transition: all 1s ease 0s;
355
}
356
.skin.spinrightzoom .layer-hover {
@@ -371,25 +407,32 @@ opacity: 0;
371
}
372
373
.skin.spinleft:hover .layer-media {
374
- transform: rotate(-30deg);
375
- opacity: 0;
376
}
377
378
.skin.spinleft .layer-media {
379
- transition: all 1s ease 0s;
380
left: 0;
381
top: 0;
382
width: 100%;
383
}
384
.skin.spinleft:hover .layer-content{
385
- opacity: 1;
386
- }
387
.skin.spinleft .layer-content {
388
left: 0;
389
opacity: 0;
390
position: absolute;
391
top: 0;
392
width: 100%;
393
transition: all 1s ease 0s;
394
}
395
.skin.spinleft .layer-hover {
@@ -409,24 +452,31 @@ opacity: 0;
409
410
.skin.spinleftzoom:hover .layer-media {
411
opacity: 0.7;
412
transform: rotate(-30deg) scale(1.5);
413
}
414
415
.skin.spinleftzoom .layer-media {
416
- transition: all 1s ease 0s;
417
left: 0;
418
top: 0;
419
width: 100%;
420
}
421
.skin.spinleftzoom:hover .layer-content{
422
- opacity: 1;
423
- }
424
.skin.spinleftzoom .layer-content {
425
left: 0;
426
opacity: 0;
427
position: absolute;
428
top: 0;
429
width: 100%;
430
transition: all 1s ease 0s;
431
}
432
.skin.spinleftzoom .layer-hover {
@@ -450,25 +500,32 @@ opacity: 0;
450
}
451
452
.skin.spinrightfast:hover .layer-media {
453
- transform: rotate(180deg);
454
- opacity: 0;
455
}
456
457
.skin.spinrightfast .layer-media {
458
- transition: all 1s ease 0s;
459
left: 0;
460
top: 0;
461
width: 100%;
462
}
463
.skin.spinrightfast:hover .layer-content{
464
- opacity: 1;
465
- }
466
.skin.spinrightfast .layer-content {
467
left: 0;
468
opacity: 0;
469
position: absolute;
470
top: 0;
471
width: 100%;
472
transition: all 1s ease 0s;
473
}
474
.skin.spinrightfast .layer-hover {
@@ -484,25 +541,32 @@ opacity: 0;
484
}
485
486
.skin.spinleftfast:hover .layer-media {
487
- transform: rotate(-180deg);
488
- opacity: 0;
489
}
490
491
.skin.spinleftfast .layer-media {
492
- transition: all 1s ease 0s;
493
left: 0;
494
top: 0;
495
width: 100%;
496
}
497
.skin.spinleftfast:hover .layer-content{
498
- opacity: 1;
499
- }
500
.skin.spinleftfast .layer-content {
501
left: 0;
502
opacity: 0;
503
position: absolute;
504
top: 0;
505
width: 100%;
506
transition: all 1s ease 0s;
507
}
508
.skin.spinleftfast .layer-hover {
@@ -519,21 +583,28 @@ opacity: 0;
519
520
.skin.thumbgoleft:hover .layer-media {
521
opacity: 0;
522
transform: scale(0.5) translateX(-100%);
523
}
524
525
.skin.thumbgoleft .layer-media {
526
transition: all 1s ease 0s;
527
width: 100%;
528
}
529
.skin.thumbgoleft:hover .layer-content{
530
- opacity: 1;
531
- }
532
.skin.thumbgoleft .layer-content {
533
left: 0;
534
opacity: 0;
535
position: absolute;
536
top: 0;
537
transition: all 1s ease 0s;
538
}
539
.skin.thumbgoleft .layer-hover {
@@ -551,21 +622,28 @@ opacity: 0;
551
552
.skin.thumbgoright:hover .layer-media {
553
opacity: 0;
554
transform: scale(0.5) translateX(100%);
555
}
556
557
.skin.thumbgoright .layer-media {
558
transition: all 1s ease 0s;
559
width: 100%;
560
}
561
.skin.thumbgoright:hover .layer-content{
562
- opacity: 1;
563
- }
564
.skin.thumbgoright .layer-content {
565
left: 0;
566
opacity: 0;
567
position: absolute;
568
top: 0;
569
transition: all 1s ease 0s;
570
}
571
.skin.thumbgoright .layer-hover {
@@ -584,22 +662,29 @@ opacity: 0;
584
}
585
.skin.thumbgotop:hover .layer-media {
586
opacity: 0;
587
top: -100%;
588
transform: translateY(-100%) scale(0.6);
589
}
590
591
.skin.thumbgotop .layer-media {
592
transition: all 1s ease 0s;
593
width: 100%;
594
}
595
.skin.thumbgotop:hover .layer-content{
596
- opacity: 1;
597
- }
598
.skin.thumbgotop .layer-content {
599
left: 0;
600
opacity: 0;
601
position: absolute;
602
top: 0;
603
transition: all 1s ease 0s;
604
}
605
.skin.thumbgotop .layer-hover {
@@ -619,21 +704,28 @@ opacity: 0;
619
.skin.thumbgobottom:hover .layer-media {
620
bottom: -100%;
621
opacity: 0;
622
transform: scale(0.5) translateY(100%);
623
}
624
.skin.thumbgobottom .layer-media {
625
transition: all 1s ease 0s;
626
width: 100%;
627
}
628
.skin.thumbgobottom:hover .layer-content{
629
- opacity: 1;
630
- }
631
.skin.thumbgobottom .layer-content {
632
left: 0;
633
opacity: 0;
634
position: absolute;
635
top: 0;
636
width: 100%;
637
transition: all 1s ease 0s;
638
}
639
.skin.thumbgobottom .layer-hover {
@@ -656,28 +748,37 @@ opacity: 0;
656
}
657
658
.skin.thumbmiddle:hover .layer-media {
659
- transform: scale(0.9);
660
- opacity: 0.3;
661
- z-index:9;
662
}
663
664
.skin.thumbmiddle .layer-media {
665
transition: all 0.4s ease 0s;
666
left: 0;
667
top: 0;
668
width: 100%;
669
}
670
.skin.thumbmiddle:hover .layer-content{
671
- opacity: 1;
672
- z-index:10;
673
- transform: scale(0.9);
674
- padding:5px;
675
- }
676
.skin.thumbmiddle .layer-content {
677
left: 0;
678
opacity: 0;
679
position: absolute;
680
top: 0;
681
transition: all 1s ease 0s;
682
width: 100%;
683
}
@@ -697,28 +798,37 @@ z-index:9;
697
}
698
699
.skin.thumbskew:hover .layer-media {
700
- transform: scale(0.9) skew(5deg);
701
- opacity: 0.3;
702
- z-index:9;
703
}
704
705
.skin.thumbskew .layer-media {
706
transition: all 0.4s ease 0s;
707
left: 0;
708
top: 0;
709
width: 100%;
710
}
711
.skin.thumbskew:hover .layer-content{
712
- opacity: 1;
713
- z-index:10;
714
- transform: scale(0.9) ;
715
- padding:5px;
716
- }
717
.skin.thumbskew .layer-content {
718
left: 0;
719
opacity: 0;
720
position: absolute;
721
top: 0;
722
transition: all 1s ease 0s;
723
width: 100%;
724
}
@@ -738,10 +848,11 @@ z-index:9;
738
739
.skin.contentbottom:hover .layer-media {
740
741
- z-index:9;
742
}
743
744
.skin.contentbottom .layer-media {
745
transition: all 0.4s ease 0s;
746
left: 0;
747
top: 0;
@@ -749,13 +860,14 @@ z-index:9;
749
}
750
.skin.contentbottom:hover .layer-content{
751
752
- }
753
.skin.contentbottom .layer-content {
754
background: rgba(0, 0, 0, 0.3) none repeat scroll 0 0;
755
bottom: 0;
756
color: rgb(255, 255, 255);
757
left: 0;
758
position: absolute;
759
transition: all 1s ease 0s;
760
width: 100%;
761
}
@@ -776,10 +888,11 @@ z-index:9;
776
777
.skin.contentmiddle:hover .layer-media {
778
779
- z-index:9;
780
}
781
782
.skin.contentmiddle .layer-media {
783
transition: all 0.4s ease 0s;
784
left: 0;
785
top: 0;
@@ -787,13 +900,15 @@ z-index:9;
787
}
788
.skin.contentmiddle:hover .layer-content{
789
790
- }
791
.skin.contentmiddle .layer-content {
792
background: rgba(0, 0, 0, 0.3) none repeat scroll 0 0;
793
bottom: 50%;
794
color: rgb(255, 255, 255);
795
left: 0;
796
position: absolute;
797
transform: translate(0px, 50%);
798
width: 100%;
799
}
@@ -812,10 +927,11 @@ z-index:9;
812
813
.skin.contentinbottom:hover .layer-media {
814
815
- z-index:9;
816
}
817
818
.skin.contentinbottom .layer-media {
819
transition: all 0.4s ease 0s;
820
left: 0;
821
top: 0;
@@ -830,6 +946,7 @@ z-index:9;
830
color: rgb(255, 255, 255);
831
left: 0;
832
position: absolute;
833
transition: all 0.5s ease 0s;
834
width: 100%;
835
}
@@ -849,10 +966,11 @@ z-index:9;
849
850
.skin.contentinleft:hover .layer-media {
851
852
- z-index:9;
853
}
854
855
.skin.contentinleft .layer-media {
856
transition: all 0.4s ease 0s;
857
left: 0;
858
top: 0;
@@ -868,6 +986,7 @@ z-index:9;
868
left: -100%;
869
position: absolute;
870
top: 0;
871
transition: all 0.5s ease 0s;
872
width: 100%;
873
}
@@ -886,10 +1005,11 @@ z-index:9;
886
887
.skin.contentinright:hover .layer-media {
888
889
- z-index:9;
890
}
891
892
.skin.contentinright .layer-media {
893
transition: all 0.4s ease 0s;
894
left: 0;
895
top: 0;
@@ -905,6 +1025,7 @@ z-index:9;
905
left: 100%;
906
position: absolute;
907
top: 0;
908
transition: all 0.5s ease 0s;
909
width: 100%;
910
}
@@ -914,6 +1035,57 @@ z-index:9;
914
915
916
917
918
/*################### thumbgoleftconetntinright ########################*/
919
.skin.thumbgoleftconetntinright {
@@ -923,10 +1095,13 @@ z-index:9;
923
}
924
925
.skin.thumbgoleftconetntinright:hover .layer-media {
926
transform: translateX(-100%);
927
}
928
929
.skin.thumbgoleftconetntinright .layer-media {
930
transition: all 0.4s ease 0s;
931
left: 0;
932
top: 0;
@@ -941,6 +1116,7 @@ z-index:9;
941
left: 100%;
942
position: absolute;
943
top: 0;
944
transition: all 0.5s ease 0s;
945
width: 100%;
946
}
@@ -959,10 +1135,13 @@ z-index:9;
959
}
960
961
.skin.thumbgobottomconetntinright:hover .layer-media {
962
transform: translateY(100%);
963
}
964
965
.skin.thumbgobottomconetntinright .layer-media {
966
transition: all 0.4s ease 0s;
967
left: 0;
968
top: 0;
@@ -977,6 +1156,7 @@ z-index:9;
977
left: 100%;
978
position: absolute;
979
top: 0;
980
transition: all 0.5s ease 0s;
981
width: 100%;
982
}
@@ -994,10 +1174,13 @@ z-index:9;
994
}
995
996
.skin.thumbgotopconetntinright:hover .layer-media {
997
transform: translateY(-100%);
998
}
999
1000
.skin.thumbgotopconetntinright .layer-media {
1001
transition: all 0.4s ease 0s;
1002
left: 0;
1003
top: 0;
@@ -1012,6 +1195,7 @@ z-index:9;
1012
left: 100%;
1013
position: absolute;
1014
top: 0;
1015
transition: all 0.5s ease 0s;
1016
width: 100%;
1017
}
@@ -1029,10 +1213,13 @@ z-index:9;
1029
}
1030
1031
.skin.thumbgorightconetntinright:hover .layer-media {
1032
transform: translateX(100%);
1033
}
1034
1035
.skin.thumbgorightconetntinright .layer-media {
1036
transition: all 0.4s ease 0s;
1037
left: 0;
1038
top: 0;
@@ -1047,6 +1234,7 @@ z-index:9;
1047
left: 100%;
1048
position: absolute;
1049
top: 0;
1050
transition: all 0.5s ease 0s;
1051
width: 100%;
1052
}
@@ -1119,7 +1307,7 @@ z-index:9;
1119
}
1120
1121
.skin.thumbrounded .layer-media .thumb {
1122
- height:240px;
1123
}
1124
1125
.skin.thumbrounded .layer-content{}
@@ -1145,10 +1333,11 @@ z-index:9;
1145
1146
.skin.contentborder:hover .layer-media {
1147
1148
- z-index:9;
1149
}
1150
1151
.skin.contentborder .layer-media {
1152
transition: all 0.4s ease 0s;
1153
left: 0;
1154
top: 0;
@@ -1156,7 +1345,7 @@ z-index:9;
1156
}
1157
.skin.contentborder:hover .layer-content{
1158
1159
- }
1160
.skin.contentborder .layer-content {
1161
background: rgba(0, 0, 0, 0.3) none repeat scroll 0 0;
1162
bottom: 50%;
@@ -1164,6 +1353,8 @@ z-index:9;
1164
left: 0;
1165
padding: 40px;
1166
position: absolute;
1167
transform: translate(0px, 50%);
1168
}
1169
.skin.contentborder .layer-hover {
@@ -1171,45 +1362,77 @@ z-index:9;
1171
}
1172
1173
1174
- .skin.contentborder .layer-content::before {
1175
border-bottom: 1px solid #fff;
1176
border-top: 1px solid #fff;
1177
bottom: 30px;
1178
left: 10px;
1179
right: 10px;
1180
top: 30px;
1181
transform: scale(0, 1);
1182
transform-origin: 0 0 0;
1183
}
1184
1185
- .skin.contentborder .layer-content::after {
1186
border-left: 1px solid #fff;
1187
border-right: 1px solid #fff;
1188
bottom: 10px;
1189
left: 30px;
1190
right: 30px;
1191
top: 10px;
1192
transform: scale(1, 0);
1193
transform-origin: 100% 0 0;
1194
}
1195
1196
- .skin.contentborder:hover .layer-content::before, .skin.contentborder:hover .layer-content::after {
1197
opacity: 1;
1198
transform: scale(1);
1199
}
1200
1201
- .skin.contentborder .layer-content::before, .skin.contentborder .layer-content::after {
1202
content: "";
1203
opacity: 0;
1204
position: absolute;
1205
}
1206
1207
- .skin.contentborder .layer-content::before, .skin.contentborder .layer-content::after {
1208
transition: opacity 0.35s ease 0s, transform 0.35s ease 0s;
1209
}
1210
1211
1212
1213
1214
1215
/*################### contentborderrounded ########################*/
@@ -1221,10 +1444,11 @@ z-index:9;
1221
1222
.skin.contentborderrounded:hover .layer-media {
1223
1224
- z-index:9;
1225
}
1226
1227
.skin.contentborderrounded .layer-media {
1228
transition: all 0.4s ease 0s;
1229
left: 0;
1230
top: 0;
@@ -1232,7 +1456,7 @@ z-index:9;
1232
}
1233
.skin.contentborderrounded:hover .layer-content{
1234
1235
- }
1236
.skin.contentborderrounded .layer-content {
1237
background: rgba(0, 0, 0, 0.3) none repeat scroll 0 0;
1238
bottom: 50%;
@@ -1240,6 +1464,8 @@ z-index:9;
1240
left: 0;
1241
padding: 40px;
1242
position: absolute;
1243
transform: translate(0px, 50%);
1244
}
1245
.skin.contentborderrounded .layer-hover {
@@ -1247,7 +1473,7 @@ z-index:9;
1247
}
1248
1249
1250
- .skin.contentborderrounded .layer-content::before {
1251
border-bottom: 1px solid #fff;
1252
border-top: 1px solid #fff;
1253
border-radius: 15px;
@@ -1255,11 +1481,15 @@ z-index:9;
1255
left: 30px;
1256
right: 30px;
1257
top: 30px;
1258
transform: scale(0, 1);
1259
transform-origin: 0 0 0;
1260
}
1261
1262
- .skin.contentborderrounded .layer-content::after {
1263
border-left: 1px solid #fff;
1264
border-right: 1px solid #fff;
1265
border-radius: 15px;
@@ -1267,27 +1497,38 @@ z-index:9;
1267
left: 30px;
1268
right: 30px;
1269
top: 30px;
1270
transform: scale(1, 0);
1271
transform-origin: 100% 0 0;
1272
}
1273
1274
- .skin.contentborderrounded:hover .layer-content::before, .skin.contentborderrounded:hover .layer-content::after {
1275
opacity: 1;
1276
transform: scale(1);
1277
}
1278
1279
- .skin.contentborderrounded .layer-content::before, .skin.contentborderrounded .layer-content::after {
1280
content: "";
1281
opacity: 0;
1282
position: absolute;
1283
}
1284
1285
- .skin.contentborderrounded .layer-content::before, .skin.contentborderrounded .layer-content::after {
1286
transition: opacity 0.35s ease 0s, transform 0.35s ease 0s;
1287
}
1288
1289
.skin.contentborderrounded .layer-content{
1290
- padding-bottom:65px;}
1291
1292
.skin.contentborderrounded .layer-content .read_more {
1293
left: 0;
@@ -1297,4 +1538,17 @@ z-index:9;
1297
z-index: 11;
1298
}
1299
1300
23
overflow: hidden;
24
padding: 0;
25
-webkit-perspective: 600px;
26
+ perspective: 600px;
27
position: relative;
28
vertical-align: top;
29
width: 100%;
32
.skin.flip-x:hover .layer-media {
33
background: rgb(255, 255, 255) none repeat scroll 0 0;
34
-webkit-transform: rotateX(180deg);
35
+ transform: rotateX(180deg);
36
z-index: 900;
37
}
38
39
40
.skin.flip-x .layer-media {
41
-webkit-backface-visibility: hidden;
42
+ backface-visibility: hidden;
43
background: rgb(255, 255, 255) none repeat scroll 0 0;
44
float: none;
45
height: inherit;
47
text-align: center;
48
top: 0;
49
-webkit-transform: rotateX(0deg) rotateY(0deg);
50
+ transform: rotateX(0deg) rotateY(0deg);
51
-webkit-transform-style: preserve-3d;
52
+ transform-style: preserve-3d;
53
-webkit-transition: all 0.4s ease-in-out 0s;
54
+ transition: all 0.4s ease-in-out 0s;
55
width: inherit;
56
z-index: 900;
57
}
59
.skin.flip-x:hover .layer-content {
60
background: rgb(255, 255, 255) none repeat scroll 0 0;
61
-webkit-transform: rotateX(0deg) rotateY(0deg);
62
+ transform: rotateX(0deg) rotateY(0deg);
63
z-index: 1000;
64
}
65
66
.skin.flip-x .layer-content {
67
-webkit-backface-visibility: hidden;
68
+ backface-visibility: hidden;
69
background: rgb(255, 255, 255) none repeat scroll 0 0;
70
float: none;
71
height: inherit;
74
position: absolute;
75
top: 0;
76
-webkit-transform: rotateX(-179deg);
77
+ transform: rotateX(-179deg);
78
-webkit-transform-style: preserve-3d;
79
+ transform-style: preserve-3d;
80
-webkit-transition: all 0.4s ease-in-out 0s;
81
+ transition: all 0.4s ease-in-out 0s;
82
width: inherit;
83
z-index: 800;
84
}
95
overflow: hidden;
96
padding: 0;
97
-webkit-perspective: 600px;
98
+ perspective: 600px;
99
position: relative;
100
vertical-align: top;
101
width: 100%;
104
.skin.flip-y:hover .layer-media {
105
background: rgb(255, 255, 255) none repeat scroll 0 0;
106
-webkit-transform: rotateY(180deg);
107
+ transform: rotateY(180deg);
108
z-index: 900;
109
}
110
111
112
.skin.flip-y .layer-media {
113
-webkit-backface-visibility: hidden;
114
+ backface-visibility: hidden;
115
background: rgb(255, 255, 255) none repeat scroll 0 0;
116
float: none;
117
height: inherit;
119
text-align: center;
120
top: 0;
121
-webkit-transform: rotateX(0deg) rotateY(0deg);
122
+ transform: rotateX(0deg) rotateY(0deg);
123
-webkit-transform-style: preserve-3d;
124
+ transform-style: preserve-3d;
125
-webkit-transition: all 0.4s ease-in-out 0s;
126
+ transition: all 0.4s ease-in-out 0s;
127
width: inherit;
128
z-index: 900;
129
}
131
.skin.flip-y:hover .layer-content {
132
background: rgb(255, 255, 255) none repeat scroll 0 0;
133
-webkit-transform: rotateX(0deg) rotateY(0deg);
134
+ transform: rotateX(0deg) rotateY(0deg);
135
z-index: 1000;
136
}
137
138
.skin.flip-y .layer-content {
139
-webkit-backface-visibility: hidden;
140
+ backface-visibility: hidden;
141
background: rgb(255, 255, 255) none repeat scroll 0 0;
142
float: none;
143
height: inherit;
145
position: absolute;
146
top: 0;
147
-webkit-transform: rotateY(-179deg);
148
+ transform: rotateY(-179deg);
149
-webkit-transform-style: preserve-3d;
150
+ transform-style: preserve-3d;
151
-webkit-transition: all 0.4s ease-in-out 0s;
152
+ transition: all 0.4s ease-in-out 0s;
153
width: inherit;
154
z-index: 800;
155
}
158
display: none;
159
}
160
161
/*################### zoomin ########################*/
162
163
168
}
169
170
.skin.zoomin:hover .layer-media {
171
+ -webkit-transform: scale(1.5);
172
+ -ms-transform: scale(1.5);
173
+ transform: scale(1.5);
174
+ opacity: 0;
175
+ filter: alpha(opacity=0);
176
}
177
178
.skin.zoomin .layer-media {
179
+ -webkit-transition: all 1s ease 0s;
180
+ transition: all 1s ease 0s;
181
left: 0;
182
top: 0;
183
width: 100%;
184
}
185
.skin.zoomin:hover .layer-content{
186
+ opacity: 1;
187
+ filter: alpha(opacity=100);
188
+ }
189
.skin.zoomin .layer-content {
190
opacity: 0;
191
+ filter: alpha(opacity=0);
192
position: absolute;
193
top: 0;
194
width: 100%;
195
+ -webkit-transition: all 1s ease 0s;
196
transition: all 1s ease 0s;
197
}
198
.skin.zoomin .layer-hover {
206
vertical-align: top;
207
}
208
.skin.zoomout:hover .layer-media {
209
+ -webkit-transform: scale(0);
210
+ -ms-transform: scale(0);
211
+ transform: scale(0);
212
+ opacity: 0;
213
+ filter: alpha(opacity=0);
214
}
215
216
.skin.zoomout .layer-media {
217
+ -webkit-transition: all 1s ease 0s;
218
+ transition: all 1s ease 0s;
219
left: 0;
220
top: 0;
221
width: 100%;
222
}
223
.skin.zoomout:hover .layer-content{
224
+ opacity: 1;
225
+ filter: alpha(opacity=100);
226
+ }
227
.skin.zoomout .layer-content {
228
left: 0;
229
opacity: 0;
230
+ filter: alpha(opacity=0);
231
position: absolute;
232
top: 0;
233
width: 100%;
234
+ -webkit-transition: all 1s ease 0s;
235
transition: all 1s ease 0s;
236
}
237
.skin.zoomout .layer-hover {
252
}
253
254
.skin.thumbzoomcontentin:hover .layer-media {
255
+ -webkit-transform: scale(1.5);
256
+ -ms-transform: scale(1.5);
257
+ transform: scale(1.5);
258
+ opacity: 1;
259
+ filter: alpha(opacity=100);
260
}
261
262
.skin.thumbzoomcontentin .layer-media {
263
+ -webkit-transition: all 0.3s ease 0s;
264
+ transition: all 0.3s ease 0s;
265
left: 0;
266
top: 0;
267
width: 100%;
269
270
271
.skin.thumbzoomcontentin:hover .layer-media {
272
+ filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="linear" slope="0.3" /><feFuncG type="linear" slope="0.3" /><feFuncB type="linear" slope="0.3" /></feComponentTransfer></filter></svg>#filter');
273
+ -webkit-filter: brightness(0.3);
274
filter: brightness(0.3);
275
276
}
279
280
281
.skin.thumbzoomcontentin:hover .layer-content{
282
+ opacity: 1;
283
+ filter: alpha(opacity=100);
284
+ }
285
.skin.thumbzoomcontentin .layer-content {
286
margin-top: 30%;
287
opacity: 0;
288
+ filter: alpha(opacity=0);
289
position: absolute;
290
top: 0;
291
+ -webkit-transition: all 0.3s ease 0s;
292
transition: all 0.3s ease 0s;
293
width: 100%;
294
}
314
}
315
316
.skin.spinright:hover .layer-media {
317
+ -webkit-transform: rotate(30deg);
318
+ -ms-transform: rotate(30deg);
319
+ transform: rotate(30deg);
320
+ opacity: 0;
321
+ filter: alpha(opacity=0);
322
}
323
324
.skin.spinright .layer-media {
325
+ -webkit-transition: all 1s ease 0s;
326
+ transition: all 1s ease 0s;
327
left: 0;
328
top: 0;
329
width: 100%;
330
}
331
.skin.spinright:hover .layer-content{
332
+ opacity: 1;
333
+ filter: alpha(opacity=100);
334
+ }
335
.skin.spinright .layer-content {
336
left: 0;
337
opacity: 0;
338
+ filter: alpha(opacity=0);
339
position: absolute;
340
top: 0;
341
width: 100%;
342
+ -webkit-transition: all 1s ease 0s;
343
transition: all 1s ease 0s;
344
}
345
.skin.spinright .layer-hover {
362
363
.skin.spinrightzoom:hover .layer-media {
364
opacity: 0.6;
365
+ filter: alpha(opacity=60);
366
+ -webkit-transform: rotate(20deg) scale(1.5);
367
+ -ms-transform: rotate(20deg) scale(1.5);
368
transform: rotate(20deg) scale(1.5);
369
}
370
371
.skin.spinrightzoom .layer-media {
372
+ -webkit-transition: all 1s ease 0s;
373
+ transition: all 1s ease 0s;
374
left: 0;
375
top: 0;
376
width: 100%;
377
}
378
.skin.spinrightzoom:hover .layer-content{
379
+ opacity: 1;
380
+ filter: alpha(opacity=100);
381
+ }
382
.skin.spinrightzoom .layer-content {
383
left: 0;
384
opacity: 0;
385
+ filter: alpha(opacity=0);
386
position: absolute;
387
top: 0;
388
width: 100%;
389
+ -webkit-transition: all 1s ease 0s;
390
transition: all 1s ease 0s;
391
}
392
.skin.spinrightzoom .layer-hover {
407
}
408
409
.skin.spinleft:hover .layer-media {
410
+ -webkit-transform: rotate(-30deg);
411
+ -ms-transform: rotate(-30deg);
412
+ transform: rotate(-30deg);
413
+ opacity: 0;
414
+ filter: alpha(opacity=0);
415
}
416
417
.skin.spinleft .layer-media {
418
+ -webkit-transition: all 1s ease 0s;
419
+ transition: all 1s ease 0s;
420
left: 0;
421
top: 0;
422
width: 100%;
423
}
424
.skin.spinleft:hover .layer-content{
425
+ opacity: 1;
426
+ filter: alpha(opacity=100);
427
+ }
428
.skin.spinleft .layer-content {
429
left: 0;
430
opacity: 0;
431
+ filter: alpha(opacity=0);
432
position: absolute;
433
top: 0;
434
width: 100%;
435
+ -webkit-transition: all 1s ease 0s;
436
transition: all 1s ease 0s;
437
}
438
.skin.spinleft .layer-hover {
452
453
.skin.spinleftzoom:hover .layer-media {
454
opacity: 0.7;
455
+ filter: alpha(opacity=70);
456
+ -webkit-transform: rotate(-30deg) scale(1.5);
457
+ -ms-transform: rotate(-30deg) scale(1.5);
458
transform: rotate(-30deg) scale(1.5);
459
}
460
461
.skin.spinleftzoom .layer-media {
462
+ -webkit-transition: all 1s ease 0s;
463
+ transition: all 1s ease 0s;
464
left: 0;
465
top: 0;
466
width: 100%;
467
}
468
.skin.spinleftzoom:hover .layer-content{
469
+ opacity: 1;
470
+ filter: alpha(opacity=100);
471
+ }
472
.skin.spinleftzoom .layer-content {
473
left: 0;
474
opacity: 0;
475
+ filter: alpha(opacity=0);
476
position: absolute;
477
top: 0;
478
width: 100%;
479
+ -webkit-transition: all 1s ease 0s;
480
transition: all 1s ease 0s;
481
}
482
.skin.spinleftzoom .layer-hover {
500
}
501
502
.skin.spinrightfast:hover .layer-media {
503
+ -webkit-transform: rotate(180deg);
504
+ -ms-transform: rotate(180deg);
505
+ transform: rotate(180deg);
506
+ opacity: 0;
507
+ filter: alpha(opacity=0);
508
}
509
510
.skin.spinrightfast .layer-media {
511
+ -webkit-transition: all 1s ease 0s;
512
+ transition: all 1s ease 0s;
513
left: 0;
514
top: 0;
515
width: 100%;
516
}
517
.skin.spinrightfast:hover .layer-content{
518
+ opacity: 1;
519
+ filter: alpha(opacity=100);
520
+ }
521
.skin.spinrightfast .layer-content {
522
left: 0;
523
opacity: 0;
524
+ filter: alpha(opacity=0);
525
position: absolute;
526
top: 0;
527
width: 100%;
528
+ -webkit-transition: all 1s ease 0s;
529
transition: all 1s ease 0s;
530
}
531
.skin.spinrightfast .layer-hover {
541
}
542
543
.skin.spinleftfast:hover .layer-media {
544
+ -webkit-transform: rotate(-180deg);
545
+ -ms-transform: rotate(-180deg);
546
+ transform: rotate(-180deg);
547
+ opacity: 0;
548
+ filter: alpha(opacity=0);
549
}
550
551
.skin.spinleftfast .layer-media {
552
+ -webkit-transition: all 1s ease 0s;
553
+ transition: all 1s ease 0s;
554
left: 0;
555
top: 0;
556
width: 100%;
557
}
558
.skin.spinleftfast:hover .layer-content{
559
+ opacity: 1;
560
+ filter: alpha(opacity=100);
561
+ }
562
.skin.spinleftfast .layer-content {
563
left: 0;
564
opacity: 0;
565
+ filter: alpha(opacity=0);
566
position: absolute;
567
top: 0;
568
width: 100%;
569
+ -webkit-transition: all 1s ease 0s;
570
transition: all 1s ease 0s;
571
}
572
.skin.spinleftfast .layer-hover {
583
584
.skin.thumbgoleft:hover .layer-media {
585
opacity: 0;
586
+ filter: alpha(opacity=0);
587
+ -webkit-transform: scale(0.5) translateX(-100%);
588
+ -ms-transform: scale(0.5) translateX(-100%);
589
transform: scale(0.5) translateX(-100%);
590
}
591
592
.skin.thumbgoleft .layer-media {
593
+ -webkit-transition: all 1s ease 0s;
594
transition: all 1s ease 0s;
595
width: 100%;
596
}
597
.skin.thumbgoleft:hover .layer-content{
598
+ opacity: 1;
599
+ filter: alpha(opacity=100);
600
+ }
601
.skin.thumbgoleft .layer-content {
602
left: 0;
603
opacity: 0;
604
+ filter: alpha(opacity=0);
605
position: absolute;
606
top: 0;
607
+ -webkit-transition: all 1s ease 0s;
608
transition: all 1s ease 0s;
609
}
610
.skin.thumbgoleft .layer-hover {
622
623
.skin.thumbgoright:hover .layer-media {
624
opacity: 0;
625
+ filter: alpha(opacity=0);
626
+ -webkit-transform: scale(0.5) translateX(100%);
627
+ -ms-transform: scale(0.5) translateX(100%);
628
transform: scale(0.5) translateX(100%);
629
}
630
631
.skin.thumbgoright .layer-media {
632
+ -webkit-transition: all 1s ease 0s;
633
transition: all 1s ease 0s;
634
width: 100%;
635
}
636
.skin.thumbgoright:hover .layer-content{
637
+ opacity: 1;
638
+ filter: alpha(opacity=100);
639
+ }
640
.skin.thumbgoright .layer-content {
641
left: 0;
642
opacity: 0;
643
+ filter: alpha(opacity=0);
644
position: absolute;
645
top: 0;
646
+ -webkit-transition: all 1s ease 0s;
647
transition: all 1s ease 0s;
648
}
649
.skin.thumbgoright .layer-hover {
662
}
663
.skin.thumbgotop:hover .layer-media {
664
opacity: 0;
665
+ filter: alpha(opacity=0);
666
top: -100%;
667
+ -webkit-transform: translateY(-100%) scale(0.6);
668
+ -ms-transform: translateY(-100%) scale(0.6);
669
transform: translateY(-100%) scale(0.6);
670
}
671
672
.skin.thumbgotop .layer-media {
673
+ -webkit-transition: all 1s ease 0s;
674
transition: all 1s ease 0s;
675
width: 100%;
676
}
677
.skin.thumbgotop:hover .layer-content{
678
+ opacity: 1;
679
+ filter: alpha(opacity=100);
680
+ }
681
.skin.thumbgotop .layer-content {
682
left: 0;
683
opacity: 0;
684
+ filter: alpha(opacity=0);
685
position: absolute;
686
top: 0;
687
+ -webkit-transition: all 1s ease 0s;
688
transition: all 1s ease 0s;
689
}
690
.skin.thumbgotop .layer-hover {
704
.skin.thumbgobottom:hover .layer-media {
705
bottom: -100%;
706
opacity: 0;
707
+ filter: alpha(opacity=0);
708
+ -webkit-transform: scale(0.5) translateY(100%);
709
+ -ms-transform: scale(0.5) translateY(100%);
710
transform: scale(0.5) translateY(100%);
711
}
712
.skin.thumbgobottom .layer-media {
713
+ -webkit-transition: all 1s ease 0s;
714
transition: all 1s ease 0s;
715
width: 100%;
716
}
717
.skin.thumbgobottom:hover .layer-content{
718
+ opacity: 1;
719
+ filter: alpha(opacity=100);
720
+ }
721
.skin.thumbgobottom .layer-content {
722
left: 0;
723
opacity: 0;
724
+ filter: alpha(opacity=0);
725
position: absolute;
726
top: 0;
727
width: 100%;
728
+ -webkit-transition: all 1s ease 0s;
729
transition: all 1s ease 0s;
730
}
731
.skin.thumbgobottom .layer-hover {
748
}
749
750
.skin.thumbmiddle:hover .layer-media {
751
+ -webkit-transform: scale(0.9);
752
+ -ms-transform: scale(0.9);
753
+ transform: scale(0.9);
754
+ opacity: 0.3;
755
+ filter: alpha(opacity=30);
756
+ z-index:9;
757
}
758
759
.skin.thumbmiddle .layer-media {
760
+ -webkit-transition: all 0.4s ease 0s;
761
transition: all 0.4s ease 0s;
762
left: 0;
763
top: 0;
764
width: 100%;
765
}
766
.skin.thumbmiddle:hover .layer-content{
767
+ opacity: 1;
768
+ filter: alpha(opacity=100);
769
+ z-index:10;
770
+ -webkit-transform: scale(0.9);
771
+ -ms-transform: scale(0.9);
772
+ transform: scale(0.9);
773
+ padding:5px;
774
+ }
775
.skin.thumbmiddle .layer-content {
776
left: 0;
777
opacity: 0;
778
+ filter: alpha(opacity=0);
779
position: absolute;
780
top: 0;
781
+ -webkit-transition: all 1s ease 0s;
782
transition: all 1s ease 0s;
783
width: 100%;
784
}
798
}
799
800
.skin.thumbskew:hover .layer-media {
801
+ -webkit-transform: scale(0.9) skew(5deg);
802
+ -ms-transform: scale(0.9) skew(5deg);
803
+ transform: scale(0.9) skew(5deg);
804
+ opacity: 0.3;
805
+ filter: alpha(opacity=30);
806
+ z-index:9;
807
}
808
809
.skin.thumbskew .layer-media {
810
+ -webkit-transition: all 0.4s ease 0s;
811
transition: all 0.4s ease 0s;
812
left: 0;
813
top: 0;
814
width: 100%;
815
}
816
.skin.thumbskew:hover .layer-content{
817
+ opacity: 1;
818
+ filter: alpha(opacity=100);
819
+ z-index:10;
820
+ -webkit-transform: scale(0.9) ;
821
+ -ms-transform: scale(0.9) ;
822
+ transform: scale(0.9) ;
823
+ padding:5px;
824
+ }
825
.skin.thumbskew .layer-content {
826
left: 0;
827
opacity: 0;
828
+ filter: alpha(opacity=0);
829
position: absolute;
830
top: 0;
831
+ -webkit-transition: all 1s ease 0s;
832
transition: all 1s ease 0s;
833
width: 100%;
834
}
848
849
.skin.contentbottom:hover .layer-media {
850
851
+ z-index:9;
852
}
853
854
.skin.contentbottom .layer-media {
855
+ -webkit-transition: all 0.4s ease 0s;
856
transition: all 0.4s ease 0s;
857
left: 0;
858
top: 0;
860
}
861
.skin.contentbottom:hover .layer-content{
862
863
+ }
864
.skin.contentbottom .layer-content {
865
background: rgba(0, 0, 0, 0.3) none repeat scroll 0 0;
866
bottom: 0;
867
color: rgb(255, 255, 255);
868
left: 0;
869
position: absolute;
870
+ -webkit-transition: all 1s ease 0s;
871
transition: all 1s ease 0s;
872
width: 100%;
873
}
888
889
.skin.contentmiddle:hover .layer-media {
890
891
+ z-index:9;
892
}
893
894
.skin.contentmiddle .layer-media {
895
+ -webkit-transition: all 0.4s ease 0s;
896
transition: all 0.4s ease 0s;
897
left: 0;
898
top: 0;
900
}
901
.skin.contentmiddle:hover .layer-content{
902
903
+ }
904
.skin.contentmiddle .layer-content {
905
background: rgba(0, 0, 0, 0.3) none repeat scroll 0 0;
906
bottom: 50%;
907
color: rgb(255, 255, 255);
908
left: 0;
909
position: absolute;
910
+ -webkit-transform: translate(0px, 50%);
911
+ -ms-transform: translate(0px, 50%);
912
transform: translate(0px, 50%);
913
width: 100%;
914
}
927
928
.skin.contentinbottom:hover .layer-media {
929
930
+ z-index:9;
931
}
932
933
.skin.contentinbottom .layer-media {
934
+ -webkit-transition: all 0.4s ease 0s;
935
transition: all 0.4s ease 0s;
936
left: 0;
937
top: 0;
946
color: rgb(255, 255, 255);
947
left: 0;
948
position: absolute;
949
+ -webkit-transition: all 0.5s ease 0s;
950
transition: all 0.5s ease 0s;
951
width: 100%;
952
}
966
967
.skin.contentinleft:hover .layer-media {
968
969
+ z-index:9;
970
}
971
972
.skin.contentinleft .layer-media {
973
+ -webkit-transition: all 0.4s ease 0s;
974
transition: all 0.4s ease 0s;
975
left: 0;
976
top: 0;
986
left: -100%;
987
position: absolute;
988
top: 0;
989
+ -webkit-transition: all 0.5s ease 0s;
990
transition: all 0.5s ease 0s;
991
width: 100%;
992
}
1005
1006
.skin.contentinright:hover .layer-media {
1007
1008
+ z-index:9;
1009
}
1010
1011
.skin.contentinright .layer-media {
1012
+ -webkit-transition: all 0.4s ease 0s;
1013
transition: all 0.4s ease 0s;
1014
left: 0;
1015
top: 0;
1025
left: 100%;
1026
position: absolute;
1027
top: 0;
1028
+ -webkit-transition: all 0.5s ease 0s;
1029
transition: all 0.5s ease 0s;
1030
width: 100%;
1031
}
1035
1036
1037
1038
+ /*################### contentinrightfixTitle ########################*/
1039
+ .skin.contentinrightfixtitle {
1040
+ overflow: hidden;
1041
+ position: relative;
1042
+ vertical-align: top;
1043
+ }
1044
+
1045
+ .skin.contentinrightfixtitle:hover .layer-media {
1046
+
1047
+ z-index:9;
1048
+ }
1049
+
1050
+ .skin.contentinrightfixtitle .layer-media {
1051
+ -webkit-transition: all 0.4s ease 0s;
1052
+ transition: all 0.4s ease 0s;
1053
+ left: 0;
1054
+ top: 0;
1055
+ width: 100%;
1056
+ }
1057
+ .skin.contentinrightfixtitle:hover .layer-content {
1058
+ left: 0;
1059
+ }
1060
+ .skin.contentinrightfixtitle .layer-content {
1061
+ background: rgba(0, 0, 0, 0.3) none repeat scroll 0 0;
1062
+ color: rgb(255, 255, 255);
1063
+ height: 100%;
1064
+ left: 100%;
1065
+ position: absolute;
1066
+ top: 0;
1067
+ -webkit-transition: all 0.5s ease 0s;
1068
+ transition: all 0.5s ease 0s;
1069
+ width: 100%;
1070
+ }
1071
+ .skin.contentinrightfixtitle .layer-hover {
1072
+ display: none;
1073
+ }
1074
+
1075
+
1076
+ .skin.contentinrightfixtitle .layer-media .title {
1077
+ margin: 0 auto;
1078
+ position: absolute;
1079
+ top: 50%;
1080
+ transition: all 1s ease 0s;
1081
+ width: 100%;
1082
+ }
1083
+
1084
+
1085
+ .skin.contentinrightfixtitle:hover .layer-media .title {
1086
+ transform: scale(0);
1087
+ }
1088
+
1089
1090
/*################### thumbgoleftconetntinright ########################*/
1091
.skin.thumbgoleftconetntinright {
1095
}
1096
1097
.skin.thumbgoleftconetntinright:hover .layer-media {
1098
+ -webkit-transform: translateX(-100%);
1099
+ -ms-transform: translateX(-100%);
1100
transform: translateX(-100%);
1101
}
1102
1103
.skin.thumbgoleftconetntinright .layer-media {
1104
+ -webkit-transition: all 0.4s ease 0s;
1105
transition: all 0.4s ease 0s;
1106
left: 0;
1107
top: 0;
1116
left: 100%;
1117
position: absolute;
1118
top: 0;
1119
+ -webkit-transition: all 0.5s ease 0s;
1120
transition: all 0.5s ease 0s;
1121
width: 100%;
1122
}
1135
}
1136
1137
.skin.thumbgobottomconetntinright:hover .layer-media {
1138
+ -webkit-transform: translateY(100%);
1139
+ -ms-transform: translateY(100%);
1140
transform: translateY(100%);
1141
}
1142
1143
.skin.thumbgobottomconetntinright .layer-media {
1144
+ -webkit-transition: all 0.4s ease 0s;
1145
transition: all 0.4s ease 0s;
1146
left: 0;
1147
top: 0;
1156
left: 100%;
1157
position: absolute;
1158
top: 0;
1159
+ -webkit-transition: all 0.5s ease 0s;
1160
transition: all 0.5s ease 0s;
1161
width: 100%;
1162
}
1174
}
1175
1176
.skin.thumbgotopconetntinright:hover .layer-media {
1177
+ -webkit-transform: translateY(-100%);
1178
+ -ms-transform: translateY(-100%);
1179
transform: translateY(-100%);
1180
}
1181
1182
.skin.thumbgotopconetntinright .layer-media {
1183
+ -webkit-transition: all 0.4s ease 0s;
1184
transition: all 0.4s ease 0s;
1185
left: 0;
1186
top: 0;
1195
left: 100%;
1196
position: absolute;
1197
top: 0;
1198
+ -webkit-transition: all 0.5s ease 0s;
1199
transition: all 0.5s ease 0s;
1200
width: 100%;
1201
}
1213
}
1214
1215
.skin.thumbgorightconetntinright:hover .layer-media {
1216
+ -webkit-transform: translateX(100%);
1217
+ -ms-transform: translateX(100%);
1218
transform: translateX(100%);
1219
}
1220
1221
.skin.thumbgorightconetntinright .layer-media {
1222
+ -webkit-transition: all 0.4s ease 0s;
1223
transition: all 0.4s ease 0s;
1224
left: 0;
1225
top: 0;
1234
left: 100%;
1235
position: absolute;
1236
top: 0;
1237
+ -webkit-transition: all 0.5s ease 0s;
1238
transition: all 0.5s ease 0s;
1239
width: 100%;
1240
}
1307
}
1308
1309
.skin.thumbrounded .layer-media .thumb {
1310
+ height:240px;
1311
}
1312
1313
.skin.thumbrounded .layer-content{}
1333
1334
.skin.contentborder:hover .layer-media {
1335
1336
+ z-index:9;
1337
}
1338
1339
.skin.contentborder .layer-media {
1340
+ -webkit-transition: all 0.4s ease 0s;
1341
transition: all 0.4s ease 0s;
1342
left: 0;
1343
top: 0;
1345
}
1346
.skin.contentborder:hover .layer-content{
1347
1348
+ }
1349
.skin.contentborder .layer-content {
1350
background: rgba(0, 0, 0, 0.3) none repeat scroll 0 0;
1351
bottom: 50%;
1353
left: 0;
1354
padding: 40px;
1355
position: absolute;
1356
+ -webkit-transform: translate(0px, 50%);
1357
+ -ms-transform: translate(0px, 50%);
1358
transform: translate(0px, 50%);
1359
}
1360
.skin.contentborder .layer-hover {
1362
}
1363
1364
1365
+ .skin.contentborder .layer-content:before {
1366
border-bottom: 1px solid #fff;
1367
border-top: 1px solid #fff;
1368
bottom: 30px;
1369
left: 10px;
1370
right: 10px;
1371
top: 30px;
1372
+ -webkit-transform: scale(0, 1);
1373
+ -ms-transform: scale(0, 1);
1374
transform: scale(0, 1);
1375
+ -webkit-transform-origin: 0 0 0;
1376
+ -ms-transform-origin: 0 0 0;
1377
transform-origin: 0 0 0;
1378
}
1379
1380
+ .skin.contentborder .layer-content:after {
1381
border-left: 1px solid #fff;
1382
border-right: 1px solid #fff;
1383
bottom: 10px;
1384
left: 30px;
1385
right: 30px;
1386
top: 10px;
1387
+ -webkit-transform: scale(1, 0);
1388
+ -ms-transform: scale(1, 0);
1389
transform: scale(1, 0);
1390
+ -webkit-transform-origin: 100% 0 0;
1391
+ -ms-transform-origin: 100% 0 0;
1392
transform-origin: 100% 0 0;
1393
}
1394
1395
+ .skin.contentborder:hover .layer-content:before, .skin.contentborder:hover .layer-content:after {
1396
opacity: 1;
1397
+ filter: alpha(opacity=100);
1398
+ -webkit-transform: scale(1);
1399
+ -ms-transform: scale(1);
1400
transform: scale(1);
1401
}
1402
1403
+ .skin.contentborder .layer-content:before, .skin.contentborder .layer-content:after {
1404
content: "";
1405
opacity: 0;
1406
+ filter: alpha(opacity=0);
1407
position: absolute;
1408
}
1409
1410
+ .skin.contentborder .layer-content:before, .skin.contentborder .layer-content:after {
1411
+ -webkit-transition: opacity 0.35s ease 0s, -webkit-transform 0.35s ease 0s;
1412
transition: opacity 0.35s ease 0s, transform 0.35s ease 0s;
1413
}
1414
1415
1416
+ .skin.contentborder .layer-content .read_more {
1417
+ left: 0;
1418
+ position: absolute;
1419
+ text-align: center;
1420
+ width: 100%;
1421
+ z-index: 11;
1422
+ }
1423
+
1424
+ .skin.contentborder .layer-content .title_link {
1425
+ left: 0;
1426
+ position: absolute;
1427
+ text-align: center;
1428
+ width: 100%;
1429
+ z-index: 11;
1430
+
1431
+ }
1432
+ .skin.contentborder .layer-content .excerpt {
1433
+ margin-top: 40px;
1434
1435
+ }
1436
1437
1438
/*################### contentborderrounded ########################*/
1444
1445
.skin.contentborderrounded:hover .layer-media {
1446
1447
+ z-index:9;
1448
}
1449
1450
.skin.contentborderrounded .layer-media {
1451
+ -webkit-transition: all 0.4s ease 0s;
1452
transition: all 0.4s ease 0s;
1453
left: 0;
1454
top: 0;
1456
}
1457
.skin.contentborderrounded:hover .layer-content{
1458
1459
+ }
1460
.skin.contentborderrounded .layer-content {
1461
background: rgba(0, 0, 0, 0.3) none repeat scroll 0 0;
1462
bottom: 50%;
1464
left: 0;
1465
padding: 40px;
1466
position: absolute;
1467
+ -webkit-transform: translate(0px, 50%);
1468
+ -ms-transform: translate(0px, 50%);
1469
transform: translate(0px, 50%);
1470
}
1471
.skin.contentborderrounded .layer-hover {
1473
}
1474
1475
1476
+ .skin.contentborderrounded .layer-content:before {
1477
border-bottom: 1px solid #fff;
1478
border-top: 1px solid #fff;
1479
border-radius: 15px;
1481
left: 30px;
1482
right: 30px;
1483
top: 30px;
1484
+ -webkit-transform: scale(0, 1);
1485
+ -ms-transform: scale(0, 1);
1486
transform: scale(0, 1);
1487
+ -webkit-transform-origin: 0 0 0;
1488
+ -ms-transform-origin: 0 0 0;
1489
transform-origin: 0 0 0;
1490
}
1491
1492
+ .skin.contentborderrounded .layer-content:after {
1493
border-left: 1px solid #fff;
1494
border-right: 1px solid #fff;
1495
border-radius: 15px;
1497
left: 30px;
1498
right: 30px;
1499
top: 30px;
1500
+ -webkit-transform: scale(1, 0);
1501
+ -ms-transform: scale(1, 0);
1502
transform: scale(1, 0);
1503
+ -webkit-transform-origin: 100% 0 0;
1504
+ -ms-transform-origin: 100% 0 0;
1505
transform-origin: 100% 0 0;
1506
}
1507
1508
+ .skin.contentborderrounded:hover .layer-content:before, .skin.contentborderrounded:hover .layer-content:after {
1509
opacity: 1;
1510
+ filter: alpha(opacity=100);
1511
+ -webkit-transform: scale(1);
1512
+ -ms-transform: scale(1);
1513
transform: scale(1);
1514
}
1515
1516
+ .skin.contentborderrounded .layer-content:before, .skin.contentborderrounded .layer-content:after {
1517
content: "";
1518
opacity: 0;
1519
+ filter: alpha(opacity=0);
1520
position: absolute;
1521
}
1522
1523
+ .skin.contentborderrounded .layer-content:before, .skin.contentborderrounded .layer-content:after {
1524
+ -webkit-transition: opacity 0.35s ease 0s, -webkit-transform 0.35s ease 0s;
1525
transition: opacity 0.35s ease 0s, transform 0.35s ease 0s;
1526
}
1527
1528
.skin.contentborderrounded .layer-content{
1529
+ padding-bottom:65px;}
1530
+
1531
+
1532
1533
.skin.contentborderrounded .layer-content .read_more {
1534
left: 0;
1538
z-index: 11;
1539
}
1540
1541
+ .skin.contentborderrounded .layer-content .title_link {
1542
+ left: 0;
1543
+ position: absolute;
1544
+ text-align: center;
1545
+ width: 100%;
1546
+ z-index: 11;
1547
+
1548
+ }
1549
+ .skin.contentborderrounded .layer-content .excerpt {
1550
+ margin-top: 40px;
1551
+
1552
+ }
1553
+
1554
grid-items/layer-content.php CHANGED
@@ -86,7 +86,7 @@ if ( ! defined('ABSPATH')) exit; // if direct access
86
87
88
89
- $read_more_text = apply_filters('post_grid_filter_grid_item_read_more', __('Read more.', post_grid_textdomain));
90
91
92
}
@@ -149,7 +149,7 @@ if ( ! defined('ABSPATH')) exit; // if direct access
149
elseif($item_key=='excerpt_read_more'){
150
$html_content.='<div class="element element_'.$item_id.' '.$item_key.'" >';
151
152
- $read_more_text = apply_filters('post_grid_filter_grid_item_read_more', __('Read more.', post_grid_textdomain));
153
154
$html_content.= wp_trim_words(strip_shortcodes(get_the_excerpt()), $char_limit,'').' <a target="'.$link_target.'" class="read-more" href="'.get_permalink().'">'.$read_more_text.'</a>';
155
$html_content.='</div>';
@@ -189,7 +189,7 @@ if ( ! defined('ABSPATH')) exit; // if direct access
189
$output = '';
190
if ( ! empty( $categories ) ) {
191
foreach( $categories as $category ) {
192
- $html_content .= '<a href="' . esc_url( get_category_link( $category->term_id ) ) . '" title="' . esc_attr( sprintf( __( 'View all posts in %s', 'post_grid_textdomain' ), $category->name ) ) . '">' . esc_html( $category->name ) . '</a>' . $separator;
193
}
194
$html_content.= trim( $output, $separator );
195
}
@@ -215,11 +215,11 @@ if ( ! defined('ABSPATH')) exit; // if direct access
215
if(comments_open()){
216
217
if ( $comments_number == 0 ) {
218
- $html_content.= __('No Comments',post_grid_textdomain);
219
} elseif ( $comments_number > 1 ) {
220
- $html_content.= $comments_number . __(' Comments',post_grid_textdomain);
221
} else {
222
- $html_content.= __('1 Comment',post_grid_textdomain);
223
}
224
225
}
@@ -229,7 +229,7 @@ if ( ! defined('ABSPATH')) exit; // if direct access
229
230
elseif($item_key=='comments'){
231
$html_content.='<div class="element element_'.$item_id.' '.$item_key.'" >';
232
- $html_content.= '<h3 class="comment-content ">'.__('Comments', post_grid_textdomain).'</h3>';
233
234
235
$comments_count = wp_count_comments(get_the_ID());
@@ -242,7 +242,7 @@ if ( ! defined('ABSPATH')) exit; // if direct access
242
{
243
244
$html_content.= '<div class="comment no-comment">';
245
- $html_content.= '<p class="comment-content ">'.__('No comments yet',post_grid_textdomain).'</p>';
246
247
$html_content.= '</div>';
248
@@ -265,7 +265,7 @@ if ( ! defined('ABSPATH')) exit; // if direct access
265
{
266
267
$html_content.= '<div class="comment no-more-comment">';
268
- $html_content.= '<p class="comment-content ">'.__('No More comments',post_grid_textdomain).'';
269
$html_content.= '</p>';
270
$html_content.= '</div>';
271
@@ -384,7 +384,7 @@ if ( ! defined('ABSPATH')) exit; // if direct access
384
$active_plugins = get_option('active_plugins');
385
if(in_array( 'easy-digital-downloads/easy-digital-downloads.php', (array) $active_plugins ) && $is_download=='download'){
386
387
- $purchase_link = do_shortcode('[purchase_link id="'.get_the_ID().'" text="'.__('Add to Cart','post_grid_textdomain').'" style="button"]' );
388
$html_content.= $purchase_link;
389
390
}
86
87
88
89
+ $read_more_text = apply_filters('post_grid_filter_grid_item_read_more', __('Read more.', 'post-grid'));
90
91
92
}
149
elseif($item_key=='excerpt_read_more'){
150
$html_content.='<div class="element element_'.$item_id.' '.$item_key.'" >';
151
152
+ $read_more_text = apply_filters('post_grid_filter_grid_item_read_more', __('Read more.', 'post-grid'));
153
154
$html_content.= wp_trim_words(strip_shortcodes(get_the_excerpt()), $char_limit,'').' <a target="'.$link_target.'" class="read-more" href="'.get_permalink().'">'.$read_more_text.'</a>';
155
$html_content.='</div>';
189
$output = '';
190
if ( ! empty( $categories ) ) {
191
foreach( $categories as $category ) {
192
+ $html_content .= '<a href="' . esc_url( get_category_link( $category->term_id ) ) . '" title="' . esc_attr( sprintf( __( 'View all posts in %s', 'post-grid' ), $category->name ) ) . '">' . esc_html( $category->name ) . '</a>' . $separator;
193
}
194
$html_content.= trim( $output, $separator );
195
}
215
if(comments_open()){
216
217
if ( $comments_number == 0 ) {
218
+ $html_content.= __('No Comments','post-grid');
219
} elseif ( $comments_number > 1 ) {
220
+ $html_content.= $comments_number . __(' Comments','post-grid');
221
} else {
222
+ $html_content.= __('1 Comment','post-grid');
223
}
224
225
}
229
230
elseif($item_key=='comments'){
231
$html_content.='<div class="element element_'.$item_id.' '.$item_key.'" >';
232
+ $html_content.= '<h3 class="comment-content ">'.__('Comments', 'post-grid').'</h3>';
233
234
235
$comments_count = wp_count_comments(get_the_ID());
242
{
243
244
$html_content.= '<div class="comment no-comment">';
245
+ $html_content.= '<p class="comment-content ">'.__('No comments yet','post-grid').'</p>';
246
247
$html_content.= '</div>';
248
265
{
266
267
$html_content.= '<div class="comment no-more-comment">';
268
+ $html_content.= '<p class="comment-content ">'.__('No More comments','post-grid');
269
$html_content.= '</p>';
270
$html_content.= '</div>';
271
384
$active_plugins = get_option('active_plugins');
385
if(in_array( 'easy-digital-downloads/easy-digital-downloads.php', (array) $active_plugins ) && $is_download=='download'){
386
387
+ $purchase_link = do_shortcode('[purchase_link id="'.get_the_ID().'" text="'.__('Add to Cart','post-grid').'" style="button"]' );
388
$html_content.= $purchase_link;
389
390
}
grid-items/nav-bottom-new.php CHANGED
@@ -348,7 +348,7 @@ elseif($grid_type=='filterable'){
348
$paged = $paged+1;
349
}
350
351
- $html .= '<div grid_id="'.$post_id.'" class="load-more" paged="'.$paged.'" per_page="'.$posts_per_page.'" >'.__('Load more',post_grid_textdomain).'</div >';
352
353
354
}
348
$paged = $paged+1;
349
}
350
351
+ $html .= '<div grid_id="'.$post_id.'" class="load-more" paged="'.$paged.'" per_page="'.$posts_per_page.'" >'.__('Load more','post-grid').'</div >';
352
353
354
}
grid-items/nav-top-new.php CHANGED
@@ -20,8 +20,8 @@ if ( ! defined('ABSPATH')) exit; // if direct access
20
}
21
22
$html.= '<div class="nav-search">';
23
- $html.= '<input grid_id="'.$post_id.'" class="search" type="text" placeholder="'.__('Start typing...', post_grid_textdomain).'" value="'.$keyword.'">';
24
- //$html.= '<span class="submit-search">'.__('Submit', post_grid_textdomain).'</span>';
25
$html.= '</div>';
26
27
}
@@ -46,7 +46,7 @@ if ( ! defined('ABSPATH')) exit; // if direct access
46
47
}
48
49
- $html.= '<div class="filter filter-'.$post_id.'" data-filter="all">'.__('All', post_grid_textdomain).'</div>';
50
51
foreach($categories_info as $term_info)
52
{
20
}
21
22
$html.= '<div class="nav-search">';
23
+ $html.= '<input grid_id="'.$post_id.'" class="search" type="text" placeholder="'.__('Start typing...', 'post-grid').'" value="'.$keyword.'">';
24
+
25
$html.= '</div>';
26
27
}
46
47
}
48
49
+ $html.= '<div class="filter filter-'.$post_id.'" data-filter="all">'.__('All', 'post-grid').'</div>';
50
51
foreach($categories_info as $term_info)
52
{
grid-items/query.php CHANGED
@@ -58,12 +58,10 @@ $tax_query = array_merge($tax_query_relation, $tax_query );
58
59
60
61
- if(is_search()){
62
63
$keyword = get_search_query();
64
-
65
66
-
67
}
68
69
58
59
60
61
+ if(is_search() && $enable_default_keyword=='yes'){
62
63
$keyword = get_search_query();
64
65
}
66
67
grid-items/variables.php CHANGED
@@ -136,8 +136,19 @@ if ( ! defined('ABSPATH')) exit; // if direct access
136
else{
137
$keyword = '';
138
}
139
-
140
-
141
142
if(!empty($post_grid_meta_options['grid_layout']['name'])){
143
136
else{
137
$keyword = '';
138
}
139
+
140
+
141
+ if(!empty($post_grid_meta_options['enable_default_keyword'])){
142
+
143
+ $enable_default_keyword = $post_grid_meta_options['enable_default_keyword'];
144
+ }
145
+ else{
146
+ $enable_default_keyword = 'no';
147
+ }
148
+
149
+
150
+
151
+
152
153
if(!empty($post_grid_meta_options['grid_layout']['name'])){
154
includes/class-functions.php CHANGED
@@ -21,7 +21,7 @@ class class_post_grid_functions{
21
22
public function load_more_text(){
23
24
- $load_more_text = apply_filters('post_grid_filter_load_more_text', __('Load more',post_grid_textdomain));
25
26
return $load_more_text;
27
21
22
public function load_more_text(){
23
24
+ $load_more_text = apply_filters('post_grid_filter_load_more_text', __('Load more','post-grid'));
25
26
return $load_more_text;
27
includes/class-settings.php CHANGED
@@ -34,11 +34,11 @@ class class_post_grid_settings{
34
35
public function post_grid_menu_init() {
36
37
- add_submenu_page('edit.php?post_type=post_grid', __('Layout Editor',post_grid_textdomain), __('Layout Editor',post_grid_textdomain), 'manage_options', 'post_grid_layout_editor', array( $this, 'post_grid_layout_editor' ));
38
39
- add_submenu_page('edit.php?post_type=post_grid', __('Settings',post_grid_textdomain), __('Settings',post_grid_textdomain), 'manage_options', 'post_grid_menu_settings', array( $this, 'post_grid_menu_settings' ));
40
41
- add_submenu_page('edit.php?post_type=post_grid', __('Help',post_grid_textdomain), __('Help',post_grid_textdomain), 'manage_options', 'post_grid_menu_help', array( $this, 'post_grid_menu_help' ));
42
43
44
34
35
public function post_grid_menu_init() {
36
37
+ add_submenu_page('edit.php?post_type=post_grid', __('Layout Editor','post-grid'), __('Layout Editor','post-grid'), 'manage_options', 'post_grid_layout_editor', array( $this, 'post_grid_layout_editor' ));
38
39
+ add_submenu_page('edit.php?post_type=post_grid', __('Settings','post-grid'), __('Settings','post-grid'), 'manage_options', 'post_grid_menu_settings', array( $this, 'post_grid_menu_settings' ));
40
41
+ add_submenu_page('edit.php?post_type=post_grid', __('Help','post-grid'), __('Help','post-grid'), 'manage_options', 'post_grid_menu_help', array( $this, 'post_grid_menu_help' ));
42
43
44
includes/class-shortcodes.php CHANGED
@@ -153,7 +153,7 @@ class class_post_grid_shortcodes{
153
//wp_reset_query();
154
else:
155
$html.='<div class="no-post-found">';
156
- $html.=__('No Post found',post_grid_textdomain); // .item
157
$html.='</div>'; // .item
158
159
endif;
153
//wp_reset_query();
154
else:
155
$html.='<div class="no-post-found">';
156
+ $html.=__('No Post found','post-grid'); // .item
157
$html.='</div>'; // .item
158
159
endif;
includes/functions.php CHANGED
@@ -1307,7 +1307,7 @@ function post_grid_ajax_load_more(){
1307
$html.= '<script>
1308
jQuery(document).ready(function($)
1309
{
1310
- $("#post-grid-'.$post_id.' .load-more").html("'.__('No more post',post_grid_textdomain).'");
1311
$("#post-grid-'.$post_id.' .load-more").addClass("no-post");
1312
1313
})
@@ -1365,7 +1365,7 @@ function post_grid_ajax_search(){
1365
else:
1366
1367
$html.='<div class="item">';
1368
- $html.=__('No Post found',post_grid_textdomain); // .item
1369
$html.='</div>'; // .item
1370
1371
endif;
1307
$html.= '<script>
1308
jQuery(document).ready(function($)
1309
{
1310
+ $("#post-grid-'.$post_id.' .load-more").html("'.__('No more post','post-grid').'");
1311
$("#post-grid-'.$post_id.' .load-more").addClass("no-post");
1312
1313
})
1365
else:
1366
1367
$html.='<div class="item">';
1368
+ $html.=__('No Post found','post-grid'); // .item
1369
$html.='</div>'; // .item
1370
1371
endif;
includes/menu/help.php CHANGED
@@ -17,7 +17,7 @@ if ( ! defined('ABSPATH')) exit; // if direct access
17
18
<div class="wrap">
19
20
- <div id="icon-tools" class="icon32"><br></div><?php echo "<h2>".post_grid_plugin_name.__(' - Settings', post_grid_textdomain)."</h2>";?>
21
<form method="post" action="<?php echo str_replace( '%7E', '~', $_SERVER['REQUEST_URI']); ?>">
22
<input type="hidden" name="post_grid_hidden" value="Y">
23
<?php settings_fields( 'post_grid_plugin_options' );
@@ -29,15 +29,15 @@ if ( ! defined('ABSPATH')) exit; // if direct access
29
30
<ul class="tab-nav">
31
32
- <li nav="1" class="nav1 active"><?php _e('Help & support',post_grid_textdomain ); ?></li>
33
34
</ul> <!-- tab-nav end -->
35
<ul class="box">
36
37
<li style="display: block;" class="box2 tab-box active">
38
<div class="option-box">
39
- <p class="option-title"><?php _e('Need Help ?',post_grid_textdomain ); ?></p>
40
- <p class="option-info"><?php _e('Feel free to contact with any issue for this plugin, Ask any question via forum',post_grid_textdomain ); ?> <a href="<?php echo post_grid_qa_url; ?>"><?php echo post_grid_qa_url; ?></a><br />
41
42
<?php
43
@@ -65,33 +65,33 @@ if ( ! defined('ABSPATH')) exit; // if direct access
65
66
67
<div class="option-box">
68
- <p class="option-title"><?php _e('Video Tutorial',post_grid_textdomain ); ?></p>
69
- <p class="option-info"><?php _e('Please watch video tutorial, some features may not available in Free version.',post_grid_textdomain ); ?></p>
70
71
<div class="tutorials expandable">
72
<div class="items">
73
- <div class="header "><i class="fa fa-play"></i> <?php _e('How to install activate & license',post_grid_textdomain ); ?></div>
74
<div class="options">
75
<iframe width="640" height="480" src="//www.youtube.com/embed/gzH0uO6IReE" frameborder="0" allowfullscreen></iframe>
76
</div>
77
</div>
78
79
<div class="items">
80
- <div class="header "><i class="fa fa-play"></i> <?php _e('How to create Post Grid',post_grid_textdomain ); ?></div>
81
<div class="options">
82
<iframe width="640" height="480" src="//www.youtube.com/embed/6HwLUBqT7i4" frameborder="0" allowfullscreen></iframe>
83
</div>
84
</div>
85
86
<div class="items">
87
- <div class="header "><i class="fa fa-play"></i> <?php _e('Post Grid - Query Post',post_grid_textdomain ); ?></div>
88
<div class="options">
89
<iframe width="640" height="480" src="//www.youtube.com/embed/FKIcey0ujgo" frameborder="0" allowfullscreen></iframe>
90
</div>
91
</div>
92
93
<div class="items">
94
- <div class="header "><i class="fa fa-play"></i> <?php _e('Post Grid - Grid Layout',post_grid_textdomain ); ?></div>
95
<div class="options">
96
<iframe width="640" height="480" src="//www.youtube.com/embed/g2GSb4chGXQ" frameborder="0" allowfullscreen></iframe>
97
</div>
@@ -99,7 +99,7 @@ if ( ! defined('ABSPATH')) exit; // if direct access
99
100
101
<div class="items">
102
- <div class="header "><i class="fa fa-play"></i> <?php _e('Post Grid - Navigations',post_grid_textdomain ); ?></div>
103
<div class="options">
104
<iframe width="640" height="480" src="//www.youtube.com/embed/B12CglBCLJY" frameborder="0" allowfullscreen></iframe>
105
</div>
@@ -107,7 +107,7 @@ if ( ! defined('ABSPATH')) exit; // if direct access
107
108
109
<div class="items">
110
- <div class="header "><i class="fa fa-play"></i> <?php _e('Post Grid - Layout Editor',post_grid_textdomain ); ?></div>
111
<div class="options">
112
<iframe width="640" height="480" src="//www.youtube.com/embed/z_tygQ12aJk" frameborder="0" allowfullscreen></iframe>
113
</div>
@@ -115,7 +115,7 @@ if ( ! defined('ABSPATH')) exit; // if direct access
115
116
117
<div class="items">
118
- <div class="header "><i class="fa fa-play"></i> <?php _e('Post Grid - Settings',post_grid_textdomain ); ?></div>
119
<div class="options">
120
<iframe width="640" height="480" src="//www.youtube.com/embed/JsPKfENJL8I" frameborder="0" allowfullscreen></iframe>
121
</div>
@@ -130,8 +130,8 @@ if ( ! defined('ABSPATH')) exit; // if direct access
130
131
132
<div class="option-box">
133
- <p class="option-title"><?php _e('Submit Reviews.',post_grid_textdomain ); ?></p>
134
- <p class="option-info"><?php _e('We are working hard to build some awesome plugins for you and spend thousand hour for plugins. we wish your three(3) minute by submitting five star reviews at wordpress.org. if you have any issue please submit at forum.',post_grid_textdomain ); ?></p>
135
<img class="post_grid-pro-pricing" src="<?php echo post_grid_plugin_url."assets/admin/images/five-star.png";?>" /><br />
136
<a target="_blank" href="<?php echo post_grid_wp_reviews; ?>">
137
<?php echo post_grid_wp_reviews; ?>
@@ -154,7 +154,7 @@ if ( ! defined('ABSPATH')) exit; // if direct access
154
<!--
155
156
<p class="submit">
157
- <input class="button button-primary" type="submit" name="Submit" value="<?php _e('Save Changes',post_grid_textdomain ); ?>" />
158
</p>
159
160
-->
17
18
<div class="wrap">
19
20
+ <div id="icon-tools" class="icon32"><br></div><?php echo "<h2>".sprintf(__('%s - Help', 'post-grid'),post_grid_plugin_name)."</h2>";?>
21
<form method="post" action="<?php echo str_replace( '%7E', '~', $_SERVER['REQUEST_URI']); ?>">
22
<input type="hidden" name="post_grid_hidden" value="Y">
23
<?php settings_fields( 'post_grid_plugin_options' );
29
30
<ul class="tab-nav">
31
32
+ <li nav="1" class="nav1 active"><?php _e('Help & support','post-grid' ); ?></li>
33
34
</ul> <!-- tab-nav end -->
35
<ul class="box">
36
37
<li style="display: block;" class="box2 tab-box active">
38
<div class="option-box">
39
+ <p class="option-title"><?php _e('Need Help ?','post-grid' ); ?></p>
40
+ <p class="option-info"><?php _e('Feel free to contact with any issue for this plugin, Ask any question via forum','post-grid' ); ?> <a href="<?php echo post_grid_qa_url; ?>"><?php echo post_grid_qa_url; ?></a><br />
41
42
<?php
43
65
66
67
<div class="option-box">
68
+ <p class="option-title"><?php _e('Video Tutorial','post-grid' ); ?></p>
69
+ <p class="option-info"><?php _e('Please watch video tutorial, some features may not available in Free version.','post-grid' ); ?></p>
70
71
<div class="tutorials expandable">
72
<div class="items">
73
+ <div class="header "><i class="fa fa-play"></i> <?php _e('How to install activate & license','post-grid' ); ?></div>
74
<div class="options">
75
<iframe width="640" height="480" src="//www.youtube.com/embed/gzH0uO6IReE" frameborder="0" allowfullscreen></iframe>
76
</div>
77
</div>
78
79
<div class="items">
80
+ <div class="header "><i class="fa fa-play"></i> <?php _e('How to create Post Grid','post-grid' ); ?></div>
81
<div class="options">
82
<iframe width="640" height="480" src="//www.youtube.com/embed/6HwLUBqT7i4" frameborder="0" allowfullscreen></iframe>
83
</div>
84
</div>
85
86
<div class="items">
87
+ <div class="header "><i class="fa fa-play"></i> <?php _e('Post Grid - Query Post','post-grid' ); ?></div>
88
<div class="options">
89
<iframe width="640" height="480" src="//www.youtube.com/embed/FKIcey0ujgo" frameborder="0" allowfullscreen></iframe>
90
</div>
91
</div>
92
93
<div class="items">
94
+ <div class="header "><i class="fa fa-play"></i> <?php _e('Post Grid - Grid Layout','post-grid' ); ?></div>
95
<div class="options">
96
<iframe width="640" height="480" src="//www.youtube.com/embed/g2GSb4chGXQ" frameborder="0" allowfullscreen></iframe>
97
</div>
99
100
101
<div class="items">
102
+ <div class="header "><i class="fa fa-play"></i> <?php _e('Post Grid - Navigations','post-grid' ); ?></div>
103
<div class="options">
104
<iframe width="640" height="480" src="//www.youtube.com/embed/B12CglBCLJY" frameborder="0" allowfullscreen></iframe>
105
</div>
107
108
109
<div class="items">
110
+ <div class="header "><i class="fa fa-play"></i> <?php _e('Post Grid - Layout Editor','post-grid' ); ?></div>
111
<div class="options">
112
<iframe width="640" height="480" src="//www.youtube.com/embed/z_tygQ12aJk" frameborder="0" allowfullscreen></iframe>
113
</div>
115
116
117
<div class="items">
118
+ <div class="header "><i class="fa fa-play"></i> <?php _e('Post Grid - Settings','post-grid' ); ?></div>
119
<div class="options">
120
<iframe width="640" height="480" src="//www.youtube.com/embed/JsPKfENJL8I" frameborder="0" allowfullscreen></iframe>
121
</div>
130
131
132
<div class="option-box">
133
+ <p class="option-title"><?php _e('Submit Reviews.','post-grid' ); ?></p>
134
+ <p class="option-info"><?php _e('We are working hard to build some awesome plugins for you and spend thousand hour for plugins. we wish your three(3) minute by submitting five star reviews at wordpress.org. if you have any issue please submit at forum.','post-grid' ); ?></p>
135
<img class="post_grid-pro-pricing" src="<?php echo post_grid_plugin_url."assets/admin/images/five-star.png";?>" /><br />
136
<a target="_blank" href="<?php echo post_grid_wp_reviews; ?>">
137
<?php echo post_grid_wp_reviews; ?>
154
<!--
155
156
<p class="submit">
157
+ <input class="button button-primary" type="submit" name="Submit" value="<?php _e('Save Changes','post-grid' ); ?>" />
158
</p>
159
160
-->
includes/menu/layout-editor.php CHANGED
@@ -47,13 +47,13 @@ else
47
48
49
?>
50
- <div class="updated"><p><strong><?php _e('Changes Saved.', post_grid_textdomain ); ?></strong></p></div>
51
52
<?php
53
}
54
else{
55
?>
56
- <div class="updated"><p><strong><?php _e('Something is not right.', post_grid_textdomain ); ?></strong></p></div>
57
58
<?php
59
@@ -67,7 +67,7 @@ else
67
68
<div class="wrap">
69
70
- <div id="icon-tools" class="icon32"><br></div><?php echo "<h2>".post_grid_plugin_name.__(' - Layout Editor', post_grid_textdomain)."</h2>";?>
71
<form method="post" action="<?php echo str_replace( '%7E', '~', $_SERVER['REQUEST_URI']); ?>">
72
<input type="hidden" name="post_grid_hidden" value="Y">
73
<?php //settings_fields( 'post_grid_plugin_options' );
@@ -322,7 +322,7 @@ jQuery(document).ready(function($)
322
323
?>
324
<br />
325
- <?php _e('CSS:',post_grid_textdomain ); ?> <br />
326
<a target="_blank" href="http://www.pickplugins.com/demo/post-grid/sample-css-for-layout-editor/">Sample css</a><br />
327
<textarea autocorrect="off" autocapitalize="off" spellcheck="false" style="width:50%" class="custom_css" item_id="<?php echo $items['key']; ?>" name="post_grid_layout_content[<?php echo $layout_content; ?>][<?php echo $i; ?>][<?php echo $item_key; ?>]"><?php echo $item_info; ?></textarea><br />
328
@@ -339,7 +339,7 @@ jQuery(document).ready(function($)
339
340
?>
341
<br />
342
- <?php _e('CSS Hover:',post_grid_textdomain ); ?><br />
343
344
<textarea autocorrect="off" autocapitalize="off" spellcheck="false" style="width:50%" class="custom_css" item_id="<?php echo $items['key']; ?>" name="post_grid_layout_content[<?php echo $layout_content; ?>][<?php echo $i; ?>][<?php echo $item_key; ?>]"><?php echo $item_info; ?></textarea><br />
345
@@ -356,7 +356,7 @@ jQuery(document).ready(function($)
356
elseif($item_key=='char_limit'){
357
?>
358
359
- <?php _e('Character limit:',post_grid_textdomain ); ?> <br />
360
<input type="text" name="post_grid_layout_content[<?php echo $layout_content; ?>][<?php echo $i; ?>][<?php echo $item_key; ?>]" value="<?php echo $items['char_limit']; ?>" /><br /><br />
361
362
<?php
@@ -370,7 +370,7 @@ jQuery(document).ready(function($)
370
//var_dump($items['link_target']);
371
?>
372
373
- <?php _e('Link target:',post_grid_textdomain ); ?> <br />
374
375
<select name="post_grid_layout_content[<?php echo $layout_content; ?>][<?php echo $i; ?>][<?php echo $item_key; ?>]" >
376
@@ -407,7 +407,7 @@ jQuery(document).ready(function($)
407
if($item_key=='field_id'){
408
?>
409
410
- <?php _e('Meta Key:',post_grid_textdomain ); ?> <br />
411
<input type="text" name="post_grid_layout_content[<?php echo $layout_content; ?>][<?php echo $i; ?>][<?php echo $item_key; ?>]" value="<?php echo $item_info; ?>" /><br />
412
413
<?php
@@ -428,9 +428,9 @@ jQuery(document).ready(function($)
428
429
?>
430
<br />
431
- <?php _e('Wrapper:',post_grid_textdomain ); ?>
432
<br />
433
- <?php _e('use %s where you want to repalce the meta value.<pre>&lt;div&gt;Before %s - %s After&lt;/div&gt;</pre>',post_grid_textdomain ); ?>
434
<br />
435
<input type="text" name="post_grid_layout_content[<?php echo $layout_content; ?>][<?php echo $i; ?>][<?php echo $item_key; ?>]" value="<?php echo $key_value; ?>" /><br />
436
@@ -453,7 +453,7 @@ jQuery(document).ready(function($)
453
454
?>
455
<br />
456
- <?php _e('HTML:', post_grid_textdomain ); ?><br />
457
<input type="text" name="post_grid_layout_content[<?php echo $layout_content; ?>][<?php echo $i; ?>][<?php echo $item_key; ?>]" value="<?php echo $custom_html; ?>" /><br />
458
459
<?php
@@ -469,7 +469,7 @@ jQuery(document).ready(function($)
469
if($item_key=='read_more_text'){
470
?>
471
472
- <?php _e('Read more text:',post_grid_textdomain ); ?> <br />
473
<input type="text" name="post_grid_layout_content[<?php echo $layout_content; ?>][<?php echo $i; ?>][<?php echo $item_key; ?>]" value="<?php echo htmlentities($item_info); ?>" /><br />
474
475
<?php
@@ -512,7 +512,7 @@ jQuery(document).ready(function($)
512
513
<?php wp_nonce_field( 'nonce_layout_content' ); ?>
514
515
- <input class="button button-primary" type="submit" name="Submit" value="<?php _e('Save Changes',post_grid_textdomain ); ?>" />
516
</p>
517
518
47
48
49
?>
50
+ <div class="updated"><p><strong><?php _e('Changes Saved.', 'post-grid' ); ?></strong></p></div>
51
52
<?php
53
}
54
else{
55
?>
56
+ <div class="updated"><p><strong><?php _e('Something is not right.', 'post-grid' ); ?></strong></p></div>
57
58
<?php
59
67
68
<div class="wrap">
69
70
+ <div id="icon-tools" class="icon32"><br></div><?php echo "<h2>".post_grid_plugin_name.__(' - Layout Editor', 'post-grid')."</h2>";?>
71
<form method="post" action="<?php echo str_replace( '%7E', '~', $_SERVER['REQUEST_URI']); ?>">
72
<input type="hidden" name="post_grid_hidden" value="Y">
73
<?php //settings_fields( 'post_grid_plugin_options' );
322
323
?>
324
<br />
325
+ <?php _e('CSS:','post-grid' ); ?> <br />
326
<a target="_blank" href="http://www.pickplugins.com/demo/post-grid/sample-css-for-layout-editor/">Sample css</a><br />
327
<textarea autocorrect="off" autocapitalize="off" spellcheck="false" style="width:50%" class="custom_css" item_id="<?php echo $items['key']; ?>" name="post_grid_layout_content[<?php echo $layout_content; ?>][<?php echo $i; ?>][<?php echo $item_key; ?>]"><?php echo $item_info; ?></textarea><br />
328
339
340
?>
341
<br />
342
+ <?php _e('CSS Hover:','post-grid' ); ?><br />
343
344
<textarea autocorrect="off" autocapitalize="off" spellcheck="false" style="width:50%" class="custom_css" item_id="<?php echo $items['key']; ?>" name="post_grid_layout_content[<?php echo $layout_content; ?>][<?php echo $i; ?>][<?php echo $item_key; ?>]"><?php echo $item_info; ?></textarea><br />
345
356
elseif($item_key=='char_limit'){
357
?>
358
359
+ <?php _e('Character limit:','post-grid' ); ?> <br />
360
<input type="text" name="post_grid_layout_content[<?php echo $layout_content; ?>][<?php echo $i; ?>][<?php echo $item_key; ?>]" value="<?php echo $items['char_limit']; ?>" /><br /><br />
361
362
<?php
370
//var_dump($items['link_target']);
371
?>
372
373
+ <?php _e('Link target:','post-grid' ); ?> <br />
374
375
<select name="post_grid_layout_content[<?php echo $layout_content; ?>][<?php echo $i; ?>][<?php echo $item_key; ?>]" >
376
407
if($item_key=='field_id'){
408
?>
409
410
+ <?php _e('Meta Key:','post-grid' ); ?> <br />
411
<input type="text" name="post_grid_layout_content[<?php echo $layout_content; ?>][<?php echo $i; ?>][<?php echo $item_key; ?>]" value="<?php echo $item_info; ?>" /><br />
412
413
<?php
428
429
?>
430
<br />
431
+ <?php _e('Wrapper:','post-grid' ); ?>
432
<br />
433
+ <?php _e('use %s where you want to repalce the meta value.<pre>&lt;div&gt;Before %s - %s After&lt;/div&gt;</pre>','post-grid' ); ?>
434
<br />
435
<input type="text" name="post_grid_layout_content[<?php echo $layout_content; ?>][<?php echo $i; ?>][<?php echo $item_key; ?>]" value="<?php echo $key_value; ?>" /><br />
436
453
454
?>
455
<br />
456
+ <?php _e('HTML:', 'post-grid' ); ?><br />
457
<input type="text" name="post_grid_layout_content[<?php echo $layout_content; ?>][<?php echo $i; ?>][<?php echo $item_key; ?>]" value="<?php echo $custom_html; ?>" /><br />
458
459
<?php
469
if($item_key=='read_more_text'){
470
?>
471
472
+ <?php _e('Read more text:','post-grid' ); ?> <br />
473
<input type="text" name="post_grid_layout_content[<?php echo $layout_content; ?>][<?php echo $i; ?>][<?php echo $item_key; ?>]" value="<?php echo htmlentities($item_info); ?>" /><br />
474
475
<?php
512
513
<?php wp_nonce_field( 'nonce_layout_content' ); ?>
514
515
+ <input class="button button-primary" type="submit" name="Submit" value="<?php _e('Save Changes','post-grid' ); ?>" />
516
</p>
517
518
includes/menu/settings.php CHANGED
@@ -19,30 +19,30 @@ if ( ! defined('ABSPATH')) exit; // if direct access
19
20
<div class="wrap">
21
22
- <div id="icon-tools" class="icon32"><br></div><?php echo "<h2>".post_grid_plugin_name.__(' - Settings', post_grid_textdomain)."</h2>";?>
23
24
<div class="para-settings post-grid-settings">
25
26
<ul class="tab-nav">
27
- <li nav="1" class="nav1 active"><?php _e('Options',post_grid_textdomain); ?></li>
28
29
</ul> <!-- tab-nav end -->
30
<ul class="box">
31
32
<li style="display: block;" class="box1 tab-box active">
33
<div class="option-box">
34
- <p class="option-title"><?php _e('Reset Content Layouts',post_grid_textdomain); ?></p>
35
- <p class="option-info"><?php _e('you can reset content layouts here, saved & customized layout will reset permanetly.',post_grid_textdomain); ?></p>
36
37
<div class="button reset-content-layouts">Reset Layouts</div>
38
39
</div>
40
41
<div class="option-box">
42
- <p class="option-title"><?php _e('Export Content Layouts',post_grid_textdomain); ?></p>
43
- <p class="option-info"><?php _e('You can export content layouts here. please make a backup on your local mechine for future use.',post_grid_textdomain); ?></p>
44
45
- <div class="button export-content-layouts"><?php _e('Export Layouts',post_grid_textdomain); ?></div>
46
47
48
@@ -91,8 +91,8 @@ if ( ! defined('ABSPATH')) exit; // if direct access
91
</div>
92
93
<div class="option-box">
94
- <p class="option-title"><?php _e('Remove Content Layouts',post_grid_textdomain); ?></p>
95
- <p class="option-info"><?php _e('you can remove content layouts here.',post_grid_textdomain); ?></p>
96
<ul class="layout-list">
97
<?php
98
19
20
<div class="wrap">
21
22
+ <div id="icon-tools" class="icon32"><br></div><?php echo "<h2>".sprintf(__('%s - Settings', 'post-grid'),post_grid_plugin_name)."</h2>";?>
23
24
<div class="para-settings post-grid-settings">
25
26
<ul class="tab-nav">
27
+ <li nav="1" class="nav1 active"><?php _e('Options','post-grid'); ?></li>
28
29
</ul> <!-- tab-nav end -->
30
<ul class="box">
31
32
<li style="display: block;" class="box1 tab-box active">
33
<div class="option-box">
34
+ <p class="option-title"><?php _e('Reset Content Layouts','post-grid'); ?></p>
35
+ <p class="option-info"><?php _e('you can reset content layouts here, saved & customized layout will reset permanetly.','post-grid'); ?></p>
36
37
<div class="button reset-content-layouts">Reset Layouts</div>
38
39
</div>
40
41
<div class="option-box">
42
+ <p class="option-title"><?php _e('Export Content Layouts','post-grid'); ?></p>
43
+ <p class="option-info"><?php _e('You can export content layouts here. please make a backup on your local mechine for future use.','post-grid'); ?></p>
44
45
+ <div class="button export-content-layouts"><?php _e('Export Layouts','post-grid'); ?></div>
46
47
48
91
</div>
92
93
<div class="option-box">
94
+ <p class="option-title"><?php _e('Remove Content Layouts','post-grid'); ?></p>
95
+ <p class="option-info"><?php _e('you can remove content layouts here.','post-grid'); ?></p>
96
<ul class="layout-list">
97
<?php
98
includes/meta.php CHANGED
@@ -10,16 +10,16 @@ if ( ! defined('ABSPATH')) exit; // if direct access
10
function post_grid_posttype_register() {
11
12
$labels = array(
13
- 'name' => _x('Post Grid', post_grid_textdomain),
14
- 'singular_name' => _x('Post Grid', post_grid_textdomain),
15
- 'add_new' => _x('New Post Grid', post_grid_textdomain),
16
- 'add_new_item' => __('New Post Grid', post_grid_textdomain),
17
- 'edit_item' => __('Edit Post Grid', post_grid_textdomain),
18
- 'new_item' => __('New Post Grid', post_grid_textdomain),
19
- 'view_item' => __('View Post Grid', post_grid_textdomain),
20
- 'search_items' => __('Search Post Grid', post_grid_textdomain),
21
- 'not_found' => __('Nothing found', post_grid_textdomain),
22
- 'not_found_in_trash' => __('Nothing found in Trash', post_grid_textdomain),
23
'parent_item_colon' => ''
24
);
25
@@ -57,7 +57,7 @@ function meta_boxes_post_grid()
57
$screens = array( 'post_grid' );
58
foreach ( $screens as $screen )
59
{
60
- add_meta_box('post_grid_metabox',__( 'Post Grid Options', post_grid_textdomain ),'meta_boxes_post_grid_input', $screen);
61
}
62
}
63
add_action( 'add_meta_boxes', 'meta_boxes_post_grid' );
@@ -199,9 +199,11 @@ function meta_boxes_post_grid_input( $post ) {
199
*/
200
201
if(!empty($post_grid_meta_options['keyword']))
202
- $keyword = $post_grid_meta_options['keyword'];
203
-
204
-
205
206
207
@@ -775,12 +777,12 @@ function meta_boxes_post_grid_input( $post ) {
775
776
777
<ul class="tab-nav">
778
- <li nav="1" class="nav1 active"><i class="fa fa-code"></i> <?php _e('Shortcodes',post_grid_textdomain); ?></li>
779
- <li nav="2" class="nav2"><i class="fa fa-cubes"></i> <?php _e('Query Post',post_grid_textdomain); ?></li>
780
- <li nav="3" class="nav3"><i class="fa fa-object-group"></i> <?php _e('Layout',post_grid_textdomain); ?></li>
781
- <li nav="4" class="nav3"><i class="fa fa-magic"></i> <?php _e('Layout settings',post_grid_textdomain); ?></li>
782
- <li nav="5" class="nav4"><i class="fa fa-sliders"></i> <?php _e('Navigations',post_grid_textdomain); ?></li>
783
- <li nav="6" class="nav6"><i class="fa fa-css3"></i> <?php _e('Custom Scripts',post_grid_textdomain); ?></li>
784
785
786
@@ -789,12 +791,12 @@ function meta_boxes_post_grid_input( $post ) {
789
<ul class="box">
790
<li style="display: block;" class="box1 tab-box active">
791
<div class="option-box">
792
- <p class="option-title"><?php _e('Shortcode',post_grid_textdomain); ?></p>
793
- <p class="option-info"><?php _e('Copy this shortcode and paste on page or post where you want to display post grid. <br />Use PHP code to your themes file to display post grid.',post_grid_textdomain); ?></p>
794
<textarea cols="50" rows="1" style="background:#bfefff" onClick="this.select();" >[post_grid <?php echo 'id="'.$post->ID.'"';?>]</textarea>
795
<br /><br />
796
797
- <p class="option-info"><?php _e('PHP Code:',post_grid_textdomain); ?></p>
798
<textarea cols="50" rows="1" style="background:#bfefff" onClick="this.select();" ><?php echo '<?php echo do_shortcode("[post_grid id='; echo "'".$post->ID."']"; echo '"); ?>'; ?></textarea>
799
800
@@ -803,8 +805,8 @@ function meta_boxes_post_grid_input( $post ) {
803
</li>
804
<li style="display: none;" class="box2 tab-box ">
805
<div class="option-box">
806
- <p class="option-title"><?php _e('Post Types',post_grid_textdomain); ?></p>
807
- <p class="option-info"><?php _e('Select post types you want to query post , can be select multiple. <br />Hint: Ctrl + click to select mulitple',post_grid_textdomain); ?></p>
808
809
<div title="Clear post types selection." onClick="" class="button clear-post-types"> Clear</div>
810
<br/><br/>
@@ -817,8 +819,8 @@ function meta_boxes_post_grid_input( $post ) {
817
818
819
<div class="option-box">
820
- <p class="option-title"><?php _e('Taxonomy & Terms (Categories)',post_grid_textdomain); ?></p>
821
- <p class="option-info"><?php _e('Select categories. <br />Hint: Ctrl + click to select mulitple',post_grid_textdomain); ?></p>
822
823
<div title="Clear categories selection." onClick="" class="button clear-categories"> Clear</div>
824
<br/><br/>
@@ -831,13 +833,13 @@ function meta_boxes_post_grid_input( $post ) {
831
832
</div>
833
834
- <p class="option-title"><?php _e('Terms relation',post_grid_textdomain); ?></p>
835
836
<label><input type="radio" name="post_grid_meta_options[terms_relation]" <?php if($terms_relation == 'IN') echo 'checked';?> value="IN" >IN</label>
837
<label><input type="radio" name="post_grid_meta_options[terms_relation]" <?php if($terms_relation == 'NOT IN') echo 'checked';?> value="NOT IN" >NOT IN</label> <label><input type="radio" name="post_grid_meta_options[terms_relation]" <?php if($terms_relation == 'AND') echo 'checked';?> value="AND" >AND</label>
838
<label><input type="radio" name="post_grid_meta_options[terms_relation]" <?php if($terms_relation == 'EXISTS') echo 'checked';?> value="EXISTS" >EXISTS</label> <label><input type="radio" name="post_grid_meta_options[terms_relation]" <?php if($terms_relation == 'NOT EXISTS') echo 'checked';?> value="NOT EXISTS" >NOT EXISTS</label>
839
840
- <p class="option-title"><?php _e('Taxonomy relation',post_grid_textdomain); ?></p>
841
842
<label><input type="radio" name="post_grid_meta_options[categories_relation]" <?php if($categories_relation == 'OR') echo 'checked';?> value="OR" >OR</label>
843
<label><input type="radio" name="post_grid_meta_options[categories_relation]" <?php if($categories_relation == 'AND') echo 'checked';?> value="AND" >AND</label>
@@ -853,8 +855,8 @@ function meta_boxes_post_grid_input( $post ) {
853
854
855
<div class="option-box">
856
- <p class="option-title"><?php _e('Post Status',post_grid_textdomain); ?></p>
857
- <p class="option-info"><?php _e('Display post from following post status, <br />Hint: Ctrl + click to select mulitple',post_grid_textdomain); ?></p>
858
859
<select class="post_status" name="post_grid_meta_options[post_status][]" multiple >
860
<option value="publish" <?php if(in_array("publish",$post_status)) echo "selected"; ?>>Publish</option>
@@ -871,31 +873,31 @@ function meta_boxes_post_grid_input( $post ) {
871
</div>
872
873
<div class="option-box">
874
- <p class="option-title"><?php _e('Posts per page',post_grid_textdomain); ?></p>
875
- <p class="option-info"><?php _e('Number of post each pagination. -1 to display all. default is 10 if you left empty.',post_grid_textdomain); ?></p>
876
<input type="text" placeholder="3" name="post_grid_meta_options[posts_per_page]" value="<?php if(!empty($posts_per_page)) echo $posts_per_page; ?>" />
877
</div>
878
879
880
<div class="option-box">
881
- <p class="option-title"><?php _e('Offset',post_grid_textdomain); ?></p>
882
- <p class="option-info"><?php _e('Display posts from the n\'th, if you set <b>Posts per page</b> to -1 will not work offset.',post_grid_textdomain); ?></p>
883
<input type="text" placeholder="3" name="post_grid_meta_options[offset]" value="<?php echo $offset; ?>" />
884
</div>
885
886
887
888
<div class="option-box">
889
- <p class="option-title"><?php _e('Exclude by post ID',post_grid_textdomain); ?></p>
890
- <p class="option-info"><?php _e('you can exclude post by ID, comma(,) separated',post_grid_textdomain); ?></p>
891
892
<input type="text" placeholder="5,3" name="post_grid_meta_options[exclude_post_id]" value="<?php if(!empty($exclude_post_id)) echo $exclude_post_id; else echo ''; ?>" />
893
</div>
894
895
896
<div class="option-box">
897
- <p class="option-title"><?php _e('Post query order',post_grid_textdomain); ?></p>
898
- <p class="option-info"><?php _e('Query order ascending or descending',post_grid_textdomain); ?></p>
899
900
<select class="query_order" name="post_grid_meta_options[query_order]" >
901
<option value="ASC" <?php if($query_order=="ASC") echo "selected"; ?>>Ascending</option>
@@ -906,21 +908,21 @@ function meta_boxes_post_grid_input( $post ) {
906
907
908
<div class="option-box">
909
- <p class="option-title"><?php _e('Post query orderby',post_grid_textdomain); ?></p>
910
- <p class="option-info"><?php _e('Query orderby parameter, can select multiple',post_grid_textdomain); ?></p>
911
912
<select class="query_orderby" name="post_grid_meta_options[query_orderby][]" multiple>
913
- <option value="ID" <?php if(in_array("ID",$query_orderby)) echo "selected"; ?>><?php _e('ID',post_grid_textdomain); ?></option>
914
- <option value="date" <?php if(in_array("date",$query_orderby)) echo "selected"; ?>><?php _e('Date',post_grid_textdomain); ?></option>
915
- <option value="rand" <?php if(in_array("rand",$query_orderby)) echo "selected"; ?>><?php _e('Random',post_grid_textdomain); ?></option>
916
- <option value="comment_count" <?php if(in_array("comment_count",$query_orderby)) echo "selected"; ?>><?php _e('Comment Count',post_grid_textdomain); ?></option>
917
- <option value="author" <?php if(in_array("author",$query_orderby)) echo "selected"; ?>><?php _e('Author',post_grid_textdomain); ?></option>
918
- <option value="title" <?php if(in_array("title",$query_orderby)) echo "selected"; ?>><?php _e('Title',post_grid_textdomain); ?></option>
919
- <option value="name" <?php if(in_array("name",$query_orderby)) echo "selected"; ?>><?php _e('Name',post_grid_textdomain); ?></option>
920
- <option value="type" <?php if(in_array("type",$query_orderby)) echo "selected"; ?>><?php _e('Type',post_grid_textdomain); ?></option>
921
- <option value="menu_order" <?php if(in_array("menu_order",$query_orderby)) echo "selected"; ?>><?php _e('Menu order',post_grid_textdomain); ?></option>
922
- <option value="meta_value" <?php if(in_array("meta_value",$query_orderby)) echo "selected"; ?>><?php _e('Meta Value',post_grid_textdomain); ?></option>
923
- <option value="meta_value_num" <?php if(in_array("meta_value_num",$query_orderby)) echo "selected"; ?>><?php _e('Meta Value(number)',post_grid_textdomain); ?></option>
924
</select>
925
<br />
926
@@ -932,10 +934,17 @@ function meta_boxes_post_grid_input( $post ) {
932
933
934
<div class="option-box">
935
- <p class="option-title"><?php _e('Search keyword',post_grid_textdomain); ?></p>
936
- <p class="option-info"><?php _e('Query post by search keyword, please follow the reference https://codex.wordpress.org/Class_Reference/WP_Query#Search_Parameter',post_grid_textdomain); ?></p>
937
938
<input type="text" placeholder="Keyword" name="post_grid_meta_options[keyword]" value="<?php if(!empty($keyword)) echo $keyword; else echo ''; ?>" />
939
940
</div>
941
@@ -943,8 +952,8 @@ function meta_boxes_post_grid_input( $post ) {
943
<li style="display: none;" class="box3 tab-box ">
944
945
<div class="option-box">
946
- <p class="option-title"><?php _e('Grid Layout',post_grid_textdomain); ?></p>
947
- <p class="option-info"><?php _e('Fancy style layouts.',post_grid_textdomain); ?></p>
948
949
950
<label>
@@ -958,8 +967,8 @@ function meta_boxes_post_grid_input( $post ) {
958
959
960
<div class="option-box">
961
- <p class="option-title"><?php _e('Content Layout',post_grid_textdomain); ?></p>
962
- <p class="option-info"><?php _e('Choose your Content layout',post_grid_textdomain); ?></p>
963
964
<?php
965
$class_post_grid_functions = new class_post_grid_functions();
@@ -1143,8 +1152,8 @@ function meta_boxes_post_grid_input( $post ) {
1143
1144
<div class="option-box">
1145
1146
- <p class="option-title"><?php _e('Skins',post_grid_textdomain); ?></p>
1147
- <p class="option-info"><?php _e('Select grid Skins',post_grid_textdomain); ?></p>
1148
1149
1150
@@ -1216,26 +1225,26 @@ function meta_boxes_post_grid_input( $post ) {
1216
1217
1218
<div class="option-box">
1219
- <p class="option-title"><?php _e('Masonry enable',post_grid_textdomain); ?></p>
1220
- <p class="option-info"><?php _e('Enable masonry style grid',post_grid_textdomain); ?></p>
1221
1222
- <label><input <?php if($masonry_enable=='yes') echo 'checked'; ?> type="radio" name="post_grid_meta_options[masonry_enable]" value="yes" /><?php _e('Yes',post_grid_textdomain); ?></label><br />
1223
- <label><input <?php if($masonry_enable=='no') echo 'checked'; ?> type="radio" name="post_grid_meta_options[masonry_enable]" value="no" /><?php _e('No',post_grid_textdomain); ?></label><br />
1224
1225
</div>
1226
1227
1228
<div class="option-box">
1229
- <p class="option-title"><?php _e('Lazy Load Enable',post_grid_textdomain); ?></p>
1230
- <p class="option-info"><?php _e('Gif animation when loading grid',post_grid_textd