idangerous.swiper.css 3.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125
  1. /*
  2. * Swiper - Mobile Touch Slider CSS
  3. * http://www.idangero.us/sliders/swiper
  4. *
  5. * Vladimir Kharlampidi, The iDangero.us
  6. * http://www.idangero.us/
  7. *
  8. * Copyright 2012-2013, Vladimir Kharlampidi
  9. * The iDangero.us
  10. * http://www.idangero.us
  11. *
  12. * Licensed under GPL & MIT
  13. *
  14. */
  15. /* ===============================================================
  16. Basic Swiper Styles
  17. ================================================================*/
  18. .swiper-container {
  19. margin:0 auto;
  20. position:relative;
  21. overflow:hidden;
  22. -webkit-backface-visibility:hidden;
  23. -moz-backface-visibility:hidden;
  24. -ms-backface-visibility:hidden;
  25. -o-backface-visibility:hidden;
  26. backface-visibility:hidden;
  27. /* Fix of Webkit flickering */
  28. z-index:1;
  29. }
  30. .swiper-wrapper {
  31. position:relative;
  32. width:100%;
  33. -webkit-transition-property:-webkit-transform, left, top;
  34. -webkit-transition-duration:0s;
  35. -webkit-transform:translate3d(0px,0,0);
  36. -webkit-transition-timing-function:ease;
  37. -moz-transition-property:-moz-transform, left, top;
  38. -moz-transition-duration:0s;
  39. -moz-transform:translate3d(0px,0,0);
  40. -moz-transition-timing-function:ease;
  41. -o-transition-property:-o-transform, left, top;
  42. -o-transition-duration:0s;
  43. -o-transform:translate3d(0px,0,0);
  44. -o-transition-timing-function:ease;
  45. -o-transform:translate(0px,0px);
  46. -ms-transition-property:-ms-transform, left, top;
  47. -ms-transition-duration:0s;
  48. -ms-transform:translate3d(0px,0,0);
  49. -ms-transition-timing-function:ease;
  50. transition-property:transform, left, top;
  51. transition-duration:0s;
  52. transform:translate3d(0px,0,0);
  53. transition-timing-function:ease;
  54. -webkit-box-sizing: content-box;
  55. -moz-box-sizing: content-box;
  56. box-sizing: content-box;
  57. }
  58. .swiper-free-mode > .swiper-wrapper {
  59. -webkit-transition-timing-function: ease-out;
  60. -moz-transition-timing-function: ease-out;
  61. -ms-transition-timing-function: ease-out;
  62. -o-transition-timing-function: ease-out;
  63. transition-timing-function: ease-out;
  64. margin: 0 auto;
  65. }
  66. .swiper-slide {
  67. float: left;
  68. -webkit-box-sizing: content-box;
  69. -moz-box-sizing: content-box;
  70. box-sizing: content-box;
  71. }
  72. /* IE10 Windows Phone 8 Fixes */
  73. .swiper-wp8-horizontal {
  74. -ms-touch-action: pan-y;
  75. }
  76. .swiper-wp8-vertical {
  77. -ms-touch-action: pan-x;
  78. }
  79. /* ===============================================================
  80. Your custom styles, here you need to specify container's and slide's
  81. sizes, pagination, etc.
  82. ================================================================*/
  83. .swiper-container {
  84. /* Specify Swiper's Size: */
  85. /*width:200px;
  86. height: 100px;*/
  87. }
  88. .swiper-slide {
  89. /* Specify Slides's Size: */
  90. /*width: 100%;
  91. height: 100%;*/
  92. }
  93. .swiper-slide-active {
  94. /* Specific active slide styling: */
  95. }
  96. .swiper-slide-visible {
  97. /* Specific visible slide styling: */
  98. }
  99. /* ===============================================================
  100. Pagination Styles
  101. ================================================================*/
  102. .swiper-pagination-switch {
  103. /* Stylize pagination button: */
  104. }
  105. .swiper-active-switch {
  106. /* Specific active button style: */
  107. }
  108. .swiper-visible-switch {
  109. /* Specific visible button style: */
  110. }