/* -------------------------------------------------------------------------------- / Plugin Name: Go Portfolio - WordPress Responsive Portfolio Author: Granth Version: 1.6.4 +----------------------------------------------------+ TABLE OF CONTENTS +----------------------------------------------------+ [1] SETUP [2] LAYOUT [3] FILTER [4] PAGINATION [5] SLIDER [6] HEADER, MEDIA, OVERLAY [7] POST CONTENT [8] ISOTOPE PLUGIN [9] MAGNIFIC POPUP / -------------------------------------------------------------------------------- */ /* -------------------------------------------------------------------------------- / [1] SETUP - General settings, clearfix, common classes / -------------------------------------------------------------------------------- */ .gw-gopf-no-trans * { -webkit-transition: none !important; -moz-transition: none !important; -o-transition: none !important; -ms-transition: none !important; transition: none !important; } /* Clearfix */ .gw-gopf-clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } .gw-gopf-clearfix { display:inline-block; } /* Hide from IE Mac \*/ .gw-gopf-clearfix { display:block; } /* End hide from IE Mac */ .gw-gopf-clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } /* In slider mode */ .gw-gopf .caroufredsel_wrapper { margin:0 !important; overflow:visible !important; } /* Reset and set image */ .gw-gopf img { border:none !important; -moz-border-radius:0 !important; -webkit-border-radius:0 !important; border-radius:0 !important; -moz-box-shadow:none !important; -o-box-shadow:none !important; -webkit-box-shadow:none !important; box-shadow:none !important; display:inline-block !important; height:auto !important; max-width:100% !important; margin:0 !important; padding:0 !important; -moz-transition:none; -ms-transition:none; -o-transition:none; -webkit-transition:none; transition:none; vertical-align:middle; -ms-interpolation-mode:bicubic; } .gw-gopf iframe { width:100%; } .gw-gopf-post-media-wrap iframe { height:100% !important; left:0; position:absolute; top:0; } /* OTHER */ /* disable dotted outlines */ :focus { outline:none !important; } ::-moz-focus-inner { border:none !important; } a { outline:none !important;} /* remove tap highlight */ .gw-gopf * { -webkit-tap-highlight-color: rgba(0,0,0,0); } .gw-gopf-disable-trans { -moz-transition:none !important; -ms-transition:none !important; -o-transition:none !important; -webkit-transition:none !important; transition:none !important; } /* -------------------------------------------------------------------------------- / [2] LAYOUT - Columns / -------------------------------------------------------------------------------- */ .gw-gopf-slider-type .gw-gopf-col-wrap{ display:none; } .gw-gopf-slider-type .gw-gopf-col-wrap:first-child { display:block; visibility: hidden; } /* Wrappers */ .gw-gopf-posts-wrap { position:relative; width:100%; -webkit-backface-visibility: hidden; } .gw-gopf-slider-type .gw-gopf-posts-wrap { margin:-20px 0px; padding:20px 0px; } .gw-gopf-posts-wrap-inner { position:relative; } .gw-gopf-posts { margin-right:-10px; width:100% !important; } .gw-gopf-post-col{ position:relative; } /* Default colum widths */ .gw-gopf-col-wrap { float:left; letter-spacing:0; position:relative; } .gw-gopf-1col .gw-gopf-col-wrap { width:100%; } .gw-gopf-2cols .gw-gopf-col-wrap { width:50%; } .gw-gopf-3cols .gw-gopf-col-wrap { width:33.33%; } .gw-gopf-4cols .gw-gopf-col-wrap { width:25%; } .gw-gopf-5cols .gw-gopf-col-wrap { width:20%; } .gw-gopf-6cols .gw-gopf-col-wrap { width:16.66%; } .gw-gopf-7cols .gw-gopf-col-wrap { width:14.2857%; } .gw-gopf-8cols .gw-gopf-col-wrap { width:12.50%; } .gw-gopf-9cols .gw-gopf-col-wrap { width:11.11%; } .gw-gopf-10cols .gw-gopf-col-wrap { width:10%; } /* RTL */ .gw-gopf-rtl .gw-gopf-col-wrap { float:right; } .gw-gopf-slider-type.gw-gopf-rtl .gw-gopf-col-wrap { float:left; } /* opacity filtering */ .gw-gopf-filter-opacity .gw-gopf-col-wrap.gw-gopf-disabled:before { position:absolute; content:''; width:100%; height:100%; z-index:5; -moz-transition:none !important; -ms-transition:none !important; -o-transition:none !important; -webkit-transition:none !important; transition:none !important; } /* -------------------------------------------------------------------------------- / [3] FILTER - Portfolio filter categories / -------------------------------------------------------------------------------- */ .gw-gopf-filter { position:relative; z-index:1; } .gw-gopf-cats { list-style:none; display:block; margin:-10px 0 0; padding:0; position:relative; } .gw-gopf-cats > span { background:none; display:inline-block; margin:10px 0 0; padding:0; } .gw-gopf-cats > span.gw-gopf-hidden { display:none; } /* Centered filter */ .gw-gopf-cats-centered .gw-gopf-cats { text-align:center; } /* Right aligned filter */ .gw-gopf-cats-right .gw-gopf-cats { text-align:right; } /* -------------------------------------------------------------------------------- / [4] PAGINATION - Portfolio pagination / -------------------------------------------------------------------------------- */ .gw-gopf-pagination-wrapper { position:relative; display:none; } .gw-gopf-pagination { list-style:none; display:block; margin:-10px 0 0 !important; padding:0; position:relative; } .gw-gopf-pagination > span, .gw-gopf-pagination > a { background:none; display:inline-block; margin:10px 0 0; padding:0; } /* Centered pagination */ .gw-gopf-pagination-centered .gw-gopf-pagination { text-align:center; } /* Right aligned pagination */ .gw-gopf-pagination-right .gw-gopf-pagination { text-align:right; } /* -------------------------------------------------------------------------------- / [5] SLIDER - Slider arrows / -------------------------------------------------------------------------------- */ .gw-gopf-slider-controls-wrap { margin:0; padding:0; position:relative; width:100%; z-index:1; } .gw-gopf-slider-controls > div { background:none; float:left; margin:0; padding:0; text-align:center; cursor:hand; } .gw-gopf-slider-controls > div:first-child { margin-left:0 !important; } /* Centered filter */ .gw-gopf-slider-controls-centered .gw-gopf-slider-controls { float:left; left:50%; position:relative; } .gw-gopf-slider-controls-centered .gw-gopf-slider-controls > div { float:left; position:relative; right:50%; } /* Right aligned filter */ .gw-gopf-slider-controls-right .gw-gopf-slider-controls { float:right; } /* -------------------------------------------------------------------------------- / [6] HEADER, MEDIA, OVERLAY / -------------------------------------------------------------------------------- */ .gw-gopf-post-header { position:relative !important; width:100%; } .gw-gopf-post-media-wrap { height:auto; -moz-background-size:cover; -o-background-size:cover; -webkit-background-size:cover; background-size:cover; background-position:50% 50%; overflow:hidden; position:relative; z-index:1; } .gw-gopf-post-media-wrap img { width:100%; height:auto; visibility:hidden; } .gw-gopf-post-media-wrap a { border:none !important; display:block; position:relative; } /* Reset and set image */ .gw-gopf-post-media-wrap img.gw-gopf-fallback-img { display:none !important; position:absolute !important; width:100% !important; } /* Overlay */ .gw-gopf-post-overlay, .gw-gopf-post-overlay-bg { background:transparent; display:none; height:100%; filter:alpha(opacity=0); /* IE 5-7 */ -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE 8 */ -khtml-opacity:0; /* Safari 1.x */ -moz-opacity:0; /* Netscape */ opacity:0; overflow:hidden; -moz-transition:opacity 0.1s ease-in-out, height 0.1s 0.1s ease-in-out, top 0.1s 0.1s ease-in-out, bottom 0.1s 0.1s ease-in-out; -ms-transition:opacity 0.1s ease-in-out, height 0.1s 0.1s ease-in-out, top 0.1s 0.1s ease-in-out, bottom 0.1s 0.1s ease-in-out; -o-transition:opacity 0.1s ease-in-out, height 0.1s 0.1s ease-in-out, top 0.1s 0.1s ease-in-out, bottom 0.1s 0.1s ease-in-out; -webkit-transition:opacity 0.1s ease-in-out, height 0.1s 0.1s ease-in-out, top 0.1s 0.1s ease-in-out, bottom 0.1s 0.1s ease-in-out; transition:opacity 0.1s ease-in-out, height 0.1s 0.1s ease-in-out, top 0.1s 0.1s ease-in-out, bottom 0.1s 0.1s ease-in-out; position:absolute; text-align:center; width:100%; z-index:3; } .gw-gopf-has-overlay .gw-gopf-post-overlay, .gw-gopf-touch .gw-gopf-has-overlay .gw-gopf-post-overlay-hover:hover .gw-gopf-post-overlay, .gw-gopf-touch .gw-gopf-has-overlay .gw-gopf-post-header:hover .gw-gopf-post-overlay { display:block; } .gw-gopf-post-overlay-bg { display:block; content:''; left:0; filter:alpha(opacity=0); /* IE 5-7 */ -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE 8 */ -khtml-opacity:0; /* Safari 1.x */ -moz-opacity:0; /* Netscape */ opacity:0; top:0; z-index:-1; } .gw-gopf-post-overlay-hover:hover .gw-gopf-post-overlay, .gw-gopf-post-header:hover .gw-gopf-post-overlay, .gw-gopf-touch .gw-gopf-current.gw-gopf-post .gw-gopf-post-overlay { filter:alpha(opacity=100); /* IE 5-7 */ -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; /* IE 8 */ -khtml-opacity:1; /* Safari 1.x */ -moz-opacity:1; /* Netscape */ opacity:1; -moz-transition:opacity 0.3s ease-in-out, height 0.3s ease-in-out, top 0.3s ease-in-out, bottom 0.3s ease-in-out; -ms-transition:opacity 0.3s ease-in-out, height 0.3s ease-in-out, top 0.3s ease-in-out, bottom 0.3s ease-in-out; -o-transition:opacity 0.3s ease-in-out, height 0.3s ease-in-out, top 0.3s ease-in-out, bottom 0.3s ease-in-out; -webkit-transition:opacity 0.3s ease-in-out, height 0.3s ease-in-out, top 0.3s ease-in-out, bottom 0.3s ease-in-out; transition:opacity 0.3s ease-in-out, height 0.3s ease-in-out, top 0.3s ease-in-out, bottom 0.3s ease-in-out; } .gw-gopf-post-overlay:before { content:''; display:inline-block; height:100%; vertical-align:middle; margin-right: -0.25em; /* Adjusts for spacing */ } /* Overlay inner */ .gw-gopf-post-overlay-inner, .gw-gopf-touch .gw-gopf-post-overlay-hover:hover .gw-gopf-post-overlay-inner, .gw-gopf-touch .gw-gopf-post-header:hover .gw-gopf-post-overlay-inner { display:inline-block; left:1px; padding-top:20px; position:relative; text-align:center; top:-40px; -moz-transition:opacity 0s 0.1s ease-in-out, top 0s 0.1s ease-in-out, padding 0s 0.1s ease-in-out; -ms-transition:opacity 0s 0.1s ease-in-out, top 0s 0.1s ease-in-out, padding 0s 0.1s ease-in-out; -o-transition:opacity 0s 0.1s ease-in-out, top 0s 0.1s ease-in-out, padding 0s 0.1s ease-in-out; -webkit-transition:opacity 0s 0.1s ease-in-out, top 0s 0.1s ease-in-out, padding 0s 0.1s ease-in-out; transition:opacity 0s 0.1s ease-in-out, top 0s 0.1s ease-in-out, padding 0s 0.1s ease-in-out; vertical-align:middle; visibility:hidden; } .gw-gopf-post-overlay-hover:hover .gw-gopf-post-overlay-inner, .gw-gopf-post-header:hover .gw-gopf-post-overlay-inner, .gw-gopf-touch .gw-gopf-current.gw-gopf-post .gw-gopf-post-overlay-inner { padding-top:0; top:-5px; -moz-transition:opacity 0.3s ease-in-out, top 0.15s ease-in-out, padding 0.15s 0.1s ease-in-out; -ms-transition:opacity 0.3s ease-in-out, top 0.15s ease-in-out, padding 0.15s 0.1s ease-in-out; -o-transition:opacity 0.3s ease-in-out, top 0.15s ease-in-out, padding 0.15s 0.1s ease-in-out; -webkit-transition:opacity 0.3s ease-in-out, top 0.15s ease-in-out, padding 0.15s 0.1s ease-in-out; transition:opacity 0.3s ease-in-out, top 0.15s ease-in-out, padding 0.15s 0.1s ease-in-out; visibility:visible; } .gw-gopf-post-overlay-btn, .gw-gopf-post-overlay-circle { margin-top:10px; } .gw-gopf-circle { vertical-align:top; } .gw-gopf-circle img { vertical-align:0; } /* Overlay link */ .gw-gopf-post-overlay.gw-gopf-post-overlay-link { display:block; position:absolute; z-index:3; width:100%; } .gw-gopf-post-overlay-inner a { cursor:pointer; } /* -------------------------------------------------------------------------------- / [7] POST CONTENT / -------------------------------------------------------------------------------- */ .gw-gopf-post { position:relative; } .gw-gopf-post-content-wrap { overflow:hidden; position:relative; z-index:1; } .gw-gopf-post-content-wrap:before { content:''; display:block; height:100%; left:0; position:absolute; top:0; width:100%; z-index:-1; } .gw-gopf-post-content { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; overflow:hidden; text-align:left; } .gw-gopf-post-content a, .gw-gopf-post-content a:hover { text-decoration:none; } .gw-gopf-post-content h2, .gw-gopf-post-content h2 a { margin:0 0 3px 0 !important; padding:0; } /* -------------------------------------------------------------------------------- / [8] ISOTOPE PLUGIN / -------------------------------------------------------------------------------- */ .gw-gopf-isotope { overflow:visible !important; } .gw-gopf-isotope-item { z-index:2; } .gw-gopf-isotope-item:hover { z-index:3; } .gw-gopf-isotope-hidden.gw-gopf-isotope-item { pointer-events:none; z-index:1; } .gw-gopf-isotope-ready .gw-gopf-isotope, .gw-gopf-isotope-new-added .gw-gopf-isotope { -webkit-transition-duration:0.8s; -moz-transition-duration:0.8s; -ms-transition-duration:0.8s; -o-transition-duration:0.8s; transition-duration:0.8s; -webkit-transition-property:height, width; -moz-transition-property:height, width; -ms-transition-property:height, width; -o-transition-property:height, width; transition-property:height, width; -webkit-backface-visibility: hidden; } .gw-gopf-isotope-ready .gw-gopf-isotope .gw-gopf-isotope-item { -webkit-transition:-webkit-transform 0.8s, opacity 0.8s, z-index 0s 0.1s; -moz-transition:-moz-transform 0.8s, opacity 0.8s, z-index 0s 0.1s; -ms-transition:-ms-transform 0.8s, opacity 0.8s, z-index 0s 0.1s; -o-transition:-o-transform 0.8s, opacity 0.8s, z-index 0s 0.1s; transition:transform 0.8s, opacity 0.8s, z-index 0s 0.1s; -webkit-backface-visibility: hidden; } /* RTL */ .gw-gopf-rtl.gw-gopf-isotope-ready .gw-gopf-isotope .gw-gopf-isotope-item { -webkit-transition:right 0.8s, top 0.8s, opacity 0.8s, z-index 0s 0.1s; -moz-transition:right 0.8s, top 0.8s, opacity 0.8s, z-index 0s 0.1s; -ms-transition:right 0.8s, top 0.8s, opacity 0.8s, z-index 0s 0.1s; -o-transition:right 0.8s, top 0.8s, opacity 0.8s, z-index 0s 0.1s; transition:right 0.8s, top 0.8s, opacity 0.8s, z-index 0s 0.1s; } .gw-gopf-isotope-ready .gw-gopf-isotope .gw-gopf-isotope-item:hover { -webkit-transition:-webkit-transform 0.8s, opacity 0.8s, z-index 0s 0s; -moz-transition:-moz-transform 0.8s, opacity 0.8s, z-index 0s 0s; -ms-transition:-ms-transform 0.8s, opacity 0.8s, z-index 0s 0s; -o-transition:-o-transform 0.8s, opacity 0.8s, z-index 0s 0s; transition:transform 0.8s, opacity 0.8s, z-index 0s 0s; -webkit-backface-visibility: hidden; } /* -------------------------------------------------------------------------------- / [9] MAGNIFIC POPUP / -------------------------------------------------------------------------------- */ .gw-gopf-mfp-bottom-bar { top:auto; bottom:40px; background:rgba(0,0,0,0.7); } .gw-gopf-mfp-close { background:url(../images/icon_close.png) right 0 no-repeat; cursor:pointer; height:34px; filter:alpha(opacity=65); /* IE 5-7 */ -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=65)"; /* IE 8 */ -khtml-opacity:0.65; /* Safari 1.x */ -moz-opacity:0.65; /* Netscape */ opacity:0.65; position:absolute; right:0; top:6px; -moz-transition:all 0.1s ease-in-out; -ms-transition:all 0.1s ease-in-out; -o-transition:all 0.1s ease-in-out; -webkit-transition:all 0.1s ease-in-out; transition:all 0.1s ease-in-out; width:34px; } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and ( min--moz-device-pixel-ratio: 2), only screen and ( -o-min-device-pixel-ratio: 2/1), only screen and ( min-device-pixel-ratio: 2), only screen and ( min-resolution: 192dpi), only screen and ( min-resolution: 2dppx) { .gw-gopf-mfp-close { background:url(../images/icon_close@2x.png) 0 0 no-repeat; background-size:18px auto; } } .gw-gopf-mfp-close:hover { filter:alpha(opacity=100); /* IE 5-7 */ -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; /* IE 8 */ -khtml-opacity:1; /* Safari 1.x */ -moz-opacity:1; /* Netscape */ opacity:1; } .gw-gopf-mfp-title.mfp-title { color:#bababa; font-size:15px; height:auto; line-height:20px; padding:5px; } .gw-gopf-mfp-title-info { margin-top:5px; font-size:13px; } .gw-gopf-mfp-counter.mfp-counter { color:#bababa; padding:5px; } .gw-gopf-mfp-arrow.mfp-arrow { cursor:pointer !important; filter:alpha(opacity=65) !important; /* IE 5-7 */ -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=65)" !important; /* IE 8 */ -khtml-opacity:0.65 !important; /* Safari 1.x */ -moz-opacity:0.65 !important; /* Netscape */ opacity:0.65 !important; -webkit-transform:none !important; transform:none !important; z-index:1048; } .gw-gopf-mfp-arrow.mfp-arrow:hover { filter:alpha(opacity=100) !important; /* IE 5-7 */ -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)" !important; /* IE 8 */ -khtml-opacity:1 !important; /* Safari 1.x */ -moz-opacity:1 !important; /* Netscape */ opacity:1 !important; } .gw-gopf-mfp-arrow.mfp-arrow:before, .gw-gopf-mfp-arrow.mfp-arrow:after { border:none !important; } .gw-gopf-mfp-arrow.mfp-arrow-left { background:url(../images/icon_lb_prev.png) 50% 50% no-repeat !important; } .gw-gopf-mfp-arrow.mfp-arrow-right { background:url(../images/icon_lb_next.png) 50% 50% no-repeat !important; } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and ( min--moz-device-pixel-ratio: 2), only screen and ( -o-min-device-pixel-ratio: 2/1), only screen and ( min-device-pixel-ratio: 2), only screen and ( min-resolution: 192dpi), only screen and ( min-resolution: 2dppx) { .gw-gopf-mfp-arrow.mfp-arrow-left { background:url(../images/icon_lb_prev@2x.png) 50% 50% no-repeat !important; background-size:34px auto !important; } .gw-gopf-mfp-arrow.mfp-arrow-right { background:url(../images/icon_lb_next@2x.png) 50% 50% no-repeat !important; background-size:34px auto !important; } } .mfp-iframe-holder .gw-gopf-mfp-close { top:-34px !important; } /** * Fade-move animation for second dialog */ /* at start */ .my-mfp-slide-bottom .mfp-figure { opacity: 0; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; -webkit-transform: translateY(-20px) perspective( 600px ) rotateX( 10deg ); -moz-transform: translateY(-20px) perspective( 600px ) rotateX( 10deg ); -ms-transform: translateY(-20px) perspective( 600px ) rotateX( 10deg ); -o-transform: translateY(-20px) perspective( 600px ) rotateX( 10deg ); transform: translateY(-20px) perspective( 600px ) rotateX( 10deg ); } /* animate in */ .my-mfp-slide-bottom.mfp-ready .mfp-figure { opacity: 1; -webkit-transform: translateY(0) perspective( 600px ) rotateX( 0 ); -moz-transform: translateY(0) perspective( 600px ) rotateX( 0 ); -ms-transform: translateY(0) perspective( 600px ) rotateX( 0 ); -o-transform: translateY(0) perspective( 600px ) rotateX( 0 ); transform: translateY(0) perspective( 600px ) rotateX( 0 ); } /* animate out */ .my-mfp-slide-bottom.mfp-removing .mfp-figure { opacity: 0; -webkit-transform: translateY(-10px) perspective( 600px ) rotateX( 10deg ); -moz-transform: translateY(-10px) perspective( 600px ) rotateX( 10deg ); -ms-transform: translateY(-10px) perspective( 600px ) rotateX( 10deg ); -o-transform: translateY(-10px) perspective( 600px ) rotateX( 10deg ); transform: translateY(-10px) perspective( 600px ) rotateX( 10deg ); } /* Dark overlay, start state */ .my-mfp-slide-bottom.mfp-bg { opacity: 0; -webkit-transition: opacity 0.3s ease-out; -moz-transition: opacity 0.3s ease-out; -o-transition: opacity 0.3s ease-out; transition: opacity 0.3s ease-out; } /* animate in */ .my-mfp-slide-bottom.mfp-ready.mfp-bg { opacity: 0.8; } /* animate out */ .my-mfp-slide-bottom.mfp-removing.mfp-bg { opacity: 0; }