github.com/jincm/wesharechain@v0.0.0-20210122032815-1537409ce26a/app/css/idangerous.swiper.css (about)

     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  /* ===============================================================
    17  Basic Swiper Styles 
    18  ================================================================*/
    19  .swiper-container {
    20  	margin:0 auto;
    21  	position:relative;
    22  	overflow:hidden;
    23  	-webkit-backface-visibility:hidden;
    24  	-moz-backface-visibility:hidden;
    25  	-ms-backface-visibility:hidden;
    26  	-o-backface-visibility:hidden;
    27  	backface-visibility:hidden;
    28  	/* Fix of Webkit flickering */
    29  	z-index:1;
    30  }
    31  .swiper-wrapper {
    32  	position:relative;
    33  	width:100%;
    34  	-webkit-transition-property:-webkit-transform, left, top;
    35  	-webkit-transition-duration:0s;
    36  	-webkit-transform:translate3d(0px,0,0);
    37  	-webkit-transition-timing-function:ease;
    38  	
    39  	-moz-transition-property:-moz-transform, left, top;
    40  	-moz-transition-duration:0s;
    41  	-moz-transform:translate3d(0px,0,0);
    42  	-moz-transition-timing-function:ease;
    43  	
    44  	-o-transition-property:-o-transform, left, top;
    45  	-o-transition-duration:0s;
    46  	-o-transform:translate3d(0px,0,0);
    47  	-o-transition-timing-function:ease;
    48  	-o-transform:translate(0px,0px);
    49  	
    50  	-ms-transition-property:-ms-transform, left, top;
    51  	-ms-transition-duration:0s;
    52  	-ms-transform:translate3d(0px,0,0);
    53  	-ms-transition-timing-function:ease;
    54  	
    55  	transition-property:transform, left, top;
    56  	transition-duration:0s;
    57  	transform:translate3d(0px,0,0);
    58  	transition-timing-function:ease;
    59  
    60  	-webkit-box-sizing: content-box;
    61  	-moz-box-sizing: content-box;
    62  	box-sizing: content-box;
    63  }
    64  .swiper-free-mode > .swiper-wrapper {
    65  	-webkit-transition-timing-function: ease-out;
    66  	-moz-transition-timing-function: ease-out;
    67  	-ms-transition-timing-function: ease-out;
    68  	-o-transition-timing-function: ease-out;
    69  	transition-timing-function: ease-out;
    70  	margin: 0 auto;
    71  }
    72  .swiper-slide {
    73  	float: left;
    74  	-webkit-box-sizing: content-box;
    75  	-moz-box-sizing: content-box;
    76  	box-sizing: content-box;
    77  }
    78  
    79  /* IE10 Windows Phone 8 Fixes */
    80  .swiper-wp8-horizontal {
    81  	-ms-touch-action: pan-y;
    82  }
    83  .swiper-wp8-vertical {
    84  	-ms-touch-action: pan-x;
    85  }
    86  
    87  /* ===============================================================
    88  Your custom styles, here you need to specify container's and slide's
    89  sizes, pagination, etc.
    90  ================================================================*/
    91  .swiper-container {
    92  	/* Specify Swiper's Size: */
    93  
    94  	width:100%;
    95  	height: 200px;
    96  }
    97  .swiper-slide {
    98  	/* Specify Slides's Size: */
    99  	
   100  	width: 100%;
   101  	height: 100%;
   102  }
   103  .swiper-slide-active {
   104  	/* Specific active slide styling: */
   105  	
   106  }
   107  .swiper-slide-visible {
   108  	/* Specific visible slide styling: */	
   109  
   110  }
   111  /* ===============================================================
   112  Pagination Styles
   113  ================================================================*/
   114  .swiper-pagination-switch {
   115  	/* Stylize pagination button: */	
   116  
   117  }
   118  .swiper-active-switch {
   119  	/* Specific active button style: */	
   120  	
   121  }
   122  .swiper-visible-switch {
   123  	/* Specific visible button style: */	
   124  	
   125  }