/*===== general options =========*/ a { box-shadow: none !important; } .view *:not(i), .album_categories *, .album_back_button *, #album_disabled_layer { font-family: sans-serif, Arial, Verdana, Sylfaen !important; } #album_disabled_layer { display: none; position: absolute; width: 100%; height: 100%; text-align: center; background-color: transparent; z-index: 10; padding-top: 20px; color: #fff; } #album_list_container { position: relative; } /* ====================== album onhover styles ==========================*/ #album_list .view { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; display: none; } .view .mask, .view .content { width: 100%; height: 100%; position: absolute; overflow: hidden; top: 0; left: 0; } .view h2 { text-transform: uppercase; color: #fff; text-align: center; position: relative; font-size: 17px; font-family: Raleway, serif; padding: 10px; /*background: rgba(0, 0, 0, 0.8);*/ margin: 20px 0 0 0; } .album_back_button a, .view a { text-decoration: none !important; } .view p { font-family: Merriweather, serif; font-style: italic; font-size: 14px; position: relative; color: #fff; padding: 0px 20px 0px; text-align: center; } .view a.info { display: inline-block; text-decoration: none; font-size: 13px; padding: 2px 14px; margin-bottom: 3px; background: #000; color: #fff; font-family: Raleway, serif; text-transform: uppercase; box-shadow: 0 0 1px #000 } .mask-text h2 { font-size: 20px !important; } .view a.info:hover { box-shadow: 0 0 5px #000 } .view .mask-bg { height: 100%; } .view .album_social { color: #fff; position: absolute; bottom: 3px; left: 3px; border: 1px solid #ffffff; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; padding: 3px 5px; } .view .album_social:active, .view .album_social:focus, .view .album_social:hover { color: #ffffff; outline: none; } /*1*/ .view .info { margin-top: 5px; } .view-first .mask { opacity: 0; background-color: rgba(0, 0, 0, 0.7); transition: all 0.4s ease-in-out; } .view-first h2 { transform: translateY(-100px); opacity: 0; font-family: Raleway, serif; transition: all 0.2s ease-in-out; } .view-first p { transform: translateY(100px); opacity: 0; transition: all 0.2s linear; } .view-first a.info { opacity: 0; transition: all 0.2s ease-in-out; } /* */ .view-first:hover img { /*transform: scale(1.1);*/ } .view-first:hover .mask { opacity: 1; } .view-first:hover h2, .view-first:hover p, .view-first:hover a.info { opacity: 1; transform: translateY(0px); } .view-first:hover p { transition-delay: 0.1s; } .view-first:hover a.info { transition-delay: 0.2s; } /*2*/ .view-second img { -webkit-filter: grayscale(0) blur(0); filter: grayscale(0) blur(0); -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; } .view-second .mask { background-color: rgba(226, 200, 127, 0.2); transition: all 0.5s linear; opacity: 0; } .view-second h2 { background: transparent; margin: 20px 40px 0px 40px; transform: scale(0); color: #333; transition: all 0.5s linear; opacity: 0; } .view-second p { opacity: 0; transform: scale(0); transition: all 0.5s linear; } .view-second a.info { opacity: 0; transform: scale(0); transition: all 0.5s linear; } .view-second:hover img { -webkit-filter: grayscale(100%) blur(3px); filter: grayscale(100%) blur(3px); } .view-second:hover .mask { opacity: 1; } .view-second:hover h2, .view-second:hover p, .view-second:hover a.info { transform: scale(1); opacity: 1; } .view-second img { -webkit-filter: grayscale(0) blur(0); filter: grayscale(0) blur(0); -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; } .view-second:hover img { -webkit-filter: grayscale(100%) blur(3px); filter: grayscale(100%) blur(3px); } /*3*/ .view-third img { transform: scaleY(1); transition: all .7s ease-in-out; } .view-third a.info { opacity: 0; transform: scale(0); transition: all 0.5s linear; } .view-third:hover img { -webkit-transform: scale(10); transform: scale(10); opacity: 0; } .view-third:hover .mask { opacity: 1; } .view-third:hover h2, .view-third:hover p, .view-third:hover a.info { transform: scale(1); opacity: 1; } /* ==== view 4 ===*/ .view-forth-wrapper { overflow: hidden; position: relative !important; height: 100%; /* cursor: pointer;*/ } .view-forth img { max-width: 100%; position: relative; top: 0; -webkit-transition: all 600ms cubic-bezier(0.645, 0.045, 0.355, 1); transition: all 600ms cubic-bezier(0.645, 0.045, 0.355, 1); } .view-forth .mask { position: absolute; width: 100%; /* height: 70px;*/ /* bottom: -70px;*/ height: 50%; bottom: -50%; -webkit-transition: all 300ms cubic-bezier(0.645, 0.045, 0.355, 1); transition: all 300ms cubic-bezier(0.645, 0.045, 0.355, 1); top: inherit; } .view-forth:hover .mask { bottom: 0; } .view-forth:hover img { top: -30px; } /*== view 5 ==*/ .view-fifth .view-fifth-wrapper, .view-fifth .view-fifth-wrapper img { display: block; position: relative; } .view-fifth .view-fifth-wrapper { overflow: hidden; height: 100%; } .view-fifth .view-fifth-wrapper .mask { display: none; position: absolute; background: #333; background: rgba(75, 75, 75, 0.7); width: 100%; height: 100%; } /* ====================== album category styles ==========================*/ #filters { margin: 1% 0; padding: 0; list-style: none; list-style-type: none !important; } #filters li { float: left; list-style-type: none !important; } #filters li:first-child span { margin-left: 0px; } #filters li span { display: block; text-decoration: none; cursor: pointer; } .album_categories { list-style-type: none; margin: 0; padding: 0; overflow: hidden; padding-top: 5px; } /*========= sharing buttons ============*/ .album_socials { position: relative; top: 3px; width: 100px; height: 28px; margin: 0 auto; } .album_socials .rwd-share-buttons { top: 0px !important; width: 100% !important; margin: 0px !important; } .album_socials a { text-decoration: underline !important; } .gallery_images, .album_image_place { margin-top: 15px; margin-top: 15px; } #rwd-share-facebook:hover { background-position: 0 -31px !important; } #rwd-share-twitter:hover { background-position: -31px 32px !important; } #rwd-share-googleplus:hover { background-position: -66px -31px !important; } .rwd-share-buttons li, .rwd-share-buttons li a { width: 26px !important; border: 0px !important; } .rwd-share-buttons { top: 0 !important; } .img_link_btn { position: absolute; z-index: 99999; bottom: 0; left: 0; right: 0; width: 100%; padding: 8px; } .rwd-title { padding: 10px 0px !important; } @media only screen and (max-width: 475px) { .rwd-share-buttons { top: -25px !important; } .rwd-title-text { line-height: 15px; } } /*========= hover style ===========*/ #hover { color: rgba(188, 175, 204, 0.9); } h2#testimonials { color: #fffae3; } div#all { width: 100%; height: 100%; } .view img { height: auto; } .view { color: #fff; margin: 0 10px 10px 0; overflow: hidden; position: relative; text-align: center; float: left; cursor: default; border: 1px solid #ccc; } .view-wrapper { height: 100%; } .view img { display: block; position: relative; transition: all 0.2s linear; height: 100%; width: auto; max-width: 100%; margin: 0 auto; } .mask-text h2 { font-size: 20px !important; margin-top: 20px !important; } /* view 1 */ .view-first .text-category, .view-first .mask-text h2, .view-first .mask-text p { color: #fff; } /* view 2 */ .view-second .text-category, .view-second .mask-text h2, .view-second p { color: #333; } .view-second .mask-text h2 { border-bottom: 1px solid #333; } /* view 3*/ .view-third .mask { background-color: #ccc; transition: all 0.5s linear; opacity: 0; color: #333; } .view-third h2 { border-bottom: 1px solid #333; background: transparent; margin: 20px 40px 0px 40px; transform: scale(0); color: #333; transition: all 0.5s linear; opacity: 0; } .view-third p { color: #333; opacity: 0; transform: scale(0); transition: all 0.5s linear; } .view-third .text-category { color: #333; } /* view 4 */ .view-forth .mask-bg { background: #333; width: 100%; height: 100%; position: absolute; top: 0; left: 0; } .view-forth .mask-text { color: #fff; position: relative; z-index: 500; padding: 5px 8px; } .view-forth .mask-text h2 { margin: 0px; font-size: 13px; padding: 2px; color: #fff; } .view-forth .mask-text h2:hover { cursor: pointer; } .view-forth .text-category { display: block; font-size: 15px; color: #fff; } .view-forth p { color: #fff; } /* view 5 */ .view-fifth .text-category, .view-fifth .text-category *, .view-fifth .mask-text h2, .view-fifth .mask-text p { color: #fff; } var data_gallery_26 = []; var event_stack_gallery_26 = []; data_gallery_26[«0]=[];data_gallery_26[«0][«id]=»0»;data_gallery_26[«0][«image_url]=»https://frayba.org.mx/wp-content/uploads/2018/09/misionDH5.jpg»;data_gallery_26[«0][«description]=»»;data_gallery_26[«0][«alt]=»»;data_gallery_26[«1]=[];data_gallery_26[«1][«id]=»1»;data_gallery_26[«1][«image_url]=»https://frayba.org.mx/wp-content/uploads/2018/09/misionDH4.jpg»;data_gallery_26[«1][«description]=»»;data_gallery_26[«1][«alt]=»»;data_gallery_26[«2]=[];data_gallery_26[«2][«id]=»2»;data_gallery_26[«2][«image_url]=»https://frayba.org.mx/wp-content/uploads/2018/09/misionDH3.jpg»;data_gallery_26[«2][«description]=»»;data_gallery_26[«2][«alt]=»»;data_gallery_26[«3]=[];data_gallery_26[«3][«id]=»3»;data_gallery_26[«3][«image_url]=»https://frayba.org.mx/wp-content/uploads/2018/09/misionDH2.jpg»;data_gallery_26[«3][«description]=»»;data_gallery_26[«3][«alt]=»»;data_gallery_26[«4]=[];data_gallery_26[«4][«id]=»4»;data_gallery_26[«4][«image_url]=»https://frayba.org.mx/wp-content/uploads/2018/09/misionDH.jpg»;data_gallery_26[«4][«description]=»»;data_gallery_26[«4][«alt]=»»; var huge_it_trans_in_progress_gallery_26 = false; var huge_it_transition_duration_gallery_26 = 1000; var huge_it_playInterval_gallery_26; // Stop autoplay. window.clearInterval(huge_it_playInterval_gallery_26); // alert(‘huge_it_current_key_gallery_26’); var huge_it_current_key_gallery_26 = »; function huge_it_move_dots_gallery_26() { var image_left = jQuery(«.huge_it_slideshow_dots_active_gallery_26»).position().left; var image_right = jQuery(«.huge_it_slideshow_dots_active_gallery_26»).position().left + jQuery(«.huge_it_slideshow_dots_active_gallery_26″).outerWidth(true); } function huge_it_testBrowser_cssTransitions_gallery_26() { return huge_it_testDom_gallery_26(‘Transition’); } function huge_it_testBrowser_cssTransforms3d_gallery_26() { return huge_it_testDom_gallery_26(‘Perspective’); } function huge_it_testDom_gallery_26(prop) { // Browser vendor CSS prefixes. var browserVendors = [», ‘-webkit-‘, ‘-moz-‘, ‘-ms-‘, ‘-o-‘, ‘-khtml-‘]; // Browser vendor DOM prefixes. var domPrefixes = [», ‘Webkit’, ‘Moz’, ‘ms’, ‘O’, ‘Khtml’]; var i = domPrefixes.length; while (i–) { if (typeof document.body.style[domPrefixes[i] + prop] !== ‘undefined’) { return true; } } return false; } function huge_it_cube_gallery_26(tz, ntx, nty, nrx, nry, wrx, wry, current_image_class, next_image_class, direction) { /* If browser does not support 3d transforms/CSS transitions.*/ if (!huge_it_testBrowser_cssTransitions_gallery_26()) { jQuery(«.huge_it_slideshow_dots_gallery_26»).removeClass(«huge_it_slideshow_dots_active_gallery_26»).addClass(«huge_it_slideshow_dots_deactive_gallery_26»); jQuery(«#huge_it_dots_» + huge_it_current_key_gallery_26 + «_gallery_26»).removeClass(«huge_it_slideshow_dots_deactive_gallery_26»).addClass(«huge_it_slideshow_dots_active_gallery_26»); return huge_it_fallback_gallery_26(current_image_class, next_image_class, direction); } if (!huge_it_testBrowser_cssTransforms3d_gallery_26()) { return huge_it_fallback3d_gallery_26(current_image_class, next_image_class, direction); } huge_it_trans_in_progress_gallery_26 = true; /* Set active thumbnail.*/ jQuery(«.huge_it_slideshow_dots_gallery_26»).removeClass(«huge_it_slideshow_dots_active_gallery_26»).addClass(«huge_it_slideshow_dots_deactive_gallery_26»); jQuery(«#huge_it_dots_» + huge_it_current_key_gallery_26 + «_gallery_26»).removeClass(«huge_it_slideshow_dots_deactive_gallery_26»).addClass(«huge_it_slideshow_dots_active_gallery_26»); jQuery(«.huge_it_slide_bg_gallery_26»).css(‘perspective’, 1000); jQuery(current_image_class).css({ transform : ‘translateZ(‘ + tz + ‘px)’, backfaceVisibility : ‘hidden’ }); jQuery(«.huge_it_slideshow_image_wrap_gallery_26,.huge_it_slide_bg_gallery_26,.huge_it_slideshow_image_item_gallery_26,.huge_it_slideshow_image_second_item_gallery_26 «).css(‘overflow’, ‘visible’); jQuery(next_image_class).css({ opacity : 1, filter: ‘Alpha(opacity=100)’, backfaceVisibility : ‘hidden’, transform : ‘translateY(‘ + nty + ‘px) translateX(‘ + ntx + ‘px) rotateY(‘+ nry +’deg) rotateX(‘+ nrx +’deg)’ }); jQuery(«.huge_it_slider_gallery_26»).css({ transform: ‘translateZ(-‘ + tz + ‘px)’, transformStyle: ‘preserve-3d’ }); /* Execution steps.*/ setTimeout(function () { jQuery(«.huge_it_slider_gallery_26»).css({ transition: ‘all ‘ + huge_it_transition_duration_gallery_26 + ‘ms ease-in-out’, transform: ‘translateZ(-‘ + tz + ‘px) rotateX(‘+ wrx +’deg) rotateY(‘+ wry +’deg)’ }); }, 20); /* After transition.*/ jQuery(«.huge_it_slider_gallery_26»).one(‘webkitTransitionEnd transitionend otransitionend oTransitionEnd mstransitionend’, jQuery.proxy(huge_it_after_trans)); function huge_it_after_trans() { jQuery(«.huge_it_slide_bg_gallery_26,.huge_it_slideshow_image_item_gallery_26,.huge_it_slideshow_image_second_item_gallery_26 «).css(‘overflow’, ‘hidden’); jQuery(«.huge_it_slide_bg_gallery_26»).removeAttr(‘style’); jQuery(current_image_class).removeAttr(‘style’); jQuery(next_image_class).removeAttr(‘style’); jQuery(«.huge_it_slider_gallery_26»).removeAttr(‘style’); jQuery(current_image_class).css({‘opacity’ : 0, filter: ‘Alpha(opacity=0)’, ‘z-index’: 1}); jQuery(next_image_class).css({‘opacity’ : 1, filter: ‘Alpha(opacity=100)’, ‘z-index’ : 2}); // huge_it_change_watermark_container_gallery_26(); huge_it_trans_in_progress_gallery_26 = false; if (typeof event_stack_gallery_26 !== ‘undefined’ && event_stack_gallery_26.length > 0) { key = event_stack_gallery_26[0].split(«-«); event_stack_gallery_26.shift(); huge_it_change_image_gallery_26(key[0], key[1], data_gallery_26, true,false); } } } function huge_it_cubeH_gallery_26(current_image_class, next_image_class, direction) { /* Set to half of image width.*/ var dimension = jQuery(current_image_class).width() / 2; if (direction == ‘right’) { huge_it_cube_gallery_26(dimension, dimension, 0, 0, 90, 0, -90, current_image_class, next_image_class, direction); } else if (direction == ‘left’) { huge_it_cube_gallery_26(dimension, -dimension, 0, 0, -90, 0, 90, current_image_class, next_image_class, direction); } } function huge_it_cubeV_gallery_26(current_image_class, next_image_class, direction) { /* Set to half of image height.*/ var dimension = jQuery(current_image_class).height() / 2; /* If next slide.*/ if (direction == ‘right’) { huge_it_cube_gallery_26(dimension, 0, -dimension, 90, 0, -90, 0, current_image_class, next_image_class, direction); } else if (direction == ‘left’) { huge_it_cube_gallery_26(dimension, 0, dimension, -90, 0, 90, 0, current_image_class, next_image_class, direction); } } /* For browsers that does not support transitions.*/ function huge_it_fallback_gallery_26(current_image_class, next_image_class, direction) { huge_it_fade_gallery_26(current_image_class, next_image_class, direction); } /* For browsers that support transitions, but not 3d transforms (only used if primary transition makes use of 3d-transforms).*/ function huge_it_fallback3d_gallery_26(current_image_class, next_image_class, direction) { huge_it_sliceV_gallery_26(current_image_class, next_image_class, direction); } function huge_it_none_gallery_26(current_image_class, next_image_class, direction) { jQuery(current_image_class).css({‘opacity’ : 0, ‘z-index’: 1}); jQuery(next_image_class).css({‘opacity’ : 1, ‘z-index’ : 2}); /* Set active thumbnail.*/ jQuery(«.huge_it_slideshow_dots_gallery_26»).removeClass(«huge_it_slideshow_dots_active_gallery_26»).addClass(«huge_it_slideshow_dots_deactive_gallery_26»); jQuery(«#huge_it_dots_» + huge_it_current_key_gallery_26 + «_gallery_26»).removeClass(«huge_it_slideshow_dots_deactive_gallery_26»).addClass(«huge_it_slideshow_dots_active_gallery_26»); } function huge_it_fade_gallery_26(current_image_class, next_image_class, direction) { if (huge_it_testBrowser_cssTransitions_gallery_26()) { jQuery(next_image_class).css(‘transition’, ‘opacity ‘ + huge_it_transition_duration_gallery_26 + ‘ms linear’); jQuery(current_image_class).css(‘transition’, ‘opacity ‘ + huge_it_transition_duration_gallery_26 + ‘ms linear’); jQuery(current_image_class).css({‘opacity’ : 0, ‘z-index’: 1}); jQuery(next_image_class).css({‘opacity’ : 1, ‘z-index’ : 2}); } else { jQuery(current_image_class).animate({‘opacity’ : 0, ‘z-index’ : 1}, huge_it_transition_duration_gallery_26); jQuery(next_image_class).animate({ ‘opacity’ : 1, ‘z-index’: 2 }, { duration: huge_it_transition_duration_gallery_26, complete: function () {return false;} }); // For IE. jQuery(current_image_class).fadeTo(huge_it_transition_duration_gallery_26, 0); jQuery(next_image_class).fadeTo(huge_it_transition_duration_gallery_26, 1); } jQuery(«.huge_it_slideshow_dots_gallery_26»).removeClass(«huge_it_slideshow_dots_active_gallery_26»).addClass(«huge_it_slideshow_dots_deactive_gallery_26»); jQuery(«#huge_it_dots_» + huge_it_current_key_gallery_26 + «_gallery_26»).removeClass(«huge_it_slideshow_dots_deactive_gallery_26»).addClass(«huge_it_slideshow_dots_active_gallery_26»); } function huge_it_grid_gallery_26(cols, rows, ro, tx, ty, sc, op, current_image_class, next_image_class, direction) { /* If browser does not support CSS transitions.*/ if (!huge_it_testBrowser_cssTransitions_gallery_26()) { jQuery(«.huge_it_slideshow_dots_gallery_26»).removeClass(«huge_it_slideshow_dots_active_gallery_26»).addClass(«huge_it_slideshow_dots_deactive_gallery_26»); jQuery(«#huge_it_dots_» + huge_it_current_key_gallery_26 + «_gallery_26»).removeClass(«huge_it_slideshow_dots_deactive_gallery_26»).addClass(«huge_it_slideshow_dots_active_gallery_26»); return huge_it_fallback_gallery_26(current_image_class, next_image_class, direction); } huge_it_trans_in_progress_gallery_26 = true; /* Set active thumbnail.*/ jQuery(«.huge_it_slideshow_dots_gallery_26»).removeClass(«huge_it_slideshow_dots_active_gallery_26»).addClass(«huge_it_slideshow_dots_deactive_gallery_26»); jQuery(«#huge_it_dots_» + huge_it_current_key_gallery_26 + «_gallery_26»).removeClass(«huge_it_slideshow_dots_deactive_gallery_26»).addClass(«huge_it_slideshow_dots_active_gallery_26″); /* The time (in ms) added to/subtracted from the delay total for each new gridlet.*/ var count = (huge_it_transition_duration_gallery_26) / (cols + rows); /* Gridlet creator (divisions of the image grid, positioned with background-images to replicate the look of an entire slide image when assembled)*/ function huge_it_gridlet(width, height, top, img_top, left, img_left, src, imgWidth, imgHeight, c, r) { var delay = (c + r) * count; /* Return a gridlet elem with styles for specific transition.*/ return jQuery(»).css({ width : width, height : height, top : top, left : left, backgroundImage : ‘url(«‘ + src + ‘»)’, backgroundColor: jQuery(«.huge_it_slideshow_image_wrap_gallery_26»).css(«background-color»), /*backgroundColor: rgba(0, 0, 0, 0),*/ backgroundRepeat: ‘no-repeat’, backgroundPosition : img_left + ‘px ‘ + img_top + ‘px’, backgroundSize : imgWidth + ‘px ‘ + imgHeight + ‘px’, transition : ‘all ‘ + huge_it_transition_duration_gallery_26 + ‘ms ease-in-out ‘ + delay + ‘ms’, transform : ‘none’ }); } /* Get the current slide’s image.*/ var cur_img = jQuery(current_image_class).find(‘img’); /* Create a grid to hold the gridlets.*/ var grid = jQuery(»).addClass(‘huge_it_grid_gallery_26’); /* Prepend the grid to the next slide (i.e. so it’s above the slide image).*/ jQuery(current_image_class).prepend(grid); /* vars to calculate positioning/size of gridlets*/ var cont = jQuery(«.huge_it_slide_bg_gallery_26″); var imgWidth = cur_img.width(); var imgHeight = cur_img.height(); var contWidth = cont.width(), contHeight = cont.height(), imgSrc = cur_img.attr(‘src’),/*.replace(‘/thumb’, »),*/ colWidth = Math.floor(contWidth / cols), rowHeight = Math.floor(contHeight / rows), colRemainder = contWidth – (cols * colWidth), colAdd = Math.ceil(colRemainder / cols), rowRemainder = contHeight – (rows * rowHeight), rowAdd = Math.ceil(rowRemainder / rows), leftDist = 0, img_leftDist = (jQuery(«.huge_it_slide_bg_gallery_26»).width() – cur_img.width()) / 2; /* tx/ty args can be passed as ‘auto’/’min-auto’ (meaning use slide width/height or negative slide width/height).*/ tx = tx === ‘auto’ ? contWidth : tx; tx = tx === ‘min-auto’ ? – contWidth : tx; ty = ty === ‘auto’ ? contHeight : ty; ty = ty === ‘min-auto’ ? – contHeight : ty; /* Loop through cols*/ for (var i = 0; i < cols; i++) { var topDist = 0, img_topDst = (jQuery(«.huge_it_slide_bg_gallery_26»).height() – cur_img.height()) / 2, newColWidth = colWidth; /* If imgWidth (px) does not divide cleanly into the specified number of cols, adjust individual col widths to create correct total.*/ if (colRemainder > 0) { var add = colRemainder >= colAdd ? colAdd : colRemainder; newColWidth += add; colRemainder -= add; } /* Nested loop to create row gridlets for each col.*/ for (var j = 0; j < rows; j++) { var newRowHeight = rowHeight, newRowRemainder = rowRemainder; /* If contHeight (px) does not divide cleanly into the specified number of rows, adjust individual row heights to create correct total.*/ if (newRowRemainder > 0) { add = newRowRemainder >= rowAdd ? rowAdd : rowRemainder; newRowHeight += add; newRowRemainder -= add; } /* Create & append gridlet to grid.*/ grid.append(huge_it_gridlet(newColWidth, newRowHeight, topDist, img_topDst, leftDist, img_leftDist, imgSrc, imgWidth, imgHeight, i, j)); topDist += newRowHeight; img_topDst -= newRowHeight; } img_leftDist -= newColWidth; leftDist += newColWidth; } /* Set event listener on last gridlet to finish transitioning.*/ var last_gridlet = grid.children().last(); /* Show grid & hide the image it replaces.*/ grid.show(); cur_img.css(‘opacity’, 0); /* Add identifying classes to corner gridlets (useful if applying border radius).*/ grid.children().first().addClass(‘rs-top-left’); grid.children().last().addClass(‘rs-bottom-right’); grid.children().eq(rows – 1).addClass(‘rs-bottom-left’); grid.children().eq(- rows).addClass(‘rs-top-right’); /* Execution steps.*/ setTimeout(function () { grid.children().css({ opacity: op, transform: ‘rotate(‘+ ro +’deg) translateX(‘+ tx +’px) translateY(‘+ ty +’px) scale(‘+ sc +’)’ }); }, 1); jQuery(next_image_class).css(‘opacity’, 1); /* After transition.*/ jQuery(last_gridlet).one(‘webkitTransitionEnd transitionend otransitionend oTransitionEnd mstransitionend’, jQuery.proxy(huge_it_after_trans)); function huge_it_after_trans() { jQuery(current_image_class).css({‘opacity’ : 0, ‘z-index’: 1}); jQuery(next_image_class).css({‘opacity’ : 1, ‘z-index’ : 2}); cur_img.css(‘opacity’, 1); grid.remove(); huge_it_trans_in_progress_gallery_26 = false; if (typeof event_stack_gallery_26 !== ‘undefined’ && event_stack_gallery_26.length > 0) { key = event_stack_gallery_26[0].split(«-«); event_stack_gallery_26.shift(); huge_it_change_image_gallery_26(key[0], key[1], data_gallery_26, true,false); } } } function huge_it_sliceH_gallery_26(current_image_class, next_image_class, direction) { if (direction == ‘right’) { var translateX = ‘min-auto’; } else if (direction == ‘left’) { var translateX = ‘auto’; } huge_it_grid_gallery_26(1, 8, 0, translateX, 0, 1, 0, current_image_class, next_image_class, direction); } function huge_it_sliceV_gallery_26(current_image_class, next_image_class, direction) { if (direction == ‘right’) { var translateY = ‘min-auto’; } else if (direction == ‘left’) { var translateY = ‘auto’; } huge_it_grid_gallery_26(10, 1, 0, 0, translateY, 1, 0, current_image_class, next_image_class, direction); } function huge_it_slideV_gallery_26(current_image_class, next_image_class, direction) { if (direction == ‘right’) { var translateY = ‘auto’; } else if (direction == ‘left’) { var translateY = ‘min-auto’; } huge_it_grid_gallery_26(1, 1, 0, 0, translateY, 1, 1, current_image_class, next_image_class, direction); } function huge_it_slideH_gallery_26(current_image_class, next_image_class, direction) { if (direction == ‘right’) { var translateX = ‘min-auto’; } else if (direction == ‘left’) { var translateX = ‘auto’; } huge_it_grid_gallery_26(1, 1, 0, translateX, 0, 1, 1, current_image_class, next_image_class, direction); } function huge_it_scaleOut_gallery_26(current_image_class, next_image_class, direction) { huge_it_grid_gallery_26(1, 1, 0, 0, 0, 1.5, 0, current_image_class, next_image_class, direction); } function huge_it_scaleIn_gallery_26(current_image_class, next_image_class, direction) { huge_it_grid_gallery_26(1, 1, 0, 0, 0, 0.5, 0, current_image_class, next_image_class, direction); } function huge_it_blockScale_gallery_26(current_image_class, next_image_class, direction) { huge_it_grid_gallery_26(8, 6, 0, 0, 0, .6, 0, current_image_class, next_image_class, direction); } function huge_it_kaleidoscope_gallery_26(current_image_class, next_image_class, direction) { huge_it_grid_gallery_26(10, 8, 0, 0, 0, 1, 0, current_image_class, next_image_class, direction); } function huge_it_fan_gallery_26(current_image_class, next_image_class, direction) { if (direction == ‘right’) { var rotate = 45; var translateX = 100; } else if (direction == ‘left’) { var rotate = -45; var translateX = -100; } huge_it_grid_gallery_26(1, 10, rotate, translateX, 0, 1, 0, current_image_class, next_image_class, direction); } function huge_it_blindV_gallery_26(current_image_class, next_image_class, direction) { huge_it_grid_gallery_26(1, 8, 0, 0, 0, .7, 0, current_image_class, next_image_class); } function huge_it_blindH_gallery_26(current_image_class, next_image_class, direction) { huge_it_grid_gallery_26(10, 1, 0, 0, 0, .7, 0, current_image_class, next_image_class); } function huge_it_random_gallery_26(current_image_class, next_image_class, direction) { var anims = [‘sliceH’, ‘sliceV’, ‘slideH’, ‘slideV’, ‘scaleOut’, ‘scaleIn’, ‘blockScale’, ‘kaleidoscope’, ‘fan’, ‘blindH’, ‘blindV’]; /* Pick a random transition from the anims array.*/ this[«huge_it_» + anims[Math.floor(Math.random() * anims.length)] + «_gallery_26](current_image_class, next_image_class, direction); } function iterator_gallery_26() { var iterator = 1; return iterator; } function huge_it_change_image_gallery_26(current_key, key, data_gallery_26, from_effect,clicked) { if (data_gallery_26[key]) { if(typeof video_is_playing_gallery_26 != ‘undefined’ && video_is_playing_gallery_26 && !clicked){ return false; } if (!from_effect) { // Change image key. jQuery(«#huge_it_current_image_key_gallery_26»).val(key); // if (current_key == ‘-2’) { /* Dots.*/ current_key = jQuery(«.huge_it_slideshow_dots_active_gallery_26»).attr(«data-image_key»); // } } if (huge_it_trans_in_progress_gallery_26) { //errorlogjQuery(«.huge_it_slideshow_image_wrap_gallery_26″).after(» –IN TRANSACTION–
«); event_stack_gallery_26.push(current_key + ‘-‘ + key); return; } var direction = ‘right’; if (huge_it_current_key_gallery_26 > key) { var direction = ‘left’; } else if (huge_it_current_key_gallery_26 == key) { return false; } // Set active thumbnail position. huge_it_current_key_gallery_26 = key; //Change image id, title, description. jQuery(«.huge_it_slideshow_image_gallery_26»).attr(‘data-image_id’, data_gallery_26[key][«id]); jQuery(«.huge_it_slideshow_title_text_gallery_26»).html(data_gallery_26[key][«alt]); jQuery(«.huge_it_slideshow_description_text_gallery_26»).html(data_gallery_26[key][«description]); var current_image_class = «#image_id_gallery_26_» + data_gallery_26[current_key][«id]; var next_image_class = «#image_id_gallery_26_» + data_gallery_26[key][«id]; if(jQuery(current_image_class).find(‘.huge_it_video_frame_gallery_26′).length>0) { var streffect=’cubeH’; if(streffect==»cubeV» || streffect==»cubeH» || streffect==»none» || streffect==»fade»){ huge_it_cubeH_gallery_26(current_image_class, next_image_class, direction); }else{ huge_it_fade_gallery_26(current_image_class, next_image_class, direction); } }else{ huge_it_cubeH_gallery_26(current_image_class, next_image_class, direction); } jQuery(‘.huge_it_slideshow_title_text_gallery_26’).removeClass(‘none’); if(jQuery(‘.huge_it_slideshow_title_text_gallery_26’).html()==»»){jQuery(‘.huge_it_slideshow_title_text_gallery_26’).addClass(‘none’);} jQuery(‘.huge_it_slideshow_description_text_gallery_26’).removeClass(‘none’); jQuery(‘.huge_it_gallery_like_cont_264587’).removeClass(‘none’); if(jQuery(‘.huge_it_slideshow_description_text_gallery_26’).html()==»»){ jQuery(‘.huge_it_slideshow_description_text_gallery_26’).addClass(‘none’); } jQuery(current_image_class).find(‘.huge_it_slideshow_title_text_gallery_26’).addClass(‘none’); jQuery(current_image_class).find(‘.huge_it_slideshow_description_text_gallery_26’).addClass(‘none’); jQuery(current_image_class).find(‘.huge_it_gallery_like_cont_264587’).addClass(‘none’); //errorlogjQuery(«.huge_it_slideshow_image_wrap_gallery_26»).after(«–cur-key=»+current_key+» –cur-img-class=»+current_image_class+» nxt-img-class=»+next_image_class+»–«); huge_it_move_dots_gallery_26(); window.clearInterval(huge_it_playInterval_gallery_26); play_gallery_26(); } } function huge_it_popup_resize_gallery_26() { var staticsliderwidth=600; var sliderwidth=600; var bodyWidth=jQuery(window).width(); var parentWidth = jQuery(«.huge_it_slideshow_image_wrap_gallery_26»).parent().width(); if(sliderwidth>parentWidth){sliderwidth=parentWidth;} if(sliderwidth>bodyWidth){sliderwidth=bodyWidth;} var str=(375/staticsliderwidth); jQuery(‘.huge_it_slideshow_image_wrap_gallery_26’).css({‘max-height’:parentWidth*str-2*0}); } jQuery(window).load(function () { jQuery(window).resize(function() { huge_it_popup_resize_gallery_26(); }); huge_it_popup_resize_gallery_26(); /* Disable right click.*/ /*HOVER SLIDESHOW*/ jQuery(«#huge_it_slideshow_image_container_gallery_26, .huge_it_slideshow_image_container_gallery_26, .huge_it_slideshow_dots_container_gallery_26,#huge_it_slideshow_right_gallery_26,#huge_it_slideshow_left_gallery_26»).hover(function(){ //errorlogjQuery(«.huge_it_slideshow_image_wrap_gallery_26″).after(» — hover —
«); jQuery(«#huge_it_slideshow_right_gallery_26»).css({‘display’:’inline’}); jQuery(«#huge_it_slideshow_left_gallery_26»).css({‘display’:’inline’}); },function(){ jQuery(«#huge_it_slideshow_right_gallery_26»).css({‘display’:’none’}); jQuery(«#huge_it_slideshow_left_gallery_26″).css({‘display’:’none’}); }); var pausehover=»on»; if(pausehover==»on»){ jQuery(«#huge_it_slideshow_image_container_gallery_26, .huge_it_slideshow_image_container_gallery_26, .huge_it_slideshow_dots_container_gallery_26,#huge_it_slideshow_right_gallery_26,#huge_it_slideshow_left_gallery_26»).hover(function(){ window.clearInterval(huge_it_playInterval_gallery_26); },function(){ window.clearInterval(huge_it_playInterval_gallery_26); play_gallery_26(); }); } play_gallery_26(); }); function play_gallery_26() { /* Play.*/ huge_it_playInterval_gallery_26 = setInterval(function () { var iterator = 1; huge_it_change_image_gallery_26(parseInt(jQuery(‘#huge_it_current_image_key_gallery_26’).val()), (parseInt(jQuery(‘#huge_it_current_image_key_gallery_26’).val()) + iterator) % data_gallery_26.length, data_gallery_26,false,false); }, ‘8000’); } jQuery(window).focus(function() { var i_gallery_26 = 0; jQuery(«.huge_it_slider_gallery_26»).children(«div»).each(function () { if (jQuery(this).css(‘opacity’) == 1) { jQuery(«#huge_it_current_image_key_gallery_26»).val(i_gallery_26); } i_gallery_26++; }); play_gallery_26(); }); jQuery(window).blur(function() { event_stack_gallery_26 = []; window.clearInterval(huge_it_playInterval_gallery_26); }); = 0 ? (parseInt(jQuery(‘#huge_it_current_image_key_gallery_26’).val()) – iterator_gallery_26()) % data_gallery_26.length : data_gallery_26.length – 1, data_gallery_26,false,true);return false;»> { } jQuery(document).ready(function ($) { $(‘.thumb_wrapper’).on(‘click’, function (ev) { var hugeid = $(this).data(‘rowid’); var myid = hugeid; myid = parseInt(myid); eval(‘player_’ + myid + ‘.playVideo()’) ev.preventDefault(); }); });
La actuación de las autoridades ha sido inoperante y omisa para atender la emergencia en Chiapas.
El día 7 de Septiembre del 2017, en Chiapas se registró el movimiento telúrico mas fuerte en la historia, un terremoto de 8.2º con epicentro en el municipio costero de Pijijiapan, que provocó innúmerables daños materiales, económicos, emociónales, psicosociales, edificios públicos como centros de salud, escuelas y oficinas de gobierno quedaron colapsados.
Los días 4 al 6 de Septiembre de 2018 una Misión Civil de Observación de Derechos Humanos, conformada por organizaciones parte de la Red Nacional de Organismos Civiles de Derechos Humanos Todos los Derechos para Todas y Todos (Red TDT) dimos cuenta de las condiciones en las que aun siguen viviendo las familias en la Costa de Chiapas. Constatamos violaciones al derecho a una vida y vivienda digna, derecho a la educación y salud, al igual que el derecho al agua y saneamiento, situación que es provocada en mucho por la omisión del Estado mexicano.
De acuerdo al censo oficial de la Secretaria de Desarrollo Agrario, Territorial y urbano SEDATU, en Chiapas se asignaron a cerca de 44,763 familias recursos del Fondo de Desastres Naturales. De esas personas de los cuales 3473 corresponde al municipio de Arriaga, 3661 Tonalá y 2287 de Pijijiapan en el Estado de Chiapas. El gobierno de Chiapas ha incumplido al asignar fondos a través de Bansefi a cerca de 2, 769 familias damnificadas que aún siguen viviendo en condiciones adversas.
Estas familias carecen de techos, paredes, puertas, ventanas, o quienes sobreviven sin poder iniciar la reconstrucción de su patrimonio, por lo que se agrava su calidad de vida y condición social y económica. Esta desprotección estatal, les deja a merced de financieras de quienes denuncian haber sido engañados, defraudados por empresas privadas, y autoridades.
En la actualidad existen cerca de 8,000 familias damnificadas en la Costa de Chiapas sin recibir ningún fondo de carácter federal, estatal o municipal, y hasta el momento no ha podido reconstruir su vivienda, debido a la inoperancia, falta de coordinación, omisión e indolencia de las autoridades de los tres niveles de gobierno.
Debido a nuestra participación en el proceso de reconstrucción en la costa de Chiapas hemos sufrido diversas agresiones y ataques, con la finalidad de obstaculizar nuestra labor de promoción y defensa de los derechos humanos de las personas damnificadas. Considerando que Chiapas es uno de los Estados más empobrecidos, con un alto nivel de marginación, y donde se han documentado los más altos índices de ataques contra defensores y defensores de los Derechos Humanos.
Por lo que este Centro de Derechos Humanos, respaldado por la Misión Civil de Observación exige al Estado Mexicano y en especial al Gobierno de Chiapas que:
Se garantice el derecho a una vida y vivienda digna en favor de los miles de familias damnificadas en Chiapas a causa del sismo del 07 de Septiembre del 2017.
Investigar y sancionar todo tipo de actos de corrupción por la utilización de fondos públicos para el proceso de reconstrucción.
Concluir de manera urgente la construcción de escuelas y centros de salud, así como los servicios de agua y saneamiento.
Crear un programa que permita garantizar a las más de 8,000 familias recursos para la reconstrucción sin condicionamientos.
Garantizar el derecho a defender derechos humanos de las personas defensoras y defensores en Chiapas.
{{Centro de Derechos Humanos Digna Ochoa}}
{{Con el respaldo de}}
{{La Misión Civil de Observación a la Costa de Chiapas Tonalá y Pijijiapan es una iniciativa de la Red TDT integrada y acompañada por las siguientes organizaciones:}}
{{Red Nacional de Organismos Civiles de Derechos Humanos}}
{{“Todos los Derechos para Todas y Todos” (Red TDT)}}
{{Centro de Derechos Humanos “Digna Ochoa”}}
{{Centro de Derechos Humanos “Fray Bartolomé de las Casas”}}
{{Centro de Derechos Humanos “Fray Matías de Córdova”}}
{{Voces Mesoamericanas, Acción con Pueblos Migrantes}}
{{Servicio y Asesoría para la Paz (Serapaz)}}
{{Acompañada por:}}
{{Movimiento Sueco por la Reconciliación (SweFOR) – México}}
{{Servicio Internacional para la Paz (SIPAZ)}}