idangerous.swiper.css 1.7 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677
  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, Vladimir Kharlampidi
  9. * The iDangero.us
  10. * http://www.idangero.us
  11. *
  12. * Licensed under GPL & MIT
  13. *
  14. */
  15. /* Swiper Styles */
  16. .swiper-container {
  17. margin:0 auto;
  18. position:relative;
  19. overflow:hidden;
  20. -webkit-backface-visibility:hidden;
  21. -moz-backface-visibility:hidden;
  22. -ms-backface-visibility:hidden;
  23. -o-backface-visibility:hidden;
  24. backface-visibility:hidden;
  25. /* Fix of Webkit flickering */
  26. z-index:1;
  27. }
  28. .swiper-wrapper {
  29. position:relative;
  30. width:100%;
  31. -webkit-transition-property:-webkit-transform, left, top;
  32. -webkit-transition-duration:0s;
  33. -webkit-transform:translate3d(0px,0,0);
  34. -webkit-transition-timing-function:ease;
  35. -moz-transition-property:-moz-transform, left, top;
  36. -moz-transition-duration:0s;
  37. -moz-transform:translate3d(0px,0,0);
  38. -moz-transition-timing-function:ease;
  39. -o-transition-property:-o-transform, left, top;
  40. -o-transition-duration:0s;
  41. -o-transform:translate3d(0px,0,0);
  42. -o-transition-timing-function:ease;
  43. -o-transform:translate(0px,0px);
  44. -ms-transition-property:-ms-transform, left, top;
  45. -ms-transition-duration:0s;
  46. -ms-transform:translate3d(0px,0,0);
  47. -ms-transition-timing-function:ease;
  48. transition-property:transform, left, top;
  49. transition-duration:0s;
  50. transform:translate3d(0px,0,0);
  51. transition-timing-function:ease;
  52. }
  53. .swiper-slide {
  54. float: left;
  55. }
  56. /* IE10 Windows Phone 8 Fixes */
  57. .swiper-wp8-horizontal {
  58. -ms-touch-action: pan-y;
  59. }
  60. .swiper-wp8-vertical {
  61. -ms-touch-action: pan-x;
  62. }
  63. /* Specify Swiper's Size: */
  64. .swiper-container, .swiper-slide {
  65. width: 500px;
  66. height: 200px;
  67. }