Post Grid - Version 2.0.53

Version Description

  • 2020-05-01 fix - var_dump issue fixed for excerpt.
    • 2020-05-01 add - query post by ids added.
Download this release

Release Info

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

Code changes from version 2.0.51 to 2.0.53

Files changed (22) hide show
  1. assets/frontend/css/images/ui-icons_444444_256x240.png +0 -0
  2. assets/frontend/css/images/ui-icons_555555_256x240.png +0 -0
  3. assets/frontend/css/images/ui-icons_777620_256x240.png +0 -0
  4. assets/frontend/css/images/ui-icons_777777_256x240.png +0 -0
  5. assets/frontend/css/images/ui-icons_cc0000_256x240.png +0 -0
  6. assets/frontend/css/images/ui-icons_ffffff_256x240.png +0 -0
  7. assets/frontend/css/jquery-ui.css +1312 -0
  8. assets/frontend/css/style - Copy.css +0 -0
  9. assets/frontend/css/style.css +0 -283
  10. assets/settings-tabs/settings-tabs.js +5 -0
  11. includes/class-metabox-post-grid-layout-hook.php +1 -0
  12. includes/class-shortcodes.php +1 -1
  13. includes/functions-data-upgrade.php +2 -4
  14. includes/functions-layout-hook.php +18 -0
  15. includes/functions-single.php +75 -0
  16. includes/functions.php +0 -1
  17. includes/functions/functions-post-grid-meta-box.php +23 -6
  18. includes/functions/post-grid-layout-elements.php +15 -3
  19. includes/post-grid-meta-box.php +5 -2
  20. post-grid.php +5 -2
  21. readme.txt +13 -1
  22. templates/post-grid-hook.php +203 -737
