123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163 |
- /*
- * Core Owl Carousel CSS File
- * v1.3.3
- */
- /* clearfix */
- .owl-carousel .owl-wrapper:after {
- content: ".";
- display: block;
- clear: both;
- visibility: hidden;
- line-height: 0;
- height: 0;
- }
- /* display none until init */
- .owl-carousel{
- display: none;
- position: relative;
- width: 100%;
- -ms-touch-action: pan-y;
- }
- .owl-carousel .owl-wrapper{
- display: none;
- position: relative;
- -webkit-transform: translate3d(0px, 0px, 0px);
- }
- .owl-carousel .owl-wrapper-outer{
- overflow: hidden;
- position: relative;
- width: 100%;
- }
- .owl-carousel .owl-wrapper-outer.autoHeight{
- -webkit-transition: height 500ms ease-in-out;
- -moz-transition: height 500ms ease-in-out;
- -ms-transition: height 500ms ease-in-out;
- -o-transition: height 500ms ease-in-out;
- transition: height 500ms ease-in-out;
- }
-
- .owl-carousel .owl-item{
- float: left;
- }
- .owl-controls .owl-page,
- .owl-controls .owl-buttons div{
- cursor: pointer;
- }
- .owl-controls {
- -webkit-user-select: none;
- -khtml-user-select: none;
- -moz-user-select: none;
- -ms-user-select: none;
- user-select: none;
- -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
- }
- /* mouse grab icon */
- .grabbing {
- cursor:url(grabbing.png) 8 8, move;
- }
- /* fix */
- .owl-carousel .owl-wrapper,
- .owl-carousel .owl-item{
- -webkit-backface-visibility: hidden;
- -moz-backface-visibility: hidden;
- -ms-backface-visibility: hidden;
- -webkit-transform: translate3d(0,0,0);
- -moz-transform: translate3d(0,0,0);
- -ms-transform: translate3d(0,0,0);
- }
- /*
- * Owl Carousel Owl Demo Theme
- * v1.3.3
- */
- .owl-theme .owl-controls{
- margin-top: 10px;
- text-align: center;
- }
- /* Styling Next and Prev buttons */
- .owl-theme .owl-controls .owl-buttons div{
- background-image: url("../images/bg_direction_nav2.png");
- background-repeat: no-repeat;
- cursor: pointer;
- display: block;
- height: 58px;
- margin: -29px 0 0;
- position: absolute;
- text-indent: -9999px;
- top: 50%;
- width: 28px;
- z-index: 10;
- }
- .owl-carousel{overflow:hidden}
- .owl-theme .owl-controls .owl-buttons div.owl-prev{
- background-position: 0 0;
- left: -50px;
- }
- .owl-theme .owl-controls .owl-buttons div.owl-next{
- background-position: -28px 0;
- right: -50px;
- }
- .owl-theme:hover .owl-controls .owl-buttons div.owl-prev{left:0}
- .owl-theme:hover .owl-controls .owl-buttons div.owl-next{right:0}
- .owl-pagination{margin-top:-40px;}
- /* Clickable class fix problem with hover on touch devices */
- /* Use it for non-touch hover action */
- .owl-theme .owl-controls.clickable .owl-buttons div:hover{
- filter: Alpha(Opacity=100);/*IE7 fix*/
- opacity: 1;
- text-decoration: none;
- }
- /* Styling Pagination*/
- .owl-theme .owl-controls .owl-page{
- display: inline-block;
- zoom: 1;
- *display: inline;/*IE7 life-saver */
- }
- .owl-theme .owl-controls .owl-page span{
- display: block;
- width: 14px;
- height: 14px;
- margin: 5px 7px;
- filter: Alpha(Opacity=50);/*IE7 fix*/
- opacity: 0.5;
- -webkit-border-radius: 20px;
- -moz-border-radius: 20px;
- border-radius: 20px;
- background: #aaa;
- }
- .owl-theme .owl-controls .owl-page.active span,
- .owl-theme .owl-controls.clickable .owl-page:hover span{
- background: #fff;
- width: 14px;
- height: 14px;
- }
- /* If PaginationNumbers is true */
- .owl-theme .owl-controls .owl-page span.owl-numbers{
- height: auto;
- width: auto;
- color: #FFF;
- padding: 2px 10px;
- font-size: 12px;
- -webkit-border-radius: 30px;
- -moz-border-radius: 30px;
- border-radius: 30px;
- }
- /* preloading images */
- .owl-item.loading{
- min-height: 100px;
- background: url(../images/AjaxLoader.gif) no-repeat center center
- }
|