Gallery – Photo Gallery – Image Gallery - Version 2.1.4

Version Description

Download this release

Release Info

Developer machothemes
Plugin Icon wp plugin Gallery – Photo Gallery – Image Gallery
Version 2.1.4
Comparing to
See all releases

Code changes from version 2.1.3 to 2.1.4

Modula.php CHANGED
@@ -4,7 +4,7 @@
4
* Plugin URI: https://wp-modula.com/
5
* Description: Modula is the most powerful, user-friendly WordPress gallery plugin. Add galleries, masonry grids and more in a few clicks.
6
* Author: MachoThemes
7
- * Version: 2.1.3
8
* Author URI: https://www.machothemes.com/
9
* License: GPLv3 or later
10
* License URI: http://www.gnu.org/licenses/gpl-3.0.html
@@ -43,7 +43,7 @@
43
*
44
* @since 2.0.2
45
*/
46
- define( 'MODULA_LITE_VERSION', '2.1.3' );
47
define( 'MODULA_PATH', plugin_dir_path( __FILE__ ) );
48
define( 'MODULA_URL', plugin_dir_url( __FILE__ ) );
49
defined( 'MODULA_PRO_STORE_URL' ) || define( 'MODULA_PRO_STORE_URL', 'https://wp-modula.com' );
4
* Plugin URI: https://wp-modula.com/
5
* Description: Modula is the most powerful, user-friendly WordPress gallery plugin. Add galleries, masonry grids and more in a few clicks.
6
* Author: MachoThemes
7
+ * Version: 2.1.4
8
* Author URI: https://www.machothemes.com/
9
* License: GPLv3 or later
10
* License URI: http://www.gnu.org/licenses/gpl-3.0.html
43
*
44
* @since 2.0.2
45
*/
46
+ define( 'MODULA_LITE_VERSION', '2.1.4' );
47
define( 'MODULA_PATH', plugin_dir_path( __FILE__ ) );
48
define( 'MODULA_URL', plugin_dir_url( __FILE__ ) );
49
defined( 'MODULA_PRO_STORE_URL' ) || define( 'MODULA_PRO_STORE_URL', 'https://wp-modula.com' );
README.txt CHANGED
@@ -4,7 +4,7 @@ Tags: best gallery plugin, image gallery, photo gallery, responsive gallery, wor
4
Requires at least: 4.6
5
Tested up to: 5.2
6
Requires PHP: 5.6
7
- Stable tag: 2.1.3
8
License: GPLv3 or later
9
License URI: http://www.gnu.org/licenses/gpl-3.0.html
10
4
Requires at least: 4.6
5
Tested up to: 5.2
6
Requires PHP: 5.6
7
+ Stable tag: 2.1.4
8
License: GPLv3 or later
9
License URI: http://www.gnu.org/licenses/gpl-3.0.html
10
assets/css/modula-cpt.css CHANGED
@@ -223,16 +223,18 @@ tr label.th-label {
223
.modula-effects-preview {
224
margin-top: 20px;
225
}
226
- .modula-effects-preview .item {
227
width: 400px;
228
- height: 267px;
229
overflow: hidden;
230
position: relative;
231
}
232
- .modula-effects-preview .item img {
233
position: absolute;
234
}
235
- .modula-effects-preview .item .figc {
236
display: flex;
237
align-items: center;
238
justify-content: center;
@@ -245,20 +247,20 @@ tr label.th-label {
245
height: 100%;
246
padding: 0;
247
}
248
- .modula-effects-preview .item .figc h2 {
249
font-size: 21px !important;
250
color: #fff;
251
}
252
- .modula-effects-preview .item .figc p {
253
color: #fff;
254
font-size: 15px;
255
font-style: normal;
256
}
257
258
- .modula .items .item h2 {
259
margin:0;
260
}
261
- .modula .items .item p {
262
margin:0;
263
padding: 0;
264
}
@@ -271,7 +273,7 @@ tr label.th-label {
271
padding:2em;
272
}
273
274
- .modula .item .jtg-social a {
275
text-decoration: none;
276
color: #fff;
277
display: inline-block;
@@ -282,11 +284,11 @@ tr label.th-label {
282
opacity: 0;
283
transition: opacity .3s;
284
}
285
- .modula .item .jtg-social svg {
286
width: 20px;
287
height: 16px;
288
}
289
- .modula .item:hover .jtg-social a {
290
opacity: 1;
291
}
292
@@ -294,7 +296,7 @@ tr label.th-label {
294
/***** pufrobo *****/
295
/*---------------*/
296
297
- .modula .items .jtg-social {
298
opacity: 0;
299
transition: opacity 0.1s;
300
right:30px;
@@ -304,35 +306,35 @@ tr label.th-label {
304
transition:all .3s;
305
}
306
307
- .modula .items .jtg-social {
308
opacity: 1;
309
}
310
311
- .modula .items .jtg-social a:last-of-type {
312
margin-right: 0;
313
}
314
315
- .modula .item.effect-pufrobo p.description {
316
margin-bottom: 2em;
317
}
318
319
- .modula .item.effect-pufrobo .figc {
320
text-align: right;
321
}
322
323
- .modula .item.effect-pufrobo h2,
324
- .modula .item.effect-pufrobo p {
325
position: absolute;
326
right: 30px;
327
left: 30px;
328
padding: 10px 0;
329
}
330
331
- .modula .item:hover img { opacity: .8 }
332
333
- .modula .item { background-color:#000; }
334
335
- .modula .item.effect-pufrobo p {
336
bottom: 20%;
337
line-height: 1.5;
338
-webkit-transform: translate3d(0,100%,0);
@@ -340,7 +342,7 @@ tr label.th-label {
340
letter-spacing: 1px;
341
}
342
343
- .modula .item.effect-pufrobo h2 {
344
/*top: 30px;*/
345
top: 10%;
346
-webkit-transition: -webkit-transform 0.35s;
@@ -349,12 +351,12 @@ tr label.th-label {
349
transform: translate3d(0,20px,0);
350
}
351
352
- .modula .item.effect-pufrobo:hover h2 {
353
-webkit-transform: translate3d(0,0,0);
354
transform: translate3d(0,0,0);
355
}
356
357
- .modula .item.effect-pufrobo h2::after {
358
position: absolute;
359
top: 80%;
360
left: 0;
@@ -366,15 +368,15 @@ tr label.th-label {
366
transform: translate3d(0,40px,0);
367
}
368
369
- .modula .item.effect-pufrobo h2::after,
370
- .modula .item.effect-pufrobo p {
371
opacity: 0;
372
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
373
transition: opacity 0.35s, transform 0.35s;
374
}
375
376
- .modula .item.effect-pufrobo:hover h2::after,
377
- .modula .item.effect-pufrobo:hover p {
378
margin-top: 10px;
379
margin-bottom: 5px;
380
opacity: 1;
223
.modula-effects-preview {
224
margin-top: 20px;
225
}
226
+ .modula-effects-preview .modula-item {
227
width: 400px;
228
+ height: 300px;
229
overflow: hidden;
230
position: relative;
231
}
232
+ .modula-effects-preview .modula-item img {
233
position: absolute;
234
+ min-height: 100%;
235
+ min-width: 100%;
236
}
237
+ .modula-effects-preview .modula-item .figc {
238
display: flex;
239
align-items: center;
240
justify-content: center;
247
height: 100%;
248
padding: 0;
249
}
250
+ .modula-effects-preview .modula-item .figc h2 {
251
font-size: 21px !important;
252
color: #fff;
253
}
254
+ .modula-effects-preview .modula-item .figc p {
255
color: #fff;
256
font-size: 15px;
257
font-style: normal;
258
}
259
260
+ .modula .modula-items .modula-item h2 {
261
margin:0;
262
}
263
+ .modula .modula-items .modula-item p {
264
margin:0;
265
padding: 0;
266
}
273
padding:2em;
274
}
275
276
+ .modula .modula-item .jtg-social a {
277
text-decoration: none;
278
color: #fff;
279
display: inline-block;
284
opacity: 0;
285
transition: opacity .3s;
286
}
287
+ .modula .modula-item .jtg-social svg {
288
width: 20px;
289
height: 16px;
290
}
291
+ .modula .modula-item:hover .jtg-social a {
292
opacity: 1;
293
}
294
296
/***** pufrobo *****/
297
/*---------------*/
298
299
+ .modula .modula-items .jtg-social {
300
opacity: 0;
301
transition: opacity 0.1s;
302
right:30px;
306
transition:all .3s;
307
}
308
309
+ .modula .modula-items .jtg-social {
310
opacity: 1;
311
}
312
313
+ .modula .modula-items .jtg-social a:last-of-type {
314
margin-right: 0;
315
}
316
317
+ .modula .modula-item.effect-pufrobo p.description {
318
margin-bottom: 2em;
319
}
320
321
+ .modula .modula-item.effect-pufrobo .figc {
322
text-align: right;
323
}
324
325
+ .modula .modula-item.effect-pufrobo h2,
326
+ .modula .modula-item.effect-pufrobo p {
327
position: absolute;
328
right: 30px;
329
left: 30px;
330
padding: 10px 0;
331
}
332
333
+ .modula .modula-item:hover img { opacity: .8 }
334
335
+ .modula .modula-item { background-color:#000; }
336
337
+ .modula .modula-item.effect-pufrobo p {
338
bottom: 20%;
339
line-height: 1.5;
340
-webkit-transform: translate3d(0,100%,0);
342
letter-spacing: 1px;
343
}
344
345
+ .modula .modula-item.effect-pufrobo h2 {
346
/*top: 30px;*/
347
top: 10%;
348
-webkit-transition: -webkit-transform 0.35s;
351
transform: translate3d(0,20px,0);
352
}
353
354
+ .modula .modula-item.effect-pufrobo:hover h2 {
355
-webkit-transform: translate3d(0,0,0);
356
transform: translate3d(0,0,0);
357
}
358
359
+ .modula .modula-item.effect-pufrobo h2::after {
360
position: absolute;
361
top: 80%;
362
left: 0;
368
transform: translate3d(0,40px,0);
369
}
370
371
+ .modula .modula-item.effect-pufrobo h2::after,
372
+ .modula .modula-item.effect-pufrobo p {
373
opacity: 0;
374
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
375
transition: opacity 0.35s, transform 0.35s;
376
}
377
378
+ .modula .modula-item.effect-pufrobo:hover h2::after,
379
+ .modula .modula-item.effect-pufrobo:hover p {
380
margin-top: 10px;
381
margin-bottom: 5px;
382
opacity: 1;
assets/css/modula-cpt.min.css CHANGED
@@ -1 +1 @@
1
- #modula-settings .inside{padding:0;margin:0}.modula-settings-container{display:flex}.modula-settings-container .modula-tabs{background-color:#f8f8f8}.modula-settings-container .modula-tabs .modula-tab{margin:0 10px 0 0;padding:15px 0;color:#9c9c9c;cursor:pointer;width:161px;position:relative}.modula-settings-container .modula-tabs .modula-tab sup{margin-left:5px;padding:2px 5px;border-radius:5px;color:#fff;font-size:8px;background:#9c9c9c;display:inline-block;line-height:1;position:relative;top:-2px}.modula-settings-container .modula-tabs .modula-tab.active-tab sup,.modula-settings-container .modula-tabs .modula-tab:hover sup{background-color:#57a7c9}.modula-settings-container .modula-tabs .modula-tab.modula-responsive.active-tab sup,.modula-settings-container .modula-tabs .modula-tab.modula-responsive:hover sup{background:#dc3232}.modula-settings-container .modula-tabs .modula-tab>i{margin-right:10px;margin-left:15px}.modula-settings-container .modula-tabs .modula-tab:after{position:absolute;content:"";width:1px;height:100%;background-color:transparent;top:0;right:-1px}.modula-settings-container .modula-tabs .modula-tab.active-tab:first-child{border-top:0 none}.modula-settings-container .modula-tabs .modula-tab:hover{color:#333}.modula-settings-container .modula-tabs .modula-tab.active-tab{margin:0;padding:15px 10px 15px 0;background-color:#fff;border-bottom:1px solid #ddd;border-top:1px solid #ddd;color:#333}.modula-settings-container .modula-tabs .modula-tab.active-tab:before{content:"";position:absolute;left:0;top:0;width:3px;height:100%;background-color:#57a7c9}.modula-settings-container .modula-tabs .modula-tab.active-tab:after{background-color:#fff}tr label.th-label{color:#23282d;font-weight:600;margin-bottom:10px}.postbox .modula-settings-container table.form-table{margin:0}.postbox .modula-settings-container .form-table-wrapper{padding:0 0 0 20px;box-sizing:border-box}.modula-settings-container .modula-tabs-content{padding:10px 20px;border-left:1px solid #eee;flex-grow:1}.modula-tabs-content>div:not( .active-tab ){display:none}.modula-settings-container .modula-tabs-content .tab-content-header{width:100%;padding-bottom:12px;margin-bottom:10px;border-bottom:1px solid #eee;padding-left:20px;padding-right:0;box-sizing:border-box;display:flex;align-items:center;justify-content:space-between}.modula-settings-container .modula-tabs-content .tab-content-header .tab-content-header-actions{display:flex;align-items:center}.modula-settings-container .modula-tabs-content .tab-content-header .tab-content-header-actions>span{margin:0 10px;font-style:italic}.modula-settings-container .modula-tabs-content .tab-content-header .tab-content-header-actions a.button>span{height:auto;line-height:26px;margin-right:10px}#poststuff .modula-settings-container .modula-tabs-content .tab-content-header .tab-content-header-title>h2{font-weight:700;padding:0;display:inline-block}#poststuff .modula-settings-container .modula-tabs-content .tab-content-header .tab-header-description p{margin:0}.modula-settings-container .form-table td p.description{font-size:13px}.modula-settings-container .slider-container{position:relative;height:2px;padding:10px 0;width:25em;box-sizing:border-box;margin-bottom:10px;display:flex;justify-content:space-between;align-items:center}.modula-settings-container .slider-container input[type=text]{border:none;text-align:center;padding:2px;margin:0 20px 0 0;font-size:12px;color:#333;border-radius:10px;background-color:#fff;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.16);-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,.16);box-shadow:inset 0 1px 1px rgba(0,0,0,.16);width:40px;height:22px;cursor:default}.modula-settings-container .slider-container .ui-slider{position:relative;text-align:left;height:2px;border-radius:3px;border:none;display:block;width:100%;background:#d6d6d6;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.modula-settings-container .slider-container .ui-slider .ui-slider-handle{position:absolute;z-index:2;top:-10px;cursor:default;-ms-touch-action:none;touch-action:none;width:18px;height:18px;-webkit-border-radius:9px;-moz-border-radius:9px;border-radius:9px;background-color:#fff;-webkit-box-shadow:0 1px 1px rgba(0,0,0,.1);-moz-box-shadow:0 1px 1px rgba(0,0,0,.1);box-shadow:0 1px 1px rgba(0,0,0,.1);border:1px solid #d7d7d7;transform:translateX(-50%)}.modula-settings-container .slider-container .ui-slider .ui-slider-range{position:absolute;z-index:1;font-size:.7em;display:block;border:0;background:#57a7c9;top:0;bottom:0}.modula-effects-preview{margin-top:20px}.modula-effects-preview .item{width:400px;height:267px;overflow:hidden;position:relative}.modula-effects-preview .item img{position:absolute}.modula-effects-preview .item .figc{display:flex;align-items:center;justify-content:center;color:#fff;font-size:11px;text-align:center;position:absolute;left:0;width:100%;height:100%;padding:0}.modula-effects-preview .item .figc h2{font-size:21px!important;color:#fff}.modula-effects-preview .item .figc p{color:#fff;font-size:15px;font-style:normal}.modula .items .item h2{margin:0}.modula .items .item p{margin:0;padding:0}.modula .figc{color:#000;text-align:center;position:absolute;left:0;width:100%;padding:2em}.modula .item .jtg-social a{text-decoration:none;color:#fff;display:inline-block;margin:0 10px 0 0;width:20px;padding:6px 4px;border:0;opacity:0;transition:opacity .3s}.modula .item .jtg-social svg{width:20px;height:16px}.modula .item:hover .jtg-social a{opacity:1}.modula .items .jtg-social{right:30px;position:absolute;bottom:20px;text-align:right;transition:all .3s;opacity:1}.modula .items .jtg-social a:last-of-type{margin-right:0}.modula .item.effect-pufrobo p.description{margin-bottom:2em}.modula .item.effect-pufrobo .figc{text-align:right}.modula .item.effect-pufrobo h2,.modula .item.effect-pufrobo p{position:absolute;right:30px;left:30px;padding:10px 0}.modula .item:hover img{opacity:.8}.modula .item{background-color:#000}.modula .item.effect-pufrobo p{bottom:20%;line-height:1.5;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);letter-spacing:1px}.modula .item.effect-pufrobo h2{top:10%;-webkit-transition:-webkit-transform .35s;transition:transform .35s;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}.modula .item.effect-pufrobo:hover h2{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.modula .item.effect-pufrobo h2::after{position:absolute;top:80%;left:0;width:100%;height:4px;background:#fff;content:'';-webkit-transform:translate3d(0,40px,0);transform:translate3d(0,40px,0)}.modula .item.effect-pufrobo h2::after,.modula .item.effect-pufrobo p{opacity:0;-webkit-transition:opacity .35s,-webkit-transform .35s;transition:opacity .35s,transform .35s}.modula .item.effect-pufrobo:hover h2::after,.modula .item.effect-pufrobo:hover p{margin-top:10px;margin-bottom:5px;opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.modula-upsell{background:#e5f3e2;border:1px solid #a8d69c;padding:20px;margin-top:30px}#poststuff .modula-upsell h2{margin:0 0 20px;font-size:16px;font-weight:700;padding:0}.modula-upsell p{margin:0}.modula-upsell p.modula-upsell-description{font-size:13px;line-height:1.5;color:#333;opacity:.8;margin-top:0;margin-bottom:10px}.modula-upsell .button{height:31px;line-height:31px;font-weight:700}.modula-upsell .button:first-child{margin-right:10px}.modula-upsell .button.button-primary{background-color:#52ad3a;border-color:#378c21;box-shadow:0 1px 0 #378c21;text-shadow:0 -1px 1px #378c21,1px 0 1px #378c21,0 1px 1px #378c21,-1px 0 1px #378c21}.modula-upsell .action-link,.modula-upsell .action-link:hover{background:#51AD31;border-color:#51AD31;color:#fff;font-weight:700}#modula-uploader-container{position:relative;padding-left:10px;padding-right:10px}#modula-uploader-container.modula-resizer-enabled{margin-bottom:20px}.modula-upload-actions{padding:15px 20px;background-color:#f8fcfd;border-bottom:1px solid #ecf6f9;margin-bottom:20px;display:flex;align-items:center;justify-content:space-between;width:100%;box-sizing:border-box}.modula-upload-actions .buttons{flex-shrink:0;width:275px;display:flex}.modula-sources-dropdown{position:relative;border-top:1px solid rgba(255,255,255,0);border-right:1px solid rgba(255,255,255,0);border-left:1px solid rgba(255,255,255,0)}.modula-sources-dropdown:hover{border-color:#ddd;background:#f5f5f5}.modula-sources-dropdown>span{width:28px;height:32px;text-align:center;line-height:28px;cursor:pointer;display:inline-block;font-size:25px;font-weight:700}.modula-sources-dropdown .modula-sources-dropdown-content{position:absolute;right:-1px;bottom:0;transform:translateY(100%);display:none;padding:15px;background-color:#f5f5f5;box-shadow:0 1px 1px rgba(0,0,0,.04);box-sizing:border-box;border:1px solid #ddd}.modula-sources-dropdown:hover .modula-sources-dropdown-content{display:block}.modula-sources-dropdown:hover .modula-sources-dropdown-content:before{content:"";height:1px;width:28px;background-color:#f5f5f5;position:absolute;top:-1px;right:0}.segrip.ui-resizable-se{width:30px;height:30px;background:url(../images/resize-se.svg) no-repeat;background-size:contain;display:none;z-index:100;opacity:1}.modula-resizer-enabled .segrip.ui-resizable-se{display:block}.modula-upload-actions #modula-uploader-browser{border-bottom-right-radius:0;border-top-right-radius:0}.modula-upload-actions #modula-wp-gallery{border-bottom-left-radius:0;border-top-left-radius:0}.wp-core-ui .modula-upload-actions>a{margin:0 5px}#modula-dropzone-container{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,86,132,.9);z-index:250000;display:none;text-align:center;opacity:0;transition:opacity 250ms}#modula-dropzone-container .modula-uploader-window-content{position:absolute;top:10px;left:10px;right:10px;bottom:10px;border:1px dashed #fff}#poststuff #modula-dropzone-container .modula-uploader-window-content h1{margin:-.5em 0 0;position:absolute;top:50%;left:0;right:0;-webkit-transform:translateY(-50%);transform:translateY(-50%);font-size:20px;line-height:28px;font-weight:400;color:#fff;padding:0}.modula-uploader-inline-content{position:relative;min-height:300px;width:100%}.modula-resizer-enabled .modula-uploader-inline-content{min-height:initial}.modula-uploader-inline-content h2{text-align:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#poststuff .modula-upload-message{font-size:43px;line-height:1;font-weight:400;margin:0;display:none;color:#ebebeb}#poststuff .modula-upload-message .dashicons,#poststuff .modula-upload-message .dashicons-before:before{font-size:43px;width:43px;height:43px}.modula-uploader-inline p{font-size:12px;margin:.5em 0}#poststuff .modula-uploader-inline .modula-upload-instructions{font-size:14px;color:#444;font-weight:400;padding:0}.modula-uploader-footer .max-upload-size{float:left}.modula-uploader-footer .modula-upload-numbers{float:right;opacity:0}.modula-uploader-footer:after{display:block;content:"";clear:both}.upload-progress .modula-upload-numbers{margin:0;line-height:1.4em}.modula-progress-bar{width:100%;max-width:400px;position:relative;height:2px;margin:8px 0 0;border-radius:10px;background:#e5e5e5}.upload-info-container{position:relative;overflow:hidden;flex-grow:1}.upload-info-container .upload-info{padding:5px 0}.upload-info-container .upload-progress{position:absolute;background-color:#f8fcfd;height:100%;display:flex;top:0;left:0;width:100%;flex-direction:column;transition:transform .5s;transform:translateY(100%)}.modula-upload-actions.show-progress .upload-info-container .upload-progress{transform:translateY(0)}.modula-progress-bar .modula-progress-bar-inner{height:2px;min-width:20px;width:0;background:#0085ba;-webkit-transition:width .3s;-moz-transition:width .3s;-ms-transition:width .3s;-o-transition:width .3s;transition:width .3s;border-radius:5px}.modula-uploader-footer.show-progress .modula-progress-bar,.modula-uploader-footer.show-progress .modula-upload-numbers{opacity:1}.modula-uploader-inline-content .modula-single-image,.modula-uploader-inline-content .modula-single-image-placeholder{cursor:move;display:inline-block;padding:0 10px 20px 0;box-sizing:border-box;width:16.66%}.modula-uploader-inline-content .modula-single-image-placeholder:after{width:100%;height:100%;display:inline-block;content:"";position:relative;border:3px dashed #444;padding-top:calc(100% - 6px);box-sizing:border-box}.modula-uploader-inline-content .modula-single-image .modula-single-image-content{position:relative;border:1px solid #d6d6d6;box-sizing:border-box;background-position:center;background-size:cover}.modula-uploader-inline-content .modula-single-image .modula-single-image-content img{display:block;width:100%}#poststuff .modula-uploader-inline-content>.modula-upload-message:only-child{display:block}.modula-uploader-inline-content .modula-single-image .actions{position:absolute;z-index:99;font-size:0;width:100%;height:100%;top:0;left:0;background:rgba(0,0,0,.4);padding:5px;box-sizing:border-box;display:none}.modula-uploader-inline-content .modula-single-image:hover .actions{display:block}.modula-uploader-inline-content .modula-single-image .actions a{width:20px;height:20px;border-radius:100%;border:1px solid #000;background-color:rgba(255,255,255,.8);color:#000;display:block;text-decoration:none;text-align:center;line-height:20px;margin-bottom:5px}.modula-uploader-inline-content .modula-single-image .actions a:hover{background-color:#000;color:#fff}.modula-uploader-inline-content .modula-single-image .actions a span{font-size:16px;width:20px;height:20px;line-height:20px}.modula-uploader-inline-content .modula-single-image .actions a.modula-delete-image{color:#a00a00}.modula-uploader-inline-content .modula-single-image .actions a.modula-delete-image:hover{background-color:#a00a00;color:#fff}.modula-uploader-inline-content:after{content:"";display:block;clear:both}.media-modal .modula-edit-popup.edit-attachment-frame .edit-media-header button.right{border-right:1px solid #ddd}.media-modal .modula-edit-popup .attachment-details .attachment-info .settings .setting{margin:0 0 20px;padding:0 0 20px;border-bottom:1px solid #ddd}.media-modal .modula-edit-popup .attachment-details .attachment-info .settings .setting span.name{display:block;width:100%;min-width:100%;margin:0;padding:0;text-align:left;font-weight:700;font-size:14px}.media-modal .modula-edit-popup .attachment-details .attachment-info .settings .setting input[type=text],.media-modal .modula-edit-popup .attachment-details .attachment-info .settings .setting textarea{display:block;width:100%;min-width:100%;margin:0}.media-modal .modula-edit-popup .attachment-details .attachment-info .settings .setting div.description{clear:both;float:left;margin:5px 0 0;text-align:left;font-size:13px;font-style:italic;color:#666}.media-modal .modula-edit-popup .attachment-details .attachment-info .settings{margin:0;padding:0;border:none}.media-modal .attachment-info .actions a{display:inline-block}.inline-input{display:inline}.ui-draggable.ui-resizable>.segrip{width:10px;height:10px;background:red;position:absolute;bottom:0;right:0}.ui-draggable.ui-resizable .modula-single-image-content img{display:none}.ui-draggable.ui-resizable .modula-single-image-content{width:100%;height:100%}.ui-draggable.ui-resizable.modula-single-image{padding:0}.packery-drop-placeholder{outline:#444 dashed 3px;outline-offset:-6px;-webkit-transition:-webkit-transform .2s;transition:transform .2s}.ui-resizable-helper{border:3px dashed #444;box-sizing:border-box}#poststuff #modula-preview-gallery h2.hndle,#poststuff #modula-settings h2.hndle{padding-left:20px}#poststuff #modula-preview-gallery .inside{margin-top:0;padding:0}.modula-edit-popup .attachment-details .setting span.description>span{display:inline-block;float:none;width:auto;min-width:unset;line-height:16px;min-height:16px;margin-top:8px;padding:0;vertical-align:middle;margin-right:0}.modula-edit-popup .attachment-details .setting span.description{text-align:left;vertical-align:middle}.modula-media-modal .attachments-browser .media-toolbar .media-toolbar-secondary{width:100%}.modula-error-container{display:block}.modula-error-container.hide{display:none}.modula-error-container .modula-error{padding:12px;margin-bottom:12px;background:#dc3232;border-left:4px solid #dc3232;box-shadow:0 0 4px 0 rgba(0,0,0,.1);font-weight:600;margin-top:5px;position:relative;color:#fff}.modula-error-container .modula-error a{color:#fff}.modula-error-container .modula-error .upload-dismiss-errors{position:absolute;top:50%;right:-5px;padding:10px;transition:none;display:block;text-decoration:none;margin-top:-18px}.modula-error-container .modula-error .upload-dismiss-errors:before{content:"\f153";display:block;font:400 16px/1 dashicons;color:#fff}a.modula-tab-link{text-decoration:none}.modula-tab-link span.dashicons{width:16px;height:16px;line-height:16px;margin-right:3px;vertical-align:text-bottom;font-size:16px;text-decoration:none}#modula-grid{height:100%;position:absolute;overflow:hidden;top:0;left:0;width:100%}#modula-grid .modula-grid-item{background-color:#FAFAFA;float:left}#modula-grid .modula-grid-item:nth-child( 12n ){margin-right:0!important}#modula-grid:after{content:"";display:block;clear:both}.modula-tooltip{position:relative;display:inline-block}.modula-tooltip>span{cursor:pointer;color:#0073aa;text-decoration:underline;margin-left:5px}.modula-tooltip .modula-tooltip-content{display:none;position:absolute;top:50%;right:-10px;transform:translate(100% ,-50%);width:300px;background:#000;color:#fff;padding:10px;box-sizing:border-box;z-index:99}.modula-tooltip .modula-tooltip-content:before{content:'';width:0;height:0;border-style:solid;border-width:8px 8px 8px 0;border-color:transparent #000 transparent transparent;display:block;position:absolute;top:50%;left:-8px;transform:translateY(-50%)}.modula-tooltip:hover .modula-tooltip-content{display:block}.modula-helper-guidelines-container{padding:15px 20px;background-color:#f8fcfd;display:flex;align-items:center;border-top:1px solid #ecf6f9}.modula-helper-guidelines-container .onoffswitch{margin-top:0}.modula-helper-guidelines-wrapper .modula-helper-guidelines-label{margin-left:5px}.modula-creative-gallery.modula-uploader-inline-content .modula-single-image .modula-single-image-content{background:#eee!important;position:relative;overflow:hidden}.modula-creative-gallery.modula-uploader-inline-content .modula-single-image-content:before{content:"";display:block;padding-top:100%}.modula-creative-gallery.modula-uploader-inline-content .modula-single-image-content img{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.modula-toggle,.modula-toggle__items{position:relative;display:inline-block}.modula-creative-gallery.modula-uploader-inline-content .modula-single-image-content.landscape img{max-height:100%}.modula-creative-gallery.modula-uploader-inline-content .modula-single-image-content.portrait img{max-width:100%}.modula-toggle{user-select:none}.modula-toggle__items{box-sizing:border-box}.modula-toggle__items>*{box-sizing:inherit}.modula-toggle__input[type=checkbox]{border-radius:2px;border:2px solid #6c7781;transition:none;height:100%;left:0;top:0;margin:0;padding:0;opacity:0;position:absolute;width:100%;z-index:1}.modula-toggle__track{background-color:#fff;border:2px solid #6c7781;border-radius:9px;display:inline-block;height:18px;width:36px;vertical-align:top;transition:background .2s ease}.modula-toggle__thumb{background-color:#6c7781;border:5px solid #6c7781;border-radius:50%;display:block;height:10px;width:10px;position:absolute;left:4px;top:4px;transition:transform .2s ease}.modula-toggle__off{position:absolute;right:6px;top:6px;color:#6c7781;fill:currentColor}.modula-toggle__on{position:absolute;top:6px;left:8px;border:1px solid #fff;outline:transparent solid 1px;outline-offset:-1px;display:none}.modula-toggle__input[type=checkbox]:checked+.modula-toggle__items .modula-toggle__track{background-color:#11a0d2;border:9px solid transparent}.modula-toggle__input[type=checkbox]:checked+.modula-toggle__items .modula-toggle__thumb{background-color:#fff;border-width:0;transform:translateX(18px)}.modula-toggle__input[type=checkbox]:checked+.modula-toggle__items .modula-toggle__off{display:none}.modula-toggle__input[type=checkbox]:checked+.modula-toggle__items .modula-toggle__on{display:inline-block}
1
+ #modula-settings .inside{padding:0;margin:0}.modula-settings-container{display:flex}.modula-settings-container .modula-tabs{background-color:#f8f8f8}.modula-settings-container .modula-tabs .modula-tab{margin:0 10px 0 0;padding:15px 0;color:#9c9c9c;cursor:pointer;width:161px;position:relative}.modula-settings-container .modula-tabs .modula-tab sup{margin-left:5px;padding:2px 5px;border-radius:5px;color:#fff;font-size:8px;background:#9c9c9c;display:inline-block;line-height:1;position:relative;top:-2px}.modula-settings-container .modula-tabs .modula-tab.active-tab sup,.modula-settings-container .modula-tabs .modula-tab:hover sup{background-color:#57a7c9}.modula-settings-container .modula-tabs .modula-tab.modula-responsive.active-tab sup,.modula-settings-container .modula-tabs .modula-tab.modula-responsive:hover sup{background:#dc3232}.modula-settings-container .modula-tabs .modula-tab>i{margin-right:10px;margin-left:15px}.modula-settings-container .modula-tabs .modula-tab:after{position:absolute;content:"";width:1px;height:100%;background-color:transparent;top:0;right:-1px}.modula-settings-container .modula-tabs .modula-tab.active-tab:first-child{border-top:0 none}.modula-settings-container .modula-tabs .modula-tab:hover{color:#333}.modula-settings-container .modula-tabs .modula-tab.active-tab{margin:0;padding:15px 10px 15px 0;background-color:#fff;border-bottom:1px solid #ddd;border-top:1px solid #ddd;color:#333}.modula-settings-container .modula-tabs .modula-tab.active-tab:before{content:"";position:absolute;left:0;top:0;width:3px;height:100%;background-color:#57a7c9}.modula-settings-container .modula-tabs .modula-tab.active-tab:after{background-color:#fff}tr label.th-label{color:#23282d;font-weight:600;margin-bottom:10px}.postbox .modula-settings-container table.form-table{margin:0}.postbox .modula-settings-container .form-table-wrapper{padding:0 0 0 20px;box-sizing:border-box}.modula-settings-container .modula-tabs-content{padding:10px 20px;border-left:1px solid #eee;flex-grow:1}.modula-tabs-content>div:not( .active-tab ){display:none}.modula-settings-container .modula-tabs-content .tab-content-header{width:100%;padding-bottom:12px;margin-bottom:10px;border-bottom:1px solid #eee;padding-left:20px;padding-right:0;box-sizing:border-box;display:flex;align-items:center;justify-content:space-between}.modula-settings-container .modula-tabs-content .tab-content-header .tab-content-header-actions{display:flex;align-items:center}.modula-settings-container .modula-tabs-content .tab-content-header .tab-content-header-actions>span{margin:0 10px;font-style:italic}.modula-settings-container .modula-tabs-content .tab-content-header .tab-content-header-actions a.button>span{height:auto;line-height:26px;margin-right:10px}#poststuff .modula-settings-container .modula-tabs-content .tab-content-header .tab-content-header-title>h2{font-weight:700;padding:0;display:inline-block}#poststuff .modula-settings-container .modula-tabs-content .tab-content-header .tab-header-description p{margin:0}.modula-settings-container .form-table td p.description{font-size:13px}.modula-settings-container .slider-container{position:relative;height:2px;padding:10px 0;width:25em;box-sizing:border-box;margin-bottom:10px;display:flex;justify-content:space-between;align-items:center}.modula-settings-container .slider-container input[type=text]{border:none;text-align:center;padding:2px;margin:0 20px 0 0;font-size:12px;color:#333;border-radius:10px;background-color:#fff;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.16);-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,.16);box-shadow:inset 0 1px 1px rgba(0,0,0,.16);width:40px;height:22px;cursor:default}.modula-settings-container .slider-container .ui-slider{position:relative;text-align:left;height:2px;border-radius:3px;border:none;display:block;width:100%;background:#d6d6d6;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.modula-settings-container .slider-container .ui-slider .ui-slider-handle{position:absolute;z-index:2;top:-10px;cursor:default;-ms-touch-action:none;touch-action:none;width:18px;height:18px;-webkit-border-radius:9px;-moz-border-radius:9px;border-radius:9px;background-color:#fff;-webkit-box-shadow:0 1px 1px rgba(0,0,0,.1);-moz-box-shadow:0 1px 1px rgba(0,0,0,.1);box-shadow:0 1px 1px rgba(0,0,0,.1);border:1px solid #d7d7d7;transform:translateX(-50%)}.modula-settings-container .slider-container .ui-slider .ui-slider-range{position:absolute;z-index:1;font-size:.7em;display:block;border:0;background:#57a7c9;top:0;bottom:0}.modula-effects-preview{margin-top:20px}.modula-effects-preview .modula-item{width:400px;height:300px;overflow:hidden;position:relative}.modula-effects-preview .modula-item img{position:absolute;min-height:100%;min-width:100%}.modula-effects-preview .modula-item .figc{display:flex;align-items:center;justify-content:center;color:#fff;font-size:11px;text-align:center;position:absolute;left:0;width:100%;height:100%;padding:0}.modula-effects-preview .modula-item .figc h2{font-size:21px!important;color:#fff}.modula-effects-preview .modula-item .figc p{color:#fff;font-size:15px;font-style:normal}.modula .modula-items .modula-item h2{margin:0}.modula .modula-items .modula-item p{margin:0;padding:0}.modula .figc{color:#000;text-align:center;position:absolute;left:0;width:100%;padding:2em}.modula .modula-item .jtg-social a{text-decoration:none;color:#fff;display:inline-block;margin:0 10px 0 0;width:20px;padding:6px 4px;border:0;opacity:0;transition:opacity .3s}.modula .modula-item .jtg-social svg{width:20px;height:16px}.modula .modula-item:hover .jtg-social a{opacity:1}.modula .modula-items .jtg-social{right:30px;position:absolute;bottom:20px;text-align:right;transition:all .3s;opacity:1}.modula .modula-items .jtg-social a:last-of-type{margin-right:0}.modula .modula-item.effect-pufrobo p.description{margin-bottom:2em}.modula .modula-item.effect-pufrobo .figc{text-align:right}.modula .modula-item.effect-pufrobo h2,.modula .modula-item.effect-pufrobo p{position:absolute;right:30px;left:30px;padding:10px 0}.modula .modula-item:hover img{opacity:.8}.modula .modula-item{background-color:#000}.modula .modula-item.effect-pufrobo p{bottom:20%;line-height:1.5;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);letter-spacing:1px}.modula .modula-item.effect-pufrobo h2{top:10%;-webkit-transition:-webkit-transform .35s;transition:transform .35s;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}.modula .modula-item.effect-pufrobo:hover h2{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.modula .modula-item.effect-pufrobo h2::after{position:absolute;top:80%;left:0;width:100%;height:4px;background:#fff;content:'';-webkit-transform:translate3d(0,40px,0);transform:translate3d(0,40px,0)}.modula .modula-item.effect-pufrobo h2::after,.modula .modula-item.effect-pufrobo p{opacity:0;-webkit-transition:opacity .35s,-webkit-transform .35s;transition:opacity .35s,transform .35s}.modula .modula-item.effect-pufrobo:hover h2::after,.modula .modula-item.effect-pufrobo:hover p{margin-top:10px;margin-bottom:5px;opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.modula-upsell{background:#e5f3e2;border:1px solid #a8d69c;padding:20px;margin-top:30px}#poststuff .modula-upsell h2{margin:0 0 20px;font-size:16px;font-weight:700;padding:0}.modula-upsell p{margin:0}.modula-upsell p.modula-upsell-description{font-size:13px;line-height:1.5;color:#333;opacity:.8;margin-top:0;margin-bottom:10px}.modula-upsell .button{height:31px;line-height:31px;font-weight:700}.modula-upsell .button:first-child{margin-right:10px}.modula-upsell .button.button-primary{background-color:#52ad3a;border-color:#378c21;box-shadow:0 1px 0 #378c21;text-shadow:0 -1px 1px #378c21,1px 0 1px #378c21,0 1px 1px #378c21,-1px 0 1px #378c21}.modula-upsell .action-link,.modula-upsell .action-link:hover{background:#51AD31;border-color:#51AD31;color:#fff;font-weight:700}#modula-uploader-container{position:relative;padding-left:10px;padding-right:10px}#modula-uploader-container.modula-resizer-enabled{margin-bottom:20px}.modula-upload-actions{padding:15px 20px;background-color:#f8fcfd;border-bottom:1px solid #ecf6f9;margin-bottom:20px;display:flex;align-items:center;justify-content:space-between;width:100%;box-sizing:border-box}.modula-upload-actions .buttons{flex-shrink:0;width:275px;display:flex}.modula-sources-dropdown{position:relative;border-top:1px solid rgba(255,255,255,0);border-right:1px solid rgba(255,255,255,0);border-left:1px solid rgba(255,255,255,0)}.modula-sources-dropdown:hover{border-color:#ddd;background:#f5f5f5}.modula-sources-dropdown>span{width:28px;height:32px;text-align:center;line-height:28px;cursor:pointer;display:inline-block;font-size:25px;font-weight:700}.modula-sources-dropdown .modula-sources-dropdown-content{position:absolute;right:-1px;bottom:0;transform:translateY(100%);display:none;padding:15px;background-color:#f5f5f5;box-shadow:0 1px 1px rgba(0,0,0,.04);box-sizing:border-box;border:1px solid #ddd}.modula-sources-dropdown:hover .modula-sources-dropdown-content{display:block}.modula-sources-dropdown:hover .modula-sources-dropdown-content:before{content:"";height:1px;width:28px;background-color:#f5f5f5;position:absolute;top:-1px;right:0}.segrip.ui-resizable-se{width:30px;height:30px;background:url(../images/resize-se.svg) no-repeat;background-size:contain;display:none;z-index:100;opacity:1}.modula-resizer-enabled .segrip.ui-resizable-se{display:block}.modula-upload-actions #modula-uploader-browser{border-bottom-right-radius:0;border-top-right-radius:0}.modula-upload-actions #modula-wp-gallery{border-bottom-left-radius:0;border-top-left-radius:0}.wp-core-ui .modula-upload-actions>a{margin:0 5px}#modula-dropzone-container{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,86,132,.9);z-index:250000;display:none;text-align:center;opacity:0;transition:opacity 250ms}#modula-dropzone-container .modula-uploader-window-content{position:absolute;top:10px;left:10px;right:10px;bottom:10px;border:1px dashed #fff}#poststuff #modula-dropzone-container .modula-uploader-window-content h1{margin:-.5em 0 0;position:absolute;top:50%;left:0;right:0;-webkit-transform:translateY(-50%);transform:translateY(-50%);font-size:20px;line-height:28px;font-weight:400;color:#fff;padding:0}.modula-uploader-inline-content{position:relative;min-height:300px;width:100%}.modula-resizer-enabled .modula-uploader-inline-content{min-height:initial}.modula-uploader-inline-content h2{text-align:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#poststuff .modula-upload-message{font-size:43px;line-height:1;font-weight:400;margin:0;display:none;color:#ebebeb}#poststuff .modula-upload-message .dashicons,#poststuff .modula-upload-message .dashicons-before:before{font-size:43px;width:43px;height:43px}.modula-uploader-inline p{font-size:12px;margin:.5em 0}#poststuff .modula-uploader-inline .modula-upload-instructions{font-size:14px;color:#444;font-weight:400;padding:0}.modula-uploader-footer .max-upload-size{float:left}.modula-uploader-footer .modula-upload-numbers{float:right;opacity:0}.modula-uploader-footer:after{display:block;content:"";clear:both}.upload-progress .modula-upload-numbers{margin:0;line-height:1.4em}.modula-progress-bar{width:100%;max-width:400px;position:relative;height:2px;margin:8px 0 0;border-radius:10px;background:#e5e5e5}.upload-info-container{position:relative;overflow:hidden;flex-grow:1}.upload-info-container .upload-info{padding:5px 0}.upload-info-container .upload-progress{position:absolute;background-color:#f8fcfd;height:100%;display:flex;top:0;left:0;width:100%;flex-direction:column;transition:transform .5s;transform:translateY(100%)}.modula-upload-actions.show-progress .upload-info-container .upload-progress{transform:translateY(0)}.modula-progress-bar .modula-progress-bar-inner{height:2px;min-width:20px;width:0;background:#0085ba;-webkit-transition:width .3s;-moz-transition:width .3s;-ms-transition:width .3s;-o-transition:width .3s;transition:width .3s;border-radius:5px}.modula-uploader-footer.show-progress .modula-progress-bar,.modula-uploader-footer.show-progress .modula-upload-numbers{opacity:1}.modula-uploader-inline-content .modula-single-image,.modula-uploader-inline-content .modula-single-image-placeholder{cursor:move;display:inline-block;padding:0 10px 20px 0;box-sizing:border-box;width:16.66%}.modula-uploader-inline-content .modula-single-image-placeholder:after{width:100%;height:100%;display:inline-block;content:"";position:relative;border:3px dashed #444;padding-top:calc(100% - 6px);box-sizing:border-box}.modula-uploader-inline-content .modula-single-image .modula-single-image-content{position:relative;border:1px solid #d6d6d6;box-sizing:border-box;background-position:center;background-size:cover}.modula-uploader-inline-content .modula-single-image .modula-single-image-content img{display:block;width:100%}#poststuff .modula-uploader-inline-content>.modula-upload-message:only-child{display:block}.modula-uploader-inline-content .modula-single-image .actions{position:absolute;z-index:99;font-size:0;width:100%;height:100%;top:0;left:0;background:rgba(0,0,0,.4);padding:5px;box-sizing:border-box;display:none}.modula-uploader-inline-content .modula-single-image:hover .actions{display:block}.modula-uploader-inline-content .modula-single-image .actions a{width:20px;height:20px;border-radius:100%;border:1px solid #000;background-color:rgba(255,255,255,.8);color:#000;display:block;text-decoration:none;text-align:center;line-height:20px;margin-bottom:5px}.modula-uploader-inline-content .modula-single-image .actions a:hover{background-color:#000;color:#fff}.modula-uploader-inline-content .modula-single-image .actions a span{font-size:16px;width:20px;height:20px;line-height:20px}.modula-uploader-inline-content .modula-single-image .actions a.modula-delete-image{color:#a00a00}.modula-uploader-inline-content .modula-single-image .actions a.modula-delete-image:hover{background-color:#a00a00;color:#fff}.modula-uploader-inline-content:after{content:"";display:block;clear:both}.media-modal .modula-edit-popup.edit-attachment-frame .edit-media-header button.right{border-right:1px solid #ddd}.media-modal .modula-edit-popup .attachment-details .attachment-info .settings .setting{margin:0 0 20px;padding:0 0 20px;border-bottom:1px solid #ddd}.media-modal .modula-edit-popup .attachment-details .attachment-info .settings .setting span.name{display:block;width:100%;min-width:100%;margin:0;padding:0;text-align:left;font-weight:700;font-size:14px}.media-modal .modula-edit-popup .attachment-details .attachment-info .settings .setting input[type=text],.media-modal .modula-edit-popup .attachment-details .attachment-info .settings .setting textarea{display:block;width:100%;min-width:100%;margin:0}.media-modal .modula-edit-popup .attachment-details .attachment-info .settings .setting div.description{clear:both;float:left;margin:5px 0 0;text-align:left;font-size:13px;font-style:italic;color:#666}.media-modal .modula-edit-popup .attachment-details .attachment-info .settings{margin:0;padding:0;border:none}.media-modal .attachment-info .actions a{display:inline-block}.inline-input{display:inline}.ui-draggable.ui-resizable>.segrip{width:10px;height:10px;background:red;position:absolute;bottom:0;right:0}.ui-draggable.ui-resizable .modula-single-image-content img{display:none}.ui-draggable.ui-resizable .modula-single-image-content{width:100%;height:100%}.ui-draggable.ui-resizable.modula-single-image{padding:0}.packery-drop-placeholder{outline:#444 dashed 3px;outline-offset:-6px;-webkit-transition:-webkit-transform .2s;transition:transform .2s}.ui-resizable-helper{border:3px dashed #444;box-sizing:border-box}#poststuff #modula-preview-gallery h2.hndle,#poststuff #modula-settings h2.hndle{padding-left:20px}#poststuff #modula-preview-gallery .inside{margin-top:0;padding:0}.modula-edit-popup .attachment-details .setting span.description>span{display:inline-block;float:none;width:auto;min-width:unset;line-height:16px;min-height:16px;margin-top:8px;padding:0;vertical-align:middle;margin-right:0}.modula-edit-popup .attachment-details .setting span.description{text-align:left;vertical-align:middle}.modula-media-modal .attachments-browser .media-toolbar .media-toolbar-secondary{width:100%}.modula-error-container{display:block}.modula-error-container.hide{display:none}.modula-error-container .modula-error{padding:12px;margin-bottom:12px;background:#dc3232;border-left:4px solid #dc3232;box-shadow:0 0 4px 0 rgba(0,0,0,.1);font-weight:600;margin-top:5px;position:relative;color:#fff}.modula-error-container .modula-error a{color:#fff}.modula-error-container .modula-error .upload-dismiss-errors{position:absolute;top:50%;right:-5px;padding:10px;transition:none;display:block;text-decoration:none;margin-top:-18px}.modula-error-container .modula-error .upload-dismiss-errors:before{content:"\f153";display:block;font:400 16px/1 dashicons;color:#fff}a.modula-tab-link{text-decoration:none}.modula-tab-link span.dashicons{width:16px;height:16px;line-height:16px;margin-right:3px;vertical-align:text-bottom;font-size:16px;text-decoration:none}#modula-grid{height:100%;position:absolute;overflow:hidden;top:0;left:0;width:100%}#modula-grid .modula-grid-item{background-color:#FAFAFA;float:left}#modula-grid .modula-grid-item:nth-child( 12n ){margin-right:0!important}#modula-grid:after{content:"";display:block;clear:both}.modula-tooltip{position:relative;display:inline-block}.modula-tooltip>span{cursor:pointer;color:#0073aa;text-decoration:underline;margin-left:5px}.modula-tooltip .modula-tooltip-content{display:none;position:absolute;top:50%;right:-10px;transform:translate(100% ,-50%);width:300px;background:#000;color:#fff;padding:10px;box-sizing:border-box;z-index:99}.modula-tooltip .modula-tooltip-content:before{content:'';width:0;height:0;border-style:solid;border-width:8px 8px 8px 0;border-color:transparent #000 transparent transparent;display:block;position:absolute;top:50%;left:-8px;transform:translateY(-50%)}.modula-tooltip:hover .modula-tooltip-content{display:block}.modula-helper-guidelines-container{padding:15px 20px;background-color:#f8fcfd;display:flex;align-items:center;border-top:1px solid #ecf6f9}.modula-helper-guidelines-container .onoffswitch{margin-top:0}.modula-helper-guidelines-wrapper .modula-helper-guidelines-label{margin-left:5px}.modula-creative-gallery.modula-uploader-inline-content .modula-single-image .modula-single-image-content{background:#eee!important;position:relative;overflow:hidden}.modula-creative-gallery.modula-uploader-inline-content .modula-single-image-content:before{content:"";display:block;padding-top:100%}.modula-creative-gallery.modula-uploader-inline-content .modula-single-image-content img{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.modula-toggle,.modula-toggle__items{position:relative;display:inline-block}.modula-creative-gallery.modula-uploader-inline-content .modula-single-image-content.landscape img{max-height:100%}.modula-creative-gallery.modula-uploader-inline-content .modula-single-image-content.portrait img{max-width:100%}.modula-toggle{user-select:none}.modula-toggle__items{box-sizing:border-box}.modula-toggle__items>*{box-sizing:inherit}.modula-toggle__input[type=checkbox]{border-radius:2px;border:2px solid #6c7781;transition:none;height:100%;left:0;top:0;margin:0;padding:0;opacity:0;position:absolute;width:100%;z-index:1}.modula-toggle__track{background-color:#fff;border:2px solid #6c7781;border-radius:9px;display:inline-block;height:18px;width:36px;vertical-align:top;transition:background .2s ease}.modula-toggle__thumb{background-color:#6c7781;border:5px solid #6c7781;border-radius:50%;display:block;height:10px;width:10px;position:absolute;left:4px;top:4px;transition:transform .2s ease}.modula-toggle__off{position:absolute;right:6px;top:6px;color:#6c7781;fill:currentColor}.modula-toggle__on{position:absolute;top:6px;left:8px;border:1px solid #fff;outline:transparent solid 1px;outline-offset:-1px;display:none}.modula-toggle__input[type=checkbox]:checked+.modula-toggle__items .modula-toggle__track{background-color:#11a0d2;border:9px solid transparent}.modula-toggle__input[type=checkbox]:checked+.modula-toggle__items .modula-toggle__thumb{background-color:#fff;border-width:0;transform:translateX(18px)}.modula-toggle__input[type=checkbox]:checked+.modula-toggle__items .modula-toggle__off{display:none}.modula-toggle__input[type=checkbox]:checked+.modula-toggle__items .modula-toggle__on{display:inline-block}
assets/css/modula.css CHANGED
@@ -1,11 +1,11 @@
1
- .modula .items .item {
2
position: absolute;
3
overflow: hidden;
4
transition: transform .3s ease-out, opacity .2s linear, top .3s, left .6s;
5
opacity: 0;
6
box-sizing: border-box;
7
}
8
- .modula .items .item > a {
9
display: block;
10
position: absolute;
11
top: 0;
@@ -15,20 +15,20 @@
15
z-index: 10;
16
background: transparent;
17
}
18
- .modula .items .item .jtg-social {
19
z-index: 10;
20
}
21
22
- .modula .items .item.tg-loaded {
23
transform: scale(1) translate(0, 0) rotate(0deg) !important;
24
opacity: 1;
25
}
26
- .modula .items .item.tg-loaded img.pic {
27
display: block;
28
opacity: 1;
29
}
30
31
- .modula .items .item img.pic {
32
font-size:12px;
33
position:absolute;
34
display: none;
@@ -37,22 +37,22 @@
37
transition: width .3s, height .3s, transform .3s linear, opacity .2s linear;
38
}
39
40
- .modula .items .item img.pic.lazyloaded,
41
- .modula .items .item img.pic.lazyload {
42
display: block;
43
}
44
45
- .modula .items .item .description {
46
font-size:14px;
47
}
48
- .modula .items .item .caption .icon {
49
font-size:14px;
50
position:absolute;
51
left:50%;
52
top:50%;
53
margin:-12px 0 0 -8px;
54
}
55
- .modula .items .item .figc {
56
color: #fff;
57
font-size:11px;
58
text-align: center;
@@ -61,32 +61,32 @@
61
width: 100%;
62
padding:0;
63
}
64
- .modula .items .hidden .figc
65
{
66
display: none;
67
}
68
- .modula .items .hidden:hover .figc
69
{
70
display: block;
71
}
72
73
- .modula .items .visible .figc
74
{
75
display: block;
76
}
77
- .modula .items .always-visible .figc
78
{
79
display: block;
80
}
81
- .modula .items .visible:hover .figc
82
{
83
display: none;
84
}
85
- .modula .items .caption span.text {
86
display: block;
87
padding: 10px;
88
}
89
- .modula .items .caption span.title {
90
font-size:14px;
91
font-weight: bold;
92
}
@@ -124,10 +124,10 @@ Modula Filters
124
border-bottom-color: #333;
125
border-bottom:1px solid;
126
}
127
- body .modula .item {
128
width: 100%;
129
}
130
- body .modula.vertical-filters .items {
131
width: 80%;
132
float:left;
133
}
@@ -142,7 +142,7 @@ body .modula:after {
142
float:left;
143
}
144
145
- body .modula .filters.vertical-filters.both-vertical + .items {
146
width: 60%;
147
}
148
@@ -272,8 +272,8 @@ body .modula .filters.vertical-filters.both-vertical + .items {
272
@media all and (max-width:1024px){
273
274
.modula.vertical-filters .filters,
275
- .modula.vertical-filters .items,
276
- .modula .filters.vertical-filters.both-vertical + .items{
277
width:100% !important;
278
float:none;
279
}
@@ -301,10 +301,10 @@ body .modula .filters.vertical-filters.both-vertical + .items {
301
height: 16px;
302
}
303
304
- .modula .items .item .jtg-title {
305
margin:0;
306
}
307
- .modula .items .item p {
308
margin:0;
309
padding: 0;
310
}
@@ -317,7 +317,7 @@ body .modula .filters.vertical-filters.both-vertical + .items {
317
padding:2em;
318
}
319
320
- .modula .item .jtg-social a {
321
text-decoration: none;
322
color: #fff;
323
display: inline-block;
@@ -328,14 +328,14 @@ body .modula .filters.vertical-filters.both-vertical + .items {
328
opacity: 0;
329
transition: opacity .3s;
330
}
331
- .modula .item:hover .jtg-social a {
332
opacity: 1;
333
}
334
335
/*---------------*/
336
/***** pufrobo *****/
337
/*---------------*/
338
- .modula .items .jtg-social {
339
opacity: 0;
340
transition: opacity 0.1s;
341
right:30px;
@@ -345,35 +345,38 @@ body .modula .filters.vertical-filters.both-vertical + .items {
345
transition:all .3s;
346
}
347
348
- .modula .items .jtg-social {
349
opacity: 1;
350
}
351
352
- .modula .items .jtg-social a:last-of-type {
353
margin-right: 0;
354
}
355
356
- .modula .item.effect-pufrobo p.description {
357
margin-bottom: 2em;
358
}
359
360
- .modula .item.effect-pufrobo .figc {
361
text-align: right;
362
}
363
364
- .modula .item.effect-pufrobo .jtg-title,
365
- .modula .item.effect-pufrobo p {
366
position: absolute;
367
right: 30px;
368
left: 30px;
369
padding: 10px 0;
370
}
371
372
- .modula .item:hover img { opacity: .8 }
373
374
- .modula .item { background-color:#000; }
375
376
- .modula .item.effect-pufrobo p {
377
bottom: 20%;
378
line-height: 1.5;
379
-webkit-transform: translate3d(0,100%,0);
@@ -381,7 +384,7 @@ body .modula .filters.vertical-filters.both-vertical + .items {
381
letter-spacing: 1px;
382
}
383
384
- .modula .item.effect-pufrobo .jtg-title {
385
/*top: 30px;*/
386
top: 10%;
387
-webkit-transition: -webkit-transform 0.35s;
@@ -390,12 +393,12 @@ body .modula .filters.vertical-filters.both-vertical + .items {
390
transform: translate3d(0,20px,0);
391
}
392
393
- .modula .item.effect-pufrobo:hover .jtg-title {
394
-webkit-transform: translate3d(0,0,0);
395
transform: translate3d(0,0,0);
396
}
397
398
- .modula .item.effect-pufrobo .jtg-title::after {
399
position: absolute;
400
top: 80%;
401
left: 0;
@@ -407,15 +410,15 @@ body .modula .filters.vertical-filters.both-vertical + .items {
407
transform: translate3d(0,40px,0);
408
}
409
410
- .modula .item.effect-pufrobo .jtg-title::after,
411
- .modula .item.effect-pufrobo p {
412
opacity: 0;
413
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
414
transition: opacity 0.35s, transform 0.35s;
415
}
416
417
- .modula .item.effect-pufrobo:hover .jtg-title::after,
418
- .modula .item.effect-pufrobo:hover p {
419
margin-top: 10px;
420
margin-bottom: 5px;
421
opacity: 1;
@@ -423,22 +426,22 @@ body .modula .filters.vertical-filters.both-vertical + .items {
423
transform: translate3d(0,0,0);
424
}
425
426
- .modula .items .item.effect-pufrobo .figc.no-title.no-description .jtg-title:after {
427
display: none;
428
}
429
430
/* TwnetyNintheen fix */
431
- .modula .items .item.effect-fluid-up .figc .jtg-title:before,
432
- .modula .items .item.effect-hide .figc .jtg-title:before,
433
- .modula .items .item.effect-quiet .figc .jtg-title:before,
434
- .modula .items .item.effect-reflex .figc .jtg-title:before,
435
- .modula .items .item.effect-curtain .figc .jtg-title:before,
436
- .modula .items .item.effect-lens .figc .jtg-title:before,
437
- .modula .items .item.effect-appear .figc .jtg-title:before,
438
- .modula .items .item.effect-crafty .figc .jtg-title:before,
439
- .modula .items .item.effect-seemo .figc .jtg-title:before,
440
- .modula .items .item.effect-comodo .figc .jtg-title:before,
441
- .modula .items .item.effect-pufrobo .figc .jtg-title:before {
442
display: none;
443
}
444
1
+ .modula .modula-items .modula-item {
2
position: absolute;
3
overflow: hidden;
4
transition: transform .3s ease-out, opacity .2s linear, top .3s, left .6s;
5
opacity: 0;
6
box-sizing: border-box;
7
}
8
+ .modula .modula-items .modula-item > a {
9
display: block;
10
position: absolute;
11
top: 0;
15
z-index: 10;
16
background: transparent;
17
}
18
+ .modula .modula-items .modula-item .jtg-social {
19
z-index: 10;
20
}
21
22
+ .modula .modula-items .modula-item.tg-loaded {
23
transform: scale(1) translate(0, 0) rotate(0deg) !important;
24
opacity: 1;
25
}
26
+ .modula .modula-items .modula-item.tg-loaded img.pic {
27
display: block;
28
opacity: 1;
29
}
30
31
+ .modula .modula-items .modula-item img.pic {
32
font-size:12px;
33
position:absolute;
34
display: none;
37
transition: width .3s, height .3s, transform .3s linear, opacity .2s linear;
38
}
39
40
+ .modula .modula-items .modula-item img.pic.lazyloaded,
41
+ .modula .modula-items .modula-item img.pic.lazyload {
42
display: block;
43
}
44
45
+ .modula .modula-items .modula-item .description {
46
font-size:14px;
47
}
48
+ .modula .modula-items .modula-item .caption .icon {
49
font-size:14px;
50
position:absolute;
51
left:50%;
52
top:50%;
53
margin:-12px 0 0 -8px;
54
}
55
+ .modula .modula-items .modula-item .figc {
56
color: #fff;
57
font-size:11px;
58
text-align: center;
61
width: 100%;
62
padding:0;
63
}
64
+ .modula .modula-items .hidden .figc
65
{
66
display: none;
67
}
68
+ .modula .modula-items .hidden:hover .figc
69
{
70
display: block;
71
}
72
73
+ .modula .modula-items .visible .figc
74
{
75
display: block;
76
}
77
+ .modula .modula-items .always-visible .figc
78
{
79
display: block;
80
}
81
+ .modula .modula-items .visible:hover .figc
82
{
83
display: none;
84
}
85
+ .modula .modula-items .caption span.text {
86
display: block;
87
padding: 10px;
88
}
89
+ .modula .modula-items .caption span.title {
90
font-size:14px;
91
font-weight: bold;
92
}
124
border-bottom-color: #333;
125
border-bottom:1px solid;
126
}
127
+ body .modula .modula-item {
128
width: 100%;
129
}
130
+ body .modula.vertical-filters .modula-items {
131
width: 80%;
132
float:left;
133
}
142
float:left;
143
}
144
145
+ body .modula .filters.vertical-filters.both-vertical + .modula-items {
146
width: 60%;
147
}
148
272
@media all and (max-width:1024px){
273
274
.modula.vertical-filters .filters,
275
+ .modula.vertical-filters .modula-items,
276
+ .modula .filters.vertical-filters.both-vertical + .modula-items{
277
width:100% !important;
278
float:none;
279
}
301
height: 16px;
302
}
303
304
+ .modula .modula-items .modula-item .jtg-title {
305
margin:0;
306
}
307
+ .modula .modula-items .modula-item p {
308
margin:0;
309
padding: 0;
310
}
317
padding:2em;
318
}
319
320
+ .modula .modula-item .jtg-social a {
321
text-decoration: none;
322
color: #fff;
323
display: inline-block;
328
opacity: 0;
329
transition: opacity .3s;
330
}
331
+ .modula .modula-item:hover .jtg-social a {
332
opacity: 1;
333
}
334
335
/*---------------*/
336
/***** pufrobo *****/
337
/*---------------*/
338
+ .modula .modula-items .jtg-social {
339
opacity: 0;
340
transition: opacity 0.1s;
341
right:30px;
345
transition:all .3s;
346
}
347
348
+ .modula .modula-items .jtg-social {
349
opacity: 1;
350
}
351
352
+ .modula .modula-items .jtg-social a:last-of-type {
353
margin-right: 0;
354
}
355
356
+ .modula .modula-item.effect-pufrobo p.description {
357
margin-bottom: 2em;
358
}
359
360
+ .modula .modula-item.effect-pufrobo .figc {
361
text-align: right;
362
}
363
364
+ .modula .modula-item.effect-pufrobo .jtg-title,
365
+ .modula .modula-item.effect-pufrobo p {
366
position: absolute;
367
right: 30px;
368
left: 30px;
369
padding: 10px 0;
370
}
371
372
+ .modula .modula-item:hover img,
373
+ .modula .modula-items .modula-item.tg-loaded:hover img.pic {
374
+ opacity: .8
375
+ }
376
377
+ .modula .modula-item { background-color:#000; }
378
379
+ .modula .modula-item.effect-pufrobo p {
380
bottom: 20%;
381
line-height: 1.5;
382
-webkit-transform: translate3d(0,100%,0);
384
letter-spacing: 1px;
385
}
386
387
+ .modula .modula-item.effect-pufrobo .jtg-title {
388
/*top: 30px;*/
389
top: 10%;
390
-webkit-transition: -webkit-transform 0.35s;
393
transform: translate3d(0,20px,0);
394
}
395
396
+ .modula .modula-item.effect-pufrobo:hover .jtg-title {
397
-webkit-transform: translate3d(0,0,0);
398
transform: translate3d(0,0,0);
399
}
400
401
+ .modula .modula-item.effect-pufrobo .jtg-title::after {
402
position: absolute;
403
top: 80%;
404
left: 0;
410
transform: translate3d(0,40px,0);
411
}
412
413
+ .modula .modula-item.effect-pufrobo .jtg-title::after,
414
+ .modula .modula-item.effect-pufrobo p {
415
opacity: 0;
416
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
417
transition: opacity 0.35s, transform 0.35s;
418
}
419
420
+ .modula .modula-item.effect-pufrobo:hover .jtg-title::after,
421
+ .modula .modula-item.effect-pufrobo:hover p {
422
margin-top: 10px;
423
margin-bottom: 5px;
424
opacity: 1;
426
transform: translate3d(0,0,0);
427
}
428
429
+ .modula .modula-items .modula-item.effect-pufrobo .figc.no-title.no-description .jtg-title:after {
430
display: none;
431
}
432
433
/* TwnetyNintheen fix */
434
+ .modula .modula-items .modula-item.effect-fluid-up .figc .jtg-title:before,
435
+ .modula .modula-items .modula-item.effect-hide .figc .jtg-title:before,
436
+ .modula .modula-items .modula-item.effect-quiet .figc .jtg-title:before,
437
+ .modula .modula-items .modula-item.effect-reflex .figc .jtg-title:before,
438
+ .modula .modula-items .modula-item.effect-curtain .figc .jtg-title:before,
439
+ .modula .modula-items .modula-item.effect-lens .figc .jtg-title:before,
440
+ .modula .modula-items .modula-item.effect-appear .figc .jtg-title:before,
441
+ .modula .modula-items .modula-item.effect-crafty .figc .jtg-title:before,
442
+ .modula .modula-items .modula-item.effect-seemo .figc .jtg-title:before,
443
+ .modula .modula-items .modula-item.effect-comodo .figc .jtg-title:before,
444
+ .modula .modula-items .modula-item.effect-pufrobo .figc .jtg-title:before {
445
display: none;
446
}
447
assets/css/modula.min.css CHANGED
@@ -1 +1 @@
1
- .modula .items .item{position:absolute;overflow:hidden;transition:transform .3s ease-out,opacity .2s linear,top .3s,left .6s;opacity:0;box-sizing:border-box}.modula .items .item>a{display:block;position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;background:0 0}.modula .items .item .jtg-social{z-index:10}.modula .items .item.tg-loaded{transform:scale(1) translate(0,0) rotate(0)!important;opacity:1}.modula .items .item.tg-loaded img.pic{display:block;opacity:1}.modula .items .item img.pic{font-size:12px;position:absolute;display:none;opacity:0;max-width:999em!important;transition:width .3s,height .3s,transform .3s linear,opacity .2s linear}.modula .items .item img.pic.lazyload,.modula .items .item img.pic.lazyloaded{display:block}.modula .items .item .description{font-size:14px}.modula .items .item .caption .icon{font-size:14px;position:absolute;left:50%;top:50%;margin:-12px 0 0 -8px}.modula .items .item .figc{color:#fff;font-size:11px;text-align:center;position:absolute;left:0;width:100%;padding:0}.modula .items .hidden .figc{display:none}.modula .items .always-visible .figc,.modula .items .hidden:hover .figc,.modula .items .visible .figc{display:block}.modula .items .item.effect-appear .figc .jtg-title:before,.modula .items .item.effect-comodo .figc .jtg-title:before,.modula .items .item.effect-crafty .figc .jtg-title:before,.modula .items .item.effect-curtain .figc .jtg-title:before,.modula .items .item.effect-fluid-up .figc .jtg-title:before,.modula .items .item.effect-hide .figc .jtg-title:before,.modula .items .item.effect-lens .figc .jtg-title:before,.modula .items .item.effect-pufrobo .figc .jtg-title:before,.modula .items .item.effect-pufrobo .figc.no-title.no-description .jtg-title:after,.modula .items .item.effect-quiet .figc .jtg-title:before,.modula .items .item.effect-reflex .figc .jtg-title:before,.modula .items .item.effect-seemo .figc .jtg-title:before,.modula .items .visible:hover .figc{display:none}.modula .items .caption span.text{display:block;padding:10px}.modula .items .caption span.title{font-size:14px;font-weight:700}.modula .filters{margin:20px 0}.modula .filters.vertical-filters{margin-top:0}.modula .filters a{text-decoration:none;display:inline-block;color:#333;outline:0;transition:350ms ease-in}.modula .filters.menu--dfefault a{border-bottom:2px solid transparent}.modula .filters.colored a{border:0;color:#fff}.modula .filters:not(.styled-menu) a.selected,.modula .filters:not(.styled-menu) a:hover{border-bottom:1px solid}body .modula .item{width:100%}body .modula.vertical-filters .items{width:80%;float:left}body .modula:after{content:"";display:block;clear:both}.modula.vertical-filters .filters{width:20%;float:left}body .modula .filters.vertical-filters.both-vertical+.items{width:60%}.modula .filters.vertical-filters a{display:block}.modula .filters.vertical-filters.colored a{border-radius:5px;text-align:center;background:#fff;border:1px solid #3498db;color:#3498db}.modula .filters.vertical-filters.colored a.selected,.modula .filters.vertical-filters.colored a:hover{background:#fff;color:#8e44ad;border-color:#8e44ad}.modula .filters.horizontal-filters.colored a{display:inline-block;padding:0 30px;margin-right:2px;background:#3498db;position:relative;border:0}.modula .filters.horizontal-filters.colored a.selected,.modula .filters.horizontal-filters.colored a:hover{background:#8e44ad}.modula .filters.horizontal-filters.colored a:before{position:absolute;content:'';left:0;top:0;width:0;height:0;border:none;border-left:solid 17px #fff;border-bottom:solid 41px transparent;z-index:1;transition:.4s}.modula .filters.horizontal-filters.colored a:after{position:absolute;content:'';right:0;top:0;width:0;height:0;border:none;border-left:solid 17px transparent;border-bottom:solid 41px #fff;z-index:1;transition:.4s}.filter-by-wrapper span:after,.filter-by-wrapper.opened span:after{content:"";width:0;height:0;border-style:solid;display:inline-block}.filter-by-wrapper{text-align:center;margin-bottom:25px;text-transform:uppercase}.filter-by-wrapper span{cursor:pointer}.filter-by-wrapper span:after{margin-left:15px;border-width:15px 10px 0;border-color:#0470e3 transparent transparent}.filter-by-wrapper.opened span:after{border-width:0 10px 15px;border-color:transparent transparent #d500ff}.modula .filters.vertical-filters a{margin-bottom:0}.menu__list li.menu__item{margin:15px}@media all and (min-width:1025px){.filter-by-wrapper{display:none!important}.modula-gallery .filters{display:block!important}}@media all and (max-width:1024px){.modula .filters.vertical-filters.both-vertical+.items,.modula.vertical-filters .filters,.modula.vertical-filters .items{width:100%!important;float:none}.menu__list{padding:0}.menu__list li.menu__item{margin:0}}.modula .jtg-social a{box-shadow:none}.lightbox .lb-image{max-width:999em}.modula .jtg-social svg{width:20px;height:16px}.modula .items .item .jtg-title{margin:0}.modula .items .item p{margin:0;padding:0}.modula .figc{color:#000;text-align:center;position:absolute;left:0;width:100%;padding:2em}.modula .item .jtg-social a{text-decoration:none;color:#fff;display:inline-block;margin:0 10px 0 0;width:20px;padding:6px 4px;border:0;opacity:0;transition:opacity .3s}.modula .item:hover .jtg-social a{opacity:1}.modula .items .jtg-social{right:30px;position:absolute;bottom:20px;text-align:right;transition:all .3s;opacity:1}.modula .items .jtg-social a:last-of-type{margin-right:0}.modula .item.effect-pufrobo p.description{margin-bottom:2em}.modula .item.effect-pufrobo .figc{text-align:right}.modula .item.effect-pufrobo .jtg-title,.modula .item.effect-pufrobo p{position:absolute;right:30px;left:30px;padding:10px 0}.modula .item:hover img{opacity:.8}.modula .item{background-color:#000}.modula .item.effect-pufrobo p{bottom:20%;line-height:1.5;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);letter-spacing:1px}.modula .item.effect-pufrobo .jtg-title{top:10%;-webkit-transition:-webkit-transform .35s;transition:transform .35s;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}.modula .item.effect-pufrobo:hover .jtg-title{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.modula .item.effect-pufrobo .jtg-title::after{position:absolute;top:80%;left:0;width:100%;height:4px;background:#fff;content:'';-webkit-transform:translate3d(0,40px,0);transform:translate3d(0,40px,0)}.modula .item.effect-pufrobo .jtg-title::after,.modula .item.effect-pufrobo p{opacity:0;-webkit-transition:opacity .35s,-webkit-transform .35s;transition:opacity .35s,transform .35s}.modula .item.effect-pufrobo:hover .jtg-title::after,.modula .item.effect-pufrobo:hover p{margin-top:10px;margin-bottom:5px;opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
1
+ .modula .modula-items .modula-item{position:absolute;overflow:hidden;transition:transform .3s ease-out,opacity .2s linear,top .3s,left .6s;opacity:0;box-sizing:border-box}.modula .modula-items .modula-item>a{display:block;position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;background:0 0}.modula .modula-items .modula-item .jtg-social{z-index:10}.modula .modula-items .modula-item.tg-loaded{transform:scale(1) translate(0,0) rotate(0)!important;opacity:1}.modula .modula-items .modula-item.tg-loaded img.pic{display:block;opacity:1}.modula .modula-items .modula-item img.pic{font-size:12px;position:absolute;display:none;opacity:0;max-width:999em!important;transition:width .3s,height .3s,transform .3s linear,opacity .2s linear}.modula .modula-items .modula-item img.pic.lazyload,.modula .modula-items .modula-item img.pic.lazyloaded{display:block}.modula .modula-items .modula-item .description{font-size:14px}.modula .modula-items .modula-item .caption .icon{font-size:14px;position:absolute;left:50%;top:50%;margin:-12px 0 0 -8px}.modula .modula-items .modula-item .figc{color:#fff;font-size:11px;text-align:center;position:absolute;left:0;width:100%;padding:0}.modula .modula-items .hidden .figc{display:none}.modula .modula-items .always-visible .figc,.modula .modula-items .hidden:hover .figc,.modula .modula-items .visible .figc{display:block}.modula .modula-items .modula-item.effect-appear .figc .jtg-title:before,.modula .modula-items .modula-item.effect-comodo .figc .jtg-title:before,.modula .modula-items .modula-item.effect-crafty .figc .jtg-title:before,.modula .modula-items .modula-item.effect-curtain .figc .jtg-title:before,.modula .modula-items .modula-item.effect-fluid-up .figc .jtg-title:before,.modula .modula-items .modula-item.effect-hide .figc .jtg-title:before,.modula .modula-items .modula-item.effect-lens .figc .jtg-title:before,.modula .modula-items .modula-item.effect-pufrobo .figc .jtg-title:before,.modula .modula-items .modula-item.effect-pufrobo .figc.no-title.no-description .jtg-title:after,.modula .modula-items .modula-item.effect-quiet .figc .jtg-title:before,.modula .modula-items .modula-item.effect-reflex .figc .jtg-title:before,.modula .modula-items .modula-item.effect-seemo .figc .jtg-title:before,.modula .modula-items .visible:hover .figc{display:none}.modula .modula-items .caption span.text{display:block;padding:10px}.modula .modula-items .caption span.title{font-size:14px;font-weight:700}.modula .filters{margin:20px 0}.modula .filters.vertical-filters{margin-top:0}.modula .filters a{text-decoration:none;display:inline-block;color:#333;outline:0;transition:350ms ease-in}.modula .filters.menu--dfefault a{border-bottom:2px solid transparent}.modula .filters.colored a{border:0;color:#fff}.modula .filters:not(.styled-menu) a.selected,.modula .filters:not(.styled-menu) a:hover{border-bottom:1px solid}body .modula .modula-item{width:100%}body .modula.vertical-filters .modula-items{width:80%;float:left}body .modula:after{content:"";display:block;clear:both}.modula.vertical-filters .filters{width:20%;float:left}body .modula .filters.vertical-filters.both-vertical+.modula-items{width:60%}.modula .filters.vertical-filters a{display:block}.modula .filters.vertical-filters.colored a{border-radius:5px;text-align:center;background:#fff;border:1px solid #3498db;color:#3498db}.modula .filters.vertical-filters.colored a.selected,.modula .filters.vertical-filters.colored a:hover{background:#fff;color:#8e44ad;border-color:#8e44ad}.modula .filters.horizontal-filters.colored a{display:inline-block;padding:0 30px;margin-right:2px;background:#3498db;position:relative;border:0}.modula .filters.horizontal-filters.colored a.selected,.modula .filters.horizontal-filters.colored a:hover{background:#8e44ad}.modula .filters.horizontal-filters.colored a:before{position:absolute;content:'';left:0;top:0;width:0;height:0;border:none;border-left:solid 17px #fff;border-bottom:solid 41px transparent;z-index:1;transition:.4s}.modula .filters.horizontal-filters.colored a:after{position:absolute;content:'';right:0;top:0;width:0;height:0;border:none;border-left:solid 17px transparent;border-bottom:solid 41px #fff;z-index:1;transition:.4s}.filter-by-wrapper span:after,.filter-by-wrapper.opened span:after{content:"";width:0;height:0;border-style:solid;display:inline-block}.filter-by-wrapper{text-align:center;margin-bottom:25px;text-transform:uppercase}.filter-by-wrapper span{cursor:pointer}.filter-by-wrapper span:after{margin-left:15px;border-width:15px 10px 0;border-color:#0470e3 transparent transparent}.filter-by-wrapper.opened span:after{border-width:0 10px 15px;border-color:transparent transparent #d500ff}.modula .filters.vertical-filters a{margin-bottom:0}.menu__list li.menu__item{margin:15px}@media all and (min-width:1025px){.filter-by-wrapper{display:none!important}.modula-gallery .filters{display:block!important}}@media all and (max-width:1024px){.modula .filters.vertical-filters.both-vertical+.modula-items,.modula.vertical-filters .filters,.modula.vertical-filters .modula-items{width:100%!important;float:none}.menu__list{padding:0}.menu__list li.menu__item{margin:0}}.modula .jtg-social a{box-shadow:none}.lightbox .lb-image{max-width:999em}.modula .jtg-social svg{width:20px;height:16px}.modula .modula-items .modula-item .jtg-title{margin:0}.modula .modula-items .modula-item p{margin:0;padding:0}.modula .figc{color:#000;text-align:center;position:absolute;left:0;width:100%;padding:2em}.modula .modula-item .jtg-social a{text-decoration:none;color:#fff;display:inline-block;margin:0 10px 0 0;width:20px;padding:6px 4px;border:0;opacity:0;transition:opacity .3s}.modula .modula-item:hover .jtg-social a{opacity:1}.modula .modula-items .jtg-social{right:30px;position:absolute;bottom:20px;text-align:right;transition:all .3s;opacity:1}.modula .modula-items .jtg-social a:last-of-type{margin-right:0}.modula .modula-item.effect-pufrobo p.description{margin-bottom:2em}.modula .modula-item.effect-pufrobo .figc{text-align:right}.modula .modula-item.effect-pufrobo .jtg-title,.modula .modula-item.effect-pufrobo p{position:absolute;right:30px;left:30px;padding:10px 0}.modula .modula-item:hover img,.modula .modula-items .modula-item.tg-loaded:hover img.pic{opacity:.8}.modula .modula-item{background-color:#000}.modula .modula-item.effect-pufrobo p{bottom:20%;line-height:1.5;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);letter-spacing:1px}.modula .modula-item.effect-pufrobo .jtg-title{top:10%;-webkit-transition:-webkit-transform .35s;transition:transform .35s;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}.modula .modula-item.effect-pufrobo:hover .jtg-title{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.modula .modula-item.effect-pufrobo .jtg-title::after{position:absolute;top:80%;left:0;width:100%;height:4px;background:#fff;content:'';-webkit-transform:translate3d(0,40px,0);transform:translate3d(0,40px,0)}.modula .modula-item.effect-pufrobo .jtg-title::after,.modula .modula-item.effect-pufrobo p{opacity:0;-webkit-transition:opacity .35s,-webkit-transform .35s;transition:opacity .35s,transform .35s}.modula .modula-item.effect-pufrobo:hover .jtg-title::after,.modula .modula-item.effect-pufrobo:hover p{margin-top:10px;margin-bottom:5px;opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
assets/js/jquery-modula.js CHANGED
@@ -304,8 +304,8 @@ jQuery(document).on( 'vc-full-width-row-single vc-full-width-row', function( eve
304
function Plugin( element, options ) {
305
this.element = element;
306
this.$element = $(element);
307
- this.$itemsCnt = this.$element.find(".items");
308
- this.$items = this.$itemsCnt.find(".item");
309
310
this.options = $.extend({}, defaults, options);
311
@@ -392,7 +392,7 @@ jQuery(document).on( 'vc-full-width-row-single vc-full-width-row', function( eve
392
}
393
394
slot.width = size * widthColumns + ( plugin.options.gutter * ( widthColumns - 1 ) );
395
- slot.height = size * heightColumns + ( plugin.options.gutter * ( heightColumns - 1 ) );
396
397
$(item)
398
.data('size', slot)
@@ -413,7 +413,7 @@ jQuery(document).on( 'vc-full-width-row-single vc-full-width-row', function( eve
413
}
414
415
this.$itemsCnt.packery({
416
- itemSelector: '.item',
417
gutter: parseInt( plugin.options.gutter ),
418
columnWidth: size,
419
// rowHeight: size,
@@ -580,6 +580,13 @@ jQuery(document).on( 'vc-full-width-row-single vc-full-width-row', function( eve
580
var tSize = $tile.data('size');
581
var iSize = $image.data('size');
582
583
if ( typeof tSize == 'undefined' ) { return; }
584
if ( typeof iSize == 'undefined' ) { return; }
585
304
function Plugin( element, options ) {
305
this.element = element;
306
this.$element = $(element);
307
+ this.$itemsCnt = this.$element.find(".modula-items");
308
+ this.$items = this.$itemsCnt.find(".modula-item");
309
310
this.options = $.extend({}, defaults, options);
311
392
}
393
394
slot.width = size * widthColumns + ( plugin.options.gutter * ( widthColumns - 1 ) );
395
+ slot.height = Math.round( size ) * heightColumns + ( plugin.options.gutter * ( heightColumns - 1 ) );
396
397
$(item)
398
.data('size', slot)
413
}
414
415
this.$itemsCnt.packery({
416
+ itemSelector: '.modula-item',
417
gutter: parseInt( plugin.options.gutter ),
418
columnWidth: size,
419
// rowHeight: size,
580
var tSize = $tile.data('size');
581
var iSize = $image.data('size');
582
583
+ if ( $image.parent() != $tile ) {
584
+ tSize = {
585
+ 'width' : $image.parent().width(),
586
+ 'height' : $image.parent().height()
587
+ };
588
+ }
589
+
590
if ( typeof tSize == 'undefined' ) { return; }
591
if ( typeof iSize == 'undefined' ) { return; }
592
assets/js/jquery-modula.min.js CHANGED
@@ -1 +1 @@
1
- function tg_getURLParameter(t){return decodeURIComponent((new RegExp("[?|&]"+t+"=([^&;]+?)(&|#|;|$)").exec(location.search)||[,""])[1].replace(/\+/g,"%20"))||null}!function(t,e){"function"==typeof define&&define.amd?define(e):"object"==typeof exports?module.exports=e():t.ResizeSensor=e()}("undefined"!=typeof window?window:this,function(){if("undefined"==typeof window)return null;var v=window.requestAnimationFrame||window.mozRequestAnimationFrame||window.webkitRequestAnimationFrame||function(t){return window.setTimeout(t,20)};function n(t,e){var i=Object.prototype.toString.call(t),n="[object Array]"===i||"[object NodeList]"===i||"[object HTMLCollection]"===i||"[object Object]"===i||"undefined"!=typeof jQuery&&t instanceof jQuery||"undefined"!=typeof Elements&&t instanceof Elements,o=0,s=t.length;if(n)for(;o<s;o++)e(t[o]);else e(t)}function y(t){if(!t.getBoundingClientRect)return{width:t.offsetWidth,height:t.offsetHeight};var e=t.getBoundingClientRect();return{width:Math.round(e.width),height:Math.round(e.height)}}var o=function(e,i){function w(){var i,n,o=[];this.add=function(t){o.push(t)},this.call=function(){for(i=0,n=o.length;i<n;i++)o[i].call()},this.remove=function(t){var e=[];for(i=0,n=o.length;i<n;i++)o[i]!==t&&e.push(o[i]);o=e},this.length=function(){return o.length}}n(e,function(t){!function(n,t){if(n)if(n.resizedAttached)n.resizedAttached.add(t);else{n.resizedAttached=new w,n.resizedAttached.add(t),n.resizeSensor=document.createElement("div"),n.resizeSensor.dir="ltr",n.resizeSensor.className="resize-sensor";var e="position: absolute; left: -10px; top: -10px; right: 0; bottom: 0; overflow: hidden; z-index: -1; visibility: hidden;",i="position: absolute; left: 0; top: 0; transition: 0s;";n.resizeSensor.style.cssText=e,n.resizeSensor.innerHTML='<div class="resize-sensor-expand" style="'+e+'"><div style="'+i+'"></div></div><div class="resize-sensor-shrink" style="'+e+'"><div style="'+i+' width: 200%; height: 200%"></div></div>',n.appendChild(n.resizeSensor);var o=window.getComputedStyle(n).getPropertyPriority("position");"absolute"!==o&&"relative"!==o&&"fixed"!==o&&(n.style.position="relative");var s,h,r=n.resizeSensor.childNodes[0],a=r.childNodes[0],d=n.resizeSensor.childNodes[1],l=y(n),c=l.width,p=l.height,u=function(){var t=0===n.offsetWidth&&0===n.offsetHeight;if(t){var e=n.style.display;n.style.display="block"}a.style.width="100000px",a.style.height="100000px",r.scrollLeft=1e5,r.scrollTop=1e5,d.scrollLeft=1e5,d.scrollTop=1e5,t&&(n.style.display=e)};n.resizeSensor.resetSensor=u;var f=function(){h=0,s&&(p=c=void 0,n.resizedAttached&&n.resizedAttached.call())},g=function(){var t=y(n),e=t.width,i=t.height;(s=e!=c||i!=p)&&!h&&(h=v(f)),u()},m=function(t,e,i){t.attachEvent?t.attachEvent("on"+e,i):t.addEventListener(e,i)};m(r,"scroll",g),m(d,"scroll",g),v(u)}}(t,i)}),this.detach=function(t){o.detach(e,t)},this.reset=function(){e.resizeSensor.resetSensor()}};return o.reset=function(t,e){n(t,function(t){t.resizeSensor.resetSensor()})},o.detach=function(t,e){n(t,function(t){t&&(t.resizedAttached&&"function"==typeof e&&(t.resizedAttached.remove(e),t.resizedAttached.length())||t.resizeSensor&&(t.contains(t.resizeSensor)&&t.removeChild(t.resizeSensor),delete t.resizeSensor,delete t.resizedAttached))})},o}),jQuery(document).on("vc-full-width-row-single vc-full-width-row",function(t,e){0<jQuery("body").find(".modula").length&&jQuery(window).trigger("modula-update")}),function(l,h,c,t){var o="modulaGallery",i={resizer:"/",margin:10,keepArea:!0,type:"creative-gallery",columns:12,gutter:10,enableTwitter:!1,enableFacebook:!1,enableGplus:!1,enablePinterest:!1,enableLinkedin:!1,lazyLoad:0};function s(t,e){this.element=t,this.$element=l(t),this.$itemsCnt=this.$element.find(".items"),this.$items=this.$itemsCnt.find(".item"),this.options=l.extend({},i,e),this._defaults=i,this._name=o,this.tiles=[],this.$tilesCnt=null,this.completed=!1,this.lastWidth=0,this.resizeTO=0,this.isPackeryActive=!1,this.init()}s.prototype.trunc=function(t){return Math.trunc?Math.trunc(t):(t=+t,isFinite(t)?t-t%1||(t<0?-0:0===t?t:0):t)},s.prototype.createCustomGallery=function(){var r,t=this.$element.width(),a=this,d=this.options.columns,e=c.documentElement.clientWidth;"1"==this.options.enableResponsive&&(e<=568?d=this.options.mobileColumns:e<=768&&(d=this.options.tabletColumns)),r=0<this.options.gutter?(t-this.options.gutter*(d-1))/d:Math.floor(t/d),this.$items.not(".jtg-hidden").each(function(t,e){var i,n,o,s,h={};i=l(e).data("width"),n=l(e).data("height"),12<i&&(i=12),"1"==a.options.enableResponsive&&(o=i,s=n,1==d?n=(i=1)*s/o:((i=Math.round(d*o/12))<1&&(i=1),(n=Math.round(i*s/o))<1&&(n=1))),h.width=r*i+a.options.gutter*(i-1),h.height=r*n+a.options.gutter*(n-1),l(e).data("size",h).addClass("tiled").addClass(h.width>h.height?"tile-h":"tile-v").data("position"),l(e).css(l(e).data("size")),l(e).find(".figc").css({width:l(e).data("size").width,height:l(e).data("size").height})}),this.isPackeryActive&&this.$itemsCnt.packery("destroy"),this.$itemsCnt.packery({itemSelector:".item",gutter:parseInt(a.options.gutter),columnWidth:r,resize:!1}),this.isPackeryActive=!0},s.prototype.createGrid=function(){var n=this;this.options.width&&this.$itemsCnt.width(this.options.width),this.options.height&&this.$itemsCnt.height(this.options.height),this.$itemsCnt.data("area",this.$itemsCnt.width()*this.$itemsCnt.height()),this.lastWidth=this.$itemsCnt.width();for(var t=0;t<this.$items.not(".jtg-hidden").length;t++)this.tiles.push(n.getSlot());this.tiles.sort(function(t,e){return t.position-e.position}),this.$items.not(".jtg-hidden").each(function(t,e){var i=n.tiles[t];l(e).data("size",i).addClass("tiled").addClass(i.width>i.height?"tile-h":"tile-v").data("position")}),this.$items.each(function(t,e){l(e).css(l(e).data("size")),l(e).find(".figc").css({width:l(e).data("size").width,height:l(e).data("size").height})}),this.completed=!0},s.prototype.getSlot=function(){if(0==this.tiles.length)return i={top:0,left:0,width:this.$itemsCnt.width(),height:this.$itemsCnt.height(),area:this.$itemsCnt.width()*this.$itemsCnt.height(),position:0};for(var t=0,e=0;e<this.tiles.length;e++){(i=this.tiles[e]).area>this.tiles[t].area&&(t=e)}var i={},n=this.tiles[t];if(n.width>n.height){var o=n.width/2*this.options.randomFactor;n.prevWidth=n.width,n.width=Math.floor(n.width/2+o*(Math.random()-.5)),i={top:n.top,left:n.left+n.width+this.options.margin,width:n.prevWidth-n.width-this.options.margin,height:n.height}}else{o=n.height/2*this.options.randomFactor;n.prevHeight=n.height,n.height=Math.floor(n.height/2+o*(Math.random()-.5)),i={left:n.left,top:n.top+n.height+this.options.margin,width:n.width,height:n.prevHeight-n.height-this.options.margin}}return i.area=i.width*i.height,i.position=1e3*i.top+i.left,n.position=1e3*n.top+n.left,this.tiles[t]=n,this.tiles[t].area=n.width*n.height,i},s.prototype.reset=function(){var i=this;i.tiles=[],"custom-grid"===i.options.type?(i.createCustomGallery(),i.$itemsCnt.packery()):i.createGrid(),i.$itemsCnt.find(".pic").each(function(t,e){i.placeImage(t)}),i.lastWidth=i.$itemsCnt.width()},s.prototype.onResize=function(e){e.lastWidth!=e.$itemsCnt.width()&&(clearTimeout(e.resizeTO),e.resizeTO=setTimeout(function(){if(e.options.keepArea){var t=e.$itemsCnt.data("area");e.$itemsCnt.height(t/e.$itemsCnt.width())}e.reset()},100))},s.prototype.placeImage=function(t){var e=this.$items.eq(t),i=e.find(".pic"),n=e.data("size"),o=i.data("size");if(void 0!==n&&void 0!==o){var s=n.width/n.height,h=o.width/o.height,r=i.data("valign")?i.data("valign"):"middle",a=i.data("halign")?i.data("halign"):"center",d={top:"auto",bottom:"auto",left:"auto",right:"auto",width:"auto",height:"auto",margin:"0",maxWidth:"999em"};if(h<s)switch(d.width=n.width,d.left=0,r){case"top":d.top=0;break;case"middle":d.top=0-(n.width*(1/h)-n.height)/2;break;case"bottom":d.bottom=0}else switch(d.height=n.height,d.top=0,a){case"left":d.left=0;break;case"center":d.left=0-(n.height*h-n.width)/2;break;case"right":d.right=0}i.css(d)}},s.prototype.loadImage=function(t){var e=this,i=e.$items.eq(t).find(".pic"),n=new Image;n.onerror=function(){console.log("error loading image ["+t+"] : "+this.src),t+1<e.$items.length&&e.loadImage(t+1)},n.onload=function(){i.data("size",{width:this.width,height:this.height}),e.placeImage(t),e.$items.eq(t).addClass("tg-loaded"),t+1<e.$items.length&&e.loadImage(t+1)};var o=i.data("src");n.src=o,i.attr("src",o)},s.prototype.init=function(){var o=this;l(c).trigger("modula_api_before_init",[o]),this.$itemsCnt.css({position:"relative",zIndex:1,"min-height":"10px"}),this.$items.addClass("tile"),this.$items.find(".pic").removeAttr("src"),"custom-grid"===this.options.type?this.createCustomGallery():this.createGrid(),"1"!=o.options.lazyLoad&&this.loadImage(0),l(h).resize(function(){o.onResize(o)}),l(h).on("modula-update",function(){o.onResize(o)}),l(c).on("lazyloaded",function(t){var e,i,n=l(t.target);"modula"==n.data("source")&&(n.data("size",{width:n.width(),height:n.height()}),(e=n.parents(".item")).addClass("tg-loaded"),i=o.$items.index(e),o.placeImage(i))}),new ResizeSensor(o.$element,function(){o.onResize(o)}),this.setupSocial(),this.options.onComplete&&this.options.onComplete(),l(c).trigger("modula_api_after_init",[o])},s.prototype.setupSocial=function(){this.options.enableTwitter&&e(this.$items,this),this.options.enableFacebook&&n(this.$items,this),this.options.enablePinterest&&r(this.$items,this),this.options.enableLinkedin&&a(this.$items,this)},s.prototype.destroy=function(){this.isPackeryActive&&(this.$itemsCnt.packery("destroy"),this.isPackeryActive=!1)};var e=function(t,n){t.find(".modula-icon-twitter").click(function(t){t.preventDefault();var e=l(this).parents(".tile:first").find(".caption"),i=n.options.twitterText||c.title;return!n.options.twitterText&&1==e.length&&0<e.text().length&&(i=l.trim(e.text())),h.open("https://twitter.com/intent/tweet?url="+encodeURI(location.href.split("#")[0])+"&text="+encodeURI(i),"ftgw","location=1,status=1,scrollbars=1,width=600,height=400").moveTo(screen.width/2-300,screen.height/2-200),!1})},n=function(t,o){t.find(".modula-icon-facebook").click(function(t){t.preventDefault();var e=l(this).parents(".tile:first").find(".pic"),i=l(this).parents(".tile:first").find(".caption");o.options.facebookText||c.title;!o.options.facebookText&&1==i.length&&0<i.text().length&&l.trim(i.text());e.attr("src");var n="//www.facebook.com/sharer.php?u="+location.href;return h.open(n,"ftgw","location=1,status=1,scrollbars=1,width=600,height=400").moveTo(screen.width/2-300,screen.height/2-200),!1})},r=function(t,s){t.find(".modula-icon-pinterest").click(function(t){t.preventDefault();var e=l(this).parents(".tile:first").find(".pic"),i=l(this).parents(".tile:first").find(".caption"),n=s.options.facebookText||c.title;!s.options.facebookText&&1==i.length&&0<i.text().length&&(n=l.trim(i.text()));var o="http://pinterest.com/pin/create/button/?url="+encodeURI(location.href)+"&description="+encodeURI(n);1==e.length&&(o+="&media="+function(t){var e=c.createElement("img");return e.src=t,t=e.src,e.src=null,t}(e.attr("src")));return h.open(o,"ftgw","location=1,status=1,scrollbars=1,width=600,height=400").moveTo(screen.width/2-300,screen.height/2-200),!1})},a=function(t,e){t.find(".modula-icon-linkedin").click(function(t){t.preventDefault();var e="//linkedin.com/shareArticle?mini=true&url="+ +encodeURI(location.href);return h.open(e,"ftgw","location=1,status=1,scrollbars=1,width=600,height=400").moveTo(screen.width/2-300,screen.height/2-200),!1})};l.fn[o]=function(e){var i,n=arguments;return void 0===e||"object"==typeof e?this.each(function(){l.data(this,"plugin_"+o)||l.data(this,"plugin_"+o,new s(this,e))}):"string"==typeof e&&"_"!==e[0]&&"init"!==e?(this.each(function(){var t=l.data(this,"plugin_"+o);t instanceof s&&"function"==typeof t[e]&&(i=t[e].apply(t,Array.prototype.slice.call(n,1))),"destroy"===e&&l.data(this,"plugin_"+o,null)}),void 0!==i?i:this):void 0}}(jQuery,window,document),jQuery(document).ready(function(i){var t=i(".modula-gallery");i.each(t,function(){var t=i(this).attr("id"),e=i(this).data("config");i("#"+t).modulaGallery(e)})});
1
+ function tg_getURLParameter(t){return decodeURIComponent((new RegExp("[?|&]"+t+"=([^&;]+?)(&|#|;|$)").exec(location.search)||[,""])[1].replace(/\+/g,"%20"))||null}!function(t,e){"function"==typeof define&&define.amd?define(e):"object"==typeof exports?module.exports=e():t.ResizeSensor=e()}("undefined"!=typeof window?window:this,function(){if("undefined"==typeof window)return null;var v=window.requestAnimationFrame||window.mozRequestAnimationFrame||window.webkitRequestAnimationFrame||function(t){return window.setTimeout(t,20)};function n(t,e){var i=Object.prototype.toString.call(t),n="[object Array]"===i||"[object NodeList]"===i||"[object HTMLCollection]"===i||"[object Object]"===i||"undefined"!=typeof jQuery&&t instanceof jQuery||"undefined"!=typeof Elements&&t instanceof Elements,o=0,s=t.length;if(n)for(;o<s;o++)e(t[o]);else e(t)}function y(t){if(!t.getBoundingClientRect)return{width:t.offsetWidth,height:t.offsetHeight};var e=t.getBoundingClientRect();return{width:Math.round(e.width),height:Math.round(e.height)}}var o=function(e,i){function w(){var i,n,o=[];this.add=function(t){o.push(t)},this.call=function(){for(i=0,n=o.length;i<n;i++)o[i].call()},this.remove=function(t){var e=[];for(i=0,n=o.length;i<n;i++)o[i]!==t&&e.push(o[i]);o=e},this.length=function(){return o.length}}n(e,function(t){!function(n,t){if(n)if(n.resizedAttached)n.resizedAttached.add(t);else{n.resizedAttached=new w,n.resizedAttached.add(t),n.resizeSensor=document.createElement("div"),n.resizeSensor.dir="ltr",n.resizeSensor.className="resize-sensor";var e="position: absolute; left: -10px; top: -10px; right: 0; bottom: 0; overflow: hidden; z-index: -1; visibility: hidden;",i="position: absolute; left: 0; top: 0; transition: 0s;";n.resizeSensor.style.cssText=e,n.resizeSensor.innerHTML='<div class="resize-sensor-expand" style="'+e+'"><div style="'+i+'"></div></div><div class="resize-sensor-shrink" style="'+e+'"><div style="'+i+' width: 200%; height: 200%"></div></div>',n.appendChild(n.resizeSensor);var o=window.getComputedStyle(n).getPropertyPriority("position");"absolute"!==o&&"relative"!==o&&"fixed"!==o&&(n.style.position="relative");var s,h,r=n.resizeSensor.childNodes[0],a=r.childNodes[0],d=n.resizeSensor.childNodes[1],l=y(n),c=l.width,u=l.height,p=function(){var t=0===n.offsetWidth&&0===n.offsetHeight;if(t){var e=n.style.display;n.style.display="block"}a.style.width="100000px",a.style.height="100000px",r.scrollLeft=1e5,r.scrollTop=1e5,d.scrollLeft=1e5,d.scrollTop=1e5,t&&(n.style.display=e)};n.resizeSensor.resetSensor=p;var f=function(){h=0,s&&(u=c=void 0,n.resizedAttached&&n.resizedAttached.call())},g=function(){var t=y(n),e=t.width,i=t.height;(s=e!=c||i!=u)&&!h&&(h=v(f)),p()},m=function(t,e,i){t.attachEvent?t.attachEvent("on"+e,i):t.addEventListener(e,i)};m(r,"scroll",g),m(d,"scroll",g),v(p)}}(t,i)}),this.detach=function(t){o.detach(e,t)},this.reset=function(){e.resizeSensor.resetSensor()}};return o.reset=function(t,e){n(t,function(t){t.resizeSensor.resetSensor()})},o.detach=function(t,e){n(t,function(t){t&&(t.resizedAttached&&"function"==typeof e&&(t.resizedAttached.remove(e),t.resizedAttached.length())||t.resizeSensor&&(t.contains(t.resizeSensor)&&t.removeChild(t.resizeSensor),delete t.resizeSensor,delete t.resizedAttached))})},o}),jQuery(document).on("vc-full-width-row-single vc-full-width-row",function(t,e){0<jQuery("body").find(".modula").length&&jQuery(window).trigger("modula-update")}),function(l,h,c,t){var o="modulaGallery",i={resizer:"/",margin:10,keepArea:!0,type:"creative-gallery",columns:12,gutter:10,enableTwitter:!1,enableFacebook:!1,enableGplus:!1,enablePinterest:!1,enableLinkedin:!1,lazyLoad:0};function s(t,e){this.element=t,this.$element=l(t),this.$itemsCnt=this.$element.find(".modula-items"),this.$items=this.$itemsCnt.find(".modula-item"),this.options=l.extend({},i,e),this._defaults=i,this._name=o,this.tiles=[],this.$tilesCnt=null,this.completed=!1,this.lastWidth=0,this.resizeTO=0,this.isPackeryActive=!1,this.init()}s.prototype.trunc=function(t){return Math.trunc?Math.trunc(t):(t=+t,isFinite(t)?t-t%1||(t<0?-0:0===t?t:0):t)},s.prototype.createCustomGallery=function(){var r,t=this.$element.width(),a=this,d=this.options.columns,e=c.documentElement.clientWidth;"1"==this.options.enableResponsive&&(e<=568?d=this.options.mobileColumns:e<=768&&(d=this.options.tabletColumns)),r=0<this.options.gutter?(t-this.options.gutter*(d-1))/d:Math.floor(t/d),this.$items.not(".jtg-hidden").each(function(t,e){var i,n,o,s,h={};i=l(e).data("width"),n=l(e).data("height"),12<i&&(i=12),"1"==a.options.enableResponsive&&(o=i,s=n,1==d?n=(i=1)*s/o:((i=Math.round(d*o/12))<1&&(i=1),(n=Math.round(i*s/o))<1&&(n=1))),h.width=r*i+a.options.gutter*(i-1),h.height=Math.round(r)*n+a.options.gutter*(n-1),l(e).data("size",h).addClass("tiled").addClass(h.width>h.height?"tile-h":"tile-v").data("position"),l(e).css(l(e).data("size")),l(e).find(".figc").css({width:l(e).data("size").width,height:l(e).data("size").height})}),this.isPackeryActive&&this.$itemsCnt.packery("destroy"),this.$itemsCnt.packery({itemSelector:".modula-item",gutter:parseInt(a.options.gutter),columnWidth:r,resize:!1}),this.isPackeryActive=!0},s.prototype.createGrid=function(){var n=this;this.options.width&&this.$itemsCnt.width(this.options.width),this.options.height&&this.$itemsCnt.height(this.options.height),this.$itemsCnt.data("area",this.$itemsCnt.width()*this.$itemsCnt.height()),this.lastWidth=this.$itemsCnt.width();for(var t=0;t<this.$items.not(".jtg-hidden").length;t++)this.tiles.push(n.getSlot());this.tiles.sort(function(t,e){return t.position-e.position}),this.$items.not(".jtg-hidden").each(function(t,e){var i=n.tiles[t];l(e).data("size",i).addClass("tiled").addClass(i.width>i.height?"tile-h":"tile-v").data("position")}),this.$items.each(function(t,e){l(e).css(l(e).data("size")),l(e).find(".figc").css({width:l(e).data("size").width,height:l(e).data("size").height})}),this.completed=!0},s.prototype.getSlot=function(){if(0==this.tiles.length)return i={top:0,left:0,width:this.$itemsCnt.width(),height:this.$itemsCnt.height(),area:this.$itemsCnt.width()*this.$itemsCnt.height(),position:0};for(var t=0,e=0;e<this.tiles.length;e++){(i=this.tiles[e]).area>this.tiles[t].area&&(t=e)}var i={},n=this.tiles[t];if(n.width>n.height){var o=n.width/2*this.options.randomFactor;n.prevWidth=n.width,n.width=Math.floor(n.width/2+o*(Math.random()-.5)),i={top:n.top,left:n.left+n.width+this.options.margin,width:n.prevWidth-n.width-this.options.margin,height:n.height}}else{o=n.height/2*this.options.randomFactor;n.prevHeight=n.height,n.height=Math.floor(n.height/2+o*(Math.random()-.5)),i={left:n.left,top:n.top+n.height+this.options.margin,width:n.width,height:n.prevHeight-n.height-this.options.margin}}return i.area=i.width*i.height,i.position=1e3*i.top+i.left,n.position=1e3*n.top+n.left,this.tiles[t]=n,this.tiles[t].area=n.width*n.height,i},s.prototype.reset=function(){var i=this;i.tiles=[],"custom-grid"===i.options.type?(i.createCustomGallery(),i.$itemsCnt.packery()):i.createGrid(),i.$itemsCnt.find(".pic").each(function(t,e){i.placeImage(t)}),i.lastWidth=i.$itemsCnt.width()},s.prototype.onResize=function(e){e.lastWidth!=e.$itemsCnt.width()&&(clearTimeout(e.resizeTO),e.resizeTO=setTimeout(function(){if(e.options.keepArea){var t=e.$itemsCnt.data("area");e.$itemsCnt.height(t/e.$itemsCnt.width())}e.reset()},100))},s.prototype.placeImage=function(t){var e=this.$items.eq(t),i=e.find(".pic"),n=e.data("size"),o=i.data("size");if(i.parent()!=e&&(n={width:i.parent().width(),height:i.parent().height()}),void 0!==n&&void 0!==o){var s=n.width/n.height,h=o.width/o.height,r=i.data("valign")?i.data("valign"):"middle",a=i.data("halign")?i.data("halign"):"center",d={top:"auto",bottom:"auto",left:"auto",right:"auto",width:"auto",height:"auto",margin:"0",maxWidth:"999em"};if(h<s)switch(d.width=n.width,d.left=0,r){case"top":d.top=0;break;case"middle":d.top=0-(n.width*(1/h)-n.height)/2;break;case"bottom":d.bottom=0}else switch(d.height=n.height,d.top=0,a){case"left":d.left=0;break;case"center":d.left=0-(n.height*h-n.width)/2;break;case"right":d.right=0}i.css(d)}},s.prototype.loadImage=function(t){var e=this,i=e.$items.eq(t).find(".pic"),n=new Image;n.onerror=function(){console.log("error loading image ["+t+"] : "+this.src),t+1<e.$items.length&&e.loadImage(t+1)},n.onload=function(){i.data("size",{width:this.width,height:this.height}),e.placeImage(t),e.$items.eq(t).addClass("tg-loaded"),t+1<e.$items.length&&e.loadImage(t+1)};var o=i.data("src");n.src=o,i.attr("src",o)},s.prototype.init=function(){var o=this;l(c).trigger("modula_api_before_init",[o]),this.$itemsCnt.css({position:"relative",zIndex:1,"min-height":"10px"}),this.$items.addClass("tile"),this.$items.find(".pic").removeAttr("src"),"custom-grid"===this.options.type?this.createCustomGallery():this.createGrid(),"1"!=o.options.lazyLoad&&this.loadImage(0),l(h).resize(function(){o.onResize(o)}),l(h).on("modula-update",function(){o.onResize(o)}),l(c).on("lazyloaded",function(t){var e,i,n=l(t.target);"modula"==n.data("source")&&(n.data("size",{width:n.width(),height:n.height()}),(e=n.parents(".item")).addClass("tg-loaded"),i=o.$items.index(e),o.placeImage(i))}),new ResizeSensor(o.$element,function(){o.onResize(o)}),this.setupSocial(),this.options.onComplete&&this.options.onComplete(),l(c).trigger("modula_api_after_init",[o])},s.prototype.setupSocial=function(){this.options.enableTwitter&&e(this.$items,this),this.options.enableFacebook&&n(this.$items,this),this.options.enablePinterest&&r(this.$items,this),this.options.enableLinkedin&&a(this.$items,this)},s.prototype.destroy=function(){this.isPackeryActive&&(this.$itemsCnt.packery("destroy"),this.isPackeryActive=!1)};var e=function(t,n){t.find(".modula-icon-twitter").click(function(t){t.preventDefault();var e=l(this).parents(".tile:first").find(".caption"),i=n.options.twitterText||c.title;return!n.options.twitterText&&1==e.length&&0<e.text().length&&(i=l.trim(e.text())),h.open("https://twitter.com/intent/tweet?url="+encodeURI(location.href.split("#")[0])+"&text="+encodeURI(i),"ftgw","location=1,status=1,scrollbars=1,width=600,height=400").moveTo(screen.width/2-300,screen.height/2-200),!1})},n=function(t,o){t.find(".modula-icon-facebook").click(function(t){t.preventDefault();var e=l(this).parents(".tile:first").find(".pic"),i=l(this).parents(".tile:first").find(".caption");o.options.facebookText||c.title;!o.options.facebookText&&1==i.length&&0<i.text().length&&l.trim(i.text());e.attr("src");var n="//www.facebook.com/sharer.php?u="+location.href;return h.open(n,"ftgw","location=1,status=1,scrollbars=1,width=600,height=400").moveTo(screen.width/2-300,screen.height/2-200),!1})},r=function(t,s){t.find(".modula-icon-pinterest").click(function(t){t.preventDefault();var e=l(this).parents(".tile:first").find(".pic"),i=l(this).parents(".tile:first").find(".caption"),n=s.options.facebookText||c.title;!s.options.facebookText&&1==i.length&&0<i.text().length&&(n=l.trim(i.text()));var o="http://pinterest.com/pin/create/button/?url="+encodeURI(location.href)+"&description="+encodeURI(n);1==e.length&&(o+="&media="+function(t){var e=c.createElement("img");return e.src=t,t=e.src,e.src=null,t}(e.attr("src")));return h.open(o,"ftgw","location=1,status=1,scrollbars=1,width=600,height=400").moveTo(screen.width/2-300,screen.height/2-200),!1})},a=function(t,e){t.find(".modula-icon-linkedin").click(function(t){t.preventDefault();var e="//linkedin.com/shareArticle?mini=true&url="+ +encodeURI(location.href);return h.open(e,"ftgw","location=1,status=1,scrollbars=1,width=600,height=400").moveTo(screen.width/2-300,screen.height/2-200),!1})};l.fn[o]=function(e){var i,n=arguments;return void 0===e||"object"==typeof e?this.each(function(){l.data(this,"plugin_"+o)||l.data(this,"plugin_"+o,new s(this,e))}):"string"==typeof e&&"_"!==e[0]&&"init"!==e?(this.each(function(){var t=l.data(this,"plugin_"+o);t instanceof s&&"function"==typeof t[e]&&(i=t[e].apply(t,Array.prototype.slice.call(n,1))),"destroy"===e&&l.data(this,"plugin_"+o,null)}),void 0!==i?i:this):void 0}}(jQuery,window,document),jQuery(document).ready(function(i){var t=i(".modula-gallery");i.each(t,function(){var t=i(this).attr("id"),e=i(this).data("config");i("#"+t).modulaGallery(e)})});
changelog.txt CHANGED
@@ -1,3 +1,9 @@
1
= 2.1.3 - 10.07.2019 =
2
* Fixed show array instead of modula's images
3
1
+ = 2.1.4 - 24.07.2019 =
2
+ * Change modula CSS classes
3
+ * Fixed hover effects ( https://github.com/MachoThemes/modula-lite/issues/201 )
4
+ * Fixed how we calculate image height
5
+ * Added more hooks
6
+
7
= 2.1.3 - 10.07.2019 =
8
* Fixed show array instead of modula's images
9
includes/admin/class-modula-field-builder.php CHANGED
@@ -332,17 +332,62 @@ class Modula_Field_Builder {
332
'pufrobo' => esc_html__( 'Pufrobo', 'modula-best-grid-gallery' ),
333
) );
334
$pro_hovers = apply_filters( 'modula_pro_hover_effects', array(
335
- 'fluid-up' => esc_html__( 'Fluid Up', 'modula-best-grid-gallery' ),
336
- 'hide' => esc_html__( 'Hide', 'modula-best-grid-gallery' ),
337
- 'quiet' => esc_html__( 'Quiet', 'modula-best-grid-gallery' ),
338
- 'catinelle' => esc_html__( 'Catinelle', 'modula-best-grid-gallery' ),
339
- 'reflex' => esc_html__( 'Reflex', 'modula-best-grid-gallery' ),
340
- 'curtain' => esc_html__( 'Curtain', 'modula-best-grid-gallery' ),
341
- 'lens' => esc_html__( 'Lens', 'modula-best-grid-gallery' ),
342
- 'appear' => esc_html__( 'Appear', 'modula-best-grid-gallery' ),
343
- 'crafty' => esc_html__( 'Crafty', 'modula-best-grid-gallery' ),
344
- 'seemo' => esc_html__( 'Seemo', 'modula-best-grid-gallery' ),
345
- 'comodo' => esc_html__( 'Comodo', 'modula-best-grid-gallery' ),
346
) );
347
$html .= '<select name="modula-settings[' . esc_attr( $field['id'] ) . ']" data-setting="' . esc_attr( $field['id'] ) . '" class="regular-text">';
348
foreach ( $hovers as $key => $option ) {
@@ -368,11 +413,11 @@ class Modula_Field_Builder {
368
$effect = '';
369
370
if ( 'none' == $key ) {
371
- $effect .= '<div class="panel panel-' . esc_attr( $key ) . ' items clearfix"></div>';
372
}elseif ( 'pufrobo' == $key ) {
373
// Pufrobo Effect
374
- $effect .= '<div class="panel panel-pufrobo items clearfix">';
375
- $effect .= '<div class="item effect-pufrobo"><img src="' . MODULA_URL . '/assets/images/effect.jpg" class="pic"><div class="figc"><div class="figc-inner"><h2>Lorem ipsum</h2><p class="description">Quisque diam erat, mollisvitae enim eget</p><div class="jtg-social"><a class="fa fa-twitter" href="#">' . Modula_Helper::get_icon( 'twitter' ) . '</a><a class="fa fa-facebook" href="#">' . Modula_Helper::get_icon( 'facebook' ) . '</a><a class="fa fa-google-plus" href="#">' . Modula_Helper::get_icon( 'google' ) . '</a><a class="fa fa-pinterest" href="#">' . Modula_Helper::get_icon( 'pinterest' ) . '</a></div></div></div></div>';
376
$effect .= '<div class="effect-compatibility">';
377
$effect .= '<p class="description">' . esc_html__( 'This effect is compatible with:', 'modula-best-grid-gallery' );
378
$effect .= '<span><strong> ' . esc_html__( 'Title', 'modula-best-grid-gallery' ) . '</strong></span>,';
332
'pufrobo' => esc_html__( 'Pufrobo', 'modula-best-grid-gallery' ),
333
) );
334
$pro_hovers = apply_filters( 'modula_pro_hover_effects', array(
335
+ 'fluid-up' => esc_html__( 'Fluid Up', 'modula-best-grid-gallery' ),
336
+ 'hide' => esc_html__( 'Hide', 'modula-best-grid-gallery' ),
337
+ 'quiet' => esc_html__( 'Quiet', 'modula-best-grid-gallery' ),
338
+ 'catinelle' => esc_html__( 'Catinelle', 'modula-best-grid-gallery' ),
339
+ 'reflex' => esc_html__( 'Reflex', 'modula-best-grid-gallery' ),
340
+ 'curtain' => esc_html__( 'Curtain', 'modula-best-grid-gallery' ),
341
+ 'lens' => esc_html__( 'Lens', 'modula-best-grid-gallery' ),
342
+ 'appear' => esc_html__( 'Appear', 'modula-best-grid-gallery' ),
343
+ 'crafty' => esc_html__( 'Crafty', 'modula-best-grid-gallery' ),
344
+ 'seemo' => esc_html__( 'Seemo', 'modula-best-grid-gallery' ),
345
+ 'comodo' => esc_html__( 'Comodo', 'modula-best-grid-gallery' ),
346
+ 'lily' => esc_html__( 'Lily', 'modula-best-grid-gallery' ),
347
+ 'sadie' => esc_html__( 'Sadie', 'modula-best-grid-gallery' ),
348
+ 'honey' => esc_html__( 'Honey', 'modula-best-grid-gallery' ),
349
+ 'layla' => esc_html__( 'Layla', 'modula-best-grid-gallery' ),
350
+ 'zoe' => esc_html__( 'Zoe', 'modula-best-grid-gallery' ),
351
+ 'oscar' => esc_html__( 'Oscar', 'modula-best-grid-gallery' ),
352
+ 'marley' => esc_html__( 'Marley', 'modula-best-grid-gallery' ),
353
+ 'ruby' => esc_html__( 'Ruby', 'modula-best-grid-gallery' ),
354
+ 'roxy' => esc_html__( 'Roxy', 'modula-best-grid-gallery' ),
355
+ 'bubba' => esc_html__( 'Bubba', 'modula-best-grid-gallery' ),
356
+ 'romeo' => esc_html__( 'Romeo', 'modula-best-grid-gallery' ),
357
+ 'dexter' => esc_html__( 'Dexter', 'modula-best-grid-gallery' ),
358
+ 'sarah' => esc_html__( 'Sarah', 'modula-best-grid-gallery' ),
359
+ 'chico' => esc_html__( 'Chico', 'modula-best-grid-gallery' ),
360
+ 'milo' => esc_html__( 'Milo', 'modula-best-grid-gallery' ),
361
+ 'julia' => esc_html__( 'Julia', 'modula-best-grid-gallery' ),
362
+ 'goliath' => esc_html__( 'Goliath', 'modula-best-grid-gallery' ),
363
+ 'hera' => esc_html__( 'Hera', 'modula-best-grid-gallery' ),
364
+ 'winston' => esc_html__( 'Winston', 'modula-best-grid-gallery' ),
365
+ 'selena' => esc_html__( 'Selena', 'modula-best-grid-gallery' ),
366
+ 'terry' => esc_html__( 'Terry', 'modula-best-grid-gallery' ),
367
+ 'phoebe' => esc_html__( 'Phoebe', 'modula-best-grid-gallery' ),
368
+ 'apollo' => esc_html__( 'Apollo', 'modula-best-grid-gallery' ),
369
+ 'kira' => esc_html__( 'Kira', 'modula-best-grid-gallery' ),
370
+ 'steve' => esc_html__( 'Steve', 'modula-best-grid-gallery' ),
371
+ 'moses' => esc_html__( 'Moses', 'modula-best-grid-gallery' ),
372
+ 'jazz' => esc_html__( 'Jazz', 'modula-best-grid-gallery' ),
373
+ 'ming' => esc_html__( 'Ming', 'modula-best-grid-gallery' ),
374
+ 'lexi' => esc_html__( 'Lexi', 'modula-best-grid-gallery' ),
375
+ 'duke' => esc_html__( 'Duke', 'modula-best-grid-gallery' ),
376
+ 'caption_1' => esc_html__( 'Caption Effect 1', 'modula-best-grid-gallery' ),
377
+ 'caption_2' => esc_html__( 'Caption Effect 2', 'modula-best-grid-gallery' ),
378
+ 'caption_3' => esc_html__( 'Caption Effect 3', 'modula-best-grid-gallery' ),
379
+ 'caption_4' => esc_html__( 'Caption Effect 4', 'modula-best-grid-gallery' ),
380
+ 'caption_5' => esc_html__( 'Caption Effect 5', 'modula-best-grid-gallery' ),
381
+ 'caption_6' => esc_html__( 'Caption Effect 6', 'modula-best-grid-gallery' ),
382
+ 'caption_7' => esc_html__( 'Caption Effect 7', 'modula-best-grid-gallery' ),
383
+ 'tilt_1' => esc_html__( 'Tilt Effect 1', 'modula-best-grid-gallery' ),
384
+ 'tilt_2' => esc_html__( 'Tilt Effect 2', 'modula-best-grid-gallery' ),
385
+ 'tilt_3' => esc_html__( 'Tilt Effect 3', 'modula-best-grid-gallery' ),
386
+ 'tilt_4' => esc_html__( 'Tilt Effect 4', 'modula-best-grid-gallery' ),
387
+ 'tilt_5' => esc_html__( 'Tilt Effect 5', 'modula-best-grid-gallery' ),
388
+ 'tilt_6' => esc_html__( 'Tilt Effect 6', 'modula-best-grid-gallery' ),
389
+ 'tilt_7' => esc_html__( 'Tilt Effect 7', 'modula-best-grid-gallery' ),
390
+ 'tilt_8' => esc_html__( 'Tilt Effect 8', 'modula-best-grid-gallery' )
391
) );
392
$html .= '<select name="modula-settings[' . esc_attr( $field['id'] ) . ']" data-setting="' . esc_attr( $field['id'] ) . '" class="regular-text">';
393
foreach ( $hovers as $key => $option ) {
413
$effect = '';
414
415
if ( 'none' == $key ) {
416
+ $effect .= '<div class="panel panel-' . esc_attr( $key ) . ' modula-items clearfix"></div>';
417
}elseif ( 'pufrobo' == $key ) {
418
// Pufrobo Effect
419
+ $effect .= '<div class="panel panel-pufrobo modula-items clearfix">';
420
+ $effect .= '<div class="modula-item effect-pufrobo"><img src="' . MODULA_URL . '/assets/images/effect.jpg" class="pic"><div class="figc"><div class="figc-inner"><h2>Lorem ipsum</h2><p class="description">Quisque diam erat, mollisvitae enim eget</p><div class="jtg-social"><a class="fa fa-twitter" href="#">' . Modula_Helper::get_icon( 'twitter' ) . '</a><a class="fa fa-facebook" href="#">' . Modula_Helper::get_icon( 'facebook' ) . '</a><a class="fa fa-google-plus" href="#">' . Modula_Helper::get_icon( 'google' ) . '</a><a class="fa fa-pinterest" href="#">' . Modula_Helper::get_icon( 'pinterest' ) . '</a></div></div></div></div>';
421
$effect .= '<div class="effect-compatibility">';
422
$effect .= '<p class="description">' . esc_html__( 'This effect is compatible with:', 'modula-best-grid-gallery' );
423
$effect .= '<span><strong> ' . esc_html__( 'Title', 'modula-best-grid-gallery' ) . '</strong></span>,';
includes/helper/class-modula-helper.php CHANGED
@@ -61,14 +61,16 @@ class Modula_Helper {
61
62
public static function hover_effects_elements( $effect ) {
63
64
- $effects_with_title = apply_filters( 'modula_effects_with_title', array( 'fluid-up', 'hide', 'quiet', 'reflex', 'curtain', 'lens', 'appear', 'crafty', 'seemo', 'comodo', 'pufrobo' ) );
65
- $effects_with_description = apply_filters( 'modula_effects_with_description', array( 'fluid-up', 'hide', 'reflex', 'lens', 'crafty', 'pufrobo' ) );
66
- $effects_with_social = apply_filters( 'modula_effects_with_social', array( 'comodo', 'seemo', 'appear', 'lens', 'curtain', 'reflex', 'catinelle', 'quiet', 'hide', 'pufrobo' ) );
67
68
return array(
69
'title' => in_array( $effect, $effects_with_title ),
70
'description' => in_array( $effect, $effects_with_description ),
71
'social' => in_array( $effect, $effects_with_social ),
72
);
73
74
}
61
62
public static function hover_effects_elements( $effect ) {
63
64
+ $effects_with_title = apply_filters( 'modula_effects_with_title', array( 'under', 'fluid-up', 'hide', 'quiet', 'reflex', 'curtain', 'lens', 'appear', 'crafty', 'seemo', 'comodo', 'pufrobo','lily','sadie','honey','layla','zoe','oscar','marley','ruby','roxy','bubba','dexter','sarah','chico','milo','julia','hera','winston','selena','terry','phoebe','apollo','steve','jazz','ming','lexi','duke','tilt_1' ,'tilt_3' ,'tilt_7' ) );
65
+ $effects_with_description = apply_filters( 'modula_effects_with_description', array( 'under', 'fluid-up', 'hide', 'reflex', 'lens', 'crafty', 'pufrobo','lily','sadie','layla','zoe','oscar','marley','ruby','roxy','bubba','dexter','sarah','chico','milo','julia','selena','apollo','steve','jazz','ming','lexi','duke','tilt_1' ,'tilt_3' ,'tilt_7' ) );
66
+ $effects_with_social = apply_filters( 'modula_effects_with_social', array( 'under', 'comodo', 'seemo', 'appear', 'lens', 'curtain', 'reflex', 'catinelle', 'quiet', 'hide', 'pufrobo','lily','sadie','zoe','ruby','roxy','bubba','dexter','sarah','chico','julia','hera','winston','selena','terry','phoebe','ming','tilt_1', 'tilt_3' , 'tilt_7' ) );
67
+ $effects_with_extra_scripts = apply_filters( 'modula_effects_with_scripts', array( 'tilt_1' ,'tilt_3' ,'tilt_7' ) );
68
69
return array(
70
'title' => in_array( $effect, $effects_with_title ),
71
'description' => in_array( $effect, $effects_with_description ),
72
'social' => in_array( $effect, $effects_with_social ),
73
+ 'scripts' => in_array( $effect, $effects_with_extra_scripts )
74
);
75
76
}
includes/public/class-modula-shortcode.php CHANGED
@@ -89,12 +89,13 @@ class Modula_Shortcode {
89
$settings['type'] = 'creative-gallery';
90
}
91
92
- $pre_gallery_html = apply_filters( 'modula_pre_output_filter_check', false, $settings, $atts['id'] );
93
94
if ( false !== $pre_gallery_html ) {
95
96
// If there is HTML, then we stop trying to display the gallery and return THAT HTML.
97
- return apply_filters( 'modula_pre_output_filter', $settings, $atts['id'] );
98
99
}
100
@@ -177,6 +178,7 @@ class Modula_Shortcode {
177
);
178
179
$template_data['js_config'] = apply_filters( 'modula_gallery_settings', $js_config, $settings );
180
181
echo $this->generate_gallery_css( $gallery_id, $settings );
182
$this->loader->set_template_data( $template_data );
@@ -192,24 +194,24 @@ class Modula_Shortcode {
192
$css = "<style>";
193
194
if ( $settings['borderSize'] ) {
195
- $css .= "#{$gallery_id} .item { border: " . absint($settings['borderSize']) . "px solid " . sanitize_hex_color($settings['borderColor']) . "; }";
196
}
197
198
if ( $settings['borderRadius'] ) {
199
- $css .= "#{$gallery_id} .item { border-radius: " . absint($settings['borderRadius']) . "px; }";
200
}
201
202
if ( $settings['shadowSize'] ) {
203
- $css .= "#{$gallery_id} .item { box-shadow: " . sanitize_hex_color($settings['shadowColor']) . " 0px 0px " . absint($settings['shadowSize']) . "px; }";
204
}
205
206
if ( $settings['socialIconColor'] ) {
207
- $css .= "#{$gallery_id} .item .jtg-social a { color: " . sanitize_hex_color($settings['socialIconColor']) . " }";
208
}
209
210
- $css .= "#{$gallery_id} .item .caption { background-color: " . sanitize_hex_color($settings['captionColor']) . "; }";
211
if ( '' != $settings['captionColor'] || '' != $settings['captionFontSize'] ) {
212
- $css .= "#{$gallery_id} .item .figc {";
213
if ( '' != $settings['captionColor'] ) {
214
$css .= 'color:' . sanitize_hex_color($settings['captionColor']) . ';';
215
}
@@ -217,21 +219,21 @@ class Modula_Shortcode {
217
}
218
219
if ( '' != $settings['titleFontSize'] && 0 != $settings['titleFontSize'] ) {
220
- $css .= "#{$gallery_id} .item .figc .jtg-title { font-size: " . absint($settings['titleFontSize']) . "px; }";
221
}
222
223
- $css .= "#{$gallery_id} .item { transform: scale(" . absint( $settings['loadedScale'] ) / 100 . "); }";
224
225
if ( 'custom-grid' != $settings['type'] ) {
226
$css .= "#{$gallery_id} { width:" . esc_attr($settings['width']) . ";}";
227
- $css .= "#{$gallery_id} .items{height:" . absint( $settings['height'] ) . "px;}";
228
}
229
230
- $css .= "#{$gallery_id} .items .figc p.description { color:" . sanitize_hex_color($settings['captionColor']) . ";font-size:" . absint($settings['captionFontSize']) . "px; }";
231
if ( '' != $settings['titleColor'] ) {
232
- $css .= "#{$gallery_id} .items .figc .jtg-title { color:" . sanitize_hex_color($settings['titleColor']) . "; }";
233
}else{
234
- $css .= "#{$gallery_id} .items .figc .jtg-title { color:" . sanitize_hex_color($settings['captionColor']) . "; }";
235
}
236
237
$css = apply_filters( 'modula_shortcode_css', $css, $gallery_id, $settings );
89
$settings['type'] = 'creative-gallery';
90
}
91
92
+ $pre_gallery_html = apply_filters( 'modula_pre_output_filter_check', false, $settings, $gallery );
93
94
if ( false !== $pre_gallery_html ) {
95
96
// If there is HTML, then we stop trying to display the gallery and return THAT HTML.
97
+ $pre_output = apply_filters( 'modula_pre_output_filter','', $settings, $gallery );
98
+ return $pre_output;
99
100
}
101
178
);
179
180
$template_data['js_config'] = apply_filters( 'modula_gallery_settings', $js_config, $settings );
181
+ $template_data = apply_filters( 'modula_gallery_template_data', $template_data );
182
183
echo $this->generate_gallery_css( $gallery_id, $settings );
184
$this->loader->set_template_data( $template_data );
194
$css = "<style>";
195
196
if ( $settings['borderSize'] ) {
197
+ $css .= "#{$gallery_id} .modula-item { border: " . absint($settings['borderSize']) . "px solid " . sanitize_hex_color($settings['borderColor']) . "; }";
198
}
199
200
if ( $settings['borderRadius'] ) {
201
+ $css .= "#{$gallery_id} .modula-item { border-radius: " . absint($settings['borderRadius']) . "px; }";
202
}
203
204
if ( $settings['shadowSize'] ) {
205
+ $css .= "#{$gallery_id} .modula-item { box-shadow: " . sanitize_hex_color($settings['shadowColor']) . " 0px 0px " . absint($settings['shadowSize']) . "px; }";
206
}
207
208
if ( $settings['socialIconColor'] ) {
209
+ $css .= "#{$gallery_id} .modula-item .jtg-social a { color: " . sanitize_hex_color($settings['socialIconColor']) . " }";
210
}
211
212
+ $css .= "#{$gallery_id} .modula-item .caption { background-color: " . sanitize_hex_color($settings['captionColor']) . "; }";
213
if ( '' != $settings['captionColor'] || '' != $settings['captionFontSize'] ) {
214
+ $css .= "#{$gallery_id} .modula-item .figc {";
215
if ( '' != $settings['captionColor'] ) {
216
$css .= 'color:' . sanitize_hex_color($settings['captionColor']) . ';';
217
}
219
}
220
221
if ( '' != $settings['titleFontSize'] && 0 != $settings['titleFontSize'] ) {
222
+ $css .= "#{$gallery_id} .modula-item .figc .jtg-title { font-size: " . absint($settings['titleFontSize']) . "px; }";
223
}
224
225
+ $css .= "#{$gallery_id} .modula-item { transform: scale(" . absint( $settings['loadedScale'] ) / 100 . "); }";
226
227
if ( 'custom-grid' != $settings['type'] ) {
228
$css .= "#{$gallery_id} { width:" . esc_attr($settings['width']) . ";}";
229
+ $css .= "#{$gallery_id} .modula-items{height:" . absint( $settings['height'] ) . "px;}";
230
}
231
232
+ $css .= "#{$gallery_id} .modula-items .figc p.description { color:" . sanitize_hex_color($settings['captionColor']) . ";font-size:" . absint($settings['captionFontSize']) . "px; }";
233
if ( '' != $settings['titleColor'] ) {
234
+ $css .= "#{$gallery_id} .modula-items .figc .jtg-title { color:" . sanitize_hex_color($settings['titleColor']) . "; }";
235
}else{
236
+ $css .= "#{$gallery_id} .modula-items .figc .jtg-title { color:" . sanitize_hex_color($settings['captionColor']) . "; }";
237
}
238
239
$css = apply_filters( 'modula_shortcode_css', $css, $gallery_id, $settings );
includes/public/templates/modula-gallery.php CHANGED
@@ -1,11 +1,12 @@
1
<?php
2
$classes = apply_filters( 'modula_gallery_extra_classes', 'modula modula-gallery', $data->settings );
3
?>
4
<div id="<?php echo esc_attr($data->gallery_id) ?>" class="<?php echo esc_attr($classes); ?> <?php echo ( $data->settings['align'] != '' ) ? esc_attr( 'align' . $data->settings['align'] ) : ''; ?>" data-config="<?php echo esc_attr( json_encode( $data->js_config ) ) ?>">
5
6
<?php do_action( 'modula_shortcode_before_items', $data->settings ) ?>
7
8
- <div class='items'>
9
<?php
10
11
foreach ( $data->images as $image ) {
@@ -32,7 +33,7 @@ $classes = apply_filters( 'modula_gallery_extra_classes', 'modula modula-gallery
32
"enableLinkedin" => boolval( $data->settings['enableLinkedin'] ),
33
34
/* Item container attributes & classes */
35
- 'item_classes' => array( 'item' ),
36
'item_attributes' => array(),
37
38
/* Item link attributes & classes */
@@ -48,6 +49,8 @@ $classes = apply_filters( 'modula_gallery_extra_classes', 'modula modula-gallery
48
),
49
);
50
51
/**
52
* Hook: modula_shortcode_item_data.
53
*
1
<?php
2
$classes = apply_filters( 'modula_gallery_extra_classes', 'modula modula-gallery', $data->settings );
3
+ $items_attributes = apply_filters( 'modula_gallery_items_attributes', array(),$data->settings );
4
?>
5
<div id="<?php echo esc_attr($data->gallery_id) ?>" class="<?php echo esc_attr($classes); ?> <?php echo ( $data->settings['align'] != '' ) ? esc_attr( 'align' . $data->settings['align'] ) : ''; ?>" data-config="<?php echo esc_attr( json_encode( $data->js_config ) ) ?>">
6
7
<?php do_action( 'modula_shortcode_before_items', $data->settings ) ?>
8
9
+ <div class='modula-items'<?php echo Modula_Helper::generate_attributes( $items_attributes ) ?>>
10
<?php
11
12
foreach ( $data->images as $image ) {
33
"enableLinkedin" => boolval( $data->settings['enableLinkedin'] ),
34
35
/* Item container attributes & classes */
36
+ 'item_classes' => array( 'modula-item' ),
37
'item_attributes' => array(),
38
39
/* Item link attributes & classes */
49
),
50
);
51
52
+ $image = apply_filters( 'modula_shortcode_image_data', $image, $data->settings );
53
+
54
/**
55
* Hook: modula_shortcode_item_data.
56
*