assets/frontend/css/images/ui-icons_444444_256x240.png ADDED
Binary file
assets/frontend/css/images/ui-icons_555555_256x240.png ADDED
Binary file
assets/frontend/css/images/ui-icons_777620_256x240.png ADDED
Binary file
assets/frontend/css/images/ui-icons_777777_256x240.png ADDED
Binary file
assets/frontend/css/images/ui-icons_cc0000_256x240.png ADDED
Binary file
assets/frontend/css/images/ui-icons_ffffff_256x240.png ADDED
Binary file
assets/frontend/css/jquery-ui.css ADDED
@@ -0,0 +1,1312 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ /*! jQuery UI - v1.12.1 - 2016-09-14
2
+ * http://jqueryui.com
3
+ * Includes: core.css, accordion.css, autocomplete.css, menu.css, button.css, controlgroup.css, checkboxradio.css, datepicker.css, dialog.css, draggable.css, resizable.css, progressbar.css, selectable.css, selectmenu.css, slider.css, sortable.css, spinner.css, tabs.css, tooltip.css, theme.css
4
+ * To view and modify this theme, visit http://jqueryui.com/themeroller/?bgShadowXPos=&bgOverlayXPos=&bgErrorXPos=&bgHighlightXPos=&bgContentXPos=&bgHeaderXPos=&bgActiveXPos=&bgHoverXPos=&bgDefaultXPos=&bgShadowYPos=&bgOverlayYPos=&bgErrorYPos=&bgHighlightYPos=&bgContentYPos=&bgHeaderYPos=&bgActiveYPos=&bgHoverYPos=&bgDefaultYPos=&bgShadowRepeat=&bgOverlayRepeat=&bgErrorRepeat=&bgHighlightRepeat=&bgContentRepeat=&bgHeaderRepeat=&bgActiveRepeat=&bgHoverRepeat=&bgDefaultRepeat=&iconsHover=url(%22images%2Fui-icons_555555_256x240.png%22)&iconsHighlight=url(%22images%2Fui-icons_777620_256x240.png%22)&iconsHeader=url(%22images%2Fui-icons_444444_256x240.png%22)&iconsError=url(%22images%2Fui-icons_cc0000_256x240.png%22)&iconsDefault=url(%22images%2Fui-icons_777777_256x240.png%22)&iconsContent=url(%22images%2Fui-icons_444444_256x240.png%22)&iconsActive=url(%22images%2Fui-icons_ffffff_256x240.png%22)&bgImgUrlShadow=&bgImgUrlOverlay=&bgImgUrlHover=&bgImgUrlHighlight=&bgImgUrlHeader=&bgImgUrlError=&bgImgUrlDefault=&bgImgUrlContent=&bgImgUrlActive=&opacityFilterShadow=Alpha(Opacity%3D30)&opacityFilterOverlay=Alpha(Opacity%3D30)&opacityShadowPerc=30&opacityOverlayPerc=30&iconColorHover=%23555555&iconColorHighlight=%23777620&iconColorHeader=%23444444&iconColorError=%23cc0000&iconColorDefault=%23777777&iconColorContent=%23444444&iconColorActive=%23ffffff&bgImgOpacityShadow=0&bgImgOpacityOverlay=0&bgImgOpacityError=95&bgImgOpacityHighlight=55&bgImgOpacityContent=75&bgImgOpacityHeader=75&bgImgOpacityActive=65&bgImgOpacityHover=75&bgImgOpacityDefault=75&bgTextureShadow=flat&bgTextureOverlay=flat&bgTextureError=flat&bgTextureHighlight=flat&bgTextureContent=flat&bgTextureHeader=flat&bgTextureActive=flat&bgTextureHover=flat&bgTextureDefault=flat&cornerRadius=3px&fwDefault=normal&ffDefault=Arial%2CHelvetica%2Csans-serif&fsDefault=1em&cornerRadiusShadow=8px&thicknessShadow=5px&offsetLeftShadow=0px&offsetTopShadow=0px&opacityShadow=.3&bgColorShadow=%23666666&opacityOverlay=.3&bgColorOverlay=%23aaaaaa&fcError=%235f3f3f&borderColorError=%23f1a899&bgColorError=%23fddfdf&fcHighlight=%23777620&borderColorHighlight=%23dad55e&bgColorHighlight=%23fffa90&fcContent=%23333333&borderColorContent=%23dddddd&bgColorContent=%23ffffff&fcHeader=%23333333&borderColorHeader=%23dddddd&bgColorHeader=%23e9e9e9&fcActive=%23ffffff&borderColorActive=%23003eff&bgColorActive=%23007fff&fcHover=%232b2b2b&borderColorHover=%23cccccc&bgColorHover=%23ededed&fcDefault=%23454545&borderColorDefault=%23c5c5c5&bgColorDefault=%23f6f6f6
5
+ * Copyright jQuery Foundation and other contributors; Licensed MIT */
6
+
7
+ /* Layout helpers
8
+ ----------------------------------*/
9
+ .ui-helper-hidden {
10
+ display: none;
11
+ }
12
+ .ui-helper-hidden-accessible {
13
+ border: 0;
14
+ clip: rect(0 0 0 0);
15
+ height: 1px;
16
+ margin: -1px;
17
+ overflow: hidden;
18
+ padding: 0;
19
+ position: absolute;
20
+ width: 1px;
21
+ }
22
+ .ui-helper-reset {
23
+ margin: 0;
24
+ padding: 0;
25
+ border: 0;
26
+ outline: 0;
27
+ line-height: 1.3;
28
+ text-decoration: none;
29
+ font-size: 100%;
30
+ list-style: none;
31
+ }
32
+ .ui-helper-clearfix:before,
33
+ .ui-helper-clearfix:after {
34
+ content: "";
35
+ display: table;
36
+ border-collapse: collapse;
37
+ }
38
+ .ui-helper-clearfix:after {
39
+ clear: both;
40
+ }
41
+ .ui-helper-zfix {
42
+ width: 100%;
43
+ height: 100%;
44
+ top: 0;
45
+ left: 0;
46
+ position: absolute;
47
+ opacity: 0;
48
+ filter:Alpha(Opacity=0); /* support: IE8 */
49
+ }
50
+
51
+ .ui-front {
52
+ z-index: 100;
53
+ }
54
+
55
+
56
+ /* Interaction Cues
57
+ ----------------------------------*/
58
+ .ui-state-disabled {
59
+ cursor: default !important;
60
+ pointer-events: none;
61
+ }
62
+
63
+
64
+ /* Icons
65
+ ----------------------------------*/
66
+ .ui-icon {
67
+ display: inline-block;
68
+ vertical-align: middle;
69
+ margin-top: -.25em;
70
+ position: relative;
71
+ text-indent: -99999px;
72
+ overflow: hidden;
73
+ background-repeat: no-repeat;
74
+ }
75
+
76
+ .ui-widget-icon-block {
77
+ left: 50%;
78
+ margin-left: -8px;
79
+ display: block;
80
+ }
81
+
82
+ /* Misc visuals
83
+ ----------------------------------*/
84
+
85
+ /* Overlays */
86
+ .ui-widget-overlay {
87
+ position: fixed;
88
+ top: 0;
89
+ left: 0;
90
+ width: 100%;
91
+ height: 100%;
92
+ }
93
+ .ui-accordion .ui-accordion-header {
94
+ display: block;
95
+ cursor: pointer;
96
+ position: relative;
97
+ margin: 2px 0 0 0;
98
+ padding: .5em .5em .5em .7em;
99
+ font-size: 100%;
100
+ }
101
+ .ui-accordion .ui-accordion-content {
102
+ padding: 1em 2.2em;
103
+ border-top: 0;
104
+ overflow: auto;
105
+ }
106
+ .ui-autocomplete {
107
+ position: absolute;
108
+ top: 0;
109
+ left: 0;
110
+ cursor: default;
111
+ }
112
+ .ui-menu {
113
+ list-style: none;
114
+ padding: 0;
115
+ margin: 0;
116
+ display: block;
117
+ outline: 0;
118
+ }
119
+ .ui-menu .ui-menu {
120
+ position: absolute;
121
+ }
122
+ .ui-menu .ui-menu-item {
123
+ margin: 0;
124
+ cursor: pointer;
125
+ /* support: IE10, see #8844 */
126
+ list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
127
+ }
128
+ .ui-menu .ui-menu-item-wrapper {
129
+ position: relative;
130
+ padding: 3px 1em 3px .4em;
131
+ }
132
+ .ui-menu .ui-menu-divider {
133
+ margin: 5px 0;
134
+ height: 0;
135
+ font-size: 0;
136
+ line-height: 0;
137
+ border-width: 1px 0 0 0;
138
+ }
139
+ .ui-menu .ui-state-focus,
140
+ .ui-menu .ui-state-active {
141
+ margin: -1px;
142
+ }
143
+
144
+ /* icon support */
145
+ .ui-menu-icons {
146
+ position: relative;
147
+ }
148
+ .ui-menu-icons .ui-menu-item-wrapper {
149
+ padding-left: 2em;
150
+ }
151
+
152
+ /* left-aligned */
153
+ .ui-menu .ui-icon {
154
+ position: absolute;
155
+ top: 0;
156
+ bottom: 0;
157
+ left: .2em;
158
+ margin: auto 0;
159
+ }
160
+
161
+ /* right-aligned */
162
+ .ui-menu .ui-menu-icon {
163
+ left: auto;
164
+ right: 0;
165
+ }
166
+ .ui-button {
167
+ padding: .4em 1em;
168
+ display: inline-block;
169
+ position: relative;
170
+ line-height: normal;
171
+ margin-right: .1em;
172
+ cursor: pointer;
173
+ vertical-align: middle;
174
+ text-align: center;
175
+ -webkit-user-select: none;
176
+ -moz-user-select: none;
177
+ -ms-user-select: none;
178
+ user-select: none;
179
+
180
+ /* Support: IE <= 11 */
181
+ overflow: visible;
182
+ }
183
+
184
+ .ui-button,
185
+ .ui-button:link,
186
+ .ui-button:visited,
187
+ .ui-button:hover,
188
+ .ui-button:active {
189
+ text-decoration: none;
190
+ }
191
+
192
+ /* to make room for the icon, a width needs to be set here */
193
+ .ui-button-icon-only {
194
+ width: 2em;
195
+ box-sizing: border-box;
196
+ text-indent: -9999px;
197
+ white-space: nowrap;
198
+ }
199
+
200
+ /* no icon support for input elements */
201
+ input.ui-button.ui-button-icon-only {
202
+ text-indent: 0;
203
+ }
204
+
205
+ /* button icon element(s) */
206
+ .ui-button-icon-only .ui-icon {
207
+ position: absolute;
208
+ top: 50%;
209
+ left: 50%;
210
+ margin-top: -8px;
211
+ margin-left: -8px;
212
+ }
213
+
214
+ .ui-button.ui-icon-notext .ui-icon {
215
+ padding: 0;
216
+ width: 2.1em;
217
+ height: 2.1em;
218
+ text-indent: -9999px;
219
+ white-space: nowrap;
220
+
221
+ }
222
+
223
+ input.ui-button.ui-icon-notext .ui-icon {
224
+ width: auto;
225
+ height: auto;
226
+ text-indent: 0;
227
+ white-space: normal;
228
+ padding: .4em 1em;
229
+ }
230
+
231
+ /* workarounds */
232
+ /* Support: Firefox 5 - 40 */
233
+ input.ui-button::-moz-focus-inner,
234
+ button.ui-button::-moz-focus-inner {
235
+ border: 0;
236
+ padding: 0;
237
+ }
238
+ .ui-controlgroup {
239
+ vertical-align: middle;
240
+ display: inline-block;
241
+ }
242
+ .ui-controlgroup > .ui-controlgroup-item {
243
+ float: left;
244
+ margin-left: 0;
245
+ margin-right: 0;
246
+ }
247
+ .ui-controlgroup > .ui-controlgroup-item:focus,
248
+ .ui-controlgroup > .ui-controlgroup-item.ui-visual-focus {
249
+ z-index: 9999;
250
+ }
251
+ .ui-controlgroup-vertical > .ui-controlgroup-item {
252
+ display: block;
253
+ float: none;
254
+ width: 100%;
255
+ margin-top: 0;
256
+ margin-bottom: 0;
257
+ text-align: left;
258
+ }
259
+ .ui-controlgroup-vertical .ui-controlgroup-item {
260
+ box-sizing: border-box;
261
+ }
262
+ .ui-controlgroup .ui-controlgroup-label {
263
+ padding: .4em 1em;
264
+ }
265
+ .ui-controlgroup .ui-controlgroup-label span {
266
+ font-size: 80%;
267
+ }
268
+ .ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item {
269
+ border-left: none;
270
+ }
271
+ .ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item {
272
+ border-top: none;
273
+ }
274
+ .ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content {
275
+ border-right: none;
276
+ }
277
+ .ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content {
278
+ border-bottom: none;
279
+ }
280
+
281
+ /* Spinner specific style fixes */
282
+ .ui-controlgroup-vertical .ui-spinner-input {
283
+
284
+ /* Support: IE8 only, Android < 4.4 only */
285
+ width: 75%;
286
+ width: calc( 100% - 2.4em );
287
+ }
288
+ .ui-controlgroup-vertical .ui-spinner .ui-spinner-up {
289
+ border-top-style: solid;
290
+ }
291
+
292
+ .ui-checkboxradio-label .ui-icon-background {
293
+ box-shadow: inset 1px 1px 1px #ccc;
294
+ border-radius: .12em;
295
+ border: none;
296
+ }
297
+ .ui-checkboxradio-radio-label .ui-icon-background {
298
+ width: 16px;
299
+ height: 16px;
300
+ border-radius: 1em;
301
+ overflow: visible;
302
+ border: none;
303
+ }
304
+ .ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,
305
+ .ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon {
306
+ background-image: none;
307
+ width: 8px;
308
+ height: 8px;
309
+ border-width: 4px;
310
+ border-style: solid;
311
+ }
312
+ .ui-checkboxradio-disabled {
313
+ pointer-events: none;
314
+ }
315
+ .ui-datepicker {
316
+ width: 17em;
317
+ padding: .2em .2em 0;
318
+ display: none;
319
+ }
320
+ .ui-datepicker .ui-datepicker-header {
321
+ position: relative;
322
+ padding: .2em 0;
323
+ }
324
+ .ui-datepicker .ui-datepicker-prev,
325
+ .ui-datepicker .ui-datepicker-next {
326
+ position: absolute;
327
+ top: 2px;
328
+ width: 1.8em;
329
+ height: 1.8em;
330
+ }
331
+ .ui-datepicker .ui-datepicker-prev-hover,
332
+ .ui-datepicker .ui-datepicker-next-hover {
333
+ top: 1px;
334
+ }
335
+ .ui-datepicker .ui-datepicker-prev {
336
+ left: 2px;
337
+ }
338
+ .ui-datepicker .ui-datepicker-next {
339
+ right: 2px;
340
+ }
341
+ .ui-datepicker .ui-datepicker-prev-hover {
342
+ left: 1px;
343
+ }
344
+ .ui-datepicker .ui-datepicker-next-hover {
345
+ right: 1px;
346
+ }
347
+ .ui-datepicker .ui-datepicker-prev span,
348
+ .ui-datepicker .ui-datepicker-next span {
349
+ display: block;
350
+ position: absolute;
351
+ left: 50%;
352
+ margin-left: -8px;
353
+ top: 50%;
354
+ margin-top: -8px;
355
+ }
356
+ .ui-datepicker .ui-datepicker-title {
357
+ margin: 0 2.3em;
358
+ line-height: 1.8em;
359
+ text-align: center;
360
+ }
361
+ .ui-datepicker .ui-datepicker-title select {
362
+ font-size: 1em;
363
+ margin: 1px 0;
364
+ }
365
+ .ui-datepicker select.ui-datepicker-month,
366
+ .ui-datepicker select.ui-datepicker-year {
367
+ width: 45%;
368
+ }
369
+ .ui-datepicker table {
370
+ width: 100%;
371
+ font-size: .9em;
372
+ border-collapse: collapse;
373
+ margin: 0 0 .4em;
374
+ }
375
+ .ui-datepicker th {
376
+ padding: .7em .3em;
377
+ text-align: center;
378
+ font-weight: bold;
379
+ border: 0;
380
+ }
381
+ .ui-datepicker td {
382
+ border: 0;
383
+ padding: 1px;
384
+ }
385
+ .ui-datepicker td span,
386
+ .ui-datepicker td a {
387
+ display: block;
388
+ padding: .2em;
389
+ text-align: right;
390
+ text-decoration: none;
391
+ }
392
+ .ui-datepicker .ui-datepicker-buttonpane {
393
+ background-image: none;
394
+ margin: .7em 0 0 0;
395
+ padding: 0 .2em;
396
+ border-left: 0;
397
+ border-right: 0;
398
+ border-bottom: 0;
399
+ }
400
+ .ui-datepicker .ui-datepicker-buttonpane button {
401
+ float: right;
402
+ margin: .5em .2em .4em;
403
+ cursor: pointer;
404
+ padding: .2em .6em .3em .6em;
405
+ width: auto;
406
+ overflow: visible;
407
+ }
408
+ .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
409
+ float: left;
410
+ }
411
+
412
+ /* with multiple calendars */
413
+ .ui-datepicker.ui-datepicker-multi {
414
+ width: auto;
415
+ }
416
+ .ui-datepicker-multi .ui-datepicker-group {
417
+ float: left;
418
+ }
419
+ .ui-datepicker-multi .ui-datepicker-group table {
420
+ width: 95%;
421
+ margin: 0 auto .4em;
422
+ }
423
+ .ui-datepicker-multi-2 .ui-datepicker-group {
424
+ width: 50%;
425
+ }
426
+ .ui-datepicker-multi-3 .ui-datepicker-group {
427
+ width: 33.3%;
428
+ }
429
+ .ui-datepicker-multi-4 .ui-datepicker-group {
430
+ width: 25%;
431
+ }
432
+ .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
433
+ .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
434
+ border-left-width: 0;
435
+ }
436
+ .ui-datepicker-multi .ui-datepicker-buttonpane {
437
+ clear: left;
438
+ }
439
+ .ui-datepicker-row-break {
440
+ clear: both;
441
+ width: 100%;
442
+ font-size: 0;
443
+ }
444
+
445
+ /* RTL support */
446
+ .ui-datepicker-rtl {
447
+ direction: rtl;
448
+ }
449
+ .ui-datepicker-rtl .ui-datepicker-prev {
450
+ right: 2px;
451
+ left: auto;
452
+ }
453
+ .ui-datepicker-rtl .ui-datepicker-next {
454
+ left: 2px;
455
+ right: auto;
456
+ }
457
+ .ui-datepicker-rtl .ui-datepicker-prev:hover {
458
+ right: 1px;
459
+ left: auto;
460
+ }
461
+ .ui-datepicker-rtl .ui-datepicker-next:hover {
462
+ left: 1px;
463
+ right: auto;
464
+ }
465
+ .ui-datepicker-rtl .ui-datepicker-buttonpane {
466
+ clear: right;
467
+ }
468
+ .ui-datepicker-rtl .ui-datepicker-buttonpane button {
469
+ float: left;
470
+ }
471
+ .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
472
+ .ui-datepicker-rtl .ui-datepicker-group {
473
+ float: right;
474
+ }
475
+ .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
476
+ .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
477
+ border-right-width: 0;
478
+ border-left-width: 1px;
479
+ }
480
+
481
+ /* Icons */
482
+ .ui-datepicker .ui-icon {
483
+ display: block;
484
+ text-indent: -99999px;
485
+ overflow: hidden;
486
+ background-repeat: no-repeat;
487
+ left: .5em;
488
+ top: .3em;
489
+ }
490
+ .ui-dialog {
491
+ position: absolute;
492
+ top: 0;
493
+ left: 0;
494
+ padding: .2em;
495
+ outline: 0;
496
+ }
497
+ .ui-dialog .ui-dialog-titlebar {
498
+ padding: .4em 1em;
499
+ position: relative;
500
+ }
501
+ .ui-dialog .ui-dialog-title {
502
+ float: left;
503
+ margin: .1em 0;
504
+ white-space: nowrap;
505
+ width: 90%;
506
+ overflow: hidden;
507
+ text-overflow: ellipsis;
508
+ }
509
+ .ui-dialog .ui-dialog-titlebar-close {
510
+ position: absolute;
511
+ right: .3em;
512
+ top: 50%;
513
+ width: 20px;
514
+ margin: -10px 0 0 0;
515
+ padding: 1px;
516
+ height: 20px;
517
+ }
518
+ .ui-dialog .ui-dialog-content {
519
+ position: relative;
520
+ border: 0;
521
+ padding: .5em 1em;
522
+ background: none;
523
+ overflow: auto;
524
+ }
525
+ .ui-dialog .ui-dialog-buttonpane {
526
+ text-align: left;
527
+ border-width: 1px 0 0 0;
528
+ background-image: none;
529
+ margin-top: .5em;
530
+ padding: .3em 1em .5em .4em;
531
+ }
532
+ .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
533
+ float: right;
534
+ }
535
+ .ui-dialog .ui-dialog-buttonpane button {
536
+ margin: .5em .4em .5em 0;
537
+ cursor: pointer;
538
+ }
539
+ .ui-dialog .ui-resizable-n {
540
+ height: 2px;
541
+ top: 0;
542
+ }
543
+ .ui-dialog .ui-resizable-e {
544
+ width: 2px;
545
+ right: 0;
546
+ }
547
+ .ui-dialog .ui-resizable-s {
548
+ height: 2px;
549
+ bottom: 0;
550
+ }
551
+ .ui-dialog .ui-resizable-w {
552
+ width: 2px;
553
+ left: 0;
554
+ }
555
+ .ui-dialog .ui-resizable-se,
556
+ .ui-dialog .ui-resizable-sw,
557
+ .ui-dialog .ui-resizable-ne,
558
+ .ui-dialog .ui-resizable-nw {
559
+ width: 7px;
560
+ height: 7px;
561
+ }
562
+ .ui-dialog .ui-resizable-se {
563
+ right: 0;
564
+ bottom: 0;
565
+ }
566
+ .ui-dialog .ui-resizable-sw {
567
+ left: 0;
568
+ bottom: 0;
569
+ }
570
+ .ui-dialog .ui-resizable-ne {
571
+ right: 0;
572
+ top: 0;
573
+ }
574
+ .ui-dialog .ui-resizable-nw {
575
+ left: 0;
576
+ top: 0;
577
+ }
578
+ .ui-draggable .ui-dialog-titlebar {
579
+ cursor: move;
580
+ }
581
+ .ui-draggable-handle {
582
+ -ms-touch-action: none;
583
+ touch-action: none;
584
+ }
585
+ .ui-resizable {
586
+ position: relative;
587
+ }
588
+ .ui-resizable-handle {
589
+ position: absolute;
590
+ font-size: 0.1px;
591
+ display: block;
592
+ -ms-touch-action: none;
593
+ touch-action: none;
594
+ }
595
+ .ui-resizable-disabled .ui-resizable-handle,
596
+ .ui-resizable-autohide .ui-resizable-handle {
597
+ display: none;
598
+ }
599
+ .ui-resizable-n {
600
+ cursor: n-resize;
601
+ height: 7px;
602
+ width: 100%;
603
+ top: -5px;
604
+ left: 0;
605
+ }
606
+ .ui-resizable-s {
607
+ cursor: s-resize;
608
+ height: 7px;
609
+ width: 100%;
610
+ bottom: -5px;
611
+ left: 0;
612
+ }
613
+ .ui-resizable-e {
614
+ cursor: e-resize;
615
+ width: 7px;
616
+ right: -5px;
617
+ top: 0;
618
+ height: 100%;
619
+ }
620
+ .ui-resizable-w {
621
+ cursor: w-resize;
622
+ width: 7px;
623
+ left: -5px;
624
+ top: 0;
625
+ height: 100%;
626
+ }
627
+ .ui-resizable-se {
628
+ cursor: se-resize;
629
+ width: 12px;
630
+ height: 12px;
631
+ right: 1px;
632
+ bottom: 1px;
633
+ }
634
+ .ui-resizable-sw {
635
+ cursor: sw-resize;
636
+ width: 9px;
637
+ height: 9px;
638
+ left: -5px;
639
+ bottom: -5px;
640
+ }
641
+ .ui-resizable-nw {
642
+ cursor: nw-resize;
643
+ width: 9px;
644
+ height: 9px;
645
+ left: -5px;
646
+ top: -5px;
647
+ }
648
+ .ui-resizable-ne {
649
+ cursor: ne-resize;
650
+ width: 9px;
651
+ height: 9px;
652
+ right: -5px;
653
+ top: -5px;
654
+ }
655
+ .ui-progressbar {
656
+ height: 2em;
657
+ text-align: left;
658
+ overflow: hidden;
659
+ }
660
+ .ui-progressbar .ui-progressbar-value {
661
+ margin: -1px;
662
+ height: 100%;
663
+ }
664
+ .ui-progressbar .ui-progressbar-overlay {
665
+ background: url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");
666
+ height: 100%;
667
+ filter: alpha(opacity=25); /* support: IE8 */
668
+ opacity: 0.25;
669
+ }
670
+ .ui-progressbar-indeterminate .ui-progressbar-value {
671
+ background-image: none;
672
+ }
673
+ .ui-selectable {
674
+ -ms-touch-action: none;
675
+ touch-action: none;
676
+ }
677
+ .ui-selectable-helper {
678
+ position: absolute;
679
+ z-index: 100;
680
+ border: 1px dotted black;
681
+ }
682
+ .ui-selectmenu-menu {
683
+ padding: 0;
684
+ margin: 0;
685
+ position: absolute;
686
+ top: 0;
687
+ left: 0;
688
+ display: none;
689
+ }
690
+ .ui-selectmenu-menu .ui-menu {
691
+ overflow: auto;
692
+ overflow-x: hidden;
693
+ padding-bottom: 1px;
694
+ }
695
+ .ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
696
+ font-size: 1em;
697
+ font-weight: bold;
698
+ line-height: 1.5;
699
+ padding: 2px 0.4em;
700
+ margin: 0.5em 0 0 0;
701
+ height: auto;
702
+ border: 0;
703
+ }
704
+ .ui-selectmenu-open {
705
+ display: block;
706
+ }
707
+ .ui-selectmenu-text {
708
+ display: block;
709
+ margin-right: 20px;
710
+ overflow: hidden;
711
+ text-overflow: ellipsis;
712
+ }
713
+ .ui-selectmenu-button.ui-button {
714
+ text-align: left;
715
+ white-space: nowrap;
716
+ width: 14em;
717
+ }
718
+ .ui-selectmenu-icon.ui-icon {
719
+ float: right;
720
+ margin-top: 0;
721
+ }
722
+ .ui-slider {
723
+ position: relative;
724
+ text-align: left;
725
+ }
726
+ .ui-slider .ui-slider-handle {
727
+ position: absolute;
728
+ z-index: 2;
729
+ width: 1.2em;
730
+ height: 1.2em;
731
+ cursor: default;
732
+ -ms-touch-action: none;
733
+ touch-action: none;
734
+ }
735
+ .ui-slider .ui-slider-range {
736
+ position: absolute;
737
+ z-index: 1;
738
+ font-size: .7em;
739
+ display: block;
740
+ border: 0;
741
+ background-position: 0 0;
742
+ }
743
+
744
+ /* support: IE8 - See #6727 */
745
+ .ui-slider.ui-state-disabled .ui-slider-handle,
746
+ .ui-slider.ui-state-disabled .ui-slider-range {
747
+ filter: inherit;
748
+ }
749
+
750
+ .ui-slider-horizontal {
751
+ height: .8em;
752
+ }
753
+ .ui-slider-horizontal .ui-slider-handle {
754
+ top: -.3em;
755
+ margin-left: -.6em;
756
+ }
757
+ .ui-slider-horizontal .ui-slider-range {
758
+ top: 0;
759
+ height: 100%;
760
+ }
761
+ .ui-slider-horizontal .ui-slider-range-min {
762
+ left: 0;
763
+ }
764
+ .ui-slider-horizontal .ui-slider-range-max {
765
+ right: 0;
766
+ }
767
+
768
+ .ui-slider-vertical {
769
+ width: .8em;
770
+ height: 100px;
771
+ }
772
+ .ui-slider-vertical .ui-slider-handle {
773
+ left: -.3em;
774
+ margin-left: 0;
775
+ margin-bottom: -.6em;
776
+ }
777
+ .ui-slider-vertical .ui-slider-range {
778
+ left: 0;
779
+ width: 100%;
780
+ }
781
+ .ui-slider-vertical .ui-slider-range-min {
782
+ bottom: 0;
783
+ }
784
+ .ui-slider-vertical .ui-slider-range-max {
785
+ top: 0;
786
+ }
787
+ .ui-sortable-handle {
788
+ -ms-touch-action: none;
789
+ touch-action: none;
790
+ }
791
+ .ui-spinner {
792
+ position: relative;
793
+ display: inline-block;
794
+ overflow: hidden;
795
+ padding: 0;
796
+ vertical-align: middle;
797
+ }
798
+ .ui-spinner-input {
799
+ border: none;
800
+ background: none;
801
+ color: inherit;
802
+ padding: .222em 0;
803
+ margin: .2em 0;
804
+ vertical-align: middle;
805
+ margin-left: .4em;
806
+ margin-right: 2em;
807
+ }
808
+ .ui-spinner-button {
809
+ width: 1.6em;
810
+ height: 50%;
811
+ font-size: .5em;
812
+ padding: 0;
813
+ margin: 0;
814
+ text-align: center;
815
+ position: absolute;
816
+ cursor: default;
817
+ display: block;
818
+ overflow: hidden;
819
+ right: 0;
820
+ }
821
+ /* more specificity required here to override default borders */
822
+ .ui-spinner a.ui-spinner-button {
823
+ border-top-style: none;
824
+ border-bottom-style: none;
825
+ border-right-style: none;
826
+ }
827
+ .ui-spinner-up {
828
+ top: 0;
829
+ }
830
+ .ui-spinner-down {
831
+ bottom: 0;
832
+ }
833
+ .ui-tabs {
834
+ position: relative;/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
835
+ padding: .2em;
836
+ }
837
+ .ui-tabs .ui-tabs-nav {
838
+ margin: 0;
839
+ padding: .2em .2em 0;
840
+ }
841
+ .ui-tabs .ui-tabs-nav li {
842
+ list-style: none;
843
+ float: left;
844
+ position: relative;
845
+ top: 0;
846
+ margin: 1px .2em 0 0;
847
+ border-bottom-width: 0;
848
+ padding: 0;
849
+ white-space: nowrap;
850
+ }
851
+ .ui-tabs .ui-tabs-nav .ui-tabs-anchor {
852
+ float: left;
853
+ padding: .5em 1em;
854
+ text-decoration: none;
855
+ }
856
+ .ui-tabs .ui-tabs-nav li.ui-tabs-active {
857
+ margin-bottom: -1px;
858
+ padding-bottom: 1px;
859
+ }
860
+ .ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
861
+ .ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
862
+ .ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
863
+ cursor: text;
864
+ }
865
+ .ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
866
+ cursor: pointer;
867
+ }
868
+ .ui-tabs .ui-tabs-panel {
869
+ display: block;
870
+ border-width: 0;
871
+ padding: 1em 1.4em;
872
+ background: none;
873
+ }
874
+ .ui-tooltip {
875
+ padding: 8px;
876
+ position: absolute;
877
+ z-index: 9999;
878
+ max-width: 300px;
879
+ }
880
+ body .ui-tooltip {
881
+ border-width: 2px;
882
+ }
883
+
884
+ /* Component containers
885
+ ----------------------------------*/
886
+ .ui-widget {
887
+ font-family: Arial,Helvetica,sans-serif;
888
+ font-size: 1em;
889
+ }
890
+ .ui-widget .ui-widget {
891
+ font-size: 1em;
892
+ }
893
+ .ui-widget input,
894
+ .ui-widget select,
895
+ .ui-widget textarea,
896
+ .ui-widget button {
897
+ font-family: Arial,Helvetica,sans-serif;
898
+ font-size: 1em;
899
+ }
900
+ .ui-widget.ui-widget-content {
901
+ border: 1px solid #c5c5c5;
902
+ }
903
+ .ui-widget-content {
904
+ border: 1px solid #dddddd;
905
+ background: #ffffff;
906
+ color: #333333;
907
+ }
908
+ .ui-widget-content a {
909
+ color: #333333;
910
+ }
911
+ .ui-widget-header {
912
+ border: 1px solid #dddddd;
913
+ background: #e9e9e9;
914
+ color: #333333;
915
+ font-weight: bold;
916
+ }
917
+ .ui-widget-header a {
918
+ color: #333333;
919
+ }
920
+
921
+ /* Interaction states
922
+ ----------------------------------*/
923
+ .ui-state-default,
924
+ .ui-widget-content .ui-state-default,
925
+ .ui-widget-header .ui-state-default,
926
+ .ui-button,
927
+
928
+ /* We use html here because we need a greater specificity to make sure disabled
929
+ works properly when clicked or hovered */
930
+ html .ui-button.ui-state-disabled:hover,
931
+ html .ui-button.ui-state-disabled:active {
932
+ border: 1px solid #c5c5c5;
933
+ background: #f6f6f6;
934
+ font-weight: normal;
935
+ color: #454545;
936
+ }
937
+ .ui-state-default a,
938
+ .ui-state-default a:link,
939
+ .ui-state-default a:visited,
940
+ a.ui-button,
941
+ a:link.ui-button,
942
+ a:visited.ui-button,
943
+ .ui-button {
944
+ color: #454545;
945
+ text-decoration: none;
946
+ }
947
+ .ui-state-hover,
948
+ .ui-widget-content .ui-state-hover,
949
+ .ui-widget-header .ui-state-hover,
950
+ .ui-state-focus,
951
+ .ui-widget-content .ui-state-focus,
952
+ .ui-widget-header .ui-state-focus,
953
+ .ui-button:hover,
954
+ .ui-button:focus {
955
+ border: 1px solid #cccccc;
956
+ background: #ededed;
957
+ font-weight: normal;
958
+ color: #2b2b2b;
959
+ }
960
+ .ui-state-hover a,
961
+ .ui-state-hover a:hover,
962
+ .ui-state-hover a:link,
963
+ .ui-state-hover a:visited,
964
+ .ui-state-focus a,
965
+ .ui-state-focus a:hover,
966
+ .ui-state-focus a:link,
967
+ .ui-state-focus a:visited,
968
+ a.ui-button:hover,
969
+ a.ui-button:focus {
970
+ color: #2b2b2b;
971
+ text-decoration: none;
972
+ }
973
+
974
+ .ui-visual-focus {
975
+ box-shadow: 0 0 3px 1px rgb(94, 158, 214);
976
+ }
977
+ .ui-state-active,
978
+ .ui-widget-content .ui-state-active,
979
+ .ui-widget-header .ui-state-active,
980
+ a.ui-button:active,
981
+ .ui-button:active,
982
+ .ui-button.ui-state-active:hover {
983
+ border: 1px solid #003eff;
984
+ background: #007fff;
985
+ font-weight: normal;
986
+ color: #ffffff;
987
+ }
988
+ .ui-icon-background,
989
+ .ui-state-active .ui-icon-background {
990
+ border: #003eff;
991
+ background-color: #ffffff;
992
+ }
993
+ .ui-state-active a,
994
+ .ui-state-active a:link,
995
+ .ui-state-active a:visited {
996
+ color: #ffffff;
997
+ text-decoration: none;
998
+ }
999
+
1000
+ /* Interaction Cues
1001
+ ----------------------------------*/
1002
+ .ui-state-highlight,
1003
+ .ui-widget-content .ui-state-highlight,
1004
+ .ui-widget-header .ui-state-highlight {
1005
+ border: 1px solid #dad55e;
1006
+ background: #fffa90;
1007
+ color: #777620;
1008
+ }
1009
+ .ui-state-checked {
1010
+ border: 1px solid #dad55e;
1011
+ background: #fffa90;
1012
+ }
1013
+ .ui-state-highlight a,
1014
+ .ui-widget-content .ui-state-highlight a,
1015
+ .ui-widget-header .ui-state-highlight a {
1016
+ color: #777620;
1017
+ }
1018
+ .ui-state-error,
1019
+ .ui-widget-content .ui-state-error,
1020
+ .ui-widget-header .ui-state-error {
1021
+ border: 1px solid #f1a899;
1022
+ background: #fddfdf;
1023
+ color: #5f3f3f;
1024
+ }
1025
+ .ui-state-error a,
1026
+ .ui-widget-content .ui-state-error a,
1027
+ .ui-widget-header .ui-state-error a {
1028
+ color: #5f3f3f;
1029
+ }
1030
+ .ui-state-error-text,
1031
+ .ui-widget-content .ui-state-error-text,
1032
+ .ui-widget-header .ui-state-error-text {
1033
+ color: #5f3f3f;
1034
+ }
1035
+ .ui-priority-primary,
1036
+ .ui-widget-content .ui-priority-primary,
1037
+ .ui-widget-header .ui-priority-primary {
1038
+ font-weight: bold;
1039
+ }
1040
+ .ui-priority-secondary,
1041
+ .ui-widget-content .ui-priority-secondary,
1042
+ .ui-widget-header .ui-priority-secondary {
1043
+ opacity: .7;
1044
+ filter:Alpha(Opacity=70); /* support: IE8 */
1045
+ font-weight: normal;
1046
+ }
1047
+ .ui-state-disabled,
1048
+ .ui-widget-content .ui-state-disabled,
1049
+ .ui-widget-header .ui-state-disabled {
1050
+ opacity: .35;
1051
+ filter:Alpha(Opacity=35); /* support: IE8 */
1052
+ background-image: none;
1053
+ }
1054
+ .ui-state-disabled .ui-icon {
1055
+ filter:Alpha(Opacity=35); /* support: IE8 - See #6059 */
1056
+ }
1057
+
1058
+ /* Icons
1059
+ ----------------------------------*/
1060
+
1061
+ /* states and images */
1062
+ .ui-icon {
1063
+ width: 16px;
1064
+ height: 16px;
1065
+ }
1066
+ .ui-icon,
1067
+ .ui-widget-content .ui-icon {
1068
+ background-image: url("images/ui-icons_444444_256x240.png");
1069
+ }
1070
+ .ui-widget-header .ui-icon {
1071
+ background-image: url("images/ui-icons_444444_256x240.png");
1072
+ }
1073
+ .ui-state-hover .ui-icon,
1074
+ .ui-state-focus .ui-icon,
1075
+ .ui-button:hover .ui-icon,
1076
+ .ui-button:focus .ui-icon {
1077
+ background-image: url("images/ui-icons_555555_256x240.png");
1078
+ }
1079
+ .ui-state-active .ui-icon,
1080
+ .ui-button:active .ui-icon {
1081
+ background-image: url("images/ui-icons_ffffff_256x240.png");
1082
+ }
1083
+ .ui-state-highlight .ui-icon,
1084
+ .ui-button .ui-state-highlight.ui-icon {
1085
+ background-image: url("images/ui-icons_777620_256x240.png");
1086
+ }
1087
+ .ui-state-error .ui-icon,
1088
+ .ui-state-error-text .ui-icon {
1089
+ background-image: url("images/ui-icons_cc0000_256x240.png");
1090
+ }
1091
+ .ui-button .ui-icon {
1092
+ background-image: url("images/ui-icons_777777_256x240.png");
1093
+ }
1094
+
1095
+ /* positioning */
1096
+ .ui-icon-blank { background-position: 16px 16px; }
1097
+ .ui-icon-caret-1-n { background-position: 0 0; }
1098
+ .ui-icon-caret-1-ne { background-position: -16px 0; }
1099
+ .ui-icon-caret-1-e { background-position: -32px 0; }
1100
+ .ui-icon-caret-1-se { background-position: -48px 0; }
1101
+ .ui-icon-caret-1-s { background-position: -65px 0; }
1102
+ .ui-icon-caret-1-sw { background-position: -80px 0; }
1103
+ .ui-icon-caret-1-w { background-position: -96px 0; }
1104
+ .ui-icon-caret-1-nw { background-position: -112px 0; }
1105
+ .ui-icon-caret-2-n-s { background-position: -128px 0; }
1106
+ .ui-icon-caret-2-e-w { background-position: -144px 0; }
1107
+ .ui-icon-triangle-1-n { background-position: 0 -16px; }
1108
+ .ui-icon-triangle-1-ne { background-position: -16px -16px; }
1109
+ .ui-icon-triangle-1-e { background-position: -32px -16px; }
1110
+ .ui-icon-triangle-1-se { background-position: -48px -16px; }
1111
+ .ui-icon-triangle-1-s { background-position: -65px -16px; }
1112
+ .ui-icon-triangle-1-sw { background-position: -80px -16px; }
1113
+ .ui-icon-triangle-1-w { background-position: -96px -16px; }
1114
+ .ui-icon-triangle-1-nw { background-position: -112px -16px; }
1115
+ .ui-icon-triangle-2-n-s { background-position: -128px -16px; }
1116
+ .ui-icon-triangle-2-e-w { background-position: -144px -16px; }
1117
+ .ui-icon-arrow-1-n { background-position: 0 -32px; }
1118
+ .ui-icon-arrow-1-ne { background-position: -16px -32px; }
1119
+ .ui-icon-arrow-1-e { background-position: -32px -32px; }
1120
+ .ui-icon-arrow-1-se { background-position: -48px -32px; }
1121
+ .ui-icon-arrow-1-s { background-position: -65px -32px; }
1122
+ .ui-icon-arrow-1-sw { background-position: -80px -32px; }
1123
+ .ui-icon-arrow-1-w { background-position: -96px -32px; }
1124
+ .ui-icon-arrow-1-nw { background-position: -112px -32px; }
1125
+ .ui-icon-arrow-2-n-s { background-position: -128px -32px; }
1126
+ .ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
1127
+ .ui-icon-arrow-2-e-w { background-position: -160px -32px; }
1128
+ .ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
1129
+ .ui-icon-arrowstop-1-n { background-position: -192px -32px; }
1130
+ .ui-icon-arrowstop-1-e { background-position: -208px -32px; }
1131
+ .ui-icon-arrowstop-1-s { background-position: -224px -32px; }
1132
+ .ui-icon-arrowstop-1-w { background-position: -240px -32px; }
1133
+ .ui-icon-arrowthick-1-n { background-position: 1px -48px; }
1134
+ .ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
1135
+ .ui-icon-arrowthick-1-e { background-position: -32px -48px; }
1136
+ .ui-icon-arrowthick-1-se { background-position: -48px -48px; }
1137
+ .ui-icon-arrowthick-1-s { background-position: -64px -48px; }
1138
+ .ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
1139
+ .ui-icon-arrowthick-1-w { background-position: -96px -48px; }
1140
+ .ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
1141
+ .ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
1142
+ .ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
1143
+ .ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
1144
+ .ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
1145
+ .ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
1146
+ .ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
1147
+ .ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
1148
+ .ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
1149
+ .ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
1150
+ .ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
1151
+ .ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
1152
+ .ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
1153
+ .ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
1154
+ .ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
1155
+ .ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
1156
+ .ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
1157
+ .ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
1158
+ .ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
1159
+ .ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
1160
+ .ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
1161
+ .ui-icon-arrow-4 { background-position: 0 -80px; }
1162
+ .ui-icon-arrow-4-diag { background-position: -16px -80px; }
1163
+ .ui-icon-extlink { background-position: -32px -80px; }
1164
+ .ui-icon-newwin { background-position: -48px -80px; }
1165
+ .ui-icon-refresh { background-position: -64px -80px; }
1166
+ .ui-icon-shuffle { background-position: -80px -80px; }
1167
+ .ui-icon-transfer-e-w { background-position: -96px -80px; }
1168
+ .ui-icon-transferthick-e-w { background-position: -112px -80px; }
1169
+ .ui-icon-folder-collapsed { background-position: 0 -96px; }
1170
+ .ui-icon-folder-open { background-position: -16px -96px; }
1171
+ .ui-icon-document { background-position: -32px -96px; }
1172
+ .ui-icon-document-b { background-position: -48px -96px; }
1173
+ .ui-icon-note { background-position: -64px -96px; }
1174
+ .ui-icon-mail-closed { background-position: -80px -96px; }
1175
+ .ui-icon-mail-open { background-position: -96px -96px; }
1176
+ .ui-icon-suitcase { background-position: -112px -96px; }
1177
+ .ui-icon-comment { background-position: -128px -96px; }
1178
+ .ui-icon-person { background-position: -144px -96px; }
1179
+ .ui-icon-print { background-position: -160px -96px; }
1180
+ .ui-icon-trash { background-position: -176px -96px; }
1181
+ .ui-icon-locked { background-position: -192px -96px; }
1182
+ .ui-icon-unlocked { background-position: -208px -96px; }
1183
+ .ui-icon-bookmark { background-position: -224px -96px; }
1184
+ .ui-icon-tag { background-position: -240px -96px; }
1185
+ .ui-icon-home { background-position: 0 -112px; }
1186
+ .ui-icon-flag { background-position: -16px -112px; }
1187
+ .ui-icon-calendar { background-position: -32px -112px; }
1188
+ .ui-icon-cart { background-position: -48px -112px; }
1189
+ .ui-icon-pencil { background-position: -64px -112px; }
1190
+ .ui-icon-clock { background-position: -80px -112px; }
1191
+ .ui-icon-disk { background-position: -96px -112px; }
1192
+ .ui-icon-calculator { background-position: -112px -112px; }
1193
+ .ui-icon-zoomin { background-position: -128px -112px; }
1194
+ .ui-icon-zoomout { background-position: -144px -112px; }
1195
+ .ui-icon-search { background-position: -160px -112px; }
1196
+ .ui-icon-wrench { background-position: -176px -112px; }
1197
+ .ui-icon-gear { background-position: -192px -112px; }
1198
+ .ui-icon-heart { background-position: -208px -112px; }
1199
+ .ui-icon-star { background-position: -224px -112px; }
1200
+ .ui-icon-link { background-position: -240px -112px; }
1201
+ .ui-icon-cancel { background-position: 0 -128px; }
1202
+ .ui-icon-plus { background-position: -16px -128px; }
1203
+ .ui-icon-plusthick { background-position: -32px -128px; }
1204
+ .ui-icon-minus { background-position: -48px -128px; }
1205
+ .ui-icon-minusthick { background-position: -64px -128px; }
1206
+ .ui-icon-close { background-position: -80px -128px; }
1207
+ .ui-icon-closethick { background-position: -96px -128px; }
1208
+ .ui-icon-key { background-position: -112px -128px; }
1209
+ .ui-icon-lightbulb { background-position: -128px -128px; }
1210
+ .ui-icon-scissors { background-position: -144px -128px; }
1211
+ .ui-icon-clipboard { background-position: -160px -128px; }
1212
+ .ui-icon-copy { background-position: -176px -128px; }
1213
+ .ui-icon-contact { background-position: -192px -128px; }
1214
+ .ui-icon-image { background-position: -208px -128px; }
1215
+ .ui-icon-video { background-position: -224px -128px; }
1216
+ .ui-icon-script { background-position: -240px -128px; }
1217
+ .ui-icon-alert { background-position: 0 -144px; }
1218
+ .ui-icon-info { background-position: -16px -144px; }
1219
+ .ui-icon-notice { background-position: -32px -144px; }
1220
+ .ui-icon-help { background-position: -48px -144px; }
1221
+ .ui-icon-check { background-position: -64px -144px; }
1222
+ .ui-icon-bullet { background-position: -80px -144px; }
1223
+ .ui-icon-radio-on { background-position: -96px -144px; }
1224
+ .ui-icon-radio-off { background-position: -112px -144px; }
1225
+ .ui-icon-pin-w { background-position: -128px -144px; }
1226
+ .ui-icon-pin-s { background-position: -144px -144px; }
1227
+ .ui-icon-play { background-position: 0 -160px; }
1228
+ .ui-icon-pause { background-position: -16px -160px; }
1229
+ .ui-icon-seek-next { background-position: -32px -160px; }
1230
+ .ui-icon-seek-prev { background-position: -48px -160px; }
1231
+ .ui-icon-seek-end { background-position: -64px -160px; }
1232
+ .ui-icon-seek-start { background-position: -80px -160px; }
1233
+ /* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
1234
+ .ui-icon-seek-first { background-position: -80px -160px; }
1235
+ .ui-icon-stop { background-position: -96px -160px; }
1236
+ .ui-icon-eject { background-position: -112px -160px; }
1237
+ .ui-icon-volume-off { background-position: -128px -160px; }
1238
+ .ui-icon-volume-on { background-position: -144px -160px; }
1239
+ .ui-icon-power { background-position: 0 -176px; }
1240
+ .ui-icon-signal-diag { background-position: -16px -176px; }
1241
+ .ui-icon-signal { background-position: -32px -176px; }
1242
+ .ui-icon-battery-0 { background-position: -48px -176px; }
1243
+ .ui-icon-battery-1 { background-position: -64px -176px; }
1244
+ .ui-icon-battery-2 { background-position: -80px -176px; }
1245
+ .ui-icon-battery-3 { background-position: -96px -176px; }
1246
+ .ui-icon-circle-plus { background-position: 0 -192px; }
1247
+ .ui-icon-circle-minus { background-position: -16px -192px; }
1248
+ .ui-icon-circle-close { background-position: -32px -192px; }
1249
+ .ui-icon-circle-triangle-e { background-position: -48px -192px; }
1250
+ .ui-icon-circle-triangle-s { background-position: -64px -192px; }
1251
+ .ui-icon-circle-triangle-w { background-position: -80px -192px; }
1252
+ .ui-icon-circle-triangle-n { background-position: -96px -192px; }
1253
+ .ui-icon-circle-arrow-e { background-position: -112px -192px; }
1254
+ .ui-icon-circle-arrow-s { background-position: -128px -192px; }
1255
+ .ui-icon-circle-arrow-w { background-position: -144px -192px; }
1256
+ .ui-icon-circle-arrow-n { background-position: -160px -192px; }
1257
+ .ui-icon-circle-zoomin { background-position: -176px -192px; }
1258
+ .ui-icon-circle-zoomout { background-position: -192px -192px; }
1259
+ .ui-icon-circle-check { background-position: -208px -192px; }
1260
+ .ui-icon-circlesmall-plus { background-position: 0 -208px; }
1261
+ .ui-icon-circlesmall-minus { background-position: -16px -208px; }
1262
+ .ui-icon-circlesmall-close { background-position: -32px -208px; }
1263
+ .ui-icon-squaresmall-plus { background-position: -48px -208px; }
1264
+ .ui-icon-squaresmall-minus { background-position: -64px -208px; }
1265
+ .ui-icon-squaresmall-close { background-position: -80px -208px; }
1266
+ .ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
1267
+ .ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
1268
+ .ui-icon-grip-solid-vertical { background-position: -32px -224px; }
1269
+ .ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
1270
+ .ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
1271
+ .ui-icon-grip-diagonal-se { background-position: -80px -224px; }
1272
+
1273
+
1274
+ /* Misc visuals
1275
+ ----------------------------------*/
1276
+
1277
+ /* Corner radius */
1278
+ .ui-corner-all,
1279
+ .ui-corner-top,
1280
+ .ui-corner-left,
1281
+ .ui-corner-tl {
1282
+ border-top-left-radius: 3px;
1283
+ }
1284
+ .ui-corner-all,
1285
+ .ui-corner-top,
1286
+ .ui-corner-right,
1287
+ .ui-corner-tr {
1288
+ border-top-right-radius: 3px;
1289
+ }
1290
+ .ui-corner-all,
1291
+ .ui-corner-bottom,
1292
+ .ui-corner-left,
1293
+ .ui-corner-bl {
1294
+ border-bottom-left-radius: 3px;
1295
+ }
1296
+ .ui-corner-all,
1297
+ .ui-corner-bottom,
1298
+ .ui-corner-right,
1299
+ .ui-corner-br {
1300
+ border-bottom-right-radius: 3px;
1301
+ }
1302
+
1303
+ /* Overlays */
1304
+ .ui-widget-overlay {
1305
+ background: #aaaaaa;
1306
+ opacity: .003;
1307
+ filter: Alpha(Opacity=.3); /* support: IE8 */
1308
+ }
1309
+ .ui-widget-shadow {
1310
+ -webkit-box-shadow: 0px 0px 5px #666666;
1311
+ box-shadow: 0px 0px 5px #666666;
1312
+ }
assets/frontend/css/style - Copy.css DELETED
File without changes
assets/frontend/css/style.css CHANGED
@@ -10,7 +10,6 @@
10
  .post-grid .grid-items {
11
  margin: 0 auto;
12
  overflow: hidden;
13
- text-align: center;
14
  }
