%PDF-1.5 %���� ºaâÚÎΞ-ÌE1ÍØÄ÷{òò2ÿ ÛÖ^ÔÀá TÎ{¦?§®¥kuµùÕ5sLOšuY
Server IP : 49.231.201.246 / Your IP : 216.73.216.149 Web Server : Apache/2.4.18 (Ubuntu) System : Linux 246 4.4.0-210-generic #242-Ubuntu SMP Fri Apr 16 09:57:56 UTC 2021 x86_64 User : root ( 0) PHP Version : 7.0.33-0ubuntu0.16.04.16 Disable Function : exec,passthru,shell_exec,system,proc_open,popen,pcntl_exec MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : ON | Sudo : ON | Pkexec : ON Directory : /var/www/html/old/modules/mod_sj_k2_extraslider/assets/css/ |
Upload File : |
.sj-extraslider .extraslider-inner .item-wrap{ overflow: hidden; } .sj-extraslider .extraslider-inner .item-wrap .item-image{ width: 100%; overflow: hidden; } .sj-extraslider .extraslider-inner .item-wrap .item-image img{ width: 100%; max-width:100%; border:0; box-shadow: #000 0em 0em 0em; } .sj-extraslider .extraslider-inner .item-wrap .item-info{ /* padding: 10px; */ width: 100%; } .sj-extraslider .extraslider-inner .item-wrap.style2 .item-info{ background: #333; } .sj-extraslider .extraslider-inner .item-wrap .item-info .item-content{ margin:10px 10px 10px 10px; /* padding:10px; */ } .sj-extraslider .extraslider-inner .item-wrap.style2 .item-info .item-content{ margin-bottom:10px; } .sj-extraslider .extraslider-inner .item-wrap .item-info .item-title{ padding:10px 10px 0 10px; font-weight: bold; margin-bottom: 0px; } .sj-extraslider .extraslider-inner .item-wrap .item-info .item-description{ color:#fff; } .sj-extraslider .extraslider-inner .item-wrap .item-info .item-readmore{ text-align: right; margin:5px 0 0 0; } /*####################### item-style4 ##########################*/ .sj-extraslider .extraslider-inner .item-wrap.style4{ position: relative; } .sj-extraslider .extraslider-inner .item-wrap.style4 img { -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; -ms-transition: all 0.2s ease-in; transition: all 0.2s ease-in; box-shadow: #000 0em 0em 0em; } .sj-extraslider .extraslider-inner .item-wrap.style4 .item-info { position: absolute; top: 0; height: 100%; text-align:center; padding:0; background: url(../images/background.png) repeat; -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity = 0); opacity: 0; -webkit-transform: translate(460px, -100px) rotate(180deg); -moz-transform: translate(460px, -100px) rotate(180deg); -o-transform: translate(460px, -100px) rotate(180deg); -ms-transform: translate(460px, -100px) rotate(180deg); transform: translate(460px, -100px) rotate(180deg); -webkit-transition: all 0.2s 0.4s ease-in-out; -moz-transition: all 0.2s 0.4s ease-in-out; -o-transition: all 0.2s 0.4s ease-in-out; -ms-transition: all 0.2s 0.4s ease-in-out; transition: all 0.2s 0.4s ease-in-out; box-shadow: #000 0em 0em 0em; } .sj-extraslider .extraslider-inner .item-wrap.style4 .item-title { -webkit-transform: translateY(-100px); -moz-transform: translateY(-100px); -o-transform: translateY(-100px); -ms-transform: translateY(-100px); transform: translateY(-100px); -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; padding: 6px; background: url(../images/background.png) repeat; margin: 5% 0 0 0; text-transform: uppercase; box-shadow: #000 0em 0em 0em; } .sj-extraslider .extraslider-inner .item-wrap.style4 .item-readmore a, .sj-extraslider .extraslider-inner .item-wrap.style4 .item-title a{ color: #FFF; } .sj-extraslider .extraslider-inner .item-wrap.style4 .item-description { -webkit-transform: translateX(300px) rotate(90deg); -moz-transform: translateX(300px) rotate(90deg); -o-transform: translateX(300px) rotate(90deg); -ms-transform: translateX(300px) rotate(90deg); transform: translateX(300px) rotate(90deg); -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; /* padding:10px; */ text-align: left; box-shadow: #000 0em 0em 0em; } .sj-extraslider .extraslider-inner .item-wrap.style4:hover .item-info { filter: alpha(opacity = 100); opacity: 1; -webkit-transition-delay: 0s; -moz-transition-delay: 0s; -o-transition-delay: 0s; -ms-transition-delay: 0s; transition-delay: 0s; -webkit-transform: translate(0px, 0px); -moz-transform: translate(0px, 0px); -o-transform: translate(0px, 0px); -ms-transform: translate(0px, 0px); transform: translate(0px, 0px); box-shadow: #000 0em 0em 0em; } .sj-extraslider .extraslider-inner .item-wrap.style4:hover .item-title { -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -o-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); -webkit-transition-delay: 0.5s; -moz-transition-delay: 0.5s; -o-transition-delay: 0.5s; -ms-transition-delay: 0.5s; transition-delay: 0.5s; box-shadow: #000 0em 0em 0em; } .sj-extraslider .extraslider-inner .item-wrap.style4:hover .item-description { -webkit-transform: translateX(0px) rotate(0deg); -moz-transform: translateX(0px) rotate(0deg); -o-transform: translateX(0px) rotate(0deg); -ms-transform: translateX(0px) rotate(0deg); transform: translateX(0px) rotate(0deg); -webkit-transition-delay: 0.4s; -moz-transition-delay: 0.4s; -o-transition-delay: 0.4s; -ms-transition-delay: 0.4s; transition-delay: 0.4s; box-shadow: #000 0em 0em 0em; } .sj-extraslider .extraslider-inner .item-wrap.style4:hover .item-readmore { -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -o-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); -webkit-transition-delay: 0.3s; -moz-transition-delay: 0.3s; -o-transition-delay: 0.3s; -ms-transition-delay: 0.3s; transition-delay: 0.3s; box-shadow: #000 0em 0em 0em; } .sj-extraslider .extraslider-inner .item-wrap.style4 .item-readmore { display: inline-block; text-decoration: none; padding: 3px 10px; background: #000; -webkit-box-shadow: 0 0 1px #000; -moz-box-shadow: 0 0 1px #000; box-shadow: 0 0 1px #000; -webkit-transform: translateY(-200px); -moz-transform: translateY(-200px); -o-transform: translateY(-200px); -ms-transform: translateY(-200px); transform: translateY(-200px); -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } /*####################### item-style7 ##########################*/ .sj-extraslider .extraslider-inner .item-wrap.style7{ position: relative; } .sj-extraslider .extraslider-inner .item-wrap.style7 .item-info { position:absolute; top:0; left:0; height:100%; text-align:center; padding:0; background:url(../images/bg-white.png); top: -100%; -webkit-transition: all 0.3s ease-out 0.5s; -moz-transition: all 0.3s ease-out 0.5s; -o-transition: all 0.3s ease-out 0.5s; -ms-transition: all 0.3s ease-out 0.5s; transition: all 0.3s ease-out 0.5s; } .sj-extraslider .extraslider-inner .item-wrap.style7 .item-info .item-content{ padding:10px; } .sj-extraslider .extraslider-inner .item-wrap.style7 .item-title { background:#333; color: #FFFFFF; font-size: 17px; margin: 5% 0 0 0; padding: 7px; position: relative; text-align: center; text-transform: uppercase; -webkit-transform: translateY(-200%); -moz-transform: translateY(-200%); -o-transform: translateY(-200%); -ms-transform: translateY(-200%); transform: translateY(-200%); -webkit-transition: all 0.2s ease-in-out 0.1s; -moz-transition: all 0.2s ease-in-out 0.1s; -o-transition: all 0.2s ease-in-out 0.1s; -ms-transition: all 0.2s ease-in-out 0.1s; transition: all 0.2s ease-in-out 0.1s; } .sj-extraslider .extraslider-inner .item-wrap.style7 .item-description { text-align:left; color: #333; -webkit-transform: translateY(-500%); -moz-transform: translateY(-500%); -o-transform: translateY(-500%); -ms-transform: translateY(-500%); transform: translateY(-500%); -webkit-transition: all 0.2s ease-in-out 0.2s; -moz-transition: all 0.2s ease-in-out 0.2s; -o-transition: all 0.2s ease-in-out 0.2s; -ms-transition: all 0.2s ease-in-out 0.2s; transition: all 0.2s ease-in-out 0.2s; } .sj-extraslider .extraslider-inner .item-wrap.style7 .item-tags{ text-align:left; color: #333; -webkit-transform: translateY(-700%); -moz-transform: translateY(-700%); -o-transform: translateY(-700%); -ms-transform: translateY(-700%); transform: translateY(-700%); -webkit-transition: all 0.2s ease-in-out 0.2s; -moz-transition: all 0.2s ease-in-out 0.2s; -o-transition: all 0.2s ease-in-out 0.2s; -ms-transition: all 0.2s ease-in-out 0.2s; transition: all 0.2s ease-in-out 0.2s; } .sj-extraslider .extraslider-inner .item-wrap.style7 .item-readmore { background: none repeat scroll 0 0 #000000; box-shadow: 0 0 1px #000000; color: #FFFFFF; display: inline-block; padding: 2px 5px; text-decoration: none; -webkit-transform: translateY(-1000%); -moz-transform: translateY(-1000%); -o-transform: translateY(-1000%); -ms-transform: translateY(-1000%); transform: translateY(-1000%); -webkit-transition: all 0.2s ease-in-out 0.3s; -moz-transition: all 0.2s ease-in-out 0.3s; -o-transition: all 0.2s ease-in-out 0.3s; -ms-transition: all 0.2s ease-in-out 0.3s; transition: all 0.2s ease-in-out 0.3s; } .sj-extraslider .extraslider-inner .item-wrap.style7:hover .item-info { top: 0px; -webkit-transition-delay: 0s; -moz-transition-delay: 0s; -o-transition-delay: 0s; -ms-transition-delay: 0s; transition-delay: 0s; -webkit-animation: bounceY 0.9s linear; -moz-animation: bounceY 0.9s linear; -ms-animation: bounceY 0.9s linear; animation: bounceY 0.9s linear; } .sj-extraslider .extraslider-inner .item-wrap.style7:hover .item-title { -webkit-transform: translateY(0%); -moz-transform: translateY(0%); -o-transform: translateY(0%); -ms-transform: translateY(0%); transform: translateY(0%); -webkit-transition-delay: 0.2s; -moz-transition-delay: 0.2s; -o-transition-delay: 0.2s; -ms-transition-delay: 0.2s; transition-delay: 0.2s; } .sj-extraslider .extraslider-inner .item-wrap.style7:hover .item-description { -webkit-transform: translateY(0%); -moz-transform: translateY(0%); -o-transform: translateY(0%); -ms-transform: translateY(0%); transform: translateY(0%); -webkit-transition-delay: 0.2s; -moz-transition-delay: 0.2s; -o-transition-delay: 0.2s; -ms-transition-delay: 0.2s; transition-delay: 0.2s; } .sj-extraslider .extraslider-inner .item-wrap.style7:hover .item-tags { -webkit-transform: translateY(0%); -moz-transform: translateY(0%); -o-transform: translateY(0%); -ms-transform: translateY(0%); transform: translateY(0%); -webkit-transition-delay: 0.2s; -moz-transition-delay: 0.2s; -o-transition-delay: 0.2s; -ms-transition-delay: 0.2s; transition-delay: 0.2s; } .sj-extraslider .extraslider-inner .item-wrap.style7:hover .item-readmore { -webkit-transform: translateY(0%); -moz-transform: translateY(0%); -o-transform: translateY(0%); -ms-transform: translateY(0%); transform: translateY(0%); -webkit-transition-delay: 0s; -moz-transition-delay: 0s; -o-transition-delay: 0s; -ms-transition-delay: 0s; transition-delay: 0s; } .sj-extraslider .extraslider-inner .item-wrap.style7 .item-readmore a{ color: #FFF; } .sj-extraslider .extraslider-inner .item-wrap.style7 .item-title a{ color:#FFF; text-transform: uppercase; font-weight: bold; } @keyframes bounceY { 0% { transform: translateY(-103%);} 40% { transform: translateY(-50%);} 65% { transform: translateY(-25%);} 82% { transform: translateY(-12%);} 92% { transform: translateY(-5%);} 55%, 75%, 87%, 97%, 100% { transform: translateY(0%);} } @-moz-keyframes bounceY { 0% { -moz-transform: translateY(-1023%);} 40% { -moz-transform: translateY(-50%);} 65% { -moz-transform: translateY(-25%);} 82% { -moz-transform: translateY(-12%);} 92% { -moz-transform: translateY(-5%);} 55%, 75%, 87%, 97%, 100% { -moz-transform: translateY(0%);} } @-webkit-keyframes bounceY { 0% { -webkit-transform: translateY(-103%);} 40% { -webkit-transform: translateY(-50%);} 65% { -webkit-transform: translateY(-25%);} 82% { -webkit-transform: translateY(-12%);} 92% { -webkit-transform: translateY(-5%);} 55%, 75%, 87%, 97%, 100% { -webkit-transform: translateY(0%);} } /*####################### item-style9 ##########################*/ .sj-extraslider .extraslider-inner .item-wrap.style9{ position: relative; } .sj-extraslider .extraslider-inner .item-wrap.style9 img { -webkit-transform: scaleY(1); -moz-transform: scaleY(1); -o-transform: scaleY(1); -ms-transform: scaleY(1); transform: scaleY(1); -webkit-transition: all 0.7s ease-in-out; -moz-transition: all 0.7s ease-in-out; -o-transition: all 0.7s ease-in-out; -ms-transition: all 0.7s ease-in-out; transition: all 0.7s ease-in-out; box-shadow: #000 0em 0em 0em; } .sj-extraslider .extraslider-inner .item-wrap.style9 .item-info { text-align:center; position:absolute; top:0; left:0; height:100%; background:#333; -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -o-transition: all 0.5s linear; -ms-transition: all 0.5s linear; transition: all 0.5s linear; -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; } .sj-extraslider .extraslider-inner .item-wrap.style9 .item-title { text-transform:uppercase; border-bottom:#666 solid 1px; background: transparent; margin:5% 10px 0 10px; padding-bottom: 7px; -webkit-transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0); -ms-transform: scale(0); transform: scale(0); color: #333; -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -o-transition: all 0.5s linear; -ms-transition: all 0.5s linear; transition: all 0.5s linear; -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; } .sj-extraslider .extraslider-inner .item-wrap.style9 .item-description { text-align:left; color: #FFF; -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; -webkit-transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -o-transition: all 0.5s linear; -ms-transition: all 0.5s linear; transition: all 0.5s linear; } .sj-extraslider .extraslider-inner .item-wrap.style9 .item-readmore { text-align:center; background: none repeat scroll 0 0 #000000; box-shadow: 0 0 1px #000000; color: #FFFFFF; display: inline-block; padding: 2px 10px; -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; -webkit-transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -o-transition: all 0.5s linear; -ms-transition: all 0.5s linear; transition: all 0.5s linear; } .sj-extraslider .extraslider-inner .item-wrap.style9:hover img { -webkit-transform: scale(10); -moz-transform: scale(10); -o-transform: scale(10); -ms-transform: scale(10); transform: scale(10); -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; box-shadow: #000 0em 0em 0em; } .sj-extraslider .extraslider-inner .item-wrap.style9:hover .item-info { -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; } .sj-extraslider .extraslider-inner .item-wrap.style9:hover .item-title,.sj-extraslider .extraslider-inner .item-wrap.style9:hover .item-description,.sj-extraslider .extraslider-inner .item-wrap.style9:hover .item-readmore { -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; } .sj-extraslider .extraslider-inner .item-wrap.style9 .item-readmore a{ color: #FFF; } .sj-extraslider .extraslider-inner .item-wrap.style9 .item-title a{ color:#FFF; text-transform: uppercase; font-weight: bold; } /*####################### item-style10 ##########################*/ .sj-extraslider .extraslider-inner .item-wrap.style10{ position: relative; } .sj-extraslider .extraslider-inner .item-wrap.style10 img { -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; box-shadow: #000 0em 0em 0em; } .sj-extraslider .extraslider-inner .item-wrap.style10 .item-info { position:absolute; top:0; left:0; height:100%; padding:0; text-align:center; -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; background-color: rgba(0,0,0, 0.7); -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .sj-extraslider .extraslider-inner .item-wrap.style10 .item-info .item-content { padding:5px; } .sj-extraslider .extraslider-inner .item-wrap.style10 .item-title { background:#FFF; opacity:0.5; filter: alpha(opacity=50); font-size: 17px; padding: 5px; margin-top:5%; text-align: center; text-transform: uppercase; -webkit-transform: translateY(-100px); -moz-transform: translateY(-100px); -o-transform: translateY(-100px); -ms-transform: translateY(-100px); transform: translateY(-100px); -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .sj-extraslider .extraslider-inner .item-wrap.style10 .item-description { text-align:left; -webkit-transform: translateY(100px); -moz-transform: translateY(100px); -o-transform: translateY(100px); -ms-transform: translateY(100px); transform: translateY(100px); -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; } .sj-extraslider .extraslider-inner .item-wrap.style10:hover img { -webkit-transform: scale(1.1,1.1); -moz-transform: scale(1.1,1.1); -o-transform: scale(1.1,1.1); -ms-transform: scale(1.1,1.1); transform: scale(1.1,1.1); box-shadow: #000 0em 0em 0em; } .sj-extraslider .extraslider-inner .item-wrap.style10 .item-readmore { background: none repeat scroll 0 0 #000000; box-shadow: 0 0 1px #000000; color: #FFFFFF; display: inline-block; padding: 2px 10px; text-align:center; -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .sj-extraslider .extraslider-inner .item-wrap.style10:hover .item-info { -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; } .sj-extraslider .extraslider-inner .item-wrap.style10:hover .item-title, .sj-extraslider .extraslider-inner .item-wrap.style10:hover .item-description, .sj-extraslider .extraslider-inner .item-wrap.style10:hover .item-readmore { -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -o-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); } .sj-extraslider .extraslider-inner .item-wrap.style10:hover .item-description, .sj-extraslider .extraslider-inner .item-wrap.style10:hover .item-readmore { -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; } .sj-extraslider .extraslider-inner .item-wrap.style10:hover .item-description { -webkit-transition-delay: 0.1s; -moz-transition-delay: 0.1s; -o-transition-delay: 0.1s; -ms-transition-delay: 0.1s; transition-delay: 0.1s; } .sj-extraslider .extraslider-inner .item-wrap.style10:hover .item-readmore { -webkit-transition-delay: 0.2s; -moz-transition-delay: 0.2s; -o-transition-delay: 0.2s; -ms-transition-delay: 0.2s; transition-delay: 0.2s; } .sj-extraslider .extraslider-inner .item-wrap.style10 .item-readmore a{ color: #FFF; } .sj-extraslider .extraslider-inner .item-wrap.style10 .item-title a{ color:#000; text-transform: uppercase; font-weight: bold; } /*####################### item-style11 ##########################*/ .sj-extraslider .extraslider-inner .item-wrap.style11{ position: relative; } .sj-extraslider .extraslider-inner .item-wrap.style11 img { -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; transition: all 0.5s ease-out; -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; box-shadow: #000 0em 0em 0em; } .sj-extraslider .extraslider-inner .item-wrap.style11 .item-info { position:absolute; top:0; left:0; height:100%; text-align:center; padding:0; background-color:#333; -webkit-transform: rotate(0deg) scale(1); -moz-transform: rotate(0deg) scale(1); -o-transform: rotate(0deg) scale(1); -ms-transform: rotate(0deg) scale(1); transform: rotate(0deg) scale(1); -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .sj-extraslider .extraslider-inner .item-wrap.style11 .item-info .item-content{ padding:5px; } .sj-extraslider .extraslider-inner .item-wrap.style11 .item-title { background:#FFF; opacity:0.5; filter: alpha(opacity=50); font-size: 17px; margin-top: 5%; padding: 5px; text-align: center; text-transform: uppercase; -webkit-transform: translateY(-200px); -moz-transform: translateY(-200px); -o-transform: translateY(-200px); -ms-transform: translateY(-200px); transform: translateY(-200px); -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .sj-extraslider .extraslider-inner .item-wrap.style11 .item-description { text-align:left; -webkit-transform: translateY(-200px); -moz-transform: translateY(-200px); -o-transform: translateY(-200px); -ms-transform: translateY(-200px); transform: translateY(-200px); -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .sj-extraslider .extraslider-inner .item-wrap.style11 .item-readmore { background: none repeat scroll 0 0 #000000; box-shadow: 0 0 1px #000000; color: #FFFFFF; display: inline-block; padding: 2px 10px; text-align:center; -webkit-transform: translateY(-200px); -moz-transform: translateY(-200px); -o-transform: translateY(-200px); -ms-transform: translateY(-200px); transform: translateY(-200px); -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .sj-extraslider .extraslider-inner .item-wrap.style11:hover img { -webkit-transform: rotate(720deg) scale(0); -moz-transform: rotate(720deg) scale(0); -o-transform: rotate(720deg) scale(0); -ms-transform: rotate(720deg) scale(0); transform: rotate(720deg) scale(0); filter: alpha(opacity=0); opacity: 0; box-shadow: #000 0em 0em 0em; } .sj-extraslider .extraslider-inner .item-wrap.style11:hover .item-info { filter: alpha(opacity=100); opacity: 1; -webkit-transform: translateY(0px) rotate(0deg); -moz-transform: translateY(0px) rotate(0deg); -o-transform: translateY(0px) rotate(0deg); -ms-transform: translateY(0px) rotate(0deg); transform: translateY(0px) rotate(0deg); -webkit-transition-delay: 0.4s; -moz-transition-delay: 0.4s; -o-transition-delay: 0.4s; -ms-transition-delay: 0.4s; transition-delay: 0.4s; } .sj-extraslider .extraslider-inner .item-wrap.style11:hover .item-title { -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -o-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); -webkit-transition-delay: 0.7s; -moz-transition-delay: 0.7s; -o-transition-delay: 0.7s; -ms-transition-delay: 0.7s; transition-delay: 0.7s; } .sj-extraslider .extraslider-inner .item-wrap.style11:hover .item-description { -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -o-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); -webkit-transition-delay: 0.6s; -moz-transition-delay: 0.6s; -o-transition-delay: 0.6s; -ms-transition-delay: 0.6s; transition-delay: 0.6s; } .sj-extraslider .extraslider-inner .item-wrap.style11:hover .item-readmore { -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -o-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); -webkit-transition-delay: 0.5s; -moz-transition-delay: 0.5s; -o-transition-delay: 0.5s; -ms-transition-delay: 0.5s; transition-delay: 0.5s; } .sj-extraslider .extraslider-inner .item-wrap.style11 .item-readmore a{ color: #FFF; } .sj-extraslider .extraslider-inner .item-wrap.style11 .item-title a{ color:#000; text-transform: uppercase; font-weight: bold; }