| Current Path : /home/juvelize/www/modules/mod_jmnewspro/assets/css/ |
| Current File : /home/juvelize/www/modules/mod_jmnewspro/assets/css/mod_jmnewspro_layout3.css |
/*
#------------------------------------------------------------------------
# Package - JoomlaMan JMSlideShow
# Version 1.0
# -----------------------------------------------------------------------
# Author - JoomlaMan http://www.joomlaman.com
# Copyright © 2012 - 2013 JoomlaMan.com. All Rights Reserved.
# @license http://www.gnu.org/licenses/gpl-2.0.html GNU/GPLv2 or Later
# Websites: http://www.JoomlaMan.com
#------------------------------------------------------------------------
*/
.jmnewspro.layout3 {
padding: 20px 0;
position: relative;
color: #E5E5E5;
direction: ltr;
}
.jmnewspro.layout3 .slide-item-image{
border: 1px solid #ebebeb;
padding: 2px;
}
.jmnewspro.layout3 .slide-item-title{
color: #FFC92B;
font-weight: bold;
margin: 10px 0;
}
.jmnewspro.layout3 .slide-item-title a:hover,
.jmnewspro.layout3 span.slide-item-readmore a:hover{
color: #FE8F0A;
}
.jmnewspro.layout3 .slide-item-title a,
.jmnewspro.layout3 span.slide-item-readmore a{
color: #FFC92B;
font-size:16px;
}
.jmnewspro.layout3 .slide-item-desc {
font-size:12px;
padding-bottom:10px;
}
.jmnewspro.layout3 .jmnewspro-prev a,
.jmnewspro.layout3 .jmnewspro-next a{
cursor: pointer;
display: block;
height: 40px;
overflow: hidden;
position: absolute;
top: 75px;
width: 20px;
}
.jmnewspro.layout3 .jmnewspro-prev a{
background: url("../images/button.png") no-repeat scroll 0 -40px transparent;
}
.jmnewspro.layout3 .jmnewspro-next a{
background: url("../images/button.png") no-repeat scroll 0 0 transparent;
right: 0;
}
.jmnewspro.layout3 .slide-inner{
padding:0px!important;
}
.jmnewspro.layout3 .slide-inner .padding{
padding: 0 8px !important
}
.jmnewspro.layout3 .bx-wrapper {
position: relative;
margin: 0 auto 0;
padding: 0;
*zoom: 1;
}
.jmnewspro.layout3 .bx-wrapper img {
max-width: 100%;
display: block;
}
/** THEME
===================================*/
.jmnewspro.layout3 .bx-pager ul{
list-style-type: none !important;
margin: 3px 0 0 !important;
padding: 0 !important;
float: left;
}
.jmnewspro.layout3 .bx-pager ul li {
float: left;
width: 8px;
height: 8px;
margin: 0 4px 0 0 !important;
}
.jmnewspro.layout3 .bx-pager ul li a{
background: url('../images/interface.png') no-repeat 50% 0;
text-indent: -999em;
cursor: pointer;
display: block;
width: 8px;
height: 8px;
overflow: hidden;
}
.jmnewspro.layout3 .bx-pager ul li a:hover, .bx-pager ul li a.active {
background-position: 50% -8px;
}
.slide-inner {
padding: 0 8px!important;
float: left;
}
.css3 .view{
float: none!important;
}
/** CSS3 effect
===================================*/
.jmnewspro.layout3 .slide-item-wrap-item 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;
}
.jmnewspro.layout3 .slide-item-wrap-item .slide-item-desc-warp {
background-color: rgba(0,0,0,0.8);
-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;
}
.jmnewspro.layout3 .slide-item-wrap-item .slide-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;
}
.jmnewspro.layout3 .slide-item-wrap-item .slide-item-desc {
-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;
}
.jmnewspro.layout3 .slide-item-wrap-item .slide-item-readmore .slide-item-readmore a {
-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;
}
.jmnewspro.layout3 .slide-item-wrap-item:hover .slide-item-desc-warp {
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
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);
}
.jmnewspro.layout3 .slide-item-wrap-item:hover .slide-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;
}
.jmnewspro.layout3 .slide-item-wrap-item:hover .slide-item-desc{
-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;
}
.jmnewspro.layout3 .slide-item-wrap-item:hover .slide-item-readmore a {
-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;
}