15
 
16
  .post-grid .item {
@@ -223,176 +222,6 @@
223
 
224
 
225
 
226
-
227
-
228
- .post-grid .owl-dots {
229
- margin: 30px 0 0;
230
- text-align: center;
231
- }
232
-
233
- .post-grid .owl-dots .owl-dot {
234
- background: #869791 none repeat scroll 0 0;
235
- display: inline-block;
236
- margin: 5px;
237
- opacity: 0.5;
238
- padding: 8px;
239
- }
240
-
241
- .post-grid .owl-dots .owl-dot:hover, .post-grid .owl-dots .owl-dot.active{
242
- opacity: 1;
243
- }
244
-
245
- .post-grid .owl-dots.round .owl-dot {
246
- border-radius: 50%;
247
- }
248
- .post-grid .owl-dots.round-border .owl-dot {
249
- border: 1px solid #999;
250
- border-radius: 50%;
251
- }
252
- .post-grid .owl-dots.semi-round .owl-dot {
253
- border-radius: 4px;
254
- }
255
- .post-grid .owl-dots.square .owl-dot {
256
- border-radius: 0;
257
- }
258
- .post-grid .owl-dots.square-border .owl-dot {
259
- border: 1px solid #999;
260
- }
261
- .post-grid .owl-dots.square-shadow .owl-dot {
262
- border-radius: 0;
263
- box-shadow: 0 5px 10px -2px #999;
264
- }
265
-
266
-
267
- .post-grid .owl-nav {
268
- position: absolute;
269
- }
270
- .post-grid .owl-nav .owl-next {
271
- float: right;
272
- }
273
-
274
- .post-grid .owl-nav .owl-prev {
275
- float: left;
276
- }
277
-
278
-
279
- .post-grid .owl-nav .owl-prev, .post-grid .owl-nav .owl-next {
280
- background: #f00 none repeat scroll 0 0;
281
- border: 1px solid #ddd;
282
- display: inline-block;
283
- left: 0;
284
- margin: 0 5px;
285
- }
286
-
287
- .post-grid .owl-nav .owl-prev {
288
- background:rgb(255, 255, 255) url("images/arrow-prev.png") no-repeat scroll 3px 7px;
289
-
290
- }
291
- .post-grid .owl-nav .owl-next {
292
- background:rgb(255, 255, 255) url("images/arrow-next.png") no-repeat scroll 3px 7px;
293
- }
294
-
295
-
296
-
297
-
298
-
299
- .post-grid .owl-nav.top-left {
300
- left: 5px;
301
- top: 10px;
302
- }
303
- .post-grid .owl-nav.top-right {
304
- right: 5px;
305
- top: 10px;
306
- }
307
- .post-grid .owl-nav.middle {
308
- left: 0;
309
- top: 40%;
310
- width: 100%;
311
- }
312
- .post-grid .owl-nav.bottom-left {
313
- bottom: 10px;
314
- left: 5px;
315
- }
316
- .post-grid .owl-nav.bottom-right {
317
- bottom: 10px;
318
- right: 5px;
319
- }
320
-
321
-
322
- /*navs style*/
323
-
324
- .post-grid .owl-nav.round .owl-prev, .post-grid .owl-nav.round .owl-next {
325
- border-radius: 50%;
326
- height: 35px;
327
- width: 35px;
328
- }
329
- .post-grid .owl-nav.round-border .owl-prev, .post-grid .owl-nav.round-border .owl-next {
330
- border: 2px solid #999;
331
- border-radius: 50%;
332
- height: 35px;
333
- width: 35px;
334
- }
335
-
336
- .post-grid .owl-nav.semi-round .owl-prev, .post-grid .owl-nav.semi-round .owl-next {
337
- border-radius: 5px;
338
- box-shadow: 0 0 7px -1px #ddd;
339
- height: 35px;
340
- width: 35px;
341
- }
342
- .post-grid .owl-nav.square .owl-prev, .post-grid .owl-nav.square .owl-next {
343
- box-shadow: 0 0 4px 0 #ddd;
344
- height: 35px;
345
- width: 35px;
346
- }
347
- .post-grid .owl-nav.square-border .owl-prev, .post-grid .owl-nav.square-border .owl-next {
348
- border: 2px solid #999;
349
- height: 35px;
350
- width: 35px;
351
- }
352
- .post-grid .owl-nav.square-shadow .owl-prev, .post-grid .owl-nav.square-shadow .owl-next {
353
- box-shadow: 0 0 3px 2px #ddd;
354
- height: 35px;
355
- width: 35px;
356
- }
357
-
358
-
359
- .owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-dot {
360
- opacity: 0.5;
361
- }
362
-
363
- .owl-carousel .owl-nav .owl-prev:hover, .owl-carousel .owl-nav .owl-next:hover {
364
- opacity: 1;
365
- }
366
-
367
-
368
-
369
-
370
-
371
-
372
-
373
- .post-grid.slider{}
374
-
375
- .post-grid.slider .grid-items {
376
- padding-top: 40px;
377
- }
378
-
379
-
380
-
381
-
382
-
383
-
384
-
385
-
386
-
387
-
388
-
389
-
390
-
391
-
392
-
393
-
394
-
395
-
396
  /*Grid Element CSS*/
397
 
398
  .post-grid .element.wc_add_to_cart {}
@@ -483,118 +312,6 @@ background:rgb(255, 255, 255) url("images/arrow-next.png") no-repeat scroll 3px
483
 
484
 
485
 
486
- /*#########################timeline########################*/
487
-
488
-
489
- .post-grid.timeline {
490
- position: relative;
491
- }
492
-
493
- .post-grid.timeline .timeline-line {
494
- background: #99999969 none repeat scroll 0 0;
495
- height: 100%;
496
- left: 50%;
497
- position: absolute;
498
- width: 1px;
499
- }
500
- .post-grid.timeline .item:nth-child(2){margin-top: 70px !important}
501
-
502
- .post-grid.timeline .item .timeline-arrow{
503
- width: 0px;
504
- height: 20px;
505
- background: #ddd;
506
- }
507
- .post-grid.timeline .item .timeline-bubble{}
508
-
509
- .post-grid.timeline .item.even .timeline-arrow {
510
- left: 100%;
511
- top: 30px;
512
- position: absolute;
513
-
514
- }
515
- .post-grid.timeline .item.even .timeline-arrow:after {
516
- left: 100%;
517
- top: 50%;
518
- border: solid transparent;
519
- content: " ";
520
- height: 0;
521
- width: 0;
522
- position: absolute;
523
- pointer-events: none;
524
- border-color: rgba(201, 201, 201, 0);
525
- border-left-color: #c9c9c9;
526
- border-width: 13px;
527
- margin-top: -13px;
528
- transform: translateY(-16%);
529
- }
530
-
531
-
532
- .post-grid.timeline .item.even .timeline-bubble {
533
- position: absolute;
534
- top: 0%;
535
- right: -39px;
536
- width: 7px;
537
- height: 7px;
538
- background: #ccc;
539
- border-radius: 50%;
540
- border: 5px solid #fff;
541
- box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.3);
542
- transform: translateY(-50%);
543
- }
544
-
545
-
546
-
547
-
548
-
549
-
550
-
551
-
552
-
553
- .post-grid.timeline .item.odd .timeline-arrow:after {
554
- right: 100%;
555
- top: 50%;
556
- border: solid transparent;
557
- content: " ";
558
- height: 0;
559
- width: 0;
560
- position: absolute;
561
- pointer-events: none;
562
- border-color: rgba(201, 201, 201, 0);
563
- border-right-color: #c9c9c9;
564
- border-width: 13px;
565
- margin-top: -13px;
566
- transform: translateY(-16%);
567
- }
568
-
569
-
570
- .post-grid.timeline .item.odd .timeline-bubble {
571
- position: absolute;
572
- top: 0%;
573
- left: -38px;
574
- width: 7px;
575
- height: 7px;
576
- background: #ccc;
577
- border-radius: 50%;
578
- border: 5px solid #fff;
579
- box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.3);
580
- transform: translateY(-50%);
581
- }
582
-
583
-
584
-
585
-
586
-
587
-
588
-
589
-
590
- .post-grid.timeline .item.odd .timeline-arrow {
591
- right: 100%;
592
- top: 30px;
593
- position: absolute;
594
-
595
- }
596
-
597
-
598
 
