/* Elastislide Style */ .elastislide-list { list-style-type: none; display: none; } .no-js .elastislide-list { display: block; } .elastislide-carousel ul li { min-width: 20px; /* minimum width of the image (min width + border) */ } .elastislide-wrapper { position: relative; margin: 0 auto; min-height: 60px; } .elastislide-wrapper.elastislide-loading { background-image: url(../images/loading.gif); background-repeat: no-repeat; background-position: center center; } .elastislide-vertical { padding: 40px 10px; } .elastislide-carousel { overflow: hidden; position: relative; background: #000; } .elastislide-carousel ul { position: relative; display: block; list-style-type: none; padding: 0; margin: 0; -webkit-backface-visibility: hidden; -webkit-transform: translateX(0px); -moz-transform: translateX(0px); -ms-transform: translateX(0px); -o-transform: translateX(0px); transform: translateX(0px); } .elastislide-horizontal ul { white-space: nowrap; } .elastislide-carousel ul li { margin: 0; -webkit-backface-visibility: hidden; } .elastislide-horizontal ul li { height: 100%; display: inline-block; } .elastislide-vertical ul li { display: block; } .elastislide-carousel ul li a { display: inline-block; width: 100%; } .elastislide-carousel ul li a img { display: block; max-width: 100%; opacity: 0.7; -webkit-transition: all 200ms ease-in; -moz-transition: all 200ms ease-in; -ms-transition: all 200ms ease-in; -o-transition: all 200ms ease-in; transition: all 200ms ease-in; } .elastislide-carousel ul li:hover a img { opacity: 1; } /* Navigation Arrows */ .elastislide-wrapper nav span { position: absolute; background: #ddd url(../images/nav.png) no-repeat 0 -62px; width: 62px; height: 62px; border-radius: 50%; text-indent: -9000px; cursor: pointer; opacity: 0.8; } .elastislide-wrapper nav span:hover { opacity: 1.0 } .elastislide-horizontal nav span { top: 45%; left: 10px; margin-top: -11px; } .elastislide-vertical nav span { top: 10px; left: 50%; margin-left: -11px; background-position: -17px 5px; } .elastislide-horizontal nav span.elastislide-next { right: 10px; left: auto; background-position: 0 0; } .elastislide-vertical nav span.elastislide-prev { bottom: 10px; top: auto; background-position: 0 0; }