idangerous.swiper.css 2.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119
  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. }
  55. .swiper-free-mode > .swiper-wrapper {
  56. -webkit-transition-timing-function: ease-out;
  57. -moz-transition-timing-function: ease-out;
  58. -ms-transition-timing-function: ease-out;
  59. -o-transition-timing-function: ease-out;
  60. transition-timing-function: ease-out;
  61. margin: 0 auto;
  62. }
  63. .swiper-slide {
  64. float: left;
  65. }
  66. /* IE10 Windows Phone 8 Fixes */
  67. .swiper-wp8-horizontal {
  68. -ms-touch-action: pan-y;
  69. }
  70. .swiper-wp8-vertical {
  71. -ms-touch-action: pan-x;
  72. }
  73. /* ===============================================================
  74. Your custom styles, here you need to specify container's and slide's
  75. sizes, pagination, etc.
  76. ================================================================*/
  77. .swiper-container {
  78. /* Specify Swiper's Size: */
  79. /*width:200px;
  80. height: 100px;*/
  81. }
  82. .swiper-slide {
  83. /* Specify Slides's Size: */
  84. /*width: 100%;
  85. height: 100%;*/
  86. }
  87. .swiper-slide-active {
  88. /* Specific active slide styling: */
  89. }
  90. .swiper-slide-visible {
  91. /* Specific visible slide styling: */
  92. }
  93. /* ===============================================================
  94. Pagination Styles
  95. ================================================================*/
  96. .swiper-pagination-switch {
  97. /* Stylize pagination button: */
  98. }
  99. .swiper-active-switch {
  100. /* Specific active button style: */
  101. }
  102. .swiper-visible-switch {
  103. /* Specific visible button style: */
  104. }