599
  .grid-items-wrap {
600
  overflow: hidden;
10
  .post-grid .grid-items {
11
  margin: 0 auto;
12
  overflow: hidden;
 
13
  }
14
 
15
  .post-grid .item {
222
 
223
 
224
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
225
  /*Grid Element CSS*/
226
 
227
  .post-grid .element.wc_add_to_cart {}
312
 
313
 
314
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
315
 
316
  .grid-items-wrap {
317
  overflow: hidden;
assets/settings-tabs/settings-tabs.js CHANGED
@@ -145,8 +145,13 @@ jQuery(document).ready(function($){
145
  side_uploader.open();
146
 
147
  })
 
 
 
148
 
149
 
 
 
150
 
151
  jQuery(document).on('click', '.settings-tabs .input-text-multi-wrapper .add-item',function(){
152
 
145
  side_uploader.open();
146
 
147
  })
148
+ $(document).on('click','.settings-tabs .field-media-url-wrapper .clear',function(e){
149
+ $(this).parent().children('.media-preview-wrap').children('img').attr('src','');
150
+ $(this).parent().children('input').val('');
151
 
152
 
153
+ })
154
+
155
 
156
  jQuery(document).on('click', '.settings-tabs .input-text-multi-wrapper .add-item',function(){
157
 
includes/class-metabox-post-grid-layout-hook.php CHANGED
@@ -136,6 +136,7 @@ if(!function_exists('post_grid_layout_metabox_content_layout_builder')){
136
  'share_button'=>array('name' =>__('Share button','post-grid')),
137
  'hr'=>array('name' =>__('Horizontal line','post-grid')),
138
  'five_star'=>array('name' =>__('Five star','post-grid')),
 
139
 
140
 
141
  ),
136
  'share_button'=>array('name' =>__('Share button','post-grid')),
137
  'hr'=>array('name' =>__('Horizontal line','post-grid')),
138
  'five_star'=>array('name' =>__('Five star','post-grid')),
139
+ //'collapsible_icon'=>array('name' =>__('Collapsible icon','post-grid')),
140
 
141
 
142
  ),
includes/class-shortcodes.php CHANGED
@@ -26,7 +26,7 @@ class class_post_grid_shortcodes{
26
 
27
 
28
 
29
- wp_reset_postdata();
30
 
31
  ob_start();
32
 
26
 
27
 
28
 
29
+ //wp_reset_postdata();
30
 
31
  ob_start();
32
 
includes/functions-data-upgrade.php CHANGED
@@ -775,8 +775,6 @@ function post_grid_layout_css($layout){
775
  transition: all 1s ease 0s;
776
  width: 100%;
777
  }
778
-
779
-
780
  .__ID__:hover .layer-media .title {
781
  transform: scale(0);
782
  }';
@@ -904,13 +902,13 @@ function post_grid_layout_css($layout){
904
  overflow: hidden;
905
  vertical-align: top;
906
  }
907
- .__ID__.layer-media {
908
  display: inline-block;
909
  float: left;
910
  vertical-align: top;
911
  width: 50%;
912
  }
913
- .__ID__.layer-content {
914
  display: inline-block;
915
  float: right;
916
  width: 50%;
775
  transition: all 1s ease 0s;
776
  width: 100%;
777
  }
 
 
778
  .__ID__:hover .layer-media .title {
779
  transform: scale(0);
780
  }';
902
  overflow: hidden;
903
  vertical-align: top;
904
  }
905
+ .__ID__ .layer-media {
906
  display: inline-block;
907
  float: left;
908
  vertical-align: top;
909
  width: 50%;
910
  }
911
+ .__ID__ .layer-content {
912
  display: inline-block;
913
  float: right;
914
  width: 50%;
includes/functions-layout-hook.php CHANGED
@@ -3770,6 +3770,8 @@ function post_grid_layout_element_option_post_date($parameters){
3770
  $element_index = isset($parameters['index']) ? $parameters['index'] : '';
3771
 
3772
  $date_format = isset($element_data['date_format']) ? $element_data['date_format'] : '';
 
 
3773
  $link_to = isset($element_data['link_to']) ? $element_data['link_to'] : '';
3774
 
3775
  $color = isset($element_data['color']) ? $element_data['color'] : '';
@@ -3809,6 +3811,22 @@ function post_grid_layout_element_option_post_date($parameters){
3809
 
3810
  $settings_tabs_field->generate_field($args);
3811
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
3812
  $args = array(
3813
  'id' => 'link_to',
3814
  'css_id' => $element_index.'_link_to',
3770
  $element_index = isset($parameters['index']) ? $parameters['index'] : '';
3771
 
3772
  $date_format = isset($element_data['date_format']) ? $element_data['date_format'] : '';
3773
+ $wrapper_html = isset($element_data['wrapper_html']) ? $element_data['wrapper_html'] : '';
3774
+
3775
  $link_to = isset($element_data['link_to']) ? $element_data['link_to'] : '';
3776
 
3777
  $color = isset($element_data['color']) ? $element_data['color'] : '';
3811
 
3812
  $settings_tabs_field->generate_field($args);
3813
 
3814
+
3815
+ $args = array(
3816
+ 'id' => 'wrapper_html',
3817
+ 'css_id' => $element_index.'_wrapper_html',
3818
+ 'parent' => $input_name.'[post_date]',
3819
+ 'title' => __('Wrapper html','post-grid'),
3820
+ 'details' => __('Write wrapper html, use <code>%s</code> to replace date output.','post-grid'),
3821
+ 'type' => 'text',
3822
+ 'value' => $wrapper_html,
3823
+ 'default' => '',
3824
+ 'placeholder' => 'Date: %s',
3825
+ );
3826
+
3827
+ $settings_tabs_field->generate_field($args);
3828
+
3829
+
3830
  $args = array(
3831
  'id' => 'link_to',
3832
  'css_id' => $element_index.'_link_to',
includes/functions-single.php ADDED
@@ -0,0 +1,75 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <?php
2
+ if ( ! defined('ABSPATH')) exit; // if direct access
3
+
4
+ //add_action('the_content','post_grid_single_post');
5
+
6
+ function post_grid_single_post($content){
7
+
8
+ $post_id = get_the_id();
9
+ $post_grid_post_settings = get_post_meta($post_id,'post_grid_post_settings', true);
10
+
11
+ $layout_id = !empty($post_grid_post_settings['layout_id']) ? (int) $post_grid_post_settings['layout_id'] : '';
12
+
13
+ //var_dump($layout_id);
14
+
15
+ if(!empty($layout_id)){
16
+
17
+
18
+ $layout_elements_data = get_post_meta( $layout_id, 'layout_elements_data', true );
19
+ $layout_custom_scripts = get_post_meta($layout_id,'custom_scripts', true);
20
+ $layout_custom_css = isset($layout_custom_scripts['custom_css']) ? $layout_custom_scripts['custom_css'] : '';
21
+
22
+ ob_start();
23
+
24
+ ?>
25
+ <div class="layout-<?php echo $layout_id; ?>">
26
+ <?php
27
+
28
+ if(!empty($layout_elements_data))
29
+ foreach($layout_elements_data as $elementIndex=>$elementData){
30
+ foreach($elementData as $elementId=>$element) {
31
+
32
+ //var_dump($elementId);
33
+
34
+ $element_args['element'] = $element;
35
+ $element_args['index'] = $elementIndex;
36
+
37
+ $element_args['post_id'] = $post_id;
38
+ $element_args['layout_id'] = $layout_id;
39
+
40
+ do_action('post_grid_layout_element_' . $elementId, $element_args);
41
+ do_action('post_grid_layout_element_css_' . $elementId, $element_args);
42
+
43
+
44
+
45
+ }
46
+
47
+ }
48
+ ?>
49
+ </div>
50
+ <?php if(!empty($layout_custom_css)): ?>
51
+ <style type="text/css">
52
+ <?php
53
+ echo str_replace('__ID__', 'layout-'.$layout_id, $layout_custom_css);
54
+ ?>
55
+ </style>
56
+ <?php endif; ?>
57
+ <?php
58
+ $content = ob_get_clean();
59
+
60
+ }
61
+
62
+
63
+ return $content;
64
+
65
+ }
66
+
67
+
68
+
69
+
70
+
71
+
72
+
73
+
74
+
75
+
includes/functions.php CHANGED
@@ -4,7 +4,6 @@ if ( ! defined('ABSPATH')) exit; // if direct access
4
 
5
 
6
 
7
-
8
  function post_grid_get_first_post($post_type = 'post'){
9
 
10
  $args = array(
4
 
5
 
6
 
 
7
  function post_grid_get_first_post($post_type = 'post'){
8
 
9
  $args = array(
includes/functions/functions-post-grid-meta-box.php CHANGED
@@ -87,7 +87,6 @@ function post_grid_metabox_tabs_content_shortcode($tab, $post_id){
87
  <?php
88
  }
89
 
90
-
91
  add_action('post_grid_metabox_tabs_content_general', 'post_grid_metabox_tabs_content_general', 10, 2);
92
 
93
  function post_grid_metabox_tabs_content_general($tab, $post_id){
@@ -229,7 +228,6 @@ function post_grid_metabox_tabs_content_general($tab, $post_id){
229
  <?php
230
 
231
  }
232
-
233
  add_action('post_grid_metabox_tabs_content_query_post', 'post_grid_metabox_tabs_content_query_post', 10, 2);
234
 
235
  function post_grid_metabox_tabs_content_query_post($tab, $post_id){
@@ -262,6 +260,7 @@ function post_grid_metabox_tabs_content_query_post($tab, $post_id){
262
  $posts_per_page = !empty($post_grid_meta_options['posts_per_page']) ? $post_grid_meta_options['posts_per_page'] : 10;
263
  $offset = isset($post_grid_meta_options['offset']) ? $post_grid_meta_options['offset'] : '0';
264
  $exclude_post_id = isset($post_grid_meta_options['exclude_post_id']) ? $post_grid_meta_options['exclude_post_id'] : '';
 
265
 
266
  $keyword = !empty($post_grid_meta_options['keyword']) ? $post_grid_meta_options['keyword'] :'';
267
 
@@ -511,6 +510,18 @@ function post_grid_metabox_tabs_content_query_post($tab, $post_id){
511
  $settings_tabs_field->generate_field($args, $post_id);
512
 
513
 
 
 
 
 
 
 
 
 
 
 
 
 
514
 
515
  $args = array(
516
  'id' => 'keyword',
@@ -1488,6 +1499,15 @@ function post_grid_metabox_tabs_content_pagination($tab, $post_id){
1488
  <p class="description section-description">Customize the pagination.</p>
1489
 
1490
  <?php
 
 
 
 
 
 
 
 
 
1491
  $args = array(
1492
  'id' => 'pagination_type',
1493
  'parent' => 'post_grid_meta_options[nav_bottom]',
@@ -1497,10 +1517,7 @@ function post_grid_metabox_tabs_content_pagination($tab, $post_id){
1497
  'multiple' => true,
1498
  'value' => $pagination_type,
1499
  'default' => 'inline',
1500
- 'args' => array(
1501
- 'none'=>__('None','post-grid'),
1502
- 'normal'=>__('Normal Pagination','post-grid'),
1503
- ),
1504
  );
1505
 
1506
  $settings_tabs_field->generate_field($args, $post_id);
87
  <?php
88
  }
89
 
 
90
  add_action('post_grid_metabox_tabs_content_general', 'post_grid_metabox_tabs_content_general', 10, 2);
91
 
92
  function post_grid_metabox_tabs_content_general($tab, $post_id){
228
  <?php
229
 
230
  }
 
231
  add_action('post_grid_metabox_tabs_content_query_post', 'post_grid_metabox_tabs_content_query_post', 10, 2);
232
 
233
  function post_grid_metabox_tabs_content_query_post($tab, $post_id){
260
  $posts_per_page = !empty($post_grid_meta_options['posts_per_page']) ? $post_grid_meta_options['posts_per_page'] : 10;
261
  $offset = isset($post_grid_meta_options['offset']) ? $post_grid_meta_options['offset'] : '0';
262
  $exclude_post_id = isset($post_grid_meta_options['exclude_post_id']) ? $post_grid_meta_options['exclude_post_id'] : '';
263
+ $include_post_id = isset($post_grid_meta_options['include_post_id']) ? $post_grid_meta_options['include_post_id'] : '';
264
 
265
  $keyword = !empty($post_grid_meta_options['keyword']) ? $post_grid_meta_options['keyword'] :'';
266
 
510
  $settings_tabs_field->generate_field($args, $post_id);
511
 
512
 
513
+ $args = array(
514
+ 'id' => 'include_post_id',
515
+ 'parent' => 'post_grid_meta_options',
516
+ 'title' => __('Include by post ID','post-grid'),
517
+ 'details' => __('You can include any post by ids here, use comma separate post id value, ex: 45,48','post-grid'),
518
+ 'type' => 'text',
519
+ 'value' => $include_post_id,
520
+ 'default' => '',
521
+ 'placeholder' => '45,48,50',
522
+ );
523
+
524
+ $settings_tabs_field->generate_field($args, $post_id);
525
 
526
  $args = array(
527
  'id' => 'keyword',
1499
  <p class="description section-description">Customize the pagination.</p>
1500
 
1501
  <?php
1502
+
1503
+
1504
+ $pagination_types = apply_filters('post_grid_pagination_types', array(
1505
+ 'none'=>__('None','post-grid'),
1506
+ 'normal'=>__('Normal Pagination','post-grid'),
1507
+ )
1508
+ );
1509
+
1510
+
1511
  $args = array(
1512
  'id' => 'pagination_type',
1513
  'parent' => 'post_grid_meta_options[nav_bottom]',
1517
  'multiple' => true,
1518
  'value' => $pagination_type,
1519
  'default' => 'inline',
1520
+ 'args' => $pagination_types,
 
 
 
1521
  );
1522
 
1523
  $settings_tabs_field->generate_field($args, $post_id);
includes/functions/post-grid-layout-elements.php CHANGED
@@ -416,8 +416,12 @@ function post_grid_layout_element_excerpt($args){
416
  if(empty($post_id)) return;
417
 
418
  $layout_id = isset($args['layout_id']) ? $args['layout_id'] : '';
 
419
 
 
420
  $post_excerpt = get_the_excerpt($post_id);
 
 
421
  $post_link = get_permalink($post_id);
422
 
423
  $link_target = isset($element['link_target']) ? $element['link_target'] : '';
@@ -530,7 +534,7 @@ function post_grid_layout_element_excerpt_read_more($args){
530
 
531
  $custom_class = isset($element['custom_class']) ? $element['custom_class'] : '';
532
  $char_limit = isset($element['char_limit']) ? (int) $element['char_limit'] : 0;
533
- $read_more_text = isset($element['read_more_text']) ? $element['read_more_text'] : '';
534
  $link_target = isset($element['link_target']) ? $element['link_target'] : '';
535
 
536
 
@@ -1097,10 +1101,14 @@ function post_grid_layout_element_post_date($args){
1097
  $link_to = isset($element['link_to']) ? $element['link_to'] : 'post_link';
1098
  $link_target = isset($element['link_target']) ? $element['link_target'] : '';
1099
  $date_format = isset($element['date_format']) ? $element['date_format'] : 'd-m-Y';
 
 
1100
 
1101
  $post_link = get_permalink($post_id);
1102
  $post_date = get_the_date($date_format, $post_id);
1103
 
 
 
1104
  ?>
1105
  <div class="element element_<?php echo esc_attr($elementIndex); ?> <?php echo esc_attr($custom_class); ?> post_date ">
1106
  <?php
@@ -1190,11 +1198,13 @@ function post_grid_layout_element_author($args){
1190
  $custom_class = isset($element['custom_class']) ? $element['custom_class'] : '';
1191
  $link_to = isset($element['link_to']) ? $element['link_to'] : 'post_link';
1192
  $link_target = isset($element['link_target']) ? $element['link_target'] : '';
1193
- $date_format = isset($element['date_format']) ? $element['date_format'] : 'd-m-Y';
1194
 
1195
  $post_link = get_permalink($post_id);
1196
  $post_author = get_the_author();
1197
 
 
 
1198
  ?>
1199
  <div class="element element_<?php echo esc_attr($elementIndex); ?> <?php echo esc_attr($custom_class); ?> author ">
1200
  <?php
@@ -1293,11 +1303,13 @@ function post_grid_layout_element_author_link($args){
1293
  $custom_class = isset($element['custom_class']) ? $element['custom_class'] : '';
1294
  $link_to = isset($element['link_to']) ? $element['link_to'] : 'post_link';
1295
  $link_target = isset($element['link_target']) ? $element['link_target'] : '';
1296
- $date_format = isset($element['date_format']) ? $element['date_format'] : 'd-m-Y';
1297
 
1298
  $post_link = get_permalink($post_id);
1299
  $post_author = get_the_author();
1300
 
 
 
1301
  ?>
1302
  <div class="element element_<?php echo esc_attr($elementIndex); ?> <?php echo esc_attr($custom_class); ?> author ">
1303
  <?php
416
  if(empty($post_id)) return;
417
 
418
  $layout_id = isset($args['layout_id']) ? $args['layout_id'] : '';
419
+ //$the_post = get_post($post_id);
420
 
421
+ //$post_excerpt = $the_post->post_excerpt;
422
  $post_excerpt = get_the_excerpt($post_id);
423
+
424
+
425
  $post_link = get_permalink($post_id);
426
 
427
  $link_target = isset($element['link_target']) ? $element['link_target'] : '';
534
 
535
  $custom_class = isset($element['custom_class']) ? $element['custom_class'] : '';
536
  $char_limit = isset($element['char_limit']) ? (int) $element['char_limit'] : 0;
537
+ $read_more_text = isset($element['read_more_text']) ? $element['read_more_text'] : __('Read more','post-grid');
538
  $link_target = isset($element['link_target']) ? $element['link_target'] : '';
539
 
540
 
1101
  $link_to = isset($element['link_to']) ? $element['link_to'] : 'post_link';
1102
  $link_target = isset($element['link_target']) ? $element['link_target'] : '';
1103
  $date_format = isset($element['date_format']) ? $element['date_format'] : 'd-m-Y';
1104
+ $wrapper_html = isset($element['wrapper_html']) ? $element['wrapper_html'] : '%s';
1105
+
1106
 
1107
  $post_link = get_permalink($post_id);
1108
  $post_date = get_the_date($date_format, $post_id);
1109
 
1110
+ $post_date = sprintf($wrapper_html,$post_date);
1111
+
1112
  ?>
1113
  <div class="element element_<?php echo esc_attr($elementIndex); ?> <?php echo esc_attr($custom_class); ?> post_date ">
1114
  <?php
1198
  $custom_class = isset($element['custom_class']) ? $element['custom_class'] : '';
1199
  $link_to = isset($element['link_to']) ? $element['link_to'] : 'post_link';
1200
  $link_target = isset($element['link_target']) ? $element['link_target'] : '';
1201
+ $wrapper_html = isset($element['wrapper_html']) ? $element['wrapper_html'] : '%s';
1202
 
1203
  $post_link = get_permalink($post_id);
1204
  $post_author = get_the_author();
1205
 
1206
+ $post_author = sprintf($wrapper_html, $post_author);
1207
+
1208
  ?>
1209
  <div class="element element_<?php echo esc_attr($elementIndex); ?> <?php echo esc_attr($custom_class); ?> author ">
1210
  <?php
1303
  $custom_class = isset($element['custom_class']) ? $element['custom_class'] : '';
1304
  $link_to = isset($element['link_to']) ? $element['link_to'] : 'post_link';
1305
  $link_target = isset($element['link_target']) ? $element['link_target'] : '';
1306
+ $wrapper_html = isset($element['wrapper_html']) ? $element['wrapper_html'] : '%s';
1307
 
1308
  $post_link = get_permalink($post_id);
1309
  $post_author = get_the_author();
1310
 
1311
+ $post_author = sprintf($wrapper_html, $post_author);
1312
+
1313
  ?>
1314
  <div class="element element_<?php echo esc_attr($elementIndex); ?> <?php echo esc_attr($custom_class); ?> author ">
1315
  <?php
includes/post-grid-meta-box.php CHANGED
@@ -45,6 +45,8 @@ function meta_boxes_post_grid_input( $post ) {
45
  $settings_tabs = array();
46
 
47
  //var_dump($current_tab);
 
 
48
 
49
  $settings_tabs[] = array(
50
  'id' => 'shortcode',
@@ -100,12 +102,13 @@ function meta_boxes_post_grid_input( $post ) {
100
  );
101
 
102
 
 
103
  $settings_tabs[] = array(
104
  'id' => 'masonry',
105
  'title' => sprintf(__('%s Masonry','post-grid'), '<i class="fas fa-th-large"></i>'),
106
  'priority' => 40,
107
  'active' => ($current_tab == 'masonry') ? true : false,
108
- 'data_visible' => 'masonry grid glossary timeline filterable',
109
  'hidden' => ($grid_type == 'slider')? true : false ,
110
  );
111
 
@@ -114,7 +117,7 @@ function meta_boxes_post_grid_input( $post ) {
114
  'title' => sprintf(__('%s Pagination','post-grid'), '<i class="fas fa-pager"></i>'),
115
  'priority' => 45,
116
  'active' => ($current_tab == 'pagination') ? true : false,
117
- 'data_visible' => 'masonry grid glossary timeline filterable isotope',
118
  'hidden' => ($grid_type == 'slider')? true : false ,
119
  );
120
 
45
  $settings_tabs = array();
46
 
47
  //var_dump($current_tab);
48
+ //var_dump($grid_type);
49
+
50
 
51
  $settings_tabs[] = array(
52
  'id' => 'shortcode',
102
  );
103
 
104
 
105
+
106
  $settings_tabs[] = array(
107
  'id' => 'masonry',
108
  'title' => sprintf(__('%s Masonry','post-grid'), '<i class="fas fa-th-large"></i>'),
109
  'priority' => 40,
110
  'active' => ($current_tab == 'masonry') ? true : false,
111
+ 'data_visible' => 'grid glossary timeline filterable',
112
  'hidden' => ($grid_type == 'slider')? true : false ,
113
  );
114
 
117
  'title' => sprintf(__('%s Pagination','post-grid'), '<i class="fas fa-pager"></i>'),
118
  'priority' => 45,
119
  'active' => ($current_tab == 'pagination') ? true : false,
120
+ 'data_visible' => ' grid glossary timeline filterable collapsible',
121
  'hidden' => ($grid_type == 'slider')? true : false ,
122
  );
123
 
post-grid.php CHANGED
@@ -3,7 +3,7 @@
3
  Plugin Name: Post Grid by PickPlugins
4
  Plugin URI: https://www.pickplugins.com/item/post-grid-create-awesome-grid-from-any-post-type-for-wordpress/
5
  Description: Awesome post grid for query post from any post type and display on grid.
6
- Version: 2.0.51
7
  Author: PickPlugins
8
  Author URI: https://www.pickplugins.com/
9
  License: GPLv2 or later
@@ -21,7 +21,7 @@ if( !class_exists( 'PostGrid' )){
21
  define('post_grid_plugin_dir', plugin_dir_path(__FILE__));
22
  define('post_grid_plugin_basename', plugin_basename(__FILE__));
23
  define('post_grid_plugin_name', 'Post Grid');
24
- define('post_grid_version', '2.0.51');
25
 
26
  include('includes/classes/class-post-types.php');
27
  include('includes/functions/functions-settings-hook.php');
@@ -34,6 +34,7 @@ if( !class_exists( 'PostGrid' )){
34
  include('includes/class-metabox-post-grid-layout-hook.php');
35
  include('includes/functions-layout-hook.php');
36
  include('includes/functions-data-upgrade.php');
 
37
 
38
 
39
  include('includes/classes/class-post-grid-support.php');
@@ -134,6 +135,8 @@ if( !class_exists( 'PostGrid' )){
134
  wp_register_style('font-awesome-4', post_grid_plugin_url.'assets/global/css/font-awesome-4.css');
135
  wp_register_style('font-awesome-5', post_grid_plugin_url.'assets/global/css/font-awesome-5.css');
136
 
 
 
137
  }
138
 
139
 
3
  Plugin Name: Post Grid by PickPlugins
4
  Plugin URI: https://www.pickplugins.com/item/post-grid-create-awesome-grid-from-any-post-type-for-wordpress/
5
  Description: Awesome post grid for query post from any post type and display on grid.
6
+ Version: 2.0.53
7
  Author: PickPlugins
8
  Author URI: https://www.pickplugins.com/
9
  License: GPLv2 or later
21
  define('post_grid_plugin_dir', plugin_dir_path(__FILE__));
22
  define('post_grid_plugin_basename', plugin_basename(__FILE__));
23
  define('post_grid_plugin_name', 'Post Grid');
24
+ define('post_grid_version', '2.0.53');
25
 
26
  include('includes/classes/class-post-types.php');
27
  include('includes/functions/functions-settings-hook.php');
34
  include('includes/class-metabox-post-grid-layout-hook.php');
35
  include('includes/functions-layout-hook.php');
36
  include('includes/functions-data-upgrade.php');
37
+ include('includes/functions-single.php');
38
 
39
 
40
  include('includes/classes/class-post-grid-support.php');
135
  wp_register_style('font-awesome-4', post_grid_plugin_url.'assets/global/css/font-awesome-4.css');
136
  wp_register_style('font-awesome-5', post_grid_plugin_url.'assets/global/css/font-awesome-5.css');
137
 
138
+ wp_register_style('jquery-ui', post_grid_plugin_url.'assets/frontend/css/jquery-ui.css');
139
+
140
  }
141
 
142
 
readme.txt CHANGED
@@ -4,7 +4,7 @@
4
  Tags: post grid, grid, custom post grid, post type grid, grid display, category filter, custom post, filter, filtering, grid, layout, list, masonry, post, post filter, post layout, taxonomy, taxonomy filter,
5
  Requires at least: 3.8
6
  Tested up to: 5.4
7
- Stable tag: 2.0.51
8
  License: GPLv2 or later
9
  License URI: http://www.gnu.org/licenses/gpl-2.0.html
10
 
@@ -139,6 +139,18 @@ then paste this shortcode anywhere in your page to display grid<br />
139
 
140
  == Changelog ==
141
 
 
 
 
 
 
 
 
 
 
 
 
 
142
 
143
  = 2.0.51 =
144
  * 2020-05-01 fix - pagination displaying issue fixed
4
  Tags: post grid, grid, custom post grid, post type grid, grid display, category filter, custom post, filter, filtering, grid, layout, list, masonry, post, post filter, post layout, taxonomy, taxonomy filter,
5
  Requires at least: 3.8
6
  Tested up to: 5.4
7
+ Stable tag: 2.0.53
8
  License: GPLv2 or later
9
  License URI: http://www.gnu.org/licenses/gpl-2.0.html
10
 
139
 
140
  == Changelog ==
141
 
142
+ = 2.0.53 =
143
+ * 2020-05-01 fix - var_dump issue fixed for excerpt.
144
+ * 2020-05-01 add - query post by ids added.
145
+
146
+
147
+ = 2.0.52 =
148
+ * 2020-05-01 fix - lazy load issue fixed.
149
+ * 2020-05-04 fix - exclude by post ids issue fixed.
150
+ * 2020-05-04 fix - layout css issue fixed.
151
+ * 2020-05-04 add - prefix text for post date element
152
+ * 2020-05-04 add - prefix text for post author element
153
+
154
 
155
  = 2.0.51 =
156
  * 2020-05-01 fix - pagination displaying issue fixed
templates/post-grid-hook.php CHANGED
@@ -1,6 +1,43 @@
1
  <?php
2
  if ( ! defined('ABSPATH')) exit; // if direct access
3
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
4
  add_action('post_grid_main', 'post_grid_main_container', 90);
5
 
6
  function post_grid_main_container($atts){
@@ -78,7 +115,7 @@ add_action('post_grid_container', 'post_grid_posts_loop');
78
 
79
  function post_grid_posts_loop($args){
80
 
81
- global $wp_query;
82
 
83
  $post_grid_options = $args['options'];
84
  $grid_id = $args['grid_id'];
@@ -87,6 +124,11 @@ function post_grid_posts_loop($args){
87
  $keyword = isset($post_grid_options['keyword']) ? $post_grid_options['keyword'] : '';
88
  $exclude_post_id = isset($post_grid_options['exclude_post_id']) ? $post_grid_options['exclude_post_id'] : '';
89
 
 
 
 
 
 
90
  $post_status = isset($post_grid_options['post_status']) ? $post_grid_options['post_status'] : 'publish';
91
  $query_order = isset($post_grid_options['query_order']) ? $post_grid_options['query_order'] : 'DESC';
92
  $query_orderby = isset($post_grid_options['query_orderby']) ? $post_grid_options['query_orderby'] : array('date');
@@ -168,6 +210,10 @@ function post_grid_posts_loop($args){
168
  if(!empty($exclude_post_id))
169
  $query_args['post__not_in'] = $exclude_post_id;
170
 
 
 
 
 
171
  if(!empty($query_order))
172
  $query_args['order'] = $query_order;
173
 
@@ -221,6 +267,8 @@ function post_grid_posts_loop($args){
221
  $args['post_id'] = $post_id;
222
  $args['loop_count'] = $loop_count;
223
 
 
 
224
  do_action('post_grid_loop', $args);
225
 
226
  $loop_count++;
@@ -281,11 +329,13 @@ function post_grid_loop($args){
281
 
282
 
283
  if($loop_count % 2 == 0){
284
- $odd_even_calss = 'even';
285
  }else{
286
- $odd_even_calss = 'odd';
287
  }
288
 
 
 
289
 
290
  $post_options = get_post_meta( $post_id, 'post_grid_post_settings', true );
291
 
@@ -301,16 +351,20 @@ function post_grid_loop($args){
301
  $item_css_class['item_id'] = 'item-'.$post_id;
302
 
303
  $item_css_class['skin'] = 'skin '.$skin;
304
- $item_css_class['odd_even'] = $odd_even_calss;
 
305
 
306
 
307
- //var_dump($layout_id);
308
 
309
  $item_css_class = apply_filters('post_grid_item_classes', $item_css_class, $args);
310
  $item_css_class = implode(' ', $item_css_class);
311
 
312
  ?>
 
313
  <div class="<?php echo $item_css_class; ?> ">
 
 
 
314
  <div class="layer-wrapper layout-<?php echo $layout_id; ?>">
315
  <?php
316
 
@@ -318,6 +372,7 @@ function post_grid_loop($args){
318
  $layout_args['post_id'] = $post_id;
319
  $layout_args['options'] = $post_grid_options;
320
 
 
321
  do_action('post_grid_item_layout', $layout_args);
322
 
323
  ?>
@@ -612,6 +667,7 @@ function post_grid_pagination_normal($args, $post_grid_wp_query){
612
 
613
 
614
  $post_grid_options = $args['options'];
 
615
 
616
  if ( get_query_var('paged') ) {
617
  $paged = get_query_var('paged');
@@ -621,9 +677,16 @@ function post_grid_pagination_normal($args, $post_grid_wp_query){
621
  $paged = 1;
622
  }
623
 
 
 
624
  $pagination_prev_text = !empty($post_grid_options['pagination']['prev_text']) ? $post_grid_options['pagination']['prev_text'] : __('« Previous', 'post-grid');
625
  $pagination_next_text = !empty($post_grid_options['pagination']['next_text']) ? $post_grid_options['pagination']['next_text'] : __('Next »', 'post-grid');
626
- $max_num_pages = $post_grid_wp_query->max_num_pages;
 
 
 
 
 
627
 
628
 
629
  ?>
@@ -637,7 +700,7 @@ function post_grid_pagination_normal($args, $post_grid_wp_query){
637
  'base' => str_replace( $big, '%#%', esc_url( get_pagenum_link( $big ) ) ),
638
  'format' => '?paged=%#%',
639
  'current' => max( 1, $paged ),
640
- 'total' => $max_num_pages,
641
  'prev_text' => $pagination_prev_text,
642
  'next_text' => $pagination_next_text,
643
  )
@@ -645,6 +708,17 @@ function post_grid_pagination_normal($args, $post_grid_wp_query){
645
 
646
  ?>
647
  </div>
 
 
 
 
 
 
 
 
 
 
 
648
  <?php
649
 
650
  }
@@ -706,7 +780,8 @@ function post_grid_view_type_css_grid($args){
706
  $items_media_height_style = !empty($post_grid_options['media_height']['style']) ? $post_grid_options['media_height']['style'] : 'auto_height';
707
  $items_media_fixed_height = !empty($post_grid_options['media_height']['fixed_height']) ? $post_grid_options['media_height']['fixed_height'] : '';
708
 
709
-
 
710
 
711
  if($items_height_style == 'auto_height'){
712
  $items_height = 'auto';
@@ -732,11 +807,6 @@ function post_grid_view_type_css_grid($args){
732
  $container_bg_color = isset($post_grid_options['container']['bg_color']) ? $post_grid_options['container']['bg_color'] : '';
733
  $container_bg_image = isset($post_grid_options['container']['bg_image']) ? $post_grid_options['container']['bg_image'] : '';
734
 
735
- $pagination_font_size = !empty($post_grid_options['pagination']['font_size']) ? $post_grid_options['pagination']['font_size'] : '17px';
736
- $pagination_font_color = !empty($post_grid_options['pagination']['font_color']) ? $post_grid_options['pagination']['font_color'] : '#646464';
737
- $pagination_bg_color = !empty($post_grid_options['pagination']['bg_color']) ? $post_grid_options['pagination']['bg_color'] : '#646464';
738
- $pagination_active_bg_color = !empty($post_grid_options['pagination']['active_bg_color']) ? $post_grid_options['pagination']['active_bg_color'] : '#4b4b4b';
739
-
740
  $items_bg_color_type = isset($post_grid_options['items_bg_color_type']) ? $post_grid_options['items_bg_color_type'] : '';
741
  $items_bg_color = isset($post_grid_options['items_bg_color']) ? $post_grid_options['items_bg_color'] : '#fff';
742
 
@@ -767,31 +837,18 @@ function post_grid_view_type_css_grid($args){
767
  <?php if($items_bg_color_type=='fixed'): ?>
768
  background:<?php echo $items_bg_color; ?>;
769
  <?php endif; ?>
770
-
771
  }
772
  #post-grid-<?php echo $grid_id; ?> .item .layer-media{
773
  overflow: hidden;
774
- <?php
775
- if($items_media_height_style == 'fixed_height' || $items_media_height_style == 'auto_height'){
776
- echo 'height:'.$items_media_height.';';
777
- }elseif($items_media_height_style=='max_height'){
778
- echo 'max-height:'.$items_media_height.';';
779
- }else{
780
- echo 'height:'.$items_media_height.';';
781
- }
782
- ?>
783
- }
784
- #post-grid-<?php echo $grid_id; ?> .pagination .page-numbers,
785
- #post-grid-<?php echo $grid_id; ?> .pagination .pager,
786
- #post-grid-<?php echo $grid_id; ?> .paginate.next-previous a{
787
- font-size:<?php echo $pagination_font_size; ?>;
788
- color:<?php echo $pagination_font_color; ?>;
789
- background:<?php echo $pagination_bg_color; ?>;
790
- }
791
- #post-grid-<?php echo $grid_id; ?> .pagination .page-numbers:hover,
792
- #post-grid-<?php echo $grid_id; ?> .pagination .page-numbers.current,
793
- #post-grid-<?php echo $grid_id; ?> .pagination .pager.active{
794
- background:<?php echo $pagination_active_bg_color; ?>;
795
  }
796
  @media only screen and ( min-width: 0px ) and ( max-width: 767px ) {
797
  #post-grid-<?php echo $grid_id; ?> .item{
@@ -848,743 +905,151 @@ function post_grid_view_type_css_grid($args){
848
  }
849
  }
850
 
851
-
852
  <?php
853
 
854
- $filterable_font_size = !empty($post_grid_options['nav_top']['filterable_font_size']) ? $post_grid_options['nav_top']['filterable_font_size'] : '14px';
855
- $filterable_navs_margin = !empty($post_grid_options['nav_top']['filterable_navs_margin']) ? $post_grid_options['nav_top']['filterable_navs_margin'] : '5px';
856
 
857
- $filterable_font_color = !empty($post_grid_options['nav_top']['filterable_font_color']) ? $post_grid_options['nav_top']['filterable_font_color'] : '#999';
858
- $filterable_bg_color = !empty($post_grid_options['nav_top']['filterable_bg_color']) ? $post_grid_options['nav_top']['filterable_bg_color'] : '#fff';
859
- $filterable_active_bg_color = !empty($post_grid_options['nav_top']['filterable_active_bg_color']) ? $post_grid_options['nav_top']['filterable_active_bg_color'] : '#ddd';
860
 
861
- ?>
 
862
 
863
- #post-grid-<?php echo $grid_id; ?> .pagination .page-numbers:hover,
864
- #post-grid-<?php echo $grid_id; ?> .pagination .page-numbers.current,
865
- #post-grid-<?php echo $grid_id; ?> .pagination .pager.mixitup-control-active{
866
- background:<?php echo $pagination_active_bg_color; ?>;
 
 
 
867
  }
868
- #post-grid-<?php echo $grid_id; ?> .pagination .page-numbers,
869
- #post-grid-<?php echo $grid_id; ?> .pagination .pager,
870
- #post-grid-<?php echo $grid_id; ?> .paginate.next-previous a{
871
- font-size:<?php echo $pagination_font_size; ?>;
872
- color:<?php echo $pagination_font_color; ?>;
873
- background:<?php echo $pagination_bg_color; ?>;
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
874
  }
 
 
 
 
 
875
  </style>
876
  <?php
877
 
878
  }
879
 
880
- add_action('post_grid_view_type_css_filterable', 'post_grid_view_type_css_filterable', 90);
881
 
882
- function post_grid_view_type_css_filterable($args){
883
 
 
 
 
884
  $post_grid_options = $args['options'];
885
  $grid_id = $args['grid_id'];
 
886
 
887
- $items_width_desktop = isset($post_grid_options['width']['desktop']) ? $post_grid_options['width']['desktop'] : '';
888
- $items_width_tablet = isset($post_grid_options['width']['tablet']) ? $post_grid_options['width']['tablet'] : '';
889
- $items_width_mobile = isset($post_grid_options['width']['mobile']) ? $post_grid_options['width']['mobile'] : '';
890
 
891
- $items_height_style = !empty($post_grid_options['item_height']['style']) ? $post_grid_options['item_height']['style'] : 'auto_height';
892
- $items_height_style_tablet = !empty($post_grid_options['item_height']['style_tablet']) ? $post_grid_options['item_height']['style_tablet'] : 'auto_height';
893
- $items_height_style_mobile = !empty($post_grid_options['item_height']['style_mobile']) ?$post_grid_options['item_height']['style_mobile'] : 'auto_height';
894
 
895
- $items_fixed_height = !empty($post_grid_options['item_height']['fixed_height']) ? $post_grid_options['item_height']['fixed_height'] : '220px';
896
- $items_fixed_height_tablet = !empty($post_grid_options['item_height']['fixed_height_tablet']) ? $post_grid_options['item_height']['fixed_height_tablet'] : '220px';
897
- $items_fixed_height_mobile = !empty($post_grid_options['item_height']['fixed_height_mobile']) ? $post_grid_options['item_height']['fixed_height_mobile'] : '220px';
 
898
 
899
- $items_margin = isset($post_grid_options['margin']) ? $post_grid_options['margin'] : '';
900
- $item_padding = isset($post_grid_options['item_padding']) ? $post_grid_options['item_padding'] : '';
901
 
902
- $items_media_height_style = !empty($post_grid_options['media_height']['style']) ? $post_grid_options['media_height']['style'] : 'auto_height';
903
- $items_media_fixed_height = !empty($post_grid_options['media_height']['fixed_height']) ? $post_grid_options['media_height']['fixed_height'] : '';
904
 
905
 
906
 
907
- if($items_height_style == 'auto_height'){
908
- $items_height = 'auto';
909
- }elseif($items_height_style == 'fixed_height'){
910
- $items_height = $items_fixed_height;
911
- }elseif($items_height_style == 'max_height'){
912
- $items_height = $items_fixed_height;
913
- }else{
914
- $items_height = '220px';
915
- }
916
 
917
- if($items_media_height_style == 'auto_height'){
918
- $items_media_height = 'auto';
919
- }elseif($items_media_height_style == 'fixed_height'){
920
- $items_media_height = $items_media_fixed_height;
921
- }elseif($items_media_height_style == 'max_height'){
922
- $items_media_height = $items_media_fixed_height;
923
- }else{
924
- $items_media_height = '220px';
925
- }
926
 
927
- $container_padding = isset($post_grid_options['container']['padding']) ? $post_grid_options['container']['padding'] : '';
928
- $container_bg_color = isset($post_grid_options['container']['bg_color']) ? $post_grid_options['container']['bg_color'] : '';
929
- $container_bg_image = isset($post_grid_options['container']['bg_image']) ? $post_grid_options['container']['bg_image'] : '';
930
 
931
- $pagination_font_size = !empty($post_grid_options['pagination']['font_size']) ? $post_grid_options['pagination']['font_size'] : '17px';
932
- $pagination_font_color = !empty($post_grid_options['pagination']['font_color']) ? $post_grid_options['pagination']['font_color'] : '#646464';
933
- $pagination_bg_color = !empty($post_grid_options['pagination']['bg_color']) ? $post_grid_options['pagination']['bg_color'] : '#646464';
934
- $pagination_active_bg_color = !empty($post_grid_options['pagination']['active_bg_color']) ? $post_grid_options['pagination']['active_bg_color'] : '#4b4b4b';
935
 
936
- $items_bg_color_type = isset($post_grid_options['items_bg_color_type']) ? $post_grid_options['items_bg_color_type'] : '';
937
- $items_bg_color = isset($post_grid_options['items_bg_color']) ? $post_grid_options['items_bg_color'] : '#fff';
938
 
939
 
940
- ?>
941
- <style type="text/css">
 
 
942
 
943
- #post-grid-<?php echo $grid_id; ?> {
944
- <?php if(!empty($container_padding)): ?>
945
- padding:<?php echo $container_padding; ?>;
946
- <?php endif; ?>
947
- <?php if(!empty($container_bg_color)): ?>
948
- background-color: <?php echo $container_bg_color; ?>;
949
- <?php endif; ?>
950
- <?php if(!empty($container_bg_image)): ?>
951
- background-image: url(<?php echo $container_bg_image; ?>);
952
- <?php endif; ?>
953
  }
954
 
 
955
 
956
- #post-grid-<?php echo $grid_id; ?> .item{
957
- <?php if(!empty($items_margin)): ?>
958
- margin:<?php echo $items_margin; ?>;
959
- <?php endif; ?>
960
- <?php if(!empty($item_padding)): ?>
961
- padding:<?php echo $item_padding; ?>;
962
- <?php endif; ?>
963
- <?php if($items_bg_color_type=='fixed'): ?>
964
- background:<?php echo $items_bg_color; ?>;
965
- <?php endif; ?>
966
 
967
- }
968
- #post-grid-<?php echo $grid_id; ?> .item .layer-media{
969
- overflow: hidden;
970
- <?php
971
- if($items_media_height_style == 'fixed_height' || $items_media_height_style == 'auto_height'){
972
- echo 'height:'.$items_media_height.';';
973
- }elseif($items_media_height_style=='max_height'){
974
- echo 'max-height:'.$items_media_height.';';
975
- }else{
976
- echo 'height:'.$items_media_height.';';
977
- }
978
- ?>
979
- }
980
- #post-grid-<?php echo $grid_id; ?> .pagination .page-numbers,
981
- #post-grid-<?php echo $grid_id; ?> .pagination .pager,
982
- #post-grid-<?php echo $grid_id; ?> .paginate.next-previous a{
983
- font-size:<?php echo $pagination_font_size; ?>;
984
- color:<?php echo $pagination_font_color; ?>;
985
- background:<?php echo $pagination_bg_color; ?>;
986
- }
987
- #post-grid-<?php echo $grid_id; ?> .pagination .page-numbers:hover,
988
- #post-grid-<?php echo $grid_id; ?> .pagination .page-numbers.current,
989
- #post-grid-<?php echo $grid_id; ?> .pagination .pager.active,
990
- #post-grid-<?php echo $grid_id; ?> .pagination .pager.mixitup-control-active{
991
- background:<?php echo $pagination_active_bg_color; ?>;
992
- }
993
 
994
- @media only screen and ( min-width: 0px ) and ( max-width: 767px ) {
995
- #post-grid-<?php echo $grid_id; ?> .item{
996
- <?php if(!empty($items_width_mobile)): ?>
997
- width:<?php echo $items_width_mobile; ?>;
998
- <?php endif; ?>
999
  <?php
1000
- if($items_height_style == 'fixed_height'){
1001
- echo 'height:'.$items_height.';';
1002
- }elseif($items_height_style=='max_height'){
1003
- echo 'max-height:'.$items_height.';';
1004
- }elseif($items_height_style=='auto_height'){
1005
- echo 'height:auto;';
1006
- }else{
1007
- echo 'height:auto;';
1008
- }
1009
  ?>
1010
- }
1011
- }
1012
- @media only screen and ( min-width: 768px ) and ( max-width: 1023px ) {
1013
- #post-grid-<?php echo $grid_id; ?> .item{
1014
- <?php if(!empty($items_width_tablet)): ?>
1015
- width:<?php echo $items_width_tablet; ?>;
1016
- <?php endif; ?>
1017
  <?php
1018
- if($items_height_style_tablet == 'fixed_height'){
1019
- echo 'height:'.$items_fixed_height_tablet.';';
1020
- }elseif($items_height_style_tablet=='max_height'){
1021
- echo 'max-height:'.$items_fixed_height_tablet.';';
1022
- }elseif($items_height_style_tablet=='auto_height'){
1023
- echo 'max-height:auto;';
1024
- }else{
1025
- echo 'height:auto;';
1026
- }
1027
  ?>
1028
- }
1029
- }
1030
- @media only screen and (min-width: 1024px ){
1031
- #post-grid-<?php echo $grid_id; ?> .item{
1032
- <?php if(!empty($items_width_desktop)): ?>
1033
- width:<?php echo $items_width_desktop; ?>;
1034
- <?php endif; ?>
1035
- <?php
1036
- if($items_height_style == 'fixed_height'){
1037
- echo 'height:'.$items_height.';';
1038
- }elseif($items_height_style=='max_height'){
1039
- echo 'max-height:'.$items_height.';';
1040
- }elseif($items_height_style=='auto_height'){
1041
- echo 'height:auto;';
1042
- }else{
1043
- echo 'height:auto;';
1044
- }
1045
- ?>
1046
- }
1047
- }
1048
-
1049
-
1050
- <?php
1051
-
1052
- $filterable_font_size = !empty($post_grid_options['nav_top']['filterable_font_size']) ? $post_grid_options['nav_top']['filterable_font_size'] : '14px';
1053
- $filterable_navs_margin = !empty($post_grid_options['nav_top']['filterable_navs_margin']) ? $post_grid_options['nav_top']['filterable_navs_margin'] : '5px';
1054
-
1055
- $filterable_font_color = !empty($post_grid_options['nav_top']['filterable_font_color']) ? $post_grid_options['nav_top']['filterable_font_color'] : '#999';
1056
- $filterable_bg_color = !empty($post_grid_options['nav_top']['filterable_bg_color']) ? $post_grid_options['nav_top']['filterable_bg_color'] : '#fff';
1057
- $filterable_active_bg_color = !empty($post_grid_options['nav_top']['filterable_active_bg_color']) ? $post_grid_options['nav_top']['filterable_active_bg_color'] : '#ddd';
1058
-
1059
- ?>
1060
- #post-grid-<?php echo $grid_id; ?> .nav-filter .filter{
1061
- font-size:<?php echo $filterable_font_size; ?>;
1062
- color:<?php echo $filterable_font_color; ?>;
1063
- background:<?php echo $filterable_bg_color; ?>;
1064
- margin:<?php echo $filterable_navs_margin; ?>;
1065
- }
1066
- #post-grid-<?php echo $grid_id; ?> .nav-filter .filter:hover, #post-grid-<?php echo $grid_id; ?> .nav-filter .filter.mixitup-control-active{
1067
- background:<?php echo $filterable_active_bg_color; ?>;
1068
- }
1069
-
1070
- </style>
1071
- <?php
1072
-
1073
-
1074
- }
1075
-
1076
-
1077
- add_action('post_grid_view_type_css_glossary', 'post_grid_view_type_css_glossary', 90);
1078
-
1079
- function post_grid_view_type_css_glossary($args){
1080
-
1081
- $post_grid_options = $args['options'];
1082
- $grid_id = $args['grid_id'];
1083
-
1084
- $items_width_desktop = isset($post_grid_options['width']['desktop']) ? $post_grid_options['width']['desktop'] : '';
1085
- $items_width_tablet = isset($post_grid_options['width']['tablet']) ? $post_grid_options['width']['tablet'] : '';
1086
- $items_width_mobile = isset($post_grid_options['width']['mobile']) ? $post_grid_options['width']['mobile'] : '';
1087
-
1088
- $items_height_style = !empty($post_grid_options['item_height']['style']) ? $post_grid_options['item_height']['style'] : 'auto_height';
1089
- $items_height_style_tablet = !empty($post_grid_options['item_height']['style_tablet']) ? $post_grid_options['item_height']['style_tablet'] : 'auto_height';
1090
- $items_height_style_mobile = !empty($post_grid_options['item_height']['style_mobile']) ?$post_grid_options['item_height']['style_mobile'] : 'auto_height';
1091
-
1092
- $items_fixed_height = !empty($post_grid_options['item_height']['fixed_height']) ? $post_grid_options['item_height']['fixed_height'] : '220px';
1093
- $items_fixed_height_tablet = !empty($post_grid_options['item_height']['fixed_height_tablet']) ? $post_grid_options['item_height']['fixed_height_tablet'] : '220px';
1094
- $items_fixed_height_mobile = !empty($post_grid_options['item_height']['fixed_height_mobile']) ? $post_grid_options['item_height']['fixed_height_mobile'] : '220px';
1095
-
1096
- $items_margin = isset($post_grid_options['margin']) ? $post_grid_options['margin'] : '';
1097
- $item_padding = isset($post_grid_options['item_padding']) ? $post_grid_options['item_padding'] : '';
1098
-
1099
- $items_media_height_style = !empty($post_grid_options['media_height']['style']) ? $post_grid_options['media_height']['style'] : 'auto_height';
1100
- $items_media_fixed_height = !empty($post_grid_options['media_height']['fixed_height']) ? $post_grid_options['media_height']['fixed_height'] : '';
1101
-
1102
-
1103
-
1104
- if($items_height_style == 'auto_height'){
1105
- $items_height = 'auto';
1106
- }elseif($items_height_style == 'fixed_height'){
1107
- $items_height = $items_fixed_height;
1108
- }elseif($items_height_style == 'max_height'){
1109
- $items_height = $items_fixed_height;
1110
- }else{
1111
- $items_height = '220px';
1112
- }
1113
-
1114
- if($items_media_height_style == 'auto_height'){
1115
- $items_media_height = 'auto';
1116
- }elseif($items_media_height_style == 'fixed_height'){
1117
- $items_media_height = $items_media_fixed_height;
1118
- }elseif($items_media_height_style == 'max_height'){
1119
- $items_media_height = $items_media_fixed_height;
1120
- }else{
1121
- $items_media_height = '220px';
1122
- }
1123
-
1124
- $container_padding = isset($post_grid_options['container']['padding']) ? $post_grid_options['container']['padding'] : '';
1125
- $container_bg_color = isset($post_grid_options['container']['bg_color']) ? $post_grid_options['container']['bg_color'] : '';
1126
- $container_bg_image = isset($post_grid_options['container']['bg_image']) ? $post_grid_options['container']['bg_image'] : '';
1127
-
1128
- $pagination_font_size = !empty($post_grid_options['pagination']['font_size']) ? $post_grid_options['pagination']['font_size'] : '17px';
1129
- $pagination_font_color = !empty($post_grid_options['pagination']['font_color']) ? $post_grid_options['pagination']['font_color'] : '#646464';
1130
- $pagination_bg_color = !empty($post_grid_options['pagination']['bg_color']) ? $post_grid_options['pagination']['bg_color'] : '#646464';
1131
- $pagination_active_bg_color = !empty($post_grid_options['pagination']['active_bg_color']) ? $post_grid_options['pagination']['active_bg_color'] : '#4b4b4b';
1132
-
1133
- $items_bg_color_type = isset($post_grid_options['items_bg_color_type']) ? $post_grid_options['items_bg_color_type'] : '';
1134
- $items_bg_color = isset($post_grid_options['items_bg_color']) ? $post_grid_options['items_bg_color'] : '#fff';
1135
-
1136
-
1137
- ?>
1138
- <style type="text/css">
1139
-
1140
- #post-grid-<?php echo $grid_id; ?> {
1141
- <?php if(!empty($container_padding)): ?>
1142
- padding:<?php echo $container_padding; ?>;
1143
- <?php endif; ?>
1144
- <?php if(!empty($container_bg_color)): ?>
1145
- background-color: <?php echo $container_bg_color; ?>;
1146
- <?php endif; ?>
1147
- <?php if(!empty($container_bg_image)): ?>
1148
- background-image: url(<?php echo $container_bg_image; ?>);
1149
- <?php endif; ?>
1150
- }
1151
-
1152
-
1153
- #post-grid-<?php echo $grid_id; ?> .item{
1154
- <?php if(!empty($items_margin)): ?>
1155
- margin:<?php echo $items_margin; ?>;
1156
- <?php endif; ?>
1157
- <?php if(!empty($item_padding)): ?>
1158
- padding:<?php echo $item_padding; ?>;
1159
- <?php endif; ?>
1160
- <?php if($items_bg_color_type=='fixed'): ?>
1161
- background:<?php echo $items_bg_color; ?>;
1162
- <?php endif; ?>
1163
-
1164
- }
1165
- #post-grid-<?php echo $grid_id; ?> .item .layer-media{
1166
- overflow: hidden;
1167
- <?php
1168
- if($items_media_height_style == 'fixed_height' || $items_media_height_style == 'auto_height'){
1169
- echo 'height:'.$items_media_height.';';
1170
- }elseif($items_media_height_style=='max_height'){
1171
- echo 'max-height:'.$items_media_height.';';
1172
- }else{
1173
- echo 'height:'.$items_media_height.';';
1174
- }
1175
- ?>
1176
- }
1177
- #post-grid-<?php echo $grid_id; ?> .pagination .page-numbers,
1178
- #post-grid-<?php echo $grid_id; ?> .pagination .pager,
1179
- #post-grid-<?php echo $grid_id; ?> .paginate.next-previous a{
1180
- font-size:<?php echo $pagination_font_size; ?>;
1181
- color:<?php echo $pagination_font_color; ?>;
1182
- background:<?php echo $pagination_bg_color; ?>;
1183
- }
1184
- #post-grid-<?php echo $grid_id; ?> .pagination .page-numbers:hover,
1185
- #post-grid-<?php echo $grid_id; ?> .pagination .page-numbers.current,
1186
- #post-grid-<?php echo $grid_id; ?> .pagination .pager.active,
1187
- #post-grid-<?php echo $grid_id; ?> .pagination .pager.mixitup-control-active{
1188
- background:<?php echo $pagination_active_bg_color; ?>;
1189
- }
1190
-
1191
- @media only screen and ( min-width: 0px ) and ( max-width: 767px ) {
1192
- #post-grid-<?php echo $grid_id; ?> .item{
1193
- <?php if(!empty($items_width_mobile)): ?>
1194
- width:<?php echo $items_width_mobile; ?>;
1195
- <?php endif; ?>
1196
- <?php
1197
- if($items_height_style == 'fixed_height'){
1198
- echo 'height:'.$items_height.';';
1199
- }elseif($items_height_style=='max_height'){
1200
- echo 'max-height:'.$items_height.';';
1201
- }elseif($items_height_style=='auto_height'){
1202
- echo 'height:auto;';
1203
- }else{
1204
- echo 'height:auto;';
1205
- }
1206
- ?>
1207
- }
1208
- }
1209
- @media only screen and ( min-width: 768px ) and ( max-width: 1023px ) {
1210
- #post-grid-<?php echo $grid_id; ?> .item{
1211
- <?php if(!empty($items_width_tablet)): ?>
1212
- width:<?php echo $items_width_tablet; ?>;
1213
- <?php endif; ?>
1214
- <?php
1215
- if($items_height_style_tablet == 'fixed_height'){
1216
- echo 'height:'.$items_fixed_height_tablet.';';
1217
- }elseif($items_height_style_tablet=='max_height'){
1218
- echo 'max-height:'.$items_fixed_height_tablet.';';
1219
- }elseif($items_height_style_tablet=='auto_height'){
1220
- echo 'max-height:auto;';
1221
- }else{
1222
- echo 'height:auto;';
1223
- }
1224
- ?>
1225
- }
1226
- }
1227
- @media only screen and (min-width: 1024px ){
1228
- #post-grid-<?php echo $grid_id; ?> .item{
1229
- <?php if(!empty($items_width_desktop)): ?>
1230
- width:<?php echo $items_width_desktop; ?>;
1231
- <?php endif; ?>
1232
- <?php
1233
- if($items_height_style == 'fixed_height'){
1234
- echo 'height:'.$items_height.';';
1235
- }elseif($items_height_style=='max_height'){
1236
- echo 'max-height:'.$items_height.';';
1237
- }elseif($items_height_style=='auto_height'){
1238
- echo 'height:auto;';
1239
- }else{
1240
- echo 'height:auto;';
1241
- }
1242
- ?>
1243
- }
1244
- }
1245
-
1246
-
1247
- <?php
1248
-
1249
- $filterable_font_size = !empty($post_grid_options['nav_top']['filterable_font_size']) ? $post_grid_options['nav_top']['filterable_font_size'] : '14px';
1250
- $filterable_navs_margin = !empty($post_grid_options['nav_top']['filterable_navs_margin']) ? $post_grid_options['nav_top']['filterable_navs_margin'] : '5px';
1251
-
1252
- $filterable_font_color = !empty($post_grid_options['nav_top']['filterable_font_color']) ? $post_grid_options['nav_top']['filterable_font_color'] : '#999';
1253
- $filterable_bg_color = !empty($post_grid_options['nav_top']['filterable_bg_color']) ? $post_grid_options['nav_top']['filterable_bg_color'] : '#fff';
1254
- $filterable_active_bg_color = !empty($post_grid_options['nav_top']['filterable_active_bg_color']) ? $post_grid_options['nav_top']['filterable_active_bg_color'] : '#ddd';
1255
-
1256
- ?>
1257
- #post-grid-<?php echo $grid_id; ?> .nav-filter .filter{
1258
- font-size:<?php echo $filterable_font_size; ?>;
1259
- color:<?php echo $filterable_font_color; ?>;
1260
- background:<?php echo $filterable_bg_color; ?>;
1261
- margin:<?php echo $filterable_navs_margin; ?>;
1262
- }
1263
- #post-grid-<?php echo $grid_id; ?> .nav-filter .filter:hover, #post-grid-<?php echo $grid_id; ?> .nav-filter .filter.mixitup-control-active{
1264
- background:<?php echo $filterable_active_bg_color; ?>;
1265
- }
1266
-
1267
- </style>
1268
- <?php
1269
-
1270
-
1271
- }
1272
-
1273
-
1274
-
1275
- add_action('post_grid_view_type_css_slider', 'post_grid_view_type_css_slider', 90);
1276
-
1277
- function post_grid_view_type_css_slider($args){
1278
-
1279
- $post_grid_options = $args['options'];
1280
- $grid_id = $args['grid_id'];
1281
-
1282
- $items_width_desktop = isset($post_grid_options['width']['desktop']) ? $post_grid_options['width']['desktop'] : '';
1283
- $items_width_tablet = isset($post_grid_options['width']['tablet']) ? $post_grid_options['width']['tablet'] : '';
1284
- $items_width_mobile = isset($post_grid_options['width']['mobile']) ? $post_grid_options['width']['mobile'] : '';
1285
-
1286
- $items_height_style = !empty($post_grid_options['item_height']['style']) ? $post_grid_options['item_height']['style'] : 'auto_height';
1287
- $items_height_style_tablet = !empty($post_grid_options['item_height']['style_tablet']) ? $post_grid_options['item_height']['style_tablet'] : 'auto_height';
1288
- $items_height_style_mobile = !empty($post_grid_options['item_height']['style_mobile']) ?$post_grid_options['item_height']['style_mobile'] : 'auto_height';
1289
-
1290
- $items_fixed_height = !empty($post_grid_options['item_height']['fixed_height']) ? $post_grid_options['item_height']['fixed_height'] : '220px';
1291
- $items_fixed_height_tablet = !empty($post_grid_options['item_height']['fixed_height_tablet']) ? $post_grid_options['item_height']['fixed_height_tablet'] : '220px';
1292
- $items_fixed_height_mobile = !empty($post_grid_options['item_height']['fixed_height_mobile']) ? $post_grid_options['item_height']['fixed_height_mobile'] : '220px';
1293
-
1294
- $items_margin = isset($post_grid_options['margin']) ? $post_grid_options['margin'] : '';
1295
- $item_padding = isset($post_grid_options['item_padding']) ? $post_grid_options['item_padding'] : '';
1296
-
1297
- $items_media_height_style = !empty($post_grid_options['media_height']['style']) ? $post_grid_options['media_height']['style'] : 'auto_height';
1298
- $items_media_fixed_height = !empty($post_grid_options['media_height']['fixed_height']) ? $post_grid_options['media_height']['fixed_height'] : '';
1299
-
1300
-
1301
-
1302
- if($items_height_style == 'auto_height'){
1303
- $items_height = 'auto';
1304
- }elseif($items_height_style == 'fixed_height'){
1305
- $items_height = $items_fixed_height;
1306
- }elseif($items_height_style == 'max_height'){
1307
- $items_height = $items_fixed_height;
1308
- }else{
1309
- $items_height = '220px';
1310
- }
1311
-
1312
- if($items_media_height_style == 'auto_height'){
1313
- $items_media_height = 'auto';
1314
- }elseif($items_media_height_style == 'fixed_height'){
1315
- $items_media_height = $items_media_fixed_height;
1316
- }elseif($items_media_height_style == 'max_height'){
1317
- $items_media_height = $items_media_fixed_height;
1318
- }else{
1319
- $items_media_height = '220px';
1320
- }
1321
-
1322
- $container_padding = isset($post_grid_options['container']['padding']) ? $post_grid_options['container']['padding'] : '';
1323
- $container_bg_color = isset($post_grid_options['container']['bg_color']) ? $post_grid_options['container']['bg_color'] : '';
1324
- $container_bg_image = isset($post_grid_options['container']['bg_image']) ? $post_grid_options['container']['bg_image'] : '';
1325
-
1326
- $pagination_font_size = !empty($post_grid_options['pagination']['font_size']) ? $post_grid_options['pagination']['font_size'] : '17px';
1327
- $pagination_font_color = !empty($post_grid_options['pagination']['font_color']) ? $post_grid_options['pagination']['font_color'] : '#646464';
1328
- $pagination_bg_color = !empty($post_grid_options['pagination']['bg_color']) ? $post_grid_options['pagination']['bg_color'] : '#646464';
1329
- $pagination_active_bg_color = !empty($post_grid_options['pagination']['active_bg_color']) ? $post_grid_options['pagination']['active_bg_color'] : '#4b4b4b';
1330
-
1331
- $items_bg_color_type = isset($post_grid_options['items_bg_color_type']) ? $post_grid_options['items_bg_color_type'] : '';
1332
- $items_bg_color = isset($post_grid_options['items_bg_color']) ? $post_grid_options['items_bg_color'] : '#fff';
1333
-
1334
- $slider_dots_bg_color = isset($post_grid_options['slider_dots_bg_color']) ? $post_grid_options['slider_dots_bg_color'] : '#1e73be';
1335
-
1336
-
1337
- ?>
1338
- <style type="text/css">
1339
-
1340
- #post-grid-<?php echo $grid_id; ?> {
1341
- <?php if(!empty($container_padding)): ?>
1342
- padding:<?php echo $container_padding; ?>;
1343
- <?php endif; ?>
1344
- <?php if(!empty($container_bg_color)): ?>
1345
- background-color: <?php echo $container_bg_color; ?>;
1346
- <?php endif; ?>
1347
- <?php if(!empty($container_bg_image)): ?>
1348
- background-image: url(<?php echo $container_bg_image; ?>);
1349
- <?php endif; ?>
1350
- }
1351
-
1352
-
1353
- #post-grid-<?php echo $grid_id; ?> .item{
1354
- <?php if(!empty($items_margin)): ?>
1355
- margin:<?php echo $items_margin; ?>;
1356
- <?php endif; ?>
1357
- <?php if(!empty($item_padding)): ?>
1358
- padding:<?php echo $item_padding; ?>;
1359
- <?php endif; ?>
1360
- <?php if($items_bg_color_type=='fixed'): ?>
1361
- background:<?php echo $items_bg_color; ?>;
1362
- <?php endif; ?>
1363
-
1364
- }
1365
- #post-grid-<?php echo $grid_id; ?> .item .layer-media{
1366
- overflow: hidden;
1367
- <?php
1368
- if($items_media_height_style == 'fixed_height' || $items_media_height_style == 'auto_height'){
1369
- echo 'height:'.$items_media_height.';';
1370
- }elseif($items_media_height_style=='max_height'){
1371
- echo 'max-height:'.$items_media_height.';';
1372
- }else{
1373
- echo 'height:'.$items_media_height.';';
1374
- }
1375
- ?>
1376
- }
1377
-
1378
-
1379
- @media only screen and ( min-width: 0px ) and ( max-width: 767px ) {
1380
- #post-grid-<?php echo $grid_id; ?> .item{
1381
- <?php
1382
- if($items_height_style == 'fixed_height'){
1383
- echo 'height:'.$items_height.';';
1384
- }elseif($items_height_style=='max_height'){
1385
- echo 'max-height:'.$items_height.';';
1386
- }elseif($items_height_style=='auto_height'){
1387
- echo 'height:auto;';
1388
- }else{
1389
- echo 'height:auto;';
1390
- }
1391
- ?>
1392
- }
1393
- }
1394
- @media only screen and ( min-width: 768px ) and ( max-width: 1023px ) {
1395
- #post-grid-<?php echo $grid_id; ?> .item{
1396
- <?php
1397
- if($items_height_style_tablet == 'fixed_height'){
1398
- echo 'height:'.$items_fixed_height_tablet.';';
1399
- }elseif($items_height_style_tablet=='max_height'){
1400
- echo 'max-height:'.$items_fixed_height_tablet.';';
1401
- }elseif($items_height_style_tablet=='auto_height'){
1402
- echo 'max-height:auto;';
1403
- }else{
1404
- echo 'height:auto;';
1405
- }
1406
- ?>
1407
- }
1408
- }
1409
- @media only screen and (min-width: 1024px ){
1410
- #post-grid-<?php echo $grid_id; ?> .item{
1411
- <?php
1412
- if($items_height_style == 'fixed_height'){
1413
- echo 'height:'.$items_height.';';
1414
- }elseif($items_height_style=='max_height'){
1415
- echo 'max-height:'.$items_height.';';
1416
- }elseif($items_height_style=='auto_height'){
1417
- echo 'height:auto;';
1418
- }else{
1419
- echo 'height:auto;';
1420
- }
1421
- ?>
1422
- }
1423
- }
1424
-
1425
- #post-grid-<?php echo $grid_id; ?> .owl-dots .owl-dot {
1426
- background: <?php echo $slider_dots_bg_color; ?> none repeat scroll 0 0;
1427
- }
1428
-
1429
- #post-grid-<?php echo $grid_id; ?> .owl-nav button{
1430
- background: <?php //echo $navigation_background_color; ?>;
1431
- color: <?php //echo $navigation_color; ?>;
1432
- margin: 0 5px;
1433
- outline: none;
1434
- }
1435
- #post-grid-<?php echo $grid_id; ?> .owl-nav.topright{
1436
- position: absolute;
1437
- right: 15px;
1438
- top: 15px;
1439
- }
1440
- #post-grid-<?php echo $grid_id; ?> .owl-nav.topleft{
1441
- position: absolute;
1442
- left: 15px;
1443
- top: 15px;
1444
- }
1445
- #post-grid-<?php echo $grid_id; ?> .owl-nav.bottomleft{
1446
- position: absolute;
1447
- left: 15px;
1448
- bottom: 15px;
1449
- }
1450
- #post-grid-<?php echo $grid_id; ?> .owl-nav.bottomright{
1451
- position: absolute;
1452
- right: 15px;
1453
- bottom: 15px;
1454
- }
1455
- #post-grid-<?php echo $grid_id; ?> .owl-nav.middle-fixed{
1456
- position: absolute;
1457
- top: 50%;
1458
- transform: translate(0, -50%);
1459
- width: 100%;
1460
- }
1461
- #post-grid-<?php echo $grid_id; ?> .owl-nav.middle-fixed .owl-next{
1462
- float: right;
1463
- }
1464
- #post-grid-<?php echo $grid_id; ?> .owl-nav.middle-fixed .owl-prev{
1465
- float: left;
1466
- }
1467
- #post-grid-<?php echo $grid_id; ?> .owl-nav.middle{
1468
- position: absolute;
1469
- top: 50%;
1470
- transform: translate(0, -50%);
1471
- width: 100%;
1472
- }
1473
- #post-grid-<?php echo $grid_id; ?> .owl-nav.middle .owl-next{
1474
- float: right;
1475
- right: -20%;
1476
- position: absolute;
1477
- transition: all ease 1s 0s;
1478
- }
1479
- #post-grid-<?php echo $grid_id; ?>:hover .owl-nav.middle .owl-next{
1480
- right: 0;
1481
- }
1482
- #post-grid-<?php echo $grid_id; ?> .owl-nav.middle .owl-prev{
1483
- left: -20%;
1484
- position: absolute;
1485
- transition: all ease 1s 0s;
1486
- }
1487
- #post-grid-<?php echo $grid_id; ?>:hover .owl-nav.middle .owl-prev{
1488
- left: 0;
1489
- position: absolute;
1490
- }
1491
- #post-grid-<?php echo $grid_id; ?> .owl-nav.flat button{
1492
- padding: 5px 20px;
1493
- border-radius: 0;
1494
- }
1495
- #post-grid-<?php echo $grid_id; ?> .owl-nav.border button{
1496
- padding: 5px 20px;
1497
- border: 2px solid #777;
1498
- }
1499
- #post-grid-<?php echo $grid_id; ?> .owl-nav.semi-round button{
1500
- padding: 5px 20px;
1501
- border-radius: 8px;
1502
- }
1503
- #post-grid-<?php echo $grid_id; ?> .owl-nav.round button{
1504
- border-radius: 50px;
1505
- width: 50px;
1506
- height: 50px;
1507
- }
1508
-
1509
-
1510
- </style>
1511
- <?php
1512
-
1513
-
1514
- }
1515
-
1516
-
1517
-
1518
- add_action('post_grid_container', 'post_grid_main_scripts', 90);
1519
-
1520
- function post_grid_main_scripts($args){
1521
- $post_grid_options = $args['options'];
1522
- $grid_id = $args['grid_id'];
1523
- $grid_type = isset($post_grid_options['grid_type']) ? $post_grid_options['grid_type'] : 'grid';
1524
-
1525
-
1526
- $layout_id = isset($post_grid_options['layout_id']) ? $post_grid_options['layout_id'] : '';
1527
-
1528
- $custom_js = isset($post_grid_options['custom_js']) ? $post_grid_options['custom_js'] : '';
1529
- $custom_css = isset($post_grid_options['custom_css']) ? $post_grid_options['custom_css'] : '';
1530
- $load_fontawesome = !empty($post_grid_options['load_fontawesome']) ? $post_grid_options['load_fontawesome'] : 'no';
1531
- $masonry_enable = !empty($post_grid_options['masonry_enable']) ? $post_grid_options['masonry_enable'] : 'no';
1532
-
1533
-
1534
- $post_grid_settings = get_option('post_grid_settings');
1535
- $font_aw_version = isset($post_grid_settings['font_aw_version']) ? $post_grid_settings['font_aw_version'] : '';
1536
-
1537
-
1538
-
1539
-
1540
-
1541
-
1542
- wp_enqueue_script( 'post_grid_scripts');
1543
- wp_localize_script('post_grid_scripts', 'post_grid_ajax', array('post_grid_ajaxurl' => admin_url('admin-ajax.php')));
1544
-
1545
-
1546
-
1547
- if($masonry_enable == 'yes'){
1548
- wp_enqueue_script( 'masonry' );
1549
- wp_enqueue_script( 'imagesloaded' );
1550
- }
1551
-
1552
- //var_dump($load_fontawesome);
1553
-
1554
- if($load_fontawesome == 'yes'){
1555
- if($font_aw_version == 'v_5'){
1556
- wp_enqueue_style('font-awesome-5');
1557
- }elseif ($font_aw_version =='v_4'){
1558
- wp_enqueue_style('font-awesome-4');
1559
- }
1560
-
1561
- }
1562
-
1563
- $layout_custom_scripts = get_post_meta($layout_id,'custom_scripts', true);
1564
- $layout_custom_css = isset($layout_custom_scripts['custom_css']) ? $layout_custom_scripts['custom_css'] : '';
1565
-
1566
-
1567
- //var_dump($masonry_enable);
1568
-
1569
- ?>
1570
- <?php if(!empty($custom_css)): ?>
1571
- <style type="text/css">
1572
- <?php
1573
- echo $custom_css;
1574
- ?>
1575
- </style>
1576
- <?php endif; ?>
1577
-
1578
- <?php if(!empty($layout_custom_css)): ?>
1579
- <style type="text/css">
1580
- <?php
1581
- echo str_replace('__ID__', 'layout-'.$layout_id, $layout_custom_css);
1582
- ?>
1583
- </style>
1584
- <?php endif; ?>
1585
-
1586
-
1587
- <script>
1588
  <?php
1589
  if(!empty($custom_js)): ?>
1590
  <?php echo $custom_js; ?>
@@ -1592,16 +1057,17 @@ function post_grid_main_scripts($args){
1592
  endif;
1593
  ?>
1594
  <?php
1595
- if($masonry_enable=='yes'):
 
 
 
1596
  ?>
1597
  jQuery('#post-grid-lazy-<?php echo $grid_id; ?>').ready(function($){
1598
  var $container = $('#post-grid-<?php echo $grid_id; ?> .grid-items');
1599
  $container.masonry({
1600
  itemSelector: '.item',
1601
- columnWidth: '.item', //as you wish , you can use numeric
1602
- isAnimated: true,
1603
- isFitWidth: true,
1604
- horizontalOrder: true,
1605
  });
1606
  $container.imagesLoaded().done( function() {
1607
  $container.masonry('layout');
1
  <?php
2
  if ( ! defined('ABSPATH')) exit; // if direct access
3
 
4
+
5
+
6
+
7
+ add_action('post_grid_main', 'post_grid_main_lazy', 90);
8
+
9
+ function post_grid_main_lazy($atts){
10
+
11
+
12
+ $grid_id = $atts['id'];
13
+ $post_grid_options = get_post_meta( $grid_id, 'post_grid_meta_options', true );
14
+
15
+ $lazy_load_enable = isset($post_grid_options['lazy_load_enable']) ? $post_grid_options['lazy_load_enable'] : 'grid';
16
+ $lazy_load_image_src = isset($post_grid_options['lazy_load_image_src']) ? $post_grid_options['lazy_load_image_src'] : '';
17
+
18
+
19
+ ?>
20
+ <div id="post-grid-lazy-<?php echo $grid_id; ?>" class="post-grid-lazy"><img src="<?php echo $lazy_load_image_src; ?>"/></div>
21
+ <script>
22
+ jQuery('#post-grid-lazy-<?php echo $grid_id; ?>').ready(function($){
23
+ jQuery('#post-grid-lazy-<?php echo $grid_id; ?>').fadeOut();
24
+ jQuery('#post-grid-<?php echo $grid_id; ?>').fadeIn();
25
+ })
26
+ </script>
27
+ <style type="text/css">
28
+ #post-grid-<?php echo $grid_id; ?>{display: none;}
29
+ .post-grid-lazy{
30
+ text-align: center;
31
+ }
32
+ </style>
33
+ <?php
34
+
35
+
36
+
37
+ }
38
+
39
+
40
+
41
  add_action('post_grid_main', 'post_grid_main_container', 90);
42
 
43
  function post_grid_main_container($atts){
115
 
116
  function post_grid_posts_loop($args){
117
 
118
+ global $wp_query;
119
 
120
  $post_grid_options = $args['options'];
121
  $grid_id = $args['grid_id'];
124
  $keyword = isset($post_grid_options['keyword']) ? $post_grid_options['keyword'] : '';
125
  $exclude_post_id = isset($post_grid_options['exclude_post_id']) ? $post_grid_options['exclude_post_id'] : '';
126
 
127
+ $exclude_post_id = !empty($exclude_post_id) ? array_map('intval',explode(',',$exclude_post_id)) : array();
128
+ $include_post_id = isset($post_grid_options['include_post_id']) ? $post_grid_options['include_post_id'] : '';
129
+ $include_post_id = !empty($include_post_id) ? array_map('intval',explode(',', $include_post_id)) : array();
130
+
131
+
132
  $post_status = isset($post_grid_options['post_status']) ? $post_grid_options['post_status'] : 'publish';
133
  $query_order = isset($post_grid_options['query_order']) ? $post_grid_options['query_order'] : 'DESC';
134
  $query_orderby = isset($post_grid_options['query_orderby']) ? $post_grid_options['query_orderby'] : array('date');
210
  if(!empty($exclude_post_id))
211
  $query_args['post__not_in'] = $exclude_post_id;
212
 
213
+ if(!empty($include_post_id))
214
+ $query_args['post__in'] = $include_post_id;
215
+
216
+
217
  if(!empty($query_order))
218
  $query_args['order'] = $query_order;
219
 
267
  $args['post_id'] = $post_id;
268
  $args['loop_count'] = $loop_count;
269
 
270
+ //echo '####'.$loop_count;
271
+
272
  do_action('post_grid_loop', $args);
273
 
274
  $loop_count++;
329
 
330
 
331
  if($loop_count % 2 == 0){
332
+ $odd_even_class = 'even';
333
  }else{
334
+ $odd_even_class = 'odd';
335
  }
336
 
337
+ $odd_even_class = $odd_even_class.' '.$loop_count;
338
+
339
 
340
  $post_options = get_post_meta( $post_id, 'post_grid_post_settings', true );
341
 
351
  $item_css_class['item_id'] = 'item-'.$post_id;
352
 
353
  $item_css_class['skin'] = 'skin '.$skin;
354
+ $item_css_class['odd_even'] = $odd_even_class;
355
+
356
 
357
 
 
358
 
359
  $item_css_class = apply_filters('post_grid_item_classes', $item_css_class, $args);
360
  $item_css_class = implode(' ', $item_css_class);
361
 
362
  ?>
363
+
364
  <div class="<?php echo $item_css_class; ?> ">
365
+ <?php
366
+ do_action('post_grid_item_top', $args);
367
+ ?>
368
  <div class="layer-wrapper layout-<?php echo $layout_id; ?>">
369
  <?php
370
 
372
  $layout_args['post_id'] = $post_id;
373
  $layout_args['options'] = $post_grid_options;
374
 
375
+ //echo $odd_even_class;
376
  do_action('post_grid_item_layout', $layout_args);
377
 
378
  ?>
667
 
668
 
669
  $post_grid_options = $args['options'];
670
+ $grid_id = $args['grid_id'];
671
 
672
  if ( get_query_var('paged') ) {
673
  $paged = get_query_var('paged');
677
  $paged = 1;
678
  }
679
 
680
+ $max_num_pages = isset($post_grid_wp_query->max_num_pages) ? $post_grid_wp_query->max_num_pages : 0;
681
+
682
  $pagination_prev_text = !empty($post_grid_options['pagination']['prev_text']) ? $post_grid_options['pagination']['prev_text'] : __('« Previous', 'post-grid');
683
  $pagination_next_text = !empty($post_grid_options['pagination']['next_text']) ? $post_grid_options['pagination']['next_text'] : __('Next »', 'post-grid');
684
+ $pagination_max_num_pages = !empty($post_grid_options['pagination']['max_num_pages']) ? $post_grid_options['pagination']['max_num_pages'] : $max_num_pages;
685
+
686
+ $pagination_font_size = !empty($post_grid_options['pagination']['font_size']) ? $post_grid_options['pagination']['font_size'] : '17px';
687
+ $pagination_font_color = !empty($post_grid_options['pagination']['font_color']) ? $post_grid_options['pagination']['font_color'] : '#646464';
688
+ $pagination_bg_color = !empty($post_grid_options['pagination']['bg_color']) ? $post_grid_options['pagination']['bg_color'] : '#646464';
689
+ $pagination_active_bg_color = !empty($post_grid_options['pagination']['active_bg_color']) ? $post_grid_options['pagination']['active_bg_color'] : '#4b4b4b';
690
 
691
 
692
  ?>
700
  'base' => str_replace( $big, '%#%', esc_url( get_pagenum_link( $big ) ) ),
701
  'format' => '?paged=%#%',
702
  'current' => max( 1, $paged ),
703
+ 'total' => $pagination_max_num_pages,
704
  'prev_text' => $pagination_prev_text,
705
  'next_text' => $pagination_next_text,
706
  )
708
 
709
  ?>
710
  </div>
711
+ <style type="text/css">
712
+ #post-grid-<?php echo $grid_id; ?> .pagination .page-numbers{
713
+ font-size:<?php echo $pagination_font_size; ?>;
714
+ color:<?php echo $pagination_font_color; ?>;
715
+ background:<?php echo $pagination_bg_color; ?>;
716
+ }
717
+ #post-grid-<?php echo $grid_id; ?> .pagination .page-numbers:hover,
718
+ #post-grid-<?php echo $grid_id; ?> .pagination .page-numbers.current{
719
+ background:<?php echo $pagination_active_bg_color; ?>;
720
+ }
721
+ </style>
722
  <?php
723
 
724
  }
780
  $items_media_height_style = !empty($post_grid_options['media_height']['style']) ? $post_grid_options['media_height']['style'] : 'auto_height';
781
  $items_media_fixed_height = !empty($post_grid_options['media_height']['fixed_height']) ? $post_grid_options['media_height']['fixed_height'] : '';
782
 
783
+ $grid_layout_name = !empty($post_grid_options['grid_layout']['name']) ? $post_grid_options['grid_layout']['name'] : '';
784
+ $grid_layout_col_multi = 3;
785
 
786
  if($items_height_style == 'auto_height'){
787
  $items_height = 'auto';
807
  $container_bg_color = isset($post_grid_options['container']['bg_color']) ? $post_grid_options['container']['bg_color'] : '';
808
  $container_bg_image = isset($post_grid_options['container']['bg_image']) ? $post_grid_options['container']['bg_image'] : '';
809
 
 
 
 
 
 
810
  $items_bg_color_type = isset($post_grid_options['items_bg_color_type']) ? $post_grid_options['items_bg_color_type'] : '';
811
  $items_bg_color = isset($post_grid_options['items_bg_color']) ? $post_grid_options['items_bg_color'] : '#fff';
812
 
837
  <?php if($items_bg_color_type=='fixed'): ?>
838
  background:<?php echo $items_bg_color; ?>;
839
  <?php endif; ?>
 
840
  }
841
  #post-grid-<?php echo $grid_id; ?> .item .layer-media{
842
  overflow: hidden;
843
+ <?php
844
+ if($items_media_height_style == 'fixed_height' || $items_media_height_style == 'auto_height'){
845
+ echo 'height:'.$items_media_height.';';
846
+ }elseif($items_media_height_style=='max_height'){
847
+ echo 'max-height:'.$items_media_height.';';
848
+ }else{
849
+ echo 'height:'.$items_media_height.';';
850
+ }
851
+ ?>
 
 
 
 
 
 
 
 
 
 
 
 
852
  }
853
  @media only screen and ( min-width: 0px ) and ( max-width: 767px ) {
854
  #post-grid-<?php echo $grid_id; ?> .item{
905
  }
906
  }
907
 
 
908
  <?php
909
 
 
 
910
 
911
+ if($grid_layout_name=='layout_grid'){
 
 
912
 
913
+ }
914
+ elseif($grid_layout_name=='layout_1_N'){
915
 
916
+ $width = intval((int)$items_width_desktop*$grid_layout_col_multi)+intval((int)$items_margin*2*($grid_layout_col_multi-1));
917
+
918
+ ?>
919
+ @media only screen and (min-width: 1024px ) {
920
+ #post-grid-<?php echo $grid_id; ?> .item:first-child{
921
+ width: <?php echo $width; ?>px;
922
+ }
923
  }
924
+ <?php
925
+ }
926
+
927
+ elseif($grid_layout_name=='layout_N_1'){
928
+
929
+ $width = intval((int)$items_width_desktop*$grid_layout_col_multi)+intval((int)$items_margin*2*($grid_layout_col_multi-1));
930
+
931
+
932
+ ?>
933
+ @media only screen and (min-width: 1024px ) {
934
+ #post-grid-<?php echo $grid_id; ?> .item:last-child{
935
+ width: <?php echo $width; ?>px;
936
+ }
937
+ }
938
+ <?php
939
+ }
940
+ elseif($grid_layout_name=='layout_3'){
941
+ $width = intval($items_width_desktop)+intval($items_margin);
942
+ ?>
943
+ @media only screen and (min-width: 1024px ) {
944
+ #post-grid-<?php echo $grid_id; ?> .item:first-child{
945
+ float: left;
946
+ }
947
+ #post-grid-<?php echo $grid_id; ?> .item{
948
+ float: right;
949
+ }
950
+ }
951
+ <?php
952
+ }
953
+ elseif($grid_layout_name=='layout_L_R'){
954
+ ?>
955
+ @media only screen and (min-width: 1024px ) {
956
+ #post-grid-<?php echo $grid_id; ?> .item.odd .layer-media{
957
+ float: right;
958
+ }
959
+ }
960
+ <?php
961
+ }
962
+ elseif($grid_layout_name=='layout_1_N_1'){
963
+ $width = intval((int)$items_width_desktop*$grid_layout_col_multi)+intval((int)$items_margin*2*($grid_layout_col_multi-1));
964
+ ?>
965
+ @media only screen and (min-width: 1024px ) {
966
+ #post-grid-<?php echo $grid_id; ?> .item:nth-child(1),
967
+ #post-grid-<?php echo $grid_id; ?> .item:nth-child(<?php echo $grid_layout_col_multi+2; ?>) {
968
+ width: <?php echo $width; ?>px;
969
+ }
970
  }
