tiny-slider.css 2.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138
  1. .tns-outer {
  2. padding: 0 !important;
  3. }
  4. .tns-outer [hidden] {
  5. display: none !important;
  6. }
  7. .tns-outer [aria-controls],
  8. .tns-outer [data-action] {
  9. cursor: pointer;
  10. }
  11. .tns-slider {
  12. -webkit-transition: all 0s;
  13. -moz-transition: all 0s;
  14. transition: all 0s;
  15. }
  16. .tns-slider > .tns-item {
  17. -webkit-box-sizing: border-box;
  18. -moz-box-sizing: border-box;
  19. box-sizing: border-box;
  20. }
  21. .tns-horizontal.tns-subpixel {
  22. white-space: nowrap;
  23. }
  24. .tns-horizontal.tns-subpixel > .tns-item {
  25. display: inline-block;
  26. vertical-align: top;
  27. white-space: normal;
  28. }
  29. .tns-horizontal.tns-no-subpixel:after {
  30. content: '';
  31. display: table;
  32. clear: both;
  33. }
  34. .tns-horizontal.tns-no-subpixel > .tns-item {
  35. float: left;
  36. }
  37. .tns-horizontal.tns-carousel.tns-no-subpixel > .tns-item {
  38. margin-right: -100%;
  39. }
  40. .tns-no-calc {
  41. position: relative;
  42. left: 0;
  43. }
  44. .tns-gallery {
  45. position: relative;
  46. left: 0;
  47. min-height: 1px;
  48. }
  49. .tns-gallery > .tns-item {
  50. position: absolute;
  51. left: -100%;
  52. -webkit-transition: transform 0s, opacity 0s;
  53. -moz-transition: transform 0s, opacity 0s;
  54. transition: transform 0s, opacity 0s;
  55. }
  56. .tns-gallery > .tns-slide-active {
  57. position: relative;
  58. left: auto !important;
  59. }
  60. .tns-gallery > .tns-moving {
  61. -webkit-transition: all 0.25s;
  62. -moz-transition: all 0.25s;
  63. transition: all 0.25s;
  64. }
  65. .tns-autowidth {
  66. display: inline-block;
  67. }
  68. .tns-lazy-img {
  69. -webkit-transition: opacity 0.6s;
  70. -moz-transition: opacity 0.6s;
  71. transition: opacity 0.6s;
  72. opacity: 0.6;
  73. }
  74. .tns-lazy-img.tns-complete {
  75. opacity: 1;
  76. }
  77. .tns-ah {
  78. -webkit-transition: height 0s;
  79. -moz-transition: height 0s;
  80. transition: height 0s;
  81. }
  82. .tns-ovh {
  83. overflow: hidden;
  84. }
  85. .tns-visually-hidden {
  86. position: absolute;
  87. left: -10000em;
  88. }
  89. .tns-transparent {
  90. opacity: 0;
  91. visibility: hidden;
  92. }
  93. .tns-fadeIn {
  94. opacity: 1;
  95. filter: alpha(opacity=100);
  96. z-index: 0;
  97. }
  98. .tns-normal,
  99. .tns-fadeOut {
  100. opacity: 0;
  101. filter: alpha(opacity=0);
  102. z-index: -1;
  103. }
  104. .tns-vpfix {
  105. white-space: nowrap;
  106. }
  107. .tns-vpfix > div,
  108. .tns-vpfix > li {
  109. display: inline-block;
  110. }
  111. .tns-t-subp2 {
  112. margin: 0 auto;
  113. width: 310px;
  114. position: relative;
  115. height: 10px;
  116. overflow: hidden;
  117. }
  118. .tns-t-ct {
  119. width: 2333.3333333%;
  120. width: -webkit-calc(2333.33333333%);
  121. width: -moz-calc(2333.33333333%);
  122. width: calc(2333.33333333%);
  123. position: absolute;
  124. right: 0;
  125. }
  126. .tns-t-ct:after {
  127. content: '';
  128. display: table;
  129. clear: both;
  130. }
  131. .tns-t-ct > div {
  132. width: 1.4285714%;
  133. width: -webkit-calc(1.42857143%);
  134. width: -moz-calc(1.42857143%);
  135. width: calc(1.42857143%);
  136. height: 10px;
  137. float: left;
  138. }