/wp-content/plugins/gallery-by-supsystic/src/GridGallery/Galleries/assets/css/grid-gallery.galleries.effects.css
CSS | 1886 lines | 1685 code | 172 blank | 29 comment | 0 complexity | a7cef593759f404495342258812dad40 MD5 | raw file
Possible License(s): GPL-2.0, Apache-2.0, BSD-3-Clause
- .grid-gallery-caption {
- position: relative;
- float: left;
- overflow: hidden;
- -webkit-box-sizing: border-box;
- -moz-box-sizing: border-box;
- box-sizing: border-box;
- display: inline-flex;
- white-space: normal;
- z-index: 1;
- padding: 0!important;
- }
- a.post .grid-gallery-caption {
- position: relative;
- float: left;
- overflow: hidden;
- -webkit-box-sizing: border-box;
- -moz-box-sizing: border-box;
- box-sizing: border-box;
- display: block !important;
- }
- /*.grid-gallery-caption:nth-child(2n) {
- margin-right: 0;
- }*/
- .grid-gallery-caption img {
- -webkit-transition: 500ms;
- -o-transition: 500ms;
- transition: 500ms;
- width: 100%;
- height: 100%;
- display: block;
- border-radius: 0;
- margin: 0;
- }
- .grid-gallery-caption figcaption {
- -webkit-box-sizing: border-box;
- -moz-box-sizing: border-box;
- box-sizing: border-box;
- position: absolute;
- -webkit-transition: 500ms;
- -o-transition: 500ms;
- transition: 500ms;
- background: rgba(0, 0, 0, 0.8);
- width: 100%;
- color: white;
- font-size: 0.8em;
- padding: 10px;
- line-height: normal;
- }
- .grid-gallery-caption[data-grid-gallery-type="none"] figcaption {
- bottom: 0;
- left: 0;
- opacity: 1;
- }
- .grid-gallery-caption[data-grid-gallery-type="center"] figcaption {
- top: 50%;
- left: 0;
- opacity: 0;
- }
- .grid-gallery-caption[data-grid-gallery-type="center"]:hover figcaption,
- .grid-gallery-caption[data-grid-gallery-type="center"].hovered figcaption,
- .grid-gallery-caption[data-grid-gallery-type="center"]:active figcaption {
- opacity: 1;
- -webkit-transform: translateY(-50%);
- -ms-transform: translateY(-50%);
- transform: translateY(-50%);
- }
- .grid-gallery-caption[data-grid-gallery-type="icons"] figcaption {
- left: 0;
- bottom: 0;
- opacity: 0;
- height: 100%;
- color: #ffffff;
- pointer-events: none;
- }
- .grid-gallery-caption[data-grid-gallery-type="icons"] figcaption a {
- pointer-events: all;
- }
- .grid-gallery-caption[data-grid-gallery-type="icons"] .caption-with-icons {
- position: absolute;
- left: 0;
- bottom: 0;
- width: 100%;
- padding: 10px;
- font-family: 'Montserrat', sans-serif;
- font-weight: 800;
- }
- .grid-gallery-caption[data-grid-gallery-type="icons"]:hover figcaption,
- .grid-gallery-caption[data-grid-gallery-type="icons"]:active figcaption {
- opacity: 1;
- }
- .grid-gallery-caption[data-grid-gallery-type="icons-scale"] figcaption {
- left: 0;
- bottom: 0;
- opacity: 0;
- height: 100%;
- -webkit-transform: scale(1.4);
- -ms-transform: scale(1.4);
- -o-transform: scale(1.4);
- transform: scale(1.4);
- -webkit-transition-duration: 500ms;
- -o-transition-duration: 500ms;
- -ms-transition-duration: 500ms;
- transition-duration: 500ms;
- pointer-events: none;
- }
- .grid-gallery-caption[data-grid-gallery-type="icons-scale"] figcaption a {
- pointer-events: all;
- }
- .grid-gallery-caption[data-grid-gallery-type="icons-scale"] .caption-with-icons-scale {
- position: absolute;
- left: 0;
- bottom: 0;
- opacity: 0;
- width: 100%;
- padding: 10px 0;
- font-family: 'Montserrat', sans-serif;
- font-weight: 800;
- color: #ffffff;
- -webkit-transform: scale(2.0);
- -ms-transform: scale(2.0);
- -o-transform: scale(2.0);
- transform: scale(2.0);
- -webkit-transition-duration: 500ms;
- -o-transition-duration: 500ms;
- -ms-transition-duration: 500ms;
- transition-duration: 500ms;
- }
- .grid-gallery-caption[data-grid-gallery-type="icons-scale"]:hover figcaption,
- .grid-gallery-caption[data-grid-gallery-type="icons-scale"]:active figcaption {
- opacity: 1;
- -webkit-transform: scale(1.0);
- -ms-transform: scale(1.0);
- -o-transform: scale(1.0);
- transform: scale(1.0);
- }
- .grid-gallery-caption[data-grid-gallery-type="icons-scale"]:hover .caption-with-icons-scale,
- .grid-gallery-caption[data-grid-gallery-type="icons-scale"]:active .caption-with-icons-scale {
- opacity: 1;
- -webkit-transform: scale(1.0);
- -ms-transform: scale(1.0);
- -o-transform: scale(1.0);
- transform: scale(1.0);
- }
- .grid-gallery-caption[data-grid-gallery-type="icons-sodium-left"] figcaption {
- left: -60%;
- bottom: 0;
- opacity: 0;
- width: 60%;
- height: 100%;
- -webkit-transition-duration: 300ms;
- -o-transition-duration: 300ms;
- -ms-transition-duration: 300ms;
- transition-duration: 300ms;
- }
- .grid-gallery-caption[data-grid-gallery-type="icons-sodium-left"] .caption-with-icons-sodium-left {
- position: absolute;
- left: 100%;
- bottom: 0;
- opacity: 0;
- width: 50%;
- height: 100%;
- font-family: 'Montserrat', sans-serif;
- font-weight: bold;
- color: #ffffff;
- z-index: 9999;
- -webkit-transition-duration: 500ms;
- -o-transition-duration: 500ms;
- -ms-transition-duration: 500ms;
- transition-duration: 500ms;
- }
- .grid-gallery-caption[data-grid-gallery-type="icons-sodium-left"] .caption-with-icons-sodium-left div {
- margin-top: 10px;
- }
- .grid-gallery-caption[data-grid-gallery-type="icons-sodium-left"]:hover figcaption,
- .grid-gallery-caption[data-grid-gallery-type="icons-sodium-left"]:active figcaption {
- opacity: 1;
- -webkit-transform: translateX(100%);
- -ms-transform: translateX(100%);
- -o-transform: translateX(100%);
- transform: translateX(100%);
- }
- .grid-gallery-caption[data-grid-gallery-type="icons-sodium-left"]:hover .caption-with-icons-sodium-left,
- .grid-gallery-caption[data-grid-gallery-type="icons-sodium-left"]:active .caption-with-icons-sodium-left {
- opacity: 1;
- -webkit-transform: translateX(-100%);
- -ms-transform: translateX(-100%);
- -o-transform: translateX(-100%);
- transform: translateX(-100%);
- }
- .grid-gallery-caption[data-grid-gallery-type="icons-sodium-top"] figcaption {
- left: 0;
- bottom: -100%;
- opacity: 0;
- width: 60%;
- height: 100%;
- -webkit-transition-duration: 300ms;
- -o-transition-duration: 300ms;
- -ms-transition-duration: 300ms;
- transition-duration: 300ms;
- }
- .grid-gallery-caption[data-grid-gallery-type="icons-sodium-top"] .caption-with-icons-sodium-top {
- position: absolute;
- left: 100%;
- bottom: 0;
- opacity: 0;
- width: 50%;
- height: 100%;
- font-family: 'Montserrat', sans-serif;
- font-weight: bold;
- color: #ffffff;
- z-index: 9999;
- -webkit-transition-duration: 500ms;
- -o-transition-duration: 500ms;
- -ms-transition-duration: 500ms;
- transition-duration: 500ms;
- }
- .grid-gallery-caption[data-grid-gallery-type="icons-sodium-top"]:hover figcaption,
- .grid-gallery-caption[data-grid-gallery-type="icons-sodium-top"]:active figcaption {
- opacity: 1;
- -webkit-transform: translateY(-100%);
- -ms-transform: translateY(-100%);
- -o-transform: translateY(-100%);
- transform: translateY(-100%);
- }
- .grid-gallery-caption[data-grid-gallery-type="icons-sodium-top"]:hover .caption-with-icons-sodium-top,
- .grid-gallery-caption[data-grid-gallery-type="icons-sodium-top"]:active .caption-with-icons-sodium-top {
- opacity: 1;
- -webkit-transform: translateX(-100%);
- -ms-transform: translateX(-100%);
- -o-transform: translateX(-100%);
- transform: translateX(-100%);
- }
- .grid-gallery-caption[data-grid-gallery-type="icons-nitrogen-top"] figcaption {
- left: 0;
- bottom: -100%;
- opacity: 0.0;
- width: 100%;
- height: 100%;
- -webkit-transition-duration: 300ms;
- -o-transition-duration: 300ms;
- -ms-transition-duration: 300ms;
- transition-duration: 300ms;
- }
- .grid-gallery-caption[data-grid-gallery-type="icons-nitrogen-top"] .caption-with-icons-nitrogen-top {
- position: absolute;
- left: 0;
- bottom: 0;
- width: 100%;
- padding: 10px 0;
- font-family: 'Montserrat', sans-serif;
- font-weight: bold;
- color: #ffffff;
- -webkit-transition-duration: 500ms;
- -o-transition-duration: 500ms;
- -ms-transition-duration: 500ms;
- transition-duration: 500ms;
- }
- .grid-gallery-caption[data-grid-gallery-type="icons-nitrogen-top"]:hover figcaption,
- .grid-gallery-caption[data-grid-gallery-type="icons-nitrogen-top"]:active figcaption {
- opacity: 1.0;
- -webkit-transform: translateY(-100%);
- -ms-transform: translateY(-100%);
- -o-transform: translateY(-100%);
- transform: translateY(-100%);
- }
- .grid-gallery-caption[data-grid-gallery-type="icons-nitrogen-top"]:hover .caption-with-icons-nitrogen-top,
- .grid-gallery-caption[data-grid-gallery-type="icons-nitrogen-top"]:active .caption-with-icons-nitrogen-top {
- opacity: 0.0;
- }
- .grid-gallery-caption[data-grid-gallery-type="quarter-appear"] figcaption {
- bottom: 0;
- left: 0;
- opacity: 0;
- }
- .grid-gallery-caption[data-grid-gallery-type="quarter-appear"]:hover figcaption,
- .grid-gallery-caption[data-grid-gallery-type="quarter-appear"].hovered figcaption,
- .grid-gallery-caption[data-grid-gallery-type="quarter-appear"]:active figcaption {
- opacity: 1;
- }
- .grid-gallery-caption[data-grid-gallery-type="quarter-slide-up"] figcaption {
- bottom: 0;
- left: 0;
- opacity: 0;
- -webkit-transform: translateY(100%);
- -ms-transform: translateY(100%);
- -o-transform: translateY(100%);
- transform: translateY(100%);
- }
- .grid-gallery-caption[data-grid-gallery-type="quarter-slide-up"]:hover figcaption,
- .grid-gallery-caption[data-grid-gallery-type="quarter-slide-up"].hovered figcaption,
- .grid-gallery-caption[data-grid-gallery-type="quarter-slide-up"]:active figcaption {
- opacity: 1;
- -webkit-transform: translateY(0);
- -ms-transform: translateY(0);
- -o-transform: translateY(0);
- transform: translateY(0);
- }
- .grid-gallery-caption[data-grid-gallery-type="sqkwoosh"] figcaption {
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- -webkit-transition: none;
- -o-transition: none;
- transition: none;
- z-index: 0;
- }
- .grid-gallery-caption[data-grid-gallery-type="sqkwoosh"] img {
- position: relative;
- z-index: 1;
- -webkit-transition-delay: 0.25s;
- -o-transition-delay: 0.25s;
- transition-delay: 0.25s;
- }
- .grid-gallery-caption[data-grid-gallery-type="sqkwoosh"] .grid-gallery-figcaption-wrap {
- position: absolute;
- bottom: 1rem;
- opacity: 0;
- -webkit-transition: opacity 0.25s linear 0s;
- -o-transition: opacity 0.25s linear 0s;
- transition: opacity 0.25s linear 0s;
- }
- .grid-gallery-caption[data-grid-gallery-type="sqkwoosh"]:hover .grid-gallery-figcaption-wrap,
- .grid-gallery-caption[data-grid-gallery-type="sqkwoosh"].hovered .grid-gallery-figcaption-wrap,
- .grid-gallery-caption[data-grid-gallery-type="sqkwoosh"]:active .grid-gallery-figcaption-wrap {
- opacity: 1;
- -webkit-transition-delay: 0.25s;
- -o-transition-delay: 0.25s;
- transition-delay: 0.25s;
- }
- .grid-gallery-caption[data-grid-gallery-type="sqkwoosh"]:hover img,
- .grid-gallery-caption[data-grid-gallery-type="sqkwoosh"].hovered img,
- .grid-gallery-caption[data-grid-gallery-type="sqkwoosh"]:active img {
- -webkit-transform: scale(0.5) translateY(-80px);
- -ms-transform: scale(0.5) translateY(-80px);
- -o-transform: scale(0.5) translateY(-80px);
- transform: scale(0.5) translateY(-80px);
- -webkit-transition-delay: 0;
- -o-transition-delay: 0;
- transition-delay: 0;
- }
- .grid-gallery-caption[data-grid-gallery-type="quarter-slide-side"] figcaption {
- left: 0;
- bottom: 0;
- opacity: 0;
- -webkit-transform: translateX(100%);
- -ms-transform: translateX(100%);
- -o-transform: translateX(100%);
- transform: translateX(100%);
- }
- .grid-gallery-caption[data-grid-gallery-type="quarter-slide-side"]:hover figcaption,
- .grid-gallery-caption[data-grid-gallery-type="quarter-slide-side"].hovered figcaption,
- .grid-gallery-caption[data-grid-gallery-type="quarter-slide-side"]:active figcaption {
- opacity: 1;
- -webkit-transform: translateX(0);
- -ms-transform: translateX(0);
- -o-transform: translateX(0);
- transform: translateX(0);
- }
- .grid-gallery-caption[data-grid-gallery-type="cover-fade"] figcaption {
- top: 0;
- left: 0;
- height: 100%;
- opacity: 0;
- }
- .grid-gallery-caption[data-grid-gallery-type="cover-fade"]:hover figcaption,
- .grid-gallery-caption[data-grid-gallery-type="cover-fade"].hovered figcaption,
- .grid-gallery-caption[data-grid-gallery-type="cover-fade"]:active figcaption {
- opacity: 1;
- }
- .grid-gallery-caption[data-grid-gallery-type="quarter-fall-in"] figcaption {
- top: 0;
- left: 0;
- -webkit-transform: translateX(100%) rotate(20deg);
- -ms-transform: translateX(100%) rotate(20deg);
- -o-transform: translateX(100%) rotate(20deg);
- transform: translateX(100%) rotate(20deg);
- opacity: 0;
- }
- .grid-gallery-caption[data-grid-gallery-type="quarter-fall-in"]:hover figcaption,
- .grid-gallery-caption[data-grid-gallery-type="quarter-fall-in"].hovered figcaption,
- .grid-gallery-caption[data-grid-gallery-type="quarter-fall-in"]:active figcaption {
- -webkit-transform: translateX(0) rotate(0deg);
- -ms-transform: translateX(0) rotate(0deg);
- -o-transform: translateX(0) rotate(0deg);
- transform: translateX(0) rotate(0deg);
- opacity: 1;
- }
- .grid-gallery-caption[data-grid-gallery-type="quarter-two-step"] figcaption {
- top: 0;
- left: 0;
- -webkit-transform: translateX(-100%);
- -ms-transform: translateX(-100%);
- -o-transform: translateX(-100%);
- transform: translateX(-100%);
- opacity: 0;
- z-index: 2;
- }
- .grid-gallery-caption[data-grid-gallery-type="quarter-two-step"] .grid-gallery-figcaption-wrap {
- -webkit-transition: 500ms 250ms;
- -o-transition: 500ms 250ms;
- transition: 500ms 250ms;
- -webkit-transform: translateX(200%);
- -ms-transform: translateX(200%);
- -o-transform: translateX(200%);
- transform: translateX(200%);
- }
- .grid-gallery-caption[data-grid-gallery-type="quarter-two-step"]:hover figcaption,
- .grid-gallery-caption[data-grid-gallery-type="quarter-two-step"].hovered figcaption,
- .grid-gallery-caption[data-grid-gallery-type="quarter-two-step"]:active figcaption {
- -webkit-transform: translateX(0);
- -ms-transform: translateX(0);
- -o-transform: translateX(0);
- transform: translateX(0);
- opacity: 1;
- }
- .grid-gallery-caption[data-grid-gallery-type="quarter-two-step"]:hover .grid-gallery-figcaption-wrap,
- .grid-gallery-caption[data-grid-gallery-type="quarter-two-step"].hovered figcaption,
- .grid-gallery-caption[data-grid-gallery-type="quarter-two-step"]:active .grid-gallery-figcaption-wrap {
- -webkit-transform: translateX(0);
- -ms-transform: translateX(0);
- -o-transform: translateX(0);
- transform: translateX(0);
- }
- .grid-gallery-caption[data-grid-gallery-type="cover-push-right"] figcaption {
- top: 0;
- left: 0;
- height: 100%;
- -webkit-transform: translateX(-100%);
- -ms-transform: translateX(-100%);
- -o-transform: translateX(-100%);
- transform: translateX(-100%);
- opacity: 0;
- }
- .grid-gallery-caption[data-grid-gallery-type="cover-push-right"] img {
- -webkit-transition: 500ms;
- -o-transition: 500ms;
- transition: 500ms;
- -webkit-transform: translateX(0);
- -ms-transform: translateX(0);
- -o-transform: translateX(0);
- transform: translateX(0);
- }
- .grid-gallery-caption[data-grid-gallery-type="cover-push-right"]:hover figcaption,
- .grid-gallery-caption[data-grid-gallery-type="cover-push-right"].hovered figcaption,
- .grid-gallery-caption[data-grid-gallery-type="cover-push-right"]:active figcaption {
- -webkit-transform: translateX(0);
- -ms-transform: translateX(0);
- -o-transform: translateX(0);
- transform: translateX(0);
- opacity: 1;
- }
- .grid-gallery-caption[data-grid-gallery-type="cover-push-right"]:hover img,
- .grid-gallery-caption[data-grid-gallery-type="cover-push-right"].hovered img,
- .grid-gallery-caption[data-grid-gallery-type="cover-push-right"]:active img {
- -webkit-transform: translateX(100%);
- -ms-transform: translateX(100%);
- -o-transform: translateX(100%);
- transform: translateX(100%);
- }
- .grid-gallery-caption[data-grid-gallery-type="cover-slide-top"] figcaption {
- top: 0;
- left: 0;
- height: 100%;
- -webkit-transform: translateY(-100%);
- -ms-transform: translateY(-100%);
- -o-transform: translateY(-100%);
- transform: translateY(-100%);
- opacity: 0;
- }
- .grid-gallery-caption[data-grid-gallery-type="cover-slide-top"] img {
- -webkit-transition: 500ms;
- -o-transition: 500ms;
- transition: 500ms;
- }
- .grid-gallery-caption[data-grid-gallery-type="cover-slide-top"]:hover figcaption,
- .grid-gallery-caption[data-grid-gallery-type="cover-slide-top"].hovered figcaption,
- .grid-gallery-caption[data-grid-gallery-type="cover-slide-top"]:active figcaption {
- -webkit-transform: translateY(0);
- -ms-transform: translateY(0);
- -o-transform: translateY(0);
- transform: translateY(0);
- opacity: 1;
- }
- .grid-gallery-caption[data-grid-gallery-type="quarter-zoom"] figcaption {
- top: 0;
- left: 0;
- -webkit-transform: scale(2);
- -ms-transform: scale(2);
- -o-transform: scale(2);
- transform: scale(2);
- text-align: center;
- opacity: 0;
- }
- .grid-gallery-caption[data-grid-gallery-type="quarter-zoom"] img {
- -webkit-transition: 500ms;
- -o-transition: 500ms;
- transition: 500ms;
- }
- .grid-gallery-caption[data-grid-gallery-type="quarter-zoom"]:hover figcaption,
- .grid-gallery-caption[data-grid-gallery-type="quarter-zoom"].hovered figcaption,
- .grid-gallery-caption[data-grid-gallery-type="quarter-zoom"]:active figcaption {
- -webkit-transform: scale(1);
- -ms-transform: scale(1);
- -o-transform: scale(1);
- transform: scale(1);
- opacity: 1;
- }
- .grid-gallery-caption[data-grid-gallery-type="quarter-zoom"]:hover img,
- .grid-gallery-caption[data-grid-gallery-type="quarter-zoom"].hovered img,
- .grid-gallery-caption[data-grid-gallery-type="quarter-zoom"]:active img {
- -webkit-transform: scale(1.1);
- -ms-transform: scale(1.1);
- -o-transform: scale(1.1);
- transform: scale(1.1);
- }
- .grid-gallery-caption[data-grid-gallery-type="revolving-door-left"] {
- /*overflow: visible;*/
- }
- .grid-gallery-caption[data-grid-gallery-type="revolving-door-left"] figcaption {
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- -webkit-transform: perspective(1300px) rotateY(180deg);
- -ms-transform: perspective(1300px) rotateY(180deg);
- -o-transform: perspective(1300px) rotateY(180deg);
- transform: perspective(1300px) rotateY(180deg);
- -webkit-backface-visibility: hidden;
- -ms-backface-visibility: hidden;
- -o-backface-visibility: hidden;
- backface-visibility: hidden;
- }
- .grid-gallery-caption[data-grid-gallery-type="revolving-door-left"] img {
- -webkit-transform: perspective(1300px);
- -ms-transform: perspective(1300px);
- -o-transform: perspective(1300px);
- transform: perspective(1300px);
- -webkit-transition: 500ms;
- -o-transition: 500ms;
- transition: 500ms;
- }
- .grid-gallery-caption[data-grid-gallery-type="revolving-door-left"]:hover figcaption,
- .grid-gallery-caption[data-grid-gallery-type="revolving-door-left"].hovered figcaption,
- .grid-gallery-caption[data-grid-gallery-type="revolving-door-left"]:active figcaption {
- -webkit-transform: perspective(1300px) rotateY(0deg);
- -ms-transform: perspective(1300px) rotateY(0deg);
- -o-transform: perspective(1300px) rotateY(0deg);
- transform: perspective(1300px) rotateY(0deg);
- }
- .grid-gallery-caption[data-grid-gallery-type="revolving-door-left"]:hover img,
- .grid-gallery-caption[data-grid-gallery-type="revolving-door-left"].hovered img,
- .grid-gallery-caption[data-grid-gallery-type="revolving-door-left"]:active img {
- -webkit-transform: perspective(1300px) rotateY(-180deg);
- -ms-transform: perspective(1300px) rotateY(-180deg);
- -o-transform: perspective(1300px) rotateY(-180deg);
- transform: perspective(1300px) rotateY(-180deg);
- }
- .grid-gallery-caption[data-grid-gallery-type="revolving-door-right"] {
- /*overflow: visible;*/
- }
- .grid-gallery-caption[data-grid-gallery-type="revolving-door-right"] figcaption {
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- -webkit-transform: perspective(1300px) rotateY(180deg);
- -ms-transform: perspective(1300px) rotateY(180deg);
- -o-transform: perspective(1300px) rotateY(180deg);
- transform: perspective(1300px) rotateY(180deg);
- -webkit-backface-visibility: hidden;
- -ms-backface-visibility: hidden;
- -o-backface-visibility: hidden;
- backface-visibility: hidden;
- }
- .grid-gallery-caption[data-grid-gallery-type="revolving-door-right"] img {
- -webkit-transform: perspective(1300px);
- -ms-transform: perspective(1300px);
- -o-transform: perspective(1300px);
- transform: perspective(1300px);
- -webkit-transition: 500ms;
- -o-transition: 500ms;
- transition: 500ms;
- }
- .grid-gallery-caption[data-grid-gallery-type="revolving-door-right"]:hover figcaption,
- .grid-gallery-caption[data-grid-gallery-type="revolving-door-right"].hovered figcaption,
- .grid-gallery-caption[data-grid-gallery-type="revolving-door-right"]:active figcaption {
- -webkit-transform: perspective(1300px) rotateY(360deg);
- -ms-transform: perspective(1300px) rotateY(360deg);
- -o-transform: perspective(1300px) rotateY(360deg);
- transform: perspective(1300px) rotateY(360deg);
- }
- .grid-gallery-caption[data-grid-gallery-type="revolving-door-right"]:hover img,
- .grid-gallery-caption[data-grid-gallery-type="revolving-door-right"].hovered img,
- .grid-gallery-caption[data-grid-gallery-type="revolving-door-right"]:active img {
- -webkit-transform: perspective(1300px) rotateY(180deg);
- -ms-transform: perspective(1300px) rotateY(180deg);
- -o-transform: perspective(1300px) rotateY(180deg);
- transform: perspective(1300px) rotateY(180deg);
- }
- .grid-gallery-caption[data-grid-gallery-type="revolving-door-top"] {
- overflow: hidden;
- }
- .grid-gallery-caption[data-grid-gallery-type="revolving-door-top"] figcaption {
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- -webkit-transform: perspective(1300px) rotateX(180deg);
- -ms-transform: perspective(1300px) rotateX(180deg);
- -o-transform: perspective(1300px) rotateX(180deg);
- transform: perspective(1300px) rotateX(180deg);
- -webkit-backface-visibility: hidden;
- -ms-backface-visibility: hidden;
- -o-backface-visibility: hidden;
- backface-visibility: hidden;
- }
- .grid-gallery-caption[data-grid-gallery-type="revolving-door-top"] img {
- -webkit-transform: perspective(1300px);
- -ms-transform: perspective(1300px);
- -o-transform: perspective(1300px);
- transform: perspective(1300px);
- -webkit-transition: 500ms;
- -o-transition: 500ms;
- transition: 500ms;
- }
- .grid-gallery-caption[data-grid-gallery-type="revolving-door-top"]:hover figcaption,
- .grid-gallery-caption[data-grid-gallery-type="revolving-door-top"].hovered figcaption,
- .grid-gallery-caption[data-grid-gallery-type="revolving-door-top"]:active figcaption {
- -webkit-transform: perspective(1300px) rotateX(360deg);
- -ms-transform: perspective(1300px) rotateX(360deg);
- -o-transform: perspective(1300px) rotateX(360deg);
- transform: perspective(1300px) rotateX(360deg);
- }
- .grid-gallery-caption[data-grid-gallery-type="revolving-door-top"]:hover img,
- .grid-gallery-caption[data-grid-gallery-type="revolving-door-top"].hovered img,
- .grid-gallery-caption[data-grid-gallery-type="revolving-door-top"]:active img {
- -webkit-transform: perspective(1300px) rotateX(180deg);
- -ms-transform: perspective(1300px) rotateX(180deg);
- -o-transform: perspective(1300px) rotateX(180deg);
- transform: perspective(1300px) rotateX(180deg);
- }
- .grid-gallery-caption[data-grid-gallery-type="revolving-door-bottom"] {
- overflow: hidden;
- }
- .grid-gallery-caption[data-grid-gallery-type="revolving-door-bottom"] figcaption {
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- -webkit-transform: perspective(1300px) rotateX(180deg);
- -ms-transform: perspective(1300px) rotateX(180deg);
- -o-transform: perspective(1300px) rotateX(180deg);
- transform: perspective(1300px) rotateX(180deg);
- -webkit-backface-visibility: hidden;
- -ms-backface-visibility: hidden;
- -o-backface-visibility: hidden;
- backface-visibility: hidden;
- }
- .grid-gallery-caption[data-grid-gallery-type="revolving-door-bottom"] img {
- -webkit-transform: perspective(1300px);
- -ms-transform: perspective(1300px);
- -o-transform: perspective(1300px);
- transform: perspective(1300px);
- -webkit-transition: 500ms;
- -o-transition: 500ms;
- transition: 500ms;
- }
- .grid-gallery-caption[data-grid-gallery-type="revolving-door-bottom"]:hover figcaption,
- .grid-gallery-caption[data-grid-gallery-type="revolving-door-bottom"].hovered figcaption,
- .grid-gallery-caption[data-grid-gallery-type="revolving-door-bottom"]:active figcaption {
- -webkit-transform: perspective(1300px) rotateX(0deg);
- -ms-transform: perspective(1300px) rotateX(0deg);
- -o-transform: perspective(1300px) rotateX(0deg);
- transform: perspective(1300px) rotateX(0deg);
- }
- .grid-gallery-caption[data-grid-gallery-type="revolving-door-bottom"]:hover img,
- .grid-gallery-caption[data-grid-gallery-type="revolving-door-bottom"].hovered img,
- .grid-gallery-caption[data-grid-gallery-type="revolving-door-bottom"]:active img {
- -webkit-transform: perspective(1300px) rotateX(-180deg);
- -ms-transform: perspective(1300px) rotateX(-180deg);
- -o-transform: perspective(1300px) rotateX(-180deg);
- transform: perspective(1300px) rotateX(-180deg);
- }
- .grid-gallery-caption[data-grid-gallery-type="offset"] {
- overflow: visible;
- }
- .grid-gallery-caption[data-grid-gallery-type="offset"] figcaption {
- top: 0;
- left: 0;
- text-align: center;
- opacity: 0;
- height: 100%;
- }
- .grid-gallery-caption[data-grid-gallery-type="offset"] img {
- -webkit-transition: 500ms;
- -o-transition: 500ms;
- transition: 500ms;
- }
- .grid-gallery-caption[data-grid-gallery-type="offset"]:hover figcaption,
- .grid-gallery-caption[data-grid-gallery-type="offset"].hovered figcaption,
- .grid-gallery-caption[data-grid-gallery-type="offset"]:active figcaption {
- -webkit-transform: translate(15px, 15px);
- -ms-transform: translate(15px, 15px);
- -o-transform: translate(15px, 15px);
- transform: translate(15px, 15px);
- opacity: 1;
- z-index: 100;
- overflow: hidden;
- }
- .grid-gallery-caption[data-grid-gallery-type="guillotine-reverse"] {
- /*overflow: visible;*/
- }
- .grid-gallery-caption[data-grid-gallery-type="guillotine-reverse"] figcaption {
- top: 0;
- left: 0;
- text-align: center;
- height: 100%;
- }
- .grid-gallery-caption[data-grid-gallery-type="guillotine-reverse"] img {
- display: block;
- position: relative;
- z-index: 10;
- -webkit-transition: 500ms;
- -o-transition: 500ms;
- transition: 500ms;
- }
- .grid-gallery-caption[data-grid-gallery-type="guillotine-reverse"]:hover img,
- .grid-gallery-caption[data-grid-gallery-type="guillotine-reverse"].hovered img,
- .grid-gallery-caption[data-grid-gallery-type="guillotine-reverse"]:active img {
- -webkit-transform: translateY(-100%);
- -ms-transform: translateY(-100%);
- -o-transform: translateY(-100%);
- transform: translateY(-100%);
- }
- .grid-gallery-caption[data-grid-gallery-type="half-slide"] figcaption {
- top: 0;
- left: 0;
- text-align: center;
- height: 50%;
- -webkit-transform: translateY(200%);
- -ms-transform: translateY(200%);
- -o-transform: translateY(200%);
- transform: translateY(200%);
- }
- .grid-gallery-caption[data-grid-gallery-type="half-slide"] img {
- display: block;
- position: relative;
- -webkit-transition: 500ms;
- -o-transition: 500ms;
- transition: 500ms;
- }
- .grid-gallery-caption[data-grid-gallery-type="half-slide"]:hover img,
- .grid-gallery-caption[data-grid-gallery-type="half-slide"].hovered img,
- .grid-gallery-caption[data-grid-gallery-type="half-slide"]:active img {
- -webkit-transform: translateY(-50%);
- -ms-transform: translateY(-50%);
- -o-transform: translateY(-50%);
- transform: translateY(-50%);
- }
- .grid-gallery-caption[data-grid-gallery-type="half-slide"]:hover figcaption,
- .grid-gallery-caption[data-grid-gallery-type="half-slide"].hovered figcaption,
- .grid-gallery-caption[data-grid-gallery-type="half-slide"]:active figcaption {
- -webkit-transform: translateY(100%);
- -ms-transform: translateY(100%);
- -o-transform: translateY(100%);
- transform: translateY(100%);
- }
- .grid-gallery-caption[data-grid-gallery-type="tunnel"] figcaption {
- top: 0;
- left: 0;
- text-align: center;
- height: 100%;
- opacity: 0;
- -webkit-transform: scale(0.7);
- -ms-transform: scale(0.7);
- -o-transform: scale(0.7);
- transform: scale(0.7);
- }
- .grid-gallery-caption[data-grid-gallery-type="tunnel"] img {
- display: block;
- position: relative;
- z-index: 10;
- -webkit-transition: 500ms;
- -o-transition: 500ms;
- transition: 500ms;
- }
- .grid-gallery-caption[data-grid-gallery-type="tunnel"]:hover img,
- .grid-gallery-caption[data-grid-gallery-type="tunnel"].hovered img,
- .grid-gallery-caption[data-grid-gallery-type="tunnel"]:active img {
- -webkit-transform: scale(0.4);
- -ms-transform: scale(0.4);
- -o-transform: scale(0.4);
- transform: scale(0.4);
- }
- .grid-gallery-caption[data-grid-gallery-type="tunnel"]:hover figcaption,
- .grid-gallery-caption[data-grid-gallery-type="tunnel"].hovered figcaption,
- .grid-gallery-caption[data-grid-gallery-type="tunnel"]:active figcaption {
- opacity: 1;
- -webkit-transform: scale(1);
- -ms-transform: scale(1);
- -o-transform: scale(1);
- transform: scale(1);
- }
- .grid-gallery-caption[data-grid-gallery-type="phophorus-rotate"] figcaption {
- top: 0;
- left: 0;
- height: 100%;
- text-align: center;
- -webkit-transition-duration: 300ms;
- -o-transition-duration: 300ms;
- -ms-transition-duration: 300ms;
- transition-duration: 300ms;
- -webkit-transform: rotateX(90deg);
- -ms-transform: rotateX(90deg);
- -o-transform: rotateX(90deg);
- transform: rotateX(90deg);
- }
- .grid-gallery-caption[data-grid-gallery-type="phophorus-rotate"] .grid-gallery-figcaption-wrap {
- position: absolute;
- top: 40%;
- left: 0;
- width: 100%;
- font-family: 'Montserrat', sans-serif;
- font-weight: bold;
- }
- .grid-gallery-caption[data-grid-gallery-type="phophorus-rotate"]:hover figcaption,
- .grid-gallery-caption[data-grid-gallery-type="phophorus-rotate"].hovered figcaption,
- .grid-gallery-caption[data-grid-gallery-type="phophorus-rotate"]:active figcaption {
- -webkit-transform: perspective(1300px) rotateX(0deg);
- -ms-transform: perspective(1300px) rotateX(0deg);
- -o-transform: perspective(1300px) rotateX(0deg);
- transform: perspective(1300px) rotateX(0deg);
- }
- .grid-gallery-caption[data-grid-gallery-type="phophorus-offset"] figcaption {
- top: 0;
- left: -100%;
- height: 100%;
- text-align: center;
- -webkit-transition-duration: 300ms;
- -o-transition-duration: 300ms;
- -ms-transition-duration: 300ms;
- transition-duration: 300ms;
- }
- .grid-gallery-caption[data-grid-gallery-type="phophorus-offset"] .grid-gallery-figcaption-wrap {
- position: absolute;
- top: 40%;
- left: 0;
- width: 100%;
- font-family: 'Montserrat', sans-serif;
- font-weight: bold;
- }
- .grid-gallery-caption[data-grid-gallery-type="phophorus-offset"]:hover figcaption,
- .grid-gallery-caption[data-grid-gallery-type="phophorus-offset"].hovered figcaption,
- .grid-gallery-caption[data-grid-gallery-type="phophorus-offset"]:active figcaption {
- box-shadow: inset 0 0 10px 5px black;
- -webkit-transform: translateX(100%);
- -ms-transform: translateX(100%);
- -o-transform: translateX(100%);
- transform: translateX(100%);
- }
- .grid-gallery-caption[data-grid-gallery-type="phophorus-scale"] figcaption {
- top: 0;
- left: 0;
- height: 100%;
- text-align: center;
- opacity: 0.0;
- -webkit-transform: scale(2.4);
- -ms-transform: scale(2.4);
- -o-transform: scale(2.4);
- transform: scale(2.4);
- -webkit-transition-duration: 300ms;
- -o-transition-duration: 300ms;
- -ms-transition-duration: 300ms;
- transition-duration: 300ms;
- }
- .grid-gallery-caption[data-grid-gallery-type="phophorus-scale"] .grid-gallery-figcaption-wrap {
- position: absolute;
- top: 40%;
- left: 0;
- width: 100%;
- font-family: 'Montserrat', sans-serif;
- font-weight: bold;
- }
- .grid-gallery-caption[data-grid-gallery-type="phophorus-scale"]:hover figcaption,
- .grid-gallery-caption[data-grid-gallery-type="phophorus-scale"].hovered figcaption,
- .grid-gallery-caption[data-grid-gallery-type="phophorus-scale"]:active figcaption {
- opacity: 1.0;
- -webkit-transform: scale(1.0);
- -ms-transform: scale(1.0);
- -o-transform: scale(1.0);
- transform: scale(1.0);
- }
- .grid-gallery-caption[data-grid-gallery-type="phophorus-scale"]:hover img,
- .grid-gallery-caption[data-grid-gallery-type="phophorus-scale"].hovered img,
- .grid-gallery-caption[data-grid-gallery-type="phophorus-scale"]:active img {
- -webkit-transform: scale(0.4);
- -ms-transform: scale(0.4);
- -o-transform: scale(0.4);
- transform: scale(0.4);
- }
- .grid-gallery-caption[data-grid-gallery-type="fixed-post"]:hover img,
- .grid-gallery-caption[data-grid-gallery-type="fixed-post"].hovered img {
- -webkit-transform: rotate(4deg);
- -ms-transform: rotate(4deg);
- -o-transform: rotate(4deg);
- transform: rotate(4deg);
- }
- .grid-gallery-caption[data-grid-gallery-type="fixed-post"]:hover .read-more:hover,
- .grid-gallery-caption[data-grid-gallery-type="fixed-post"].hovered .read-more:hover {
- color: #444444 !important;
- }
- .grid-gallery-caption[data-grid-gallery-type="post-bottom"] figcaption {
- top: 0;
- left: 0;
- height: 100%;
- -webkit-transform: perspective(1300px) skewX(180deg);
- -ms-transform: perspective(1300px) skewX(180deg);
- -o-transform: perspective(1300px) skewX(180deg);
- transform: perspective(1300px) skewX(180deg);
- opacity: 0;
- }
- .grid-gallery-caption[data-grid-gallery-type="post-bottom"]:hover figcaption,
- .grid-gallery-caption[data-grid-gallery-type="post-bottom"].hovered figcaption,
- .grid-gallery-caption[data-grid-gallery-type="post-bottom"]:active figcaption {
- -webkit-transform: perspective(1300px) skewX(0deg);
- -ms-transform: perspective(1300px) skewX(0deg);
- -o-transform: perspective(1300px) skewX(0deg);
- transform: perspective(1300px) skewX(0deg);
- -webkit-transition-duration: 1.0s;
- -o-transition-duration: 1.0s;
- -ms-transition-duration: 1.0s;
- transition-duration: 1.0s;
- opacity: 1.0;
- }
- .grid-gallery-caption[data-grid-gallery-type="post-bottom"] .post-feed-crop .post-feed-title{
- -webkit-transform: translateX(-200%);
- -ms-transform: translateX(-200%);
- -o-transform: translateX(-200%);
- transform: translateX(-200%);
- opacity: 0;
- }
- .grid-gallery-caption[data-grid-gallery-type="post-bottom"]:hover .post-feed-crop .post-feed-title,
- .grid-gallery-caption[data-grid-gallery-type="post-bottom"].hovered .post-feed-crop .post-feed-title{
- -webkit-transform: translateX(0) skewX(-20deg);
- -ms-transform: translateX(0) skewX(-20deg);
- -o-transform: translateX(0) skewX(-20deg);
- transform: translateX(0) skewX(-20deg);
- -webkit-transition-duration: 2.0s;
- -o-transition-duration: 2.0s;
- -ms-transition-duration: 2.0s;
- transition-duration: 2.0s;
- opacity: 1.0;
- }
- .grid-gallery-caption[data-grid-gallery-type="post-fade"] figcaption {
- top: 0;
- left: 0;
- height: 100%;
- -webkit-transform: translateY(100%);
- -ms-transform: translateY(100%);
- -o-transform: translateY(100%);
- transform: translateY(100%);
- opacity: 0;
- }
- .grid-gallery-caption[data-grid-gallery-type="post-fade"] img {
- -webkit-transition: 500ms;
- -o-transition: 500ms;
- transition: 500ms;
- }
- .grid-gallery-caption[data-grid-gallery-type="post-fade"]:hover figcaption,
- .grid-gallery-caption[data-grid-gallery-type="post-fade"].hovered figcaption,
- .grid-gallery-caption[data-grid-gallery-type="post-fade"]:active figcaption {
- -webkit-transform: translateY(0);
- -ms-transform: translateY(0);
- -o-transform: translateY(0);
- transform: translateY(0);
- opacity: 1;
- }
- .grid-gallery-caption[data-grid-gallery-type="post-fade"] .post-feed-crop .post-feed-title{
- -webkit-transform: scale(0);
- -ms-transform: scale(0);
- -o-transform: scale(0);
- transform: scale(0);
- opacity: 0;
- }
- .grid-gallery-caption[data-grid-gallery-type="post-fade"]:hover .post-feed-crop .post-feed-title,
- .grid-gallery-caption[data-grid-gallery-type="post-fade"].hovered .post-feed-crop .post-feed-title{
- -webkit-transform: scale(1);
- -ms-transform: scale(1);
- -o-transform: scale(1);
- transform: scale(1);
- -webkit-transition-duration: 1.0s;
- -o-transition-duration: 1.0s;
- -ms-transition-duration: 1.0s;
- transition-duration: 1.0s;
- opacity: 1.0;
- }
- .grid-gallery-caption[data-grid-gallery-type="fixed-post"] .post-feed-crop .post-feed-date,
- .grid-gallery-caption[data-grid-gallery-type="post-bottom"] .post-feed-crop .post-feed-date,
- .grid-gallery-caption[data-grid-gallery-type="post-fade"] .post-feed-crop .post-feed-date{
- -webkit-transform: translateX(100%);
- -ms-transform: translateX(100%);
- -o-transform: translateX(100%);
- transform: translateX(100%);
- opacity: 0;
- }
- .grid-gallery-caption[data-grid-gallery-type="fixed-post"]:hover .post-feed-crop .post-feed-date,
- .grid-gallery-caption[data-grid-gallery-type="fixed-post"].hovered .post-feed-crop .post-feed-date,
- .grid-gallery-caption[data-grid-gallery-type="post-bottom"]:hover .post-feed-crop .post-feed-date,
- .grid-gallery-caption[data-grid-gallery-type="post-bottom"].hovered .post-feed-crop .post-feed-date,
- .grid-gallery-caption[data-grid-gallery-type="post-fade"].hovered .post-feed-crop .post-feed-date,
- .grid-gallery-caption[data-grid-gallery-type="post-fade"]:hover .post-feed-crop .post-feed-date{
- -webkit-transform: translateX(0);
- -ms-transform: translateX(0);
- -o-transform: translateX(0);
- transform: translateX(0);
- -webkit-transition-duration: 1.0s;
- -o-transition-duration: 1.0s;
- -ms-transition-duration: 1.0s;
- transition-duration: 1.0s;
- opacity: 1.0;
- }
- .grid-gallery-caption[data-grid-gallery-type="fixed-post"] .post-feed-crop .post-feed-author,
- .grid-gallery-caption[data-grid-gallery-type="post-bottom"] .post-feed-crop .post-feed-author,
- .grid-gallery-caption[data-grid-gallery-type="post-fade"] .post-feed-crop .post-feed-author{
- -webkit-transform: translateX(-100%);
- -ms-transform: translateX(-100%);
- -o-transform: translateX(-100%);
- transform: translateX(-100%);
- opacity: 0;
- }
- .grid-gallery-caption[data-grid-gallery-type="fixed-post"]:hover .post-feed-crop .post-feed-author,
- .grid-gallery-caption[data-grid-gallery-type="fixed-post"].hovered .post-feed-crop .post-feed-author,
- .grid-gallery-caption[data-grid-gallery-type="post-bottom"]:hover .post-feed-crop .post-feed-author,
- .grid-gallery-caption[data-grid-gallery-type="post-bottom"].hovered .post-feed-crop .post-feed-author,
- .grid-gallery-caption[data-grid-gallery-type="post-fade"]:hover .post-feed-crop .post-feed-author,
- .grid-gallery-caption[data-grid-gallery-type="post-fade"].hovered .post-feed-crop .post-feed-author{
- -webkit-transform: translateX(0);
- -ms-transform: translateX(0);
- -o-transform: translateX(0);
- transform: translateX(0);
- -webkit-transition-duration: 1.0s;
- -o-transition-duration: 1.0s;
- -ms-transition-duration: 1.0s;
- transition-duration: 1.0s;
- opacity: 1.0;
- }
- .grid-gallery-caption[data-grid-gallery-type="fixed-post"] .post-feed-crop .post-feed-content,
- .grid-gallery-caption[data-grid-gallery-type="post-bottom"] .post-feed-crop .post-feed-content,
- .grid-gallery-caption[data-grid-gallery-type="post-fade"] .post-feed-crop .post-feed-content {
- -webkit-transform: scale(0);
- -ms-transform: scale(0);
- -o-transform: scale(0);
- transform: scale(0);
- opacity: 0;
- }
- .grid-gallery-caption[data-grid-gallery-type="fixed-post"]:hover .post-feed-crop .post-feed-content,
- .grid-gallery-caption[data-grid-gallery-type="fixed-post"].hovered .post-feed-crop .post-feed-content,
- .grid-gallery-caption[data-grid-gallery-type="post-bottom"]:hover .post-feed-crop .post-feed-content,
- .grid-gallery-caption[data-grid-gallery-type="post-bottom"].hovered .post-feed-crop .post-feed-content,
- .grid-gallery-caption[data-grid-gallery-type="post-fade"]:hover .post-feed-crop .post-feed-content,
- .grid-gallery-caption[data-grid-gallery-type="post-fade"].hovered .post-feed-crop .post-feed-content{
- -webkit-transform: scale(0.8);
- -ms-transform: scale(0.8);
- -o-transform: scale(0.8);
- transform: scale(0.8);
- it-transition-duration: 1.0s;
- -o-transition-duration: 1.0s;
- -ms-transition-duration: 1.0s;
- transition-duration: 1.0s;
- opacity: 1.0;
- }
- .grid-gallery-caption[data-grid-gallery-type="fixed-post"] .post-feed-crop .post-categories,
- .grid-gallery-caption[data-grid-gallery-type="post-bottom"] .post-feed-crop .post-categories,
- .grid-gallery-caption[data-grid-gallery-type="post-fade"] .post-feed-crop .post-categories {
- -webkit-transform: scale(0);
- -ms-transform: scale(0);
- -o-transform: scale(0);
- transform: scale(0);
- opacity: 0;
- }
- .grid-gallery-caption[data-grid-gallery-type="fixed-post"]:hover .post-feed-crop .post-categories,
- .grid-gallery-caption[data-grid-gallery-type="post-bottom"]:hover .post-feed-crop .post-categories,
- .grid-gallery-caption[data-grid-gallery-type="post-fade"]:hover .post-feed-crop .post-categories,
- .grid-gallery-caption[data-grid-gallery-type="fixed-post"].hovered .post-feed-crop .post-categories,
- .grid-gallery-caption[data-grid-gallery-type="post-bottom"].hovered .post-feed-crop .post-categories,
- .grid-gallery-caption[data-grid-gallery-type="post-fade"].hovered .post-feed-crop .post-categories {
- -webkit-transform: scale(1.0);
- -ms-transform: scale(1.0);
- -o-transform: scale(1.0);
- transform: scale(1.0);
- opacity: 1.0;
- }
- .grid-gallery-caption[data-grid-gallery-type="expression-scale-text"] {
- overflow: visible;
- }
- .grid-gallery-caption[data-grid-gallery-type="expression-scale-text"] figcaption {
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- opacity: 0.0;
- background: rgb(38, 94, 110);
- -webkit-transition: 500ms;
- -o-transition: 500ms;
- transition: 500ms;
- }
- .grid-gallery-caption[data-grid-gallery-type="expression-scale-text"] .post-feed-crop {
- display: block;
- font-family: 'Montserrat', sans-serif;
- position: relative;
- margin-top: 10%;
- text-align: center;
- color: #ffffff !important;
- -webkit-transform: scale(0.1);
- -ms-transform: scale(0.1);
- -o-transform: scale(0.1);
- transform: scale(0.1);
- -webkit-transition: 800ms;
- -o-transition: 800ms;
- transition: 800ms;
- }
- .grid-gallery-caption[data-grid-gallery-type="expression-scale-text"]:hover figcaption,
- .grid-gallery-caption[data-grid-gallery-type="expression-scale-text"].hovered figcaption,
- .grid-gallery-caption[data-grid-gallery-type="expression-scale-text"]:active figcaption {
- opacity: 1.0;
- }
- .grid-gallery-caption[data-grid-gallery-type="expression-scale-text"]:hover .post-feed-crop,
- .grid-gallery-caption[data-grid-gallery-type="expression-scale-text"].hovered .post-feed-crop,
- .grid-gallery-caption[data-grid-gallery-type="expression-scale-text"]:active .post-feed-crop {
- -webkit-transform: scale(1.0);
- -ms-transform: scale(1.0);
- -o-transform: scale(1.0);
- transform: scale(1.0);
- }
- .grid-gallery-caption[data-grid-gallery-type="sodium-top-slide"] figcaption {
- top: -100%;
- left: 0;
- width: 100%;
- height: 100%;
- background: rgb(38, 94, 110);
- -webkit-transition: 500ms;
- -o-transition: 500ms;
- transition: 500ms;
- }
- .grid-gallery-caption[data-grid-gallery-type="sodium-top-slide"] .grid-gallery-figcaption-wrap {
- width: 100%;
- position: absolute;
- top: 100%;
- left: 0;
- font-family: 'Montserrat', sans-serif;
- margin-top: 10%;
- text-align: center;
- color: #ffffff !important;
- background: rgba(38, 94, 110, 0.63);
- -webkit-transition: 800ms;
- -o-transition: 800ms;
- transition: 800ms;
- }
- .grid-gallery-caption[data-grid-gallery-type="sodium-top-slide"] .post-feed-crop {
- padding: 20px;
- }
- .grid-gallery-caption[data-grid-gallery-type="sodium-top-slide"] .post-feed-author,
- .grid-gallery-caption[data-grid-gallery-type="sodium-top-slide"] .post-feed-date,
- .grid-gallery-caption[data-grid-gallery-type="sodium-top-slide"] .post-feed-content {
- opacity: 0.0;
- }
- .grid-gallery-caption[data-grid-gallery-type="sodium-top-slide"]:hover figcaption,
- .grid-gallery-caption[data-grid-gallery-type="sodium-top-slide"].hovered figcaption,
- .grid-gallery-caption[data-grid-gallery-type="sodium-top-slide"]:active figcaption {
- -webkit-transform: translateY(100%);
- -ms-transform: translateY(100%);
- -o-transform: translateY(100%);
- transform: translateY(100%);
- }
- .grid-gallery-caption[data-grid-gallery-type="sodium-top-slide"]:hover .grid-gallery-figcaption-wrap,
- .grid-gallery-caption[data-grid-gallery-type="sodium-top-slide"].hovered .grid-gallery-figcaption-wrap,
- .grid-gallery-caption[data-grid-gallery-type="sodium-top-slide"]:active .grid-gallery-figcaption-wrap {
- background: rgba(226, 104, 103, 1.0);
- top: 0;
- }
- .grid-gallery-caption[data-grid-gallery-type="sodium-top-slide"]:hover .post-feed-author,
- .grid-gallery-caption[data-grid-gallery-type="sodium-top-slide"]:hover .post-feed-date,
- .grid-gallery-caption[data-grid-gallery-type="sodium-top-slide"]:hover .post-feed-content,
- .grid-gallery-caption[data-grid-gallery-type="sodium-top-slide"].hovered .post-feed-author,
- .grid-gallery-caption[data-grid-gallery-type="sodium-top-slide"].hovered .post-feed-date,
- .grid-gallery-caption[data-grid-gallery-type="sodium-top-slide"].hovered .post-feed-content {
- opacity: 1.0;
- }
- .grid-gallery-caption .post-feed-crop span.separator {
- opacity: 0;
- }
- .grid-gallery-caption:hover .post-feed-crop span.separator {
- opacity: 1.0;
- }
- .grid-gallery-caption[data-grid-gallery-type="elastic"] {
- it-transition-duration: 800ms;
- -o-transition-duration: 800ms;
- -ms-transition-duration: 800ms;
- transition-duration: 800ms;
- }
- .grid-gallery-caption[data-grid-gallery-type="elastic"]:hover,
- .grid-gallery-caption[data-grid-gallery-type="elastic"].hovered {
- -webkit-transform: translateX(50%);
- -ms-transform: translateX(50%);
- -o-transform: translateX(50%);
- transform: translateX(50%);
- }
- .grid-gallery-caption[data-grid-gallery-type="fade"] {
- opacity: 1.0;
- it-transition-duration: 800ms;
- -o-transition-duration: 800ms;
- -ms-transition-duration: 800ms;
- transition-duration: 800ms;
- }
- .grid-gallery-caption[data-grid-gallery-type="fade"]:hover,
- .grid-gallery-caption[data-grid-gallery-type="fade"].hovered {
- opacity: 0.4;
- }
- .grid-gallery-caption .box {
- position: relative;
- width: 150px;
- height: 150px;
- line-height: 150px;
- overflow: hidden;
- }
- .grid-gallery-caption .box__center,
- .grid-gallery-caption .box__right,
- .grid-gallery-caption .box__left,
- .grid-gallery-caption .box__top,
- .grid-gallery-caption .box__bottom,
- .grid-gallery-caption .box img {
- position: absolute;
- width: inherit;
- height: inherit;
- text-align: center;
- line-height: inherit;
- left: 0;
- top: 0;
- transition: transform .4s ease;
- transform: translateZ(0);
- }
- .grid-gallery-caption .box img {
- z-index: -1;
- }
- .grid-gallery-caption .box__center:before,
- .grid-gallery-caption .box__right:before,
- .grid-gallery-caption .box__left:before,
- .grid-gallery-caption .box__top:before,
- .grid-gallery-caption .box__bottom:before {
- position: absolute;
- content: '';
- /*
- * Calculation:
- * ____a____
- * /|\ |
- * b | \ |
- * / a \ |
- * \ | / |
- * \ | / |
- * \|/________|
- *
- * a^2 = b^2+b^2
- *
- * solve to b:
- *
- * a^2 = 2b^2 | /2
- * a^2 / 2 = b^2 | sqrt
- * a / sqrt(2) = b
- *
- * Percentage:
- * a = 100%
- * 100 / sqrt(2) = 70.71%
- * ------
- */
- width: 70.71%;
- height: 70.71%;
- transform: rotate(45deg);
- }
- .grid-gallery-caption .box__center:hover,
- .grid-gallery-caption .box__right:hover,
- .grid-gallery-caption .box__left:hover,
- .grid-gallery-caption .box__top:hover,
- .grid-gallery-caption .box__bottom:hover,
- .grid-gallery-caption .box__center.hovered,
- .grid-gallery-caption .box__right.hovered,
- .grid-gallery-caption .box__left.hovered,
- .grid-gallery-caption .box__top.hovered,
- .grid-gallery-caption .box__bottom.hovered {
- transform: translateX(0);
- z-index: 1;
- }
- .grid-gallery-caption .box__center:hover:before,
- .grid-gallery-caption .box__right:hover:before,
- .grid-gallery-caption .box__left:hover:before,
- .grid-gallery-caption .box__top:hover:before,
- .grid-gallery-caption .box__bottom:hover:before {
- width: 100%;
- height: 100%;
- transform: none;
- }
- .grid-gallery-caption .box__center {
- background: orange;
- z-index: -1;
- }
- .grid-gallery-caption .box__right {
- background: blue;
- transform: translateX(100%);
- }
- .grid-gallery-caption .box__right:before {
- right: 100%;
- bottom: 0;
- transform-origin: 100% 100%;
- }
- .grid-gallery-caption .box__right:hover ~ .grid-gallery-caption .box__center,
- .grid-gallery-caption .box__right.hovered ~ .grid-gallery-caption .box__center {
- transform: translateX(-100%);
- }
- .grid-gallery-caption .box__left {
- background: green;
- transform: translateX(-100%);
- }
- .grid-gallery-caption .box__left:before {
- left: 100%;
- transform-origin: 0 0;
- }
- .grid-gallery-caption .box__left:hover ~ .grid-gallery-caption .box__center,
- .grid-gallery-caption .box__left.hovered ~ .grid-gallery-caption .box__center {
- transform: translateX(100%);
- }
- .grid-gallery-caption .box__top {
- background: red;
- transform: translateY(-100%);
- }
- .grid-gallery-caption .box__top:before {
- top: 100%;
- right: 0;
- transform-origin: 100% 0;
- }
- .grid-gallery-caption .box__top:hover ~ .grid-gallery-caption .box__center,
- .grid-gallery-caption .box__top.hovered ~ .grid-gallery-caption .box__center {
- transform: translateY(100%);
- }
- .grid-gallery-caption .box__bottom {
- background: yellow;
- transform: translateY(100%);
- }
- .grid-gallery-caption .box__bottom:before {
- bottom: 100%;
- left: 0;
- transform-origin: 0 100%;
- }
- .grid-gallery-caption .box__bottom:hover ~ .grid-gallery-caption .box__center,
- .grid-gallery-caption .box__bottom.hovered ~ .grid-gallery-caption .box__center {
- transform: translateY(-100%);
- }
- .grid-gallery-caption[data-grid-gallery-type="cube"] {
- -webkit-perspective: 400px;
- -ms-perspective: 400px;
- perspective: 400px;
- overflow: visible;
- }
- .grid-gallery-caption[data-grid-gallery-type="cube"] figcaption {
- -webkit-transform: rotate3d(1, 0, 0, 90deg);
- transform: rotate3d(1, 0, 0, 90deg);
- transform-origin: 0% 0%;
- transition: 0ms;
- width: 100%;
- height: 100%;
- padding: 20px;
- position: absolute;
- top: 0;
- left: 0;
- pointer-events: none;
- overflow: hidden;
- visibility: hidden;
- -webkit-perspective: 400px;
- -ms-perspective: 400px;
- perspective: 400px;
- }
- .cube-in-top {
- -webkit-transform-origin: 50% 0%;
- -moz-transform-origin: 50% 0%;
- -ms-transform-origin: 50% 0%;
- transform-origin: 50% 0%;
- -webkit-animation: cube-in-top 300ms ease 0ms 1 forwards;
- -moz-animation: cube-in-top 300ms ease 0ms 1 forwards;
- animation: cube-in-top 300ms ease 0ms 1 forwards;
- }
- @-webkit-keyframes cube-in-top {
- 0% {
- -webkit-transform: rotate3d(-1, 0, 0, 90deg);
- -moz-transform: rotate3d(-1, 0, 0, 90deg);
- transform: rotate3d(-1, 0, 0, 90deg);
- visibility: hidden;
- }
- 100% {
- -webkit-transform: rotate3d(0, 0, 0, 0deg);
- -moz-transform: rotate3d(0, 0, 0, 0deg);
- transform: rotate3d(0, 0, 0, 0deg);
- visibility: visible;
- }
- }
- @keyframes cube-in-top {
- 0% {
- -webkit-transform: rotate3d(-1, 0, 0, 90deg);
- -moz-transform: rotate3d(-1, 0, 0, 90deg);
- transform: rotate3d(-1, 0, 0, 90deg);
- visibility: hidden;
- }
- 100% {
- -webkit-transform: rotate3d(0, 0, 0, 0deg);
- -moz-transform: rotate3d(0, 0, 0, 0deg);
- transform: rotate3d(0, 0, 0, 0deg);
- visibility: visible;
- }
- }
- .cube-out-top {
- -webkit-transform-origin: 50% 0%;
- -moz-transform-origin: 50% 0%;
- -ms-transform-origin: 50% 0%;
- transform-origin: 50% 0%;
- -webkit-animation: cube-out-top 300ms ease 0ms 1 forwards;
- -moz-animation: cube-out-top 300ms ease 0ms 1 forwards;
- animation: cube-out-top 300ms ease 0ms 1 forwards;
- }
- @-webkit-keyframes cube-out-top {
- 0% {
- -webkit-transform: rotate3d(0, 0, 0, 0deg);
- -moz-transform: rotate3d(0, 0, 0, 0deg);
- transform: rotate3d(0, 0, 0, 0deg);
- visibility: visible;
- }
- 100% {
- -webkit-transform: rotate3d(-1, 0, 0, 104deg);
- -moz-transform: rotate3d(-1, 0, 0, 104deg);
- transform: rotate3d(-1, 0, 0, 104deg);
- visibility: hidden;
- }
- }
- @keyframes cube-out-top {
- 0% {
- -webkit-transform: rotate3d(0, 0, 0, 0deg);
- -moz-transform: rotate3d(0, 0, 0, 0deg);
- transform: rotate3d(0, 0, 0, 0deg);
- visibility: visible;
- }
- 100% {
- -webkit-transform: rotate3d(-1, 0, 0, 104deg);
- -moz-transform: rotate3d(-1, 0, 0, 104deg);
- transform: rotate3d(-1, 0, 0, 104deg);
- visibility: hidden;
- }
- }
- .cube-in-right {
- -webkit-transform-origin: 100% 0% !important;
- -moz-transform-origin: 100% 0% !important;
- -ms-transform-origin: 100% 0% !important;
- transform-origin: 100% 0% !important;
- -webkit-animation: cube-in-right 300ms ease 0ms 1 forwards;
- animation: cube-in-right 300ms ease 0ms 1 forwards;
- }
- @-webkit-keyframes cube-in-right {
- from {
- -webkit-transform: rotate3d(0, -1, 0, 90deg);
- -moz-transform: rotate3d(0, -1, 0, 90deg);
- transform: rotate3d(0, -1, 0, 90deg);
- visibility: hidden;
- }
- to {
- -webkit-transform: rotate3d(0, 0, 0, 0deg);
- -moz-transform: rotate3d(0, 0, 0, 0deg);
- transform: rotate3d(0, 0, 0, 0deg);
- visibility: visible;
- }
- }
- @keyframes cube-in-right {
- 0% {
- -webkit-transform: rotate3d(0, -1, 0, 90deg);
- -moz-transform: rotate3d(0, -1, 0, 90deg);
- transform: rotate3d(0, -1, 0, 90deg);
- visibility: hidden;
- }
- 100% {
- -webkit-transform: rotate3d(0, 0, 0, 0deg);
- -moz-transform: rotate3d(0, 0, 0, 0deg);
- transform: rotate3d(0, 0, 0, 0deg);
- visibility: visible;
- }
- }
- .cube-out-right {
- -webkit-transform-origin: 100% 50% !important;
- -moz-transform-origin: 100% 50% !important;
- -ms-transform-origin: 100% 50% !important;
- transform-origin: 100% 50% !important;
- -webkit-animation: cube-out-right 300ms ease 0ms 1 forwards;
- animation: cube-out-right 300ms ease 0ms 1 forwards;
- }
- @-webkit-keyframes cube-out-right {
- 0% {
- -webkit-transform: rotateY(0);
- -moz-transform: rotateY(0);
- transform: rotateY(0);
- visibility: visible;
- }
- 100% {
- -webkit-transform: rotateY(-105deg);
- -moz-transform: rotateY(-105deg);
- transform: rotateY(-105deg);
- visibility: hidden;
- }
- }
- @keyframes cube-out-right {
- 0% {
- -webkit-transform: rotateY(0);
- -moz-transform: rotateY(0);
- transform: rotateY(0);
- visibility: visible;
- }
- 100% {
- -webkit-transform: rotateY(-105deg);
- -moz-transform: rotateY(-105deg);
- transform: rotateY(-105deg);
- visibility: hidden;
- }
- }
- .cube-in-bottom {
- -webkit-transform-origin: 50% 100% !important;
- -moz-transform-origin: 50% 100% !important;
- -ms-transform-origin: 50% 100% !important;
- transform-origin: 50% 100% !important;
- -webkit-animation: cube-in-bottom 300ms ease 0ms 1 forwards;
- animation: cube-in-bottom 300ms ease 0ms 1 forwards;
- }
- @-webkit-keyframes cube-in-bottom {
- 0% {
- -webkit-transform: rotate3d(1, 0, 0, 90deg);
- -moz-transform: rotate3d(1, 0, 0, 90deg);
- transform: rotate3d(1, 0, 0, 90deg);
- visibility: hidden;
- }
- 100% {
- -webkit-transform: rotate3d(0, 0, 0, 0deg);
- -moz-transform: rotate3d(0, 0, 0, 0deg);
- transform: rotate3d(0, 0, 0, 0deg);
- visibility: visible;
- }
- }
- @keyframes cube-in-bottom {
- 0% {
- -webkit-transform: rotate3d(1, 0, 0, 90deg);
- -moz-transform: rotate3d(1, 0, 0, 90deg);
- transform: rotate3d(1, 0, 0, 90deg);
- visibility: hidden;
- }
- 100% {
- -webkit-transform: rotate3d(0, 0, 0, 0deg);
- -moz-transform: rotate3d(0, 0, 0, 0deg);
- transform: rotate3d(0, 0, 0, 0deg);
- visibility: visible;
- }
- }
- .cube-out-bottom {
- -webkit-transform-origin: 50% 100% !important;
- -moz-transform-origin: 50% 100% !important;
- -ms-transform-origin: 50% 100% !important;
- transform-origin: 50% 100% !important;
- -webkit-animation: cube-out-bottom 300ms ease 0ms 1 forwards;
- animation: cube-out-bottom 300ms ease 0ms 1 forwards;
- }
- @-webkit-keyframes cube-out-bottom {
- 0% {
- -webkit-transform: rotate3d(0, 0, 0, 0deg);
- -moz-transform: rotate3d(0, 0, 0, 0deg);
- transform: rotate3d(0, 0, 0, 0deg);
- visibility: visible;
- }
- 100% {
- -webkit-transform: rotate3d(1, 0, 0, 104deg);
- -moz-transform: rotate3d(1, 0, 0, 104deg);
- transform: rotate3d(1, 0, 0, 104deg);
- visibility: hidden;
- }
- }
- @keyframes cube-out-bottom {
- 0% {
- -webkit-transform: rotate3d(0, 0, 0, 0deg);
- -moz-transform: rotate3d(0, 0, 0, 0deg);
- transform: rotate3d(0, 0, 0, 0deg);
- visibility: visible;
- }
- 100% {
- -webkit-transform: rotate3d(1, 0, 0, 104deg);
- -moz-transform: rotate3d(1, 0, 0, 104deg);
- transform: rotate3d(1, 0, 0, 104deg);
- visibility: hidden;
- }
- }
- .cube-in-left {
- -webkit-transform-origin: 0% 0%;
- -moz-transform-origin: 0% 0%;
- -ms-transform-origin: 0% 0%;
- transform-origin: 0% 0%;
- -webkit-animation: cube-in-left 300ms ease 0ms 1 forwards;
- animation: cube-in-left 300ms ease 0ms 1 forwards;
- }
- @-webkit-keyframes cube-in-left {
- 0% {
- -webkit-transform: rotate3d(0, 1, 0, 90deg);
- -moz-transform: rotate3d(0, 1, 0, 90deg);
- transform: rotate3d(0, 1, 0, 90deg);
- visibility: hidden;
- }
- 100% {
- -webkit-transform: rotate3d(0, 0, 0, 0deg);
- -moz-transform: rotate3d(0, 0, 0, 0deg);
- transform: rotate3d(0, 0, 0, 0deg);
- visibility: visible;
- }
- }
- @keyframes cube-in-left {
- 0% {
- -webkit-transform: rotate3d(0, 1, 0, 90deg);
- -moz-transform: rotate3d(0, 1, 0, 90deg);
- transform: rotate3d(0, 1, 0, 90deg);
- visibility: hidden;
- }
- 100% {
- -webkit-transform: rotate3d(0, 0, 0, 0deg);
- -moz-transform: rotate3d(0, 0, 0, 0deg);
- transform: rotate3d(0, 0, 0, 0deg);
- visibility: visible;
- }
- }
- .cube-out-left {
- -webkit-transform-origin: 0% 0%;
- -moz-transform-origin: 0% 0%;
- -ms-transform-origin: 0% 0%;
- transform-origin: 0% 0%;
- -webkit-animation: cube-out-left 300ms ease 0ms 1 forwards;
- animation: cube-out-left 300ms ease 0ms 1 forwards;
- }
- @-webkit-keyframes cube-out-left {
- 0% {
- -webkit-transform: rotateY(0);
- -moz-transform: rotateY(0);
- transform: rotateY(0);
- visibility: visible;
- }
- 100% {
- -webkit-transform: rotateY(105deg);
- -moz-transform: rotateY(105deg);
- transform: rotateY(105deg);
- visibility: hidden;
- }
- }
- @keyframes cube-out-left {
- 0% {
- -webkit-transform: rotateY(0);
- -moz-transform: rotateY(0);
- transform: rotateY(0);
- visibility: visible;
- }
- 100% {
- -webkit-transform: rotateY(105deg);
- -moz-transform: rotateY(105deg);
- transform: rotateY(105deg);
- visibility: hidden;
- }
- }
- #effectsPreview .grid-gallery-caption[data-grid-gallery-type="polaroid"] {
- width: 150px;
- height: 150px;
- vertical-align: top;
- }
- #effectsPreview .grid-gallery-caption[data-grid-gallery-type="polaroid"] img {
- width: 120px!important;
- height: 120px!important;
- margin: 5px auto 0!important;
- }
- .grid-gallery-caption[data-grid-gallery-type="polaroid"] {
- -webkit-backface-visibility: hidden;
- -webkit-font-smoothing: antialiased;
- z-index: 1;
- }
- .grid-gallery-caption[data-grid-gallery-type="polaroid"] .crop {
- margin: 0 auto;
- z-index: 2;
- }
- .grid-gallery-caption[data-grid-gallery-type="polaroid"] figcaption {
- position: absolute;
- left: 0;
- top: 0;
- height: 100%;
- width: 100%;
- z-index: 1;
- }
- .grid-gallery-caption[data-grid-gallery-type="polaroid"] img {
- z-index: 2;
- }
- .grid-gallery-caption[data-grid-gallery-type="polaroid"] figcaption .grid-gallery-figcaption-wrap {
- vertical-align: bottom!important;
- top: -7px;
- position: relative;
- }
- .grid-gallery-caption[data-grid-gallery-type="polaroid"]:hover,
- .grid-gallery-caption[data-grid-gallery-type="polaroid"].hovered {
- -o-transition-duration: 500ms;
- -ms-transition-duration: 500ms;
- transition-duration: 500ms;
- transform: scale(1.1) rotate(0deg)!important;
- z-index: 2;
- }