971
+ <?php
972
+ }
973
+ ?>
974
+
975
+
976
  </style>
977
  <?php
978
 
979
  }
980
 
 
981
 
 
982
 
983
+ add_action('post_grid_container', 'post_grid_main_scripts', 90);
984
+
985
+ function post_grid_main_scripts($args){
986
  $post_grid_options = $args['options'];
987
  $grid_id = $args['grid_id'];
988
+ $grid_type = isset($post_grid_options['grid_type']) ? $post_grid_options['grid_type'] : 'grid';
989
 
 
 
 
990
 
991
+ $layout_id = isset($post_grid_options['layout_id']) ? $post_grid_options['layout_id'] : '';
 
 
992
 
993
+ $custom_js = isset($post_grid_options['custom_js']) ? $post_grid_options['custom_js'] : '';
994
+ $custom_css = isset($post_grid_options['custom_css']) ? $post_grid_options['custom_css'] : '';
995
+ $load_fontawesome = !empty($post_grid_options['load_fontawesome']) ? $post_grid_options['load_fontawesome'] : 'no';
996
+ $masonry_enable = !empty($post_grid_options['masonry_enable']) ? $post_grid_options['masonry_enable'] : 'no';
997
 
 
 
998
 
999
+ $post_grid_settings = get_option('post_grid_settings');
1000
+ $font_aw_version = isset($post_grid_settings['font_aw_version']) ? $post_grid_settings['font_aw_version'] : '';
1001
 
1002
 
1003
 
 
 
 
 
 
 
 
 
 
1004
 
 
 
 
 
 
 
 
 
 
1005
 
 
 
 
1006
 
1007
+ wp_enqueue_script( 'post_grid_scripts');
1008
+ wp_localize_script('post_grid_scripts', 'post_grid_ajax', array('post_grid_ajaxurl' => admin_url('admin-ajax.php')));
 
 
1009
 
 
 
1010
 
1011
 
1012
+ if($masonry_enable == 'yes'){
1013
+ wp_enqueue_script( 'masonry' );
1014
+ wp_enqueue_script( 'imagesloaded' );
1015
+ }
1016
 
1017
+ //var_dump($load_fontawesome);
1018
+
1019
+ if($load_fontawesome == 'yes'){
1020
+ if($font_aw_version == 'v_5'){
1021
+ wp_enqueue_style('font-awesome-5');
1022
+ }elseif ($font_aw_version =='v_4'){
1023
+ wp_enqueue_style('font-awesome-4');
 
 
 
1024
  }
1025
 
1026
+ }
1027
 
1028
+ $layout_custom_scripts = get_post_meta($layout_id,'custom_scripts', true);
1029
+ $layout_custom_css = isset($layout_custom_scripts['custom_css']) ? $layout_custom_scripts['custom_css'] : '';
 
 
 
 
 
 
 
 
1030
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1031
 
1032
+ //var_dump($masonry_enable);
1033
+
1034
+ ?>
1035
+ <?php if(!empty($custom_css)): ?>
1036
+ <style type="text/css">
1037
  <?php
1038
+ echo $custom_css;
 
 
 
 
 
 
 
 
1039
  ?>
1040
+ </style>
1041
+ <?php endif; ?>
1042
+
1043
+ <?php if(!empty($layout_custom_css)): ?>
1044
+ <style type="text/css">
 
 
1045
  <?php
1046
+ echo str_replace('__ID__', 'layout-'.$layout_id, $layout_custom_css);
 
 
 
 
 
 
 
 
1047
  ?>
1048
+ </style>
1049
+ <?php endif; ?>
1050
+
1051
+
1052
+ <script>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1053
  <?php
1054
  if(!empty($custom_js)): ?>
1055
  <?php echo $custom_js; ?>
1057
  endif;
1058
  ?>
1059
  <?php
1060
+
1061
+ $masonry_load = apply_filters('post_grid_masonry_load', true, $args);
1062
+
1063
+ if($masonry_enable=='yes' && $masonry_load == true ):
1064
  ?>
1065
  jQuery('#post-grid-lazy-<?php echo $grid_id; ?>').ready(function($){
1066
  var $container = $('#post-grid-<?php echo $grid_id; ?> .grid-items');
1067
  $container.masonry({
1068
  itemSelector: '.item',
1069
+ columnWidth: '.item',
1070
+ horizontalOrder: true, // new!
 
 
1071
  });
1072
  $container.imagesLoaded().done( function() {
1073
  $container.masonry('layout');