first commit
This commit is contained in:
120
web/css/frontend/theme/responsive/idangerous-swiper.css
Normal file
120
web/css/frontend/theme/responsive/idangerous-swiper.css
Normal file
@@ -0,0 +1,120 @@
|
||||
/*
|
||||
* Swiper - Mobile Touch Slider CSS
|
||||
* http://www.idangero.us/sliders/swiper
|
||||
*
|
||||
* Vladimir Kharlampidi, The iDangero.us
|
||||
* http://www.idangero.us/
|
||||
*
|
||||
* Copyright 2012-2013, Vladimir Kharlampidi
|
||||
* The iDangero.us
|
||||
* http://www.idangero.us
|
||||
*
|
||||
* Licensed under GPL & MIT
|
||||
*
|
||||
*/
|
||||
|
||||
/* ===============================================================
|
||||
Basic Swiper Styles
|
||||
================================================================*/
|
||||
.swiper-container {
|
||||
margin:0 auto;
|
||||
position:relative;
|
||||
overflow:hidden;
|
||||
-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;
|
||||
}
|
||||
.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;
|
||||
}
|
||||
|
||||
/* IE10 Windows Phone 8 Fixes */
|
||||
.swiper-wp8-horizontal {
|
||||
-ms-touch-action: pan-y;
|
||||
}
|
||||
.swiper-wp8-vertical {
|
||||
-ms-touch-action: pan-x;
|
||||
}
|
||||
|
||||
/* ===============================================================
|
||||
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: */
|
||||
|
||||
}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user