/* * 2J SlideShow http://2joomla.net/wordpress * Version: 1.1.16 - 90405 * Author: 2J Team (c) * Author URI: http://2joomla.net/wordpress * License: GPL-2.0+ * License URI: http://www.gnu.org/licenses/gpl-2.0.txt * Date: Thu, 28 Jan 2016 12:28:56 GMT */ .twoj_slideshow__html, .twoj_slideshow__stage__frame, .twoj_slideshow__stage__shaft, .twoj_slideshow__video iframe { bottom: 0; height: 100%; left: 0; position: absolute; right: 0; top: 0; width: 100%; } .twoj_slideshow--fullscreen,.twoj_slideshow__img { border-radius: 0!important; box-shadow: none!important; max-height: 99999px!important; max-width: 99999px!important; min-height: 0!important; min-width: 0!important; padding: 0!important; } .twoj_slideshow__wrap .twoj_slideshow__grab { cursor: grab; cursor: move; cursor: -ms-grab; cursor: -o-grab; cursor: -webkit-grab; } .twoj_slideshow__grabbing * { cursor: grabbing; cursor: move; cursor: -ms-grabbing; cursor: -o-grabbing; cursor: -webkit-grabbing; } .twoj_slideshow__img,.twoj_slideshow__spinner { left: 50%!important; position: absolute!important; top: 50%!important; } .twoj_slideshow__img { height: 100%; margin: -50% 0 0 -50%; width: 100%; } .twoj_slideshow__wrap--css3 .twoj_slideshow__arr,.twoj_slideshow__wrap--css3 .twoj_slideshow__fullscreen-icon,.twoj_slideshow__wrap--css3 .twoj_slideshow__nav__shaft,.twoj_slideshow__wrap--css3 .twoj_slideshow__stage__shaft,.twoj_slideshow__wrap--css3 .twoj_slideshow__thumb-border,.twoj_slideshow__wrap--css3 .twoj_slideshow__video-close,.twoj_slideshow__wrap--css3 .twoj_slideshow__video-play { transform: translate3d(0,0,0); webkit-transform: translate3d(0,0,0); } .twoj_slideshow__caption,.twoj_slideshow__nav:after,.twoj_slideshow__nav:before,.twoj_slideshow__stage:after,.twoj_slideshow__stage:before,.twoj_slideshow__wrap--css3 .twoj_slideshow__html,.twoj_slideshow__wrap--css3 .twoj_slideshow__nav,.twoj_slideshow__wrap--css3 .twoj_slideshow__spinner,.twoj_slideshow__wrap--css3 .twoj_slideshow__stage,.twoj_slideshow__wrap--css3 .twoj_slideshow__stage .twoj_slideshow__img,.twoj_slideshow__wrap--css3 .twoj_slideshow__stage__frame { transform: translateZ(0); webkit-transform: translateZ(0); } .twoj_slideshow__wrap--video .twoj_slideshow__stage,.twoj_slideshow__wrap--video .twoj_slideshow__stage__frame--video,.twoj_slideshow__wrap--video .twoj_slideshow__stage__frame--video .twoj_slideshow__html,.twoj_slideshow__wrap--video .twoj_slideshow__stage__frame--video .twoj_slideshow__img,.twoj_slideshow__wrap--video .twoj_slideshow__stage__shaft { transform: none!important; webkit-transform: none!important; } .twoj_slideshow__wrap--css3 .twoj_slideshow__nav__shaft,.twoj_slideshow__wrap--css3 .twoj_slideshow__stage__shaft,.twoj_slideshow__wrap--css3 .twoj_slideshow__thumb-border { transition-duration: 0ms; transition-property: transform; transition-timing-function: cubic-bezier(0.1,0,.25,1); webkit-transition-duration: 0ms; webkit-transition-property: -webkit-transform; webkit-transition-timing-function: cubic-bezier(0.1,0,.25,1); } .twoj_slideshow__arr,.twoj_slideshow__fullscreen-icon,.twoj_slideshow__no-select,.twoj_slideshow__video-close,.twoj_slideshow__video-play,.twoj_slideshow__wrap { moz-user-select: none; ms-user-select: none; user-select: none; webkit-user-select: none; } .twoj_slideshow__select { moz-user-select: text; ms-user-select: text; user-select: text; webkit-user-select: text; } .twoj_slideshow__nav,.twoj_slideshow__nav__frame { margin: 0; padding: 0; } .twoj_slideshow__caption__wrap,.twoj_slideshow__nav__frame,.twoj_slideshow__nav__shaft { display: inline; display: inline-block; moz-box-orient: vertical; vertical-align: middle; zoom: 1; } .twoj_slideshow__wrap * { box-sizing: content-box; moz-box-sizing: content-box; } .twoj_slideshow__caption__wrap { box-sizing: border-box; moz-box-sizing: border-box; } .twoj_slideshow--hidden,.twoj_slideshow__load { left: -99999px; position: absolute; top: -99999px; z-index: -1; } .twoj_slideshow__arr,.twoj_slideshow__fullscreen-icon,.twoj_slideshow__nav,.twoj_slideshow__nav__frame,.twoj_slideshow__nav__shaft,.twoj_slideshow__stage__frame,.twoj_slideshow__stage__shaft,.twoj_slideshow__video-close,.twoj_slideshow__video-play { webkit-tap-highlight-color: rgba(0,0,0,0); } .twoj_slideshow__arr,.twoj_slideshow__fullscreen-icon,.twoj_slideshow__video-close,.twoj_slideshow__video-play { background: url('twoj_slideshow.png') no-repeat; } @media (-webkit-min-device-pixel-ratio:1.5),(min-resolution:144dpi) { .twoj_slideshow__arr,.twoj_slideshow__fullscreen-icon,.twoj_slideshow__video-close,.twoj_slideshow__video-play { background: url('twoj_slideshow@2x.png') no-repeat; background-size: 96px 160px; } } .twoj_slideshow__thumb { background-color: #7f7f7f; background-color: rgba(127,127,127,.2); } .twoj_slideshow { min-width: 1px; overflow: hidden; } .twoj_slideshow:not(.twoj_slideshow--unobtrusive)>:not(:first-child) { display: none; } .fullscreen { background: #000; height: 100%!important; margin: 0!important; max-height: 100%!important; max-width: 100%!important; overflow: hidden!important; padding: 0!important; width: 100%!important; } .twoj_slideshow--fullscreen { background: #000; bottom: 0!important; float: none!important; height: 100%!important; left: 0!important; margin: 0!important; position: absolute!important; right: 0!important; top: 0!important; width: 100%!important; z-index: 2147483647!important; } .twoj_slideshow--fullscreen .twoj_slideshow__nav,.twoj_slideshow--fullscreen .twoj_slideshow__stage { background: #000; } .twoj_slideshow__wrap { direction: ltr; position: relative; webkit-text-size-adjust: 100%; } .twoj_slideshow__wrap--rtl .twoj_slideshow__stage__frame { direction: rtl; } .twoj_slideshow__nav,.twoj_slideshow__stage { max-width: 100%; overflow: hidden; position: relative; } .twoj_slideshow__wrap--pan-y { ms-touch-action: pan-y; } .twoj_slideshow__wrap .twoj_slideshow__pointer { cursor: pointer; } .twoj_slideshow__wrap--slide .twoj_slideshow__stage__frame { opacity: 1!important; } .twoj_slideshow__stage__frame { overflow: hidden; } .twoj_slideshow__stage__frame.twoj_slideshow__active { z-index: 8; } .twoj_slideshow__wrap--fade .twoj_slideshow__stage__frame { display: none; } .twoj_slideshow__wrap--fade .twoj_slideshow__fade-front,.twoj_slideshow__wrap--fade .twoj_slideshow__fade-rear,.twoj_slideshow__wrap--fade .twoj_slideshow__stage__frame.twoj_slideshow__active { display: block; left: 0; top: 0; } .twoj_slideshow__wrap--fade .twoj_slideshow__fade-front { z-index: 8; } .twoj_slideshow__wrap--fade .twoj_slideshow__fade-rear { z-index: 7; } .twoj_slideshow__wrap--fade .twoj_slideshow__fade-rear.twoj_slideshow__active { z-index: 9; } .twoj_slideshow__wrap--fade .twoj_slideshow__stage .twoj_slideshow__shadow { display: none; } .twoj_slideshow__img { border: none!important; filter: alpha(opacity=0); ms-filter: "alpha(Opacity=0)"; opacity: 0; } .twoj_slideshow__error .twoj_slideshow__img,.twoj_slideshow__loaded .twoj_slideshow__img { filter: alpha(opacity=100); ms-filter: "alpha(Opacity=100)"; opacity: 1; } .twoj_slideshow--fullscreen .twoj_slideshow__loaded--full .twoj_slideshow__img,.twoj_slideshow__img--full { display: none; } .twoj_slideshow--fullscreen .twoj_slideshow__loaded--full .twoj_slideshow__img--full { display: block; } .twoj_slideshow__wrap--only-active .twoj_slideshow__nav,.twoj_slideshow__wrap--only-active .twoj_slideshow__stage { max-width: 99999px!important; } .twoj_slideshow__wrap--only-active .twoj_slideshow__stage__frame { visibility: hidden; } .twoj_slideshow__wrap--only-active .twoj_slideshow__stage__frame.twoj_slideshow__active { visibility: visible; } .twoj_slideshow__nav { display: none; font-size: 0; line-height: 0; text-align: center; white-space: nowrap; z-index: 5; } .twoj_slideshow__nav__shaft { left: 0; position: relative; text-align: left; top: 0; } .twoj_slideshow__nav__frame { cursor: pointer; position: relative; } .twoj_slideshow__nav--dots { display: block; } .twoj_slideshow__nav--dots .twoj_slideshow__nav__frame { height: 30px; width: 18px; } .twoj_slideshow__nav--dots .twoj_slideshow__nav__frame--thumb,.twoj_slideshow__nav--dots .twoj_slideshow__thumb-border { display: none; } .twoj_slideshow__nav--thumbs { display: block; } .twoj_slideshow__nav--thumbs .twoj_slideshow__nav__frame { padding-left: 0!important; } .twoj_slideshow__nav--thumbs .twoj_slideshow__nav__frame:last-child { padding-right: 0!important; } .twoj_slideshow__nav--thumbs .twoj_slideshow__nav__frame--dot { display: none; } .twoj_slideshow__dot { border: 1px solid; border-radius: 6px; display: block; height: 4px; left: 6px; position: relative; top: 12px; width: 4px; } .twoj_slideshow__nav__frame.twoj_slideshow__active { cursor: default; pointer-events: none; } .twoj_slideshow__nav__frame.twoj_slideshow__active .twoj_slideshow__dot { border: none; height: 6px; width: 6px; } .twoj_slideshow__dot { border-color: #7f7f7f; } .twoj_slideshow__active .twoj_slideshow__dot { background-color: #7f7f7f; } .twoj_slideshow__thumb { height: 100%; overflow: hidden; position: relative; width: 100%; } .twoj_slideshow__thumb-border { background-image: linear-gradient(to bottom right,rgba(255,255,255,.25),rgba(64,64,64,.1)); background-image: -webkit-linear-gradient(top left,rgba(255,255,255,.25),rgba(64,64,64,.1)); border-color: #00afea; border-style: solid; left: 0; position: absolute; top: 0; z-index: 9; } .twoj_slideshow__caption { bottom: 0; color: #000; font-family: 'Helvetica Neue',Arial,sans-serif; font-size: 14px; left: 0; line-height: 1.5; position: absolute; right: 0; z-index: 12; } .twoj_slideshow__caption a { border-bottom: 1px solid; border-color: rgba(0,0,0,.5); color: #000; text-decoration: none; } .twoj_slideshow__caption a:hover { border-color: rgba(51,51,51,.5); color: #333; } .twoj_slideshow__wrap--rtl .twoj_slideshow__caption { left: auto; right: 0; } .twoj_slideshow__wrap--no-captions .twoj_slideshow__caption,.twoj_slideshow__wrap--video .twoj_slideshow__caption { display: none; } .twoj_slideshow__caption__wrap { background-color: #fff; background-color: rgba(255,255,255,.9); padding: 5px 10px; } @-webkit-keyframes spinner { 0% { transform: rotate(0); webkit-transform: rotate(0); } 100% { transform: rotate(360deg); webkit-transform: rotate(360deg); } } @keyframes spinner { 0% { transform: rotate(0); webkit-transform: rotate(0); } 100% { transform: rotate(360deg); webkit-transform: rotate(360deg); } } .twoj_slideshow__wrap--css3 .twoj_slideshow__spinner { animation: spinner 24s infinite linear; webkit-animation: spinner 24s infinite linear; } .twoj_slideshow__wrap--css3 .twoj_slideshow__html,.twoj_slideshow__wrap--css3 .twoj_slideshow__stage .twoj_slideshow__img { transition-duration: .3s; transition-property: opacity; transition-timing-function: linear; webkit-transition-duration: .3s; webkit-transition-property: opacity; webkit-transition-timing-function: linear; } .twoj_slideshow__wrap--video .twoj_slideshow__stage__frame--video .twoj_slideshow__html,.twoj_slideshow__wrap--video .twoj_slideshow__stage__frame--video .twoj_slideshow__img { filter: alpha(opacity=0); ms-filter: "alpha(Opacity=0)"; opacity: 0; } .twoj_slideshow__select { cursor: auto; } .twoj_slideshow__video { bottom: 0; left: 0; position: absolute; right: 0; top: 32px; z-index: 10; } @-moz-document url-prefix() { .twoj_slideshow__active { box-shadow: 0 0 0 transparent; } } .twoj_slideshow__arr,.twoj_slideshow__fullscreen-icon,.twoj_slideshow__video-close,.twoj_slideshow__video-play { cursor: pointer; position: absolute; z-index: 11; } .twoj_slideshow__arr { height: 32px; margin-top: -16px; position: absolute; top: 50%; width: 32px; } .twoj_slideshow__arr--prev { background-position: 0 0; left: 0; } .twoj_slideshow__arr--next { background-position: -32px 0; right: 0; } .twoj_slideshow__arr--disabled { cursor: default; display: none; opacity: .1; pointer-events: none; } .twoj_slideshow__fullscreen-icon { background-position: 0 -32px; height: 32px; right: 0; top: 0; width: 32px; z-index: 20; } .twoj_slideshow--fullscreen .twoj_slideshow__fullscreen-icon { background-position: -32px -32px; } .twoj_slideshow__video-play { background-position: 0 -64px; height: 96px; left: 50%; margin-left: -48px; margin-top: -48px; opacity: 0; top: 50%; width: 96px; } .twoj_slideshow__wrap--css2 .twoj_slideshow__video-play,.twoj_slideshow__wrap--video .twoj_slideshow__stage .twoj_slideshow__video-play { display: none; } .twoj_slideshow__error .twoj_slideshow__video-play,.twoj_slideshow__loaded .twoj_slideshow__video-play { display: block; opacity: 1; } .twoj_slideshow__nav__frame .twoj_slideshow__video-play { background-position: -64px -32px; height: 32px; margin-left: -16px; margin-top: -16px; width: 32px; } .twoj_slideshow__video-close { background-position: -64px 0; height: 32px; opacity: 0; right: 0; top: 0; width: 32px; z-index: 20; } .twoj_slideshow__wrap--css2 .twoj_slideshow__video-close { display: none; } .twoj_slideshow__wrap--css3 .twoj_slideshow__video-close { transform: translate3d(32px,-32px,0); webkit-transform: translate3d(32px,-32px,0); } .twoj_slideshow__wrap--video .twoj_slideshow__video-close { display: block; opacity: 1; } .twoj_slideshow__wrap--css3.twoj_slideshow__wrap--video .twoj_slideshow__video-close { transform: translate3d(0,0,0); webkit-transform: translate3d(0,0,0); } .twoj_slideshow__wrap--no-controls.twoj_slideshow__wrap--toggle-arrows .twoj_slideshow__arr,.twoj_slideshow__wrap--no-controls.twoj_slideshow__wrap--toggle-arrows .twoj_slideshow__fullscreen-icon,.twoj_slideshow__wrap--video .twoj_slideshow__arr,.twoj_slideshow__wrap--video .twoj_slideshow__fullscreen-icon { opacity: 0; } .twoj_slideshow__wrap--css2.twoj_slideshow__wrap--no-controls .twoj_slideshow__arr,.twoj_slideshow__wrap--css2.twoj_slideshow__wrap--no-controls .twoj_slideshow__fullscreen-icon,.twoj_slideshow__wrap--css2.twoj_slideshow__wrap--video .twoj_slideshow__arr,.twoj_slideshow__wrap--css2.twoj_slideshow__wrap--video .twoj_slideshow__fullscreen-icon { display: none; } .twoj_slideshow__wrap--css3.twoj_slideshow__wrap--no-controls.twoj_slideshow__wrap--slide.twoj_slideshow__wrap--toggle-arrows .twoj_slideshow__fullscreen-icon,.twoj_slideshow__wrap--css3.twoj_slideshow__wrap--video .twoj_slideshow__fullscreen-icon { transform: translate3d(32px,-32px,0); webkit-transform: translate3d(32px,-32px,0); } .twoj_slideshow__wrap--css3.twoj_slideshow__wrap--no-controls.twoj_slideshow__wrap--slide.twoj_slideshow__wrap--toggle-arrows .twoj_slideshow__arr--prev,.twoj_slideshow__wrap--css3.twoj_slideshow__wrap--video .twoj_slideshow__arr--prev { transform: translate3d(-48px,0,0); webkit-transform: translate3d(-48px,0,0); } .twoj_slideshow__wrap--css3.twoj_slideshow__wrap--no-controls.twoj_slideshow__wrap--slide.twoj_slideshow__wrap--toggle-arrows .twoj_slideshow__arr--next,.twoj_slideshow__wrap--css3.twoj_slideshow__wrap--video .twoj_slideshow__arr--next { transform: translate3d(48px,0,0); webkit-transform: translate3d(48px,0,0); } .twoj_slideshow__wrap--css3 .twoj_slideshow__arr,.twoj_slideshow__wrap--css3 .twoj_slideshow__fullscreen-icon,.twoj_slideshow__wrap--css3 .twoj_slideshow__video-close,.twoj_slideshow__wrap--css3 .twoj_slideshow__video-play { transition-duration: .3s; transition-property: transform,opacity; webkit-transition-duration: .3s; webkit-transition-property: -webkit-transform,opacity; } .twoj_slideshow__nav:after,.twoj_slideshow__nav:before,.twoj_slideshow__stage:after,.twoj_slideshow__stage:before { background-repeat: no-repeat; background-size: 1px 100%,5px 100%; bottom: 0; content: ""; display: block; height: auto; pointer-events: none; position: absolute; text-decoration: none; top: 0; width: 10px; z-index: 10; } .twoj_slideshow__nav:before,.twoj_slideshow__stage:before { background-image: linear-gradient(transparent,rgba(0,0,0,.2)25%,rgba(0,0,0,.3)75%,transparent),radial-gradient(farthest-side at 0 50%,rgba(0,0,0,.4),transparent); background-image: -webkit-linear-gradient(transparent,rgba(0,0,0,.2)25%,rgba(0,0,0,.3)75%,transparent),-webkit-radial-gradient(0 50%,farthest-side,rgba(0,0,0,.4),transparent); background-position: 0 0,0 0; left: -10px; } .twoj_slideshow__nav.twoj_slideshow__shadows--left:before,.twoj_slideshow__stage.twoj_slideshow__shadows--left:before { left: 0; } .twoj_slideshow__nav:after,.twoj_slideshow__stage:after { background-image: linear-gradient(transparent,rgba(0,0,0,.2)25%,rgba(0,0,0,.3)75%,transparent),radial-gradient(farthest-side at 100% 50%,rgba(0,0,0,.4),transparent); background-image: -webkit-linear-gradient(transparent,rgba(0,0,0,.2)25%,rgba(0,0,0,.3)75%,transparent),-webkit-radial-gradient(100% 50%,farthest-side,rgba(0,0,0,.4),transparent); background-position: 100% 0,100% 0; right: -10px; } .twoj_slideshow__nav.twoj_slideshow__shadows--right:after,.twoj_slideshow__stage.twoj_slideshow__shadows--right:after { right: 0; } .twoj_slideshow--fullscreen .twoj_slideshow__nav:after, .twoj_slideshow--fullscreen .twoj_slideshow__nav:before, .twoj_slideshow--fullscreen .twoj_slideshow__stage:after, .twoj_slideshow--fullscreen .twoj_slideshow__stage:before, .twoj_slideshow__wrap--fade .twoj_slideshow__stage:after, .twoj_slideshow__wrap--fade .twoj_slideshow__stage:before, .twoj_slideshow__wrap--no-shadows .twoj_slideshow__nav:after, .twoj_slideshow__wrap--no-shadows .twoj_slideshow__nav:before, .twoj_slideshow__wrap--no-shadows .twoj_slideshow__stage:after, .twoj_slideshow__wrap--no-shadows .twoj_slideshow__stage:before { display: none; }