{"id":4171,"date":"2015-02-04T16:12:42","date_gmt":"2015-02-04T08:12:42","guid":{"rendered":"http:\/\/www.rd-themes.com\/TheFox\/?page_id=4171"},"modified":"2015-02-04T16:12:42","modified_gmt":"2015-02-04T08:12:42","slug":"masonry-4-columns","status":"publish","type":"page","link":"https:\/\/nalataconsultoria.com.br\/index.php\/blog-3\/masonry-4-columns\/","title":{"rendered":"Masonry 4 Columns"},"content":{"rendered":"<p>[vc_row css=&#8221;.vc_custom_1424951366723{margin-bottom: 0px !important;padding-top: 100px !important;background-color: #f9fafb !important;}&#8221; type=&#8221;full-width-section&#8221; parallax_background=&#8221;&#8221; video_background=&#8221;&#8221; overlay=&#8221;&#8221; overlay_color=&#8221;#ffffff&#8221; i_select=&#8221;&#8221; i_bg_color=&#8221;#ffffff&#8221; i_color=&#8221;#21c2f8&#8243; a_select=&#8221;&#8221; a_bg_color=&#8221;#ffffff&#8221;][vc_column width=&#8221;1\/1&#8243;]<style type=\"text\/css\" >.post-title h2 a{color:#2c3e50;}.post-title h2 a:hover{color:#21c2f8;}.post,.post .post-info a{color:#a1b1bc;}.mejs-container .mejs-controls,.audio_ctn{background:#a1b1bc !important;}.post_quote_text,.post_quote_author{background:#21c2f8; color:#ffffff;}.post a{color:#21c2f8;}.post a:hover,.post .post-info a:hover{color:#21c2f8;}.post .more-link{color:#2c3e50; border:1px solid #2c3e50;}.post .more-link:hover{background:#2c3e50; color:#ffffff;}.mejs-controls .mejs-time-rail .mejs-time-current{background:#2c3e50 !important;}.post .post-info{border-bottom:1px solid #ebebeb;}.blog_load_more_cont .btn_load_more{background:#ffffff; color:#2c3e50; border:1px solid #2c3e50;}.blog_load_more_cont .btn_load_more .refresh_icn:before{color:#2c3e50;}.blog_load_more_cont .btn_load_more:hover{background:#2c3e50; color:#ffffff; border:1px solid #2c3e50;}.blog_load_more_cont .btn_load_more:hover .refresh_icn:before{color:#ffffff;}.navigation .pagination span,.navigation .pagination a{border:1px solid #ecf0f1; color:#a1b1bc; background:#ffffff;}.navigation .pagination .current,.navigation .pagination span:hover,.navigation .pagination a:hover{ color:#ffffff !important; background:#222533; border:1px solid #222533; }.navigation{border-top:1px solid #ecf0f1;}.pagination_current_position{color:#a1b1bc;}.standard_trend_post_wrapper .post-title h2:after{color:#a1b1bc;}.standard_trend_post_wrapper .post-info,.standard_trend_post_wrapper .post-info a{color:#21c2f8;}.standard_trend_post_wrapper .more{background:#21c2f8; color:#fff;}.standard_trend_post_wrapper .more:hover{background:#21c2f8; color:#fff;}.standard_trend_post_wrapper .post-info-bottom{border-top:1px solid #ebebeb; color:#a1b1bc;}.standard_trend_post_wrapper .post-info-bottom a{color:#a1b1bc;}.masonry_post_wrapper,.masonry_post_wrapper .post-info a,.masonry_post_wrapper .post-bottom-info a{color:#a1b1bc;}.masonry_post_wrapper a{color:#21c2f8;}.masonry_post_wrapper a:hover,.masonry_post_wrapper .post-info a:hover,.masonry_post_wrapper .post-bottom-info a:hover{color:#21c2f8;}.masonry_post_wrapper .more-link{color:#2c3e50; border:1px solid #2c3e50;}.masonry_post_wrapper .more-link:hover{background:#2c3e50; color:#ffffff;}.masonry_post_wrapper{background:#ffffff; border:1px solid #ebebeb;}.masonry_post_wrapper .post-info{border-bottom:1px solid #ebebeb;}.masonry_post_wrapper .post-bottom-info{border-top:1px solid #ebebeb;}.masonry_post_wrapper .flex-direction-nav li a{color:#2c3e50; background:#ffffff;}.post_masonry .more-link,.post_timeline .more{color:#ffffff; border:1px solid #2c3e50; background:#2c3e50}.post_masonry .more-link:hover{background:#21c2f8; color:#ffffff; border:1px solid #21c2f8;}.grid_blog_post .more{color:#2c3e50; border:1px solid #2c3e50; background:#ffffff}.grid_blog_post .more:hover{background:#2c3e50; color:#ffffff; border:1px solid #2c3e50;}.post.multi_author_post .more-link{color:#2c3e50;  background:none; border:none;}.post.multi_author_post .more-link:hover{color:#21c2f8; background:none; border:none; }.trending_post_wrapper,.standard_trend_post_wrapper{background:#ffffff; border:1px solid #ebebeb}div.post_timeline:after,div.post_timeline:before{background:#ffffff; box-shadow: 0 0 0 3px #ffffff; border:1px solid #21c2f8}.timeline_ctn .v_line{background: #1abc9c; background: -moz-linear-gradient(top, #1abc9c 1%, #29d9c2 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#1abc9c), color-stop(100%,#29d9c2)); background: -webkit-linear-gradient(top, #1abc9c 1%,#29d9c2 100%); background: -o-linear-gradient(top, #1abc9c 1%,#29d9c2 100%); background: -ms-linear-gradient(top, #1abc9c 1%,#29d9c2 100%); background: linear-gradient(to bottom, #1abc9c 1%,#29d9c2 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=\"#1abc9c\", endColorstr=\"#29d9c2\",GradientType=0 );}.timeline_month{background:#ffffff;}.post_timeline .arrow_l,.post_timeline .arrow_r{color:#2c3e50;}.post_timeline:hover .arrow_l,.post_timeline:hover .arrow_r{color:#21c2f8;}.timeline_pd_l,.timeline_pd_r{background:#2c3e50; color:#ffffff;}.timeline_pd_l:before,.timeline_pd_r:before{border-color:transparent #2c3e50 transparent;}.post-attachement a.blog_img_overlay:before{background:#21c2f8;}.masonry_post_wrapper{box-shadow:0 0px 0px #ffffff, 0 10px 0 -1px #ffffff, 0 0px 0px 0px #ffffff,0 0px 0px #ffffff, 0 10px 0 0px #ebebeb, 0px 0px 0px 0px #ffffff;}.author_date_ctn .rounded_date_ctn{border-color:#ffffff; color:#ffffff; background:#2c3e50;}.multi_author_post:hover .rounded_date_ctn,.author_date_ctn:before{background:#21c2f8;}.multi_author_ctn,.multi_author_ctn:after,.author_date_ctn img{background:#ffffff; border:1px solid #ebebeb; }.business_author_post .post_b_author a{color:#2c3e50; }.business_author_post .post_b_date{color:#999999; }.business_author_post .entry,.business_author_post .entry p{color:#a1b1bc; }.business_author_post .post_b_category a{background:#f6f7f8; border:1px solid #ebebeb; color:#999999; }.business_author_post .post-info a:first-child{color:#21c2f8; }.business_author_post .post-info a:hover:first-child{color:#2c3e50; }.business_author_post .post-info a,.business_author_post .post-info{color:#999999;}.business_author_post .post-info a:hover,.business_author_post .post_b_author a:hover{color:#21c2f8;}.business_author_post .post_quote_author,.business_author_post .post_quote_text:after,.business_author_post .post_quote_text{background:#21c2f8; color:#ffffff;}<\/style><script>\r\n\r\n\r\n\r\njQuery.noConflict();\r\n\r\n\r\n\r\njQuery(document).ready(function($){\r\n\t\"use strict\";\r\n\r\n\r\n\r\n   \/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!CONFIG!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*\/\r\n\r\n                var html_template = \"type3\";\r\n                var column = \"blog_4_col\";\r\n                var cat = \"all\";\r\n                var tn_size = \"\";\r\n                var more_option = \"cutted\";\r\n\t\t\t\tvar order = \"DESC\";\r\n\t\t\t\tvar orderby = \"date\";\r\n\t\t\t\tvar now_open_works = 0;\r\n                var first_load = true;\r\n\r\n   \/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!CONFIG!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*\/\r\n\r\n                function get_blog_posts (this_obj) {\r\n\r\n                    if(typeof(this_obj)==\"undefined\") {data_option_value=\"*\";}\r\n                    else {var data_option_value = this_obj.attr(\"data-option-value\");}\r\n\r\n                    if (first_load == true) {\r\n\r\n                        var works_per_load = 14;\r\n                        first_load = false;\r\n\r\n                    } else {\r\n\r\n                        var works_per_load = 4;\r\n\r\n                    }\r\n\r\n                    $.ajax({\r\n\r\n                        type: \"POST\",\r\n                        url: mixajaxurl,\r\n                        data: \"html_template=\"+html_template+\"&now_open_works=\"+now_open_works+\"&action=get_blog_posts\"+\"&works_per_load=\"+works_per_load+\"&column=\"+column+\"&first_load=\"+first_load+\"&category=\"+cat+\"&tn_size=\"+tn_size+\"&more_option=\"+more_option+\"&order=\"+order+\"&orderby=\"+orderby+\"\",\r\n                        success: function(result){\r\n\r\n\t                            if(result.length<1){\r\n                                $(\".rd_d449gwgsokkxnp9lssx8.blog_load_more_cont a\").html(\"No more posts\");\r\n\t                            }\r\n\r\n                            now_open_works = now_open_works + works_per_load;\r\n\t\t\t\t\t\t\tfirst_load = false;\r\n                            var $newItems = $(result);\r\n                            $(\"#rd_d449gwgsokkxnp9lssx8\").isotope( 'insert', $newItems, function() {\r\n                            $(\"#rd_d449gwgsokkxnp9lssx8\").ready(function(){\r\n                            $(\"#rd_d449gwgsokkxnp9lssx8\").isotope('layout');\r\n\r\n                            \/\/Blog\r\n                            $('#rd_d449gwgsokkxnp9lssx8 .isotope-item').each(function(){\r\n                            $(this).css('margin-top', Math.floor(-1*($(this).height()\/2))+'px');\r\n                            });\r\n                            });\r\n\r\n\r\n                               $(\"#rd_d449gwgsokkxnp9lssx8\").isotope('layout');\r\n\r\n\t\t\t\t\t\t\t   $(window).trigger('resize');\r\n\r\n\t\t\t\t\t\t\t});\r\n\r\n\r\n$(\".wpb_row:empty\").remove();\r\n$(\".wpb_column:empty\").remove();\r\n$(\".wpb_wrapper:empty\").remove();\r\n$(\".post-attachement\").fitVids();\r\n$(\".entry\").fitVids();\r\n$(\".video_sc\").fitVids();\r\n\/* global mejs, _wpmejsSettings *\/\r\n\t\/\/ add mime-type aliases to MediaElement plugin support\r\n\tmejs.plugins.silverlight[0].types.push('video\/x-ms-wmv');\r\n\tmejs.plugins.silverlight[0].types.push('audio\/x-ms-wma');\r\n\r\n\t$(function () {\r\n\t\tvar settings = {};\r\n\r\n\t\tif ( typeof _wpmejsSettings !== 'undefined' ) {\r\n\t\t\tsettings = _wpmejsSettings;\r\n\t\t}\r\n\r\n\t\tsettings.success = function (mejs) {\r\n\t\t\tvar autoplay, loop;\r\n\r\n\t\t\tif ( 'flash' === mejs.pluginType ) {\r\n\t\t\t\tautoplay = mejs.attributes.autoplay && 'false' !== mejs.attributes.autoplay;\r\n\t\t\t\tloop = mejs.attributes.loop && 'false' !== mejs.attributes.loop;\r\n\r\n\t\t\t\tautoplay && mejs.addEventListener( 'canplay', function () {\r\n\t\t\t\t\tmejs.play();\r\n\t\t\t\t}, false );\r\n\r\n\t\t\t\tloop && mejs.addEventListener( 'ended', function () {\r\n\t\t\t\t\tmejs.play();\r\n\t\t\t\t}, false );\r\n\t\t\t}\r\n\t\t};\r\n\r\n\t\t$('.wp-audio-shortcode, .wp-video-shortcode').mediaelementplayer( settings );\r\n\t});\r\n\r\n$('.wp-audio-shortcode').removeClass('wp-audio-shortcode');\r\n$('.flexslider').flexslider({\r\nanimation: \"slide\",              \/\/String: Select your animation type, \"fade\" or \"slide\"\r\nslideDirection: \"horizontal\",\r\ndirectionNav: true,\r\nstart: function(slider){ \/\/ init the height of the first item on start\r\nvar $new_height = slider.slides.eq().height();\r\nslider.height($new_height);\r\n},\r\n\r\nbefore: function(slider){ \/\/ init the height of the next item before slide\r\nvar $new_height = slider.slides.eq(slider.animatingTo).height();\r\nif($new_height != slider.height()){\r\nslider.animate({ height: $new_height  }, 400);\r\n\r\n}\r\n}\r\n\r\n});\r\n$('.zilla-likes').unbind().bind('click',\r\n    function() {\r\n        var link = j$(this);\r\n        if(link.hasClass('active')) return false;\r\n\r\n        var id = $(this).attr('id'),\r\n            postfix = link.find('.zilla-likes-postfix').text();\r\n\r\n        $.post(zilla_likes.ajaxurl, { action:'zilla-likes', likes_id:id, postfix:postfix }, function(data){\r\n            link.html(data).addClass('active').attr('title','You already like this');\r\n        });\r\n\r\n        return false;\r\n    });\r\n\r\nif( $('body.ajax-zilla-likes').length ) {\r\n    $('.zilla-likes').each(function(){\r\n        var id = $(this).attr('id');\r\n        $(this).load(zilla_likes.ajaxurl, { action:'zilla-likes', post_id:id });\r\n    });\r\n}\r\n\r\n                           $('a.prettyPhoto').prettyPhoto();\r\n\r\n\t\t\t\t\t\t\t$(\".refresh_icn\").removeClass(\"fa-spin\");\r\n\t\t\t\t\t\t\t$(\".refresh_icn\").removeClass(\"fa-refresh\");\r\n\t\t\t\t\t\t\t$(\".refresh_icn\").addClass(\"fa-plus\");\r\n\r\n                    }\r\n\r\n                    });\r\n\r\n\t\t\t\t}\r\n\r\n                $(\".get_blog_posts_btn\").click(function(){\r\n\t\t\t\t$(\".refresh_icn\").removeClass(\"fa-plus\");\r\n\t\t\t\t$(\".refresh_icn\").addClass(\"fa-refresh\");\r\n                $(\".refresh_icn\").addClass(\"fa-spin\");\r\n                get_blog_posts();\r\n\t\t\t\t\t$(\".masonry_ctn\").isotope('layout');\r\n\r\n\t\t\t\treturn false;\r\n\r\n                });\r\n\r\n\r\n               \/* load at start *\/\r\n\r\n                $(window).load(function(){\r\n\r\n                get_blog_posts();\r\n\r\n\r\n\r\n\r\n$('.masonry_ctn').isotope({\r\n  \/\/ options\r\n  itemSelector : '.ajax_post',\r\n  layoutMode : 'masonry'\r\n});\r\n\r\n\r\nfunction watchblog() {\r\n\r\n$(\".masonry_ctn\").isotope({\r\n  \/\/ options\r\n  itemSelector : '.ajax_post',\r\n  layoutMode : 'masonry'\r\n});\r\n\r\n}\r\n\r\nsetInterval(watchblog, 100);\r\n\r\n});});\r\n\r\n\r\n<\/script>\r\n<div id=\"rd_d449gwgsokkxnp9lssx8\" class=\"masonry_ctn blog_masonry ajax_blog\">\r\n<div class=\"blog_load_more_cont rd_d449gwgsokkxnp9lssx8\"><a class=\"btn_load_more get_blog_posts_btn\" href=\"#\"><span class=\"fa-plus refresh_icn\"><\/span>Load More<\/a><\/div><\/div><div class=\"clear\"><!-- ClearFix --><\/div>[\/vc_column][\/vc_row]<\/p>\n","protected":false},"excerpt":{"rendered":"<p>[vc_row css=&#8221;.vc_custom_1424951366723{margin-bottom: 0px !important;padding-top: 100px !important;background-color: #f9fafb !important;}&#8221; type=&#8221;full-width-section&#8221; parallax_background=&#8221;&#8221; video_background=&#8221;&#8221; overlay=&#8221;&#8221; overlay_color=&#8221;#ffffff&#8221; i_select=&#8221;&#8221; i_bg_color=&#8221;#ffffff&#8221; i_color=&#8221;#21c2f8&#8243; a_select=&#8221;&#8221; a_bg_color=&#8221;#ffffff&#8221;][vc_column width=&#8221;1\/1&#8243;] Load More[\/vc_column][\/vc_row]<br \/><a href=\"https:\/\/nalataconsultoria.com.br\/index.php\/blog-3\/masonry-4-columns\/\" class=\"more\">Read more<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":7493,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-4171","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/nalataconsultoria.com.br\/index.php\/wp-json\/wp\/v2\/pages\/4171","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nalataconsultoria.com.br\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/nalataconsultoria.com.br\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/nalataconsultoria.com.br\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/nalataconsultoria.com.br\/index.php\/wp-json\/wp\/v2\/comments?post=4171"}],"version-history":[{"count":0,"href":"https:\/\/nalataconsultoria.com.br\/index.php\/wp-json\/wp\/v2\/pages\/4171\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/nalataconsultoria.com.br\/index.php\/wp-json\/wp\/v2\/pages\/7493"}],"wp:attachment":[{"href":"https:\/\/nalataconsultoria.com.br\/index.php\/wp-json\/wp\/v2\/media?parent=4171"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}