style.css 4.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153
  1. .mint-spinner-fading-circle {
  2. position: relative
  3. }
  4. .mint-spinner-fading-circle-circle {
  5. width: 100%;
  6. height: 100%;
  7. top: 0;
  8. left: 0;
  9. position: absolute
  10. }
  11. .mint-spinner-fading-circle-circle::before {
  12. content: " ";
  13. display: block;
  14. margin: 0 auto;
  15. width: 15%;
  16. height: 15%;
  17. border-radius: 100%;
  18. -webkit-animation: mint-fading-circle 1.2s infinite ease-in-out both;
  19. animation: mint-fading-circle 1.2s infinite ease-in-out both
  20. }
  21. .mint-spinner-fading-circle-circle.is-circle2 {
  22. -webkit-transform: rotate(30deg);
  23. transform: rotate(30deg)
  24. }
  25. .mint-spinner-fading-circle-circle.is-circle2::before {
  26. -webkit-animation-delay: -1.1s;
  27. animation-delay: -1.1s
  28. }
  29. .mint-spinner-fading-circle-circle.is-circle3 {
  30. -webkit-transform: rotate(60deg);
  31. transform: rotate(60deg)
  32. }
  33. .mint-spinner-fading-circle-circle.is-circle3::before {
  34. -webkit-animation-delay: -1s;
  35. animation-delay: -1s
  36. }
  37. .mint-spinner-fading-circle-circle.is-circle4 {
  38. -webkit-transform: rotate(90deg);
  39. transform: rotate(90deg)
  40. }
  41. .mint-spinner-fading-circle-circle.is-circle4::before {
  42. -webkit-animation-delay: -0.9s;
  43. animation-delay: -0.9s
  44. }
  45. .mint-spinner-fading-circle-circle.is-circle5 {
  46. -webkit-transform: rotate(120deg);
  47. transform: rotate(120deg)
  48. }
  49. .mint-spinner-fading-circle-circle.is-circle5::before {
  50. -webkit-animation-delay: -0.8s;
  51. animation-delay: -0.8s
  52. }
  53. .mint-spinner-fading-circle-circle.is-circle6 {
  54. -webkit-transform: rotate(150deg);
  55. transform: rotate(150deg)
  56. }
  57. .mint-spinner-fading-circle-circle.is-circle6::before {
  58. -webkit-animation-delay: -0.7s;
  59. animation-delay: -0.7s
  60. }
  61. .mint-spinner-fading-circle-circle.is-circle7 {
  62. -webkit-transform: rotate(180deg);
  63. transform: rotate(180deg)
  64. }
  65. .mint-spinner-fading-circle-circle.is-circle7::before {
  66. -webkit-animation-delay: -0.6s;
  67. animation-delay: -0.6s
  68. }
  69. .mint-spinner-fading-circle-circle.is-circle8 {
  70. -webkit-transform: rotate(210deg);
  71. transform: rotate(210deg)
  72. }
  73. .mint-spinner-fading-circle-circle.is-circle8::before {
  74. -webkit-animation-delay: -0.5s;
  75. animation-delay: -0.5s
  76. }
  77. .mint-spinner-fading-circle-circle.is-circle9 {
  78. -webkit-transform: rotate(240deg);
  79. transform: rotate(240deg)
  80. }
  81. .mint-spinner-fading-circle-circle.is-circle9::before {
  82. -webkit-animation-delay: -0.4s;
  83. animation-delay: -0.4s
  84. }
  85. .mint-spinner-fading-circle-circle.is-circle10 {
  86. -webkit-transform: rotate(270deg);
  87. transform: rotate(270deg)
  88. }
  89. .mint-spinner-fading-circle-circle.is-circle10::before {
  90. -webkit-animation-delay: -0.3s;
  91. animation-delay: -0.3s
  92. }
  93. .mint-spinner-fading-circle-circle.is-circle11 {
  94. -webkit-transform: rotate(300deg);
  95. transform: rotate(300deg)
  96. }
  97. .mint-spinner-fading-circle-circle.is-circle11::before {
  98. -webkit-animation-delay: -0.2s;
  99. animation-delay: -0.2s
  100. }
  101. .mint-spinner-fading-circle-circle.is-circle12 {
  102. -webkit-transform: rotate(330deg);
  103. transform: rotate(330deg)
  104. }
  105. .mint-spinner-fading-circle-circle.is-circle12::before {
  106. -webkit-animation-delay: -0.1s;
  107. animation-delay: -0.1s
  108. }
  109. @-webkit-keyframes mint-fading-circle {
  110. 0%, 39%, 100% {
  111. opacity: 0
  112. }
  113. 40% {
  114. opacity: 1
  115. }
  116. }
  117. @keyframes mint-fading-circle {
  118. 0%, 39%, 100% {
  119. opacity: 0
  120. }
  121. 40% {
  122. opacity: 1
  123. }
  124. }
  125. .mint-loadmore {
  126. overflow: hidden
  127. }
  128. .mint-loadmore-content {}
  129. .mint-loadmore-content.is-dropped {
  130. -webkit-transition: .2s;
  131. transition: .2s
  132. }
  133. .mint-loadmore-top, .mint-loadmore-bottom {
  134. text-align: center;
  135. height: 50px;
  136. line-height: 50px
  137. }
  138. .mint-loadmore-top {
  139. margin-top: -50px
  140. }
  141. .mint-loadmore-bottom {
  142. margin-bottom: -50px
  143. }
  144. .mint-loadmore-spinner {
  145. display: inline-block;
  146. margin-right: 5px;
  147. vertical-align: middle
  148. }
  149. .mint-loadmore-text {
  150. vertical-align: middle
  151. }