123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158 |
- /*
- * 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: 10px;
- width: 100%;
- text-align: center;
- }
- .swiper-pagination-switch {
- display: inline-block;
- width: 8px;
- height: 8px;
- background: #dcdcdc;
- margin: 0 5px;
- cursor: pointer;
- border-radius: 8px;
- }
- .swiper-active-switch {
- background: #f44941;
- }
- /* ===============================================================
- 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: */
- }
|