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