123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169 |
- /*
- * Swiper 2.7.6
- * Mobile touch slider and framework with hardware accelerated transitions
- *
- * http://www.idangero.us/sliders/swiper/
- *
- * Copyright 2010-2015, Vladimir Kharlampidi
- * The iDangero.us
- * http://www.idangero.us/
- *
- * Licensed under GPL & MIT
- *
- * Released on: February 11, 2015
- */
- /* ===============================================================
- Basic Swiper Styles
- ================================================================*/
- .swiper-container {
- margin:0 auto;
- position:relative;
- overflow:hidden;
- direction:ltr;
- -webkit-backface-visibility:hidden;
- -moz-backface-visibility:hidden;
- -ms-backface-visibility:hidden;
- -o-backface-visibility:hidden;
- backface-visibility:hidden;
- /* Fix of Webkit flickering */
- z-index:1;
- }
- .swiper-wrapper {
- position:relative;
- width:100%;
- -webkit-transition-property:-webkit-transform, left, top;
- -webkit-transition-duration:0s;
- -webkit-transform:translate3d(0px,0,0);
- -webkit-transition-timing-function:ease;
-
- -moz-transition-property:-moz-transform, left, top;
- -moz-transition-duration:0s;
- -moz-transform:translate3d(0px,0,0);
- -moz-transition-timing-function:ease;
-
- -o-transition-property:-o-transform, left, top;
- -o-transition-duration:0s;
- -o-transform:translate3d(0px,0,0);
- -o-transition-timing-function:ease;
- -o-transform:translate(0px,0px);
-
- -ms-transition-property:-ms-transform, left, top;
- -ms-transition-duration:0s;
- -ms-transform:translate3d(0px,0,0);
- -ms-transition-timing-function:ease;
-
- transition-property:transform, left, top;
- transition-duration:0s;
- transform:translate3d(0px,0,0);
- transition-timing-function:ease;
-
- -webkit-box-sizing: content-box;
- -moz-box-sizing: content-box;
- box-sizing: content-box;
- }
- .swiper-free-mode > .swiper-wrapper {
- -webkit-transition-timing-function: ease-out;
- -moz-transition-timing-function: ease-out;
- -ms-transition-timing-function: ease-out;
- -o-transition-timing-function: ease-out;
- transition-timing-function: ease-out;
- margin: 0 auto;
- }
- .swiper-slide {
- float: left;
- -webkit-box-sizing: content-box;
- -moz-box-sizing: content-box;
- box-sizing: content-box;
- }
-
- /* IE10 Windows Phone 8 Fixes */
- .swiper-wp8-horizontal {
- -ms-touch-action: pan-y;
- }
- .swiper-wp8-vertical {
- -ms-touch-action: pan-x;
- }
- .pagination {
- position: absolute;
- z-index: 20;
- bottom:20px;
- width: 100%;
- text-align: center;
- }
- .swiper-pagination-switch {
- display: inline-block;
- width:10px;
- height:10px;
- border-radius:10px;
- background: #999999;
- margin: 0 5px;
- opacity: 0.8;
- cursor: pointer;
- }
- .swiper-active-switch {
- background: #1f4445;
- }
- .pagination2 {
- position: absolute;
- z-index: 20;
- top:50%;
- margin-top:-50px;
- right:10px;
- text-align: right;
- }
- .pagination2 .swiper-pagination-switch {
- display:block;
- width:15px;
- height:15px;
- border-radius:10px;
- background: #fff;
- margin: 10px;
- opacity: 0.8;
- cursor: pointer;
- }
- .pagination2 .swiper-active-switch {
- background: #1f4445;
- }
-
- /* ===============================================================
- Your custom styles, here you need to specify container's and slide's
- sizes, pagination, etc.
- ================================================================*/
- .swiper-container {
- /* Specify Swiper's Size: */
-
- /*width:200px;
- height: 100px;*/
- }
- .swiper-slide {
- /* Specify Slides's Size: */
-
- /*width: 100%;
- height: 100%;*/
- }
- .swiper-slide-active {
- /* Specific active slide styling: */
-
- }
- .swiper-slide-visible {
- /* Specific visible slide styling: */
-
- }
- /* ===============================================================
- Pagination Styles
- ================================================================*/
- .swiper-pagination-switch {
- /* Stylize pagination button: */
-
- }
- .swiper-active-switch {
- /* Specific active button style: */
-
- }
- .swiper-visible-switch {
- /* Specific visible button style: */
-
- }
|