Gallery – Photo Gallery – Image Gallery

Version Description

Release Info

Developer	machothemes
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

Files changed (13) hide show

Modula.php +2 -2
README.txt +1 -1
assets/css/modula-cpt.css +30 -28
assets/css/modula-cpt.min.css +1 -1
assets/css/modula.css +59 -56
assets/css/modula.min.css +1 -1
assets/js/jquery-modula.js +11 -4
assets/js/jquery-modula.min.js +1 -1
changelog.txt +6 -0
includes/admin/class-modula-field-builder.php +59 -14
includes/helper/class-modula-helper.php +5 -3
includes/public/class-modula-shortcode.php +16 -14
includes/public/templates/modula-gallery.php +5 -2

Modula.php CHANGED Viewed

	@@ -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 Viewed

	@@ -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 Viewed

	@@ -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 Viewed

@@ -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}

+ #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 Viewed

	@@ -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 Viewed

@@ -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)}

+ .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 Viewed

	@@ -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 Viewed

@@ -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)})});

+ 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 Viewed

@@ -1,3 +1,9 @@
             = 2.1.3 - 10.07.2019 =
             * Fixed show array instead of modula's images


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 Viewed

@@ -332,17 +332,62 @@ class Modula_Field_Builder {
             					'pufrobo' => esc_html__( 'Pufrobo', 'modula-best-grid-gallery' ),
             				) );
             				$pro_hovers = apply_filters( 'modula_pro_hover_effects', array(
-            -
            					'fluid-up'  => esc_html__( 'Fluid Up', 'modula-best-grid-gallery' ),
-            -
            					'hide'      => esc_html__( 'Hide', 'modula-best-grid-gallery' ),
-            -
            					'quiet'     => esc_html__( 'Quiet', 'modula-best-grid-gallery' ),
-            -
            					'catinelle' => esc_html__( 'Catinelle', 'modula-best-grid-gallery' ),
-            -
            					'reflex'    => esc_html__( 'Reflex', 'modula-best-grid-gallery' ),
-            -
            					'curtain'   => esc_html__( 'Curtain', 'modula-best-grid-gallery' ),
-            -
            					'lens'      => esc_html__( 'Lens', 'modula-best-grid-gallery' ),
-            -
            					'appear'    => esc_html__( 'Appear', 'modula-best-grid-gallery' ),
-            -
            					'crafty'    => esc_html__( 'Crafty', 'modula-best-grid-gallery' ),
-            -
            					'seemo'     => esc_html__( 'Seemo', 'modula-best-grid-gallery' ),
-            -
            					'comodo'    => esc_html__( 'Comodo', 'modula-best-grid-gallery' ),
             				) );
             				$html .= '<select name="modula-settings[' . esc_attr( $field['id'] ) . ']" data-setting="' . esc_attr( $field['id'] ) . '" class="regular-text">';
             				foreach ( $hovers as $key => $option ) {
@@ -368,11 +413,11 @@ class Modula_Field_Builder {
             					$effect = '';
             					if ( 'none' == $key ) {
-            -
            						$effect .= '<div class="panel panel-' . esc_attr( $key ) . ' items clearfix"></div>';
             					}elseif ( 'pufrobo' == $key ) {
             						// Pufrobo Effect
-            -
            						$effect .= '<div class="panel panel-pufrobo items clearfix">';
-            -
            						$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>';
             						$effect .= '<div class="effect-compatibility">';
             						$effect .= '<p class="description">' . esc_html__( 'This effect is compatible with:', 'modula-best-grid-gallery' );
             						$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 Viewed

	@@ -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 Viewed

	@@ -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 Viewed

	@@ -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	*

Gallery – Photo Gallery – Image Gallery - Version 2.1.4

Version Description

Release Info

Code changes from version 2.1.3 to 2.1.4