style.css 3.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275
  1. .buy-courses-tabs {
  2. margin-bottom: 15px;
  3. }
  4. // spinner wobblebar
  5. @-moz-keyframes wobblebar-loader {
  6. 0% {
  7. left: 4px;
  8. }
  9. 3% {
  10. left: 204px;
  11. }
  12. 6% {
  13. left: 4px;
  14. }
  15. 9% {
  16. left: 204px;
  17. }
  18. 12% {
  19. left: 4px;
  20. }
  21. 15% {
  22. left: 204px;
  23. }
  24. 18% {
  25. left: 32px;
  26. }
  27. 27% {
  28. left: 32px;
  29. }
  30. 30% {
  31. left: 204px;
  32. }
  33. 33% {
  34. left: 4px;
  35. }
  36. 36% {
  37. left: 204px;
  38. }
  39. 39% {
  40. left: 4px;
  41. }
  42. 42% {
  43. left: 204px;
  44. }
  45. 45% {
  46. left: 4px;
  47. }
  48. 48% {
  49. left: 204px;
  50. }
  51. 51% {
  52. left: 152px;
  53. }
  54. 63% {
  55. left: 152px;
  56. }
  57. 66% {
  58. left: 4px;
  59. }
  60. 69% {
  61. left: 204px;
  62. }
  63. 72% {
  64. left: 4px;
  65. }
  66. 75% {
  67. left: 204px;
  68. }
  69. 78% {
  70. left: 4px;
  71. }
  72. 81% {
  73. left: 204px;
  74. }
  75. 84% {
  76. left: 72px;
  77. }
  78. 94% {
  79. left: 72px;
  80. }
  81. 97% {
  82. left: 204px;
  83. }
  84. }
  85. @-webkit-keyframes wobblebar-loader {
  86. 0% {
  87. left: 4px;
  88. }
  89. 3% {
  90. left: 204px;
  91. }
  92. 6% {
  93. left: 4px;
  94. }
  95. 9% {
  96. left: 204px;
  97. }
  98. 12% {
  99. left: 4px;
  100. }
  101. 15% {
  102. left: 204px;
  103. }
  104. 18% {
  105. left: 32px;
  106. }
  107. 27% {
  108. left: 32px;
  109. }
  110. 30% {
  111. left: 204px;
  112. }
  113. 33% {
  114. left: 4px;
  115. }
  116. 36% {
  117. left: 204px;
  118. }
  119. 39% {
  120. left: 4px;
  121. }
  122. 42% {
  123. left: 204px;
  124. }
  125. 45% {
  126. left: 4px;
  127. }
  128. 48% {
  129. left: 204px;
  130. }
  131. 51% {
  132. left: 152px;
  133. }
  134. 63% {
  135. left: 152px;
  136. }
  137. 66% {
  138. left: 4px;
  139. }
  140. 69% {
  141. left: 204px;
  142. }
  143. 72% {
  144. left: 4px;
  145. }
  146. 75% {
  147. left: 204px;
  148. }
  149. 78% {
  150. left: 4px;
  151. }
  152. 81% {
  153. left: 204px;
  154. }
  155. 84% {
  156. left: 72px;
  157. }
  158. 94% {
  159. left: 72px;
  160. }
  161. 97% {
  162. left: 204px;
  163. }
  164. }
  165. @keyframes wobblebar-loader {
  166. 0% {
  167. left: 4px;
  168. }
  169. 3% {
  170. left: 204px;
  171. }
  172. 6% {
  173. left: 4px;
  174. }
  175. 9% {
  176. left: 204px;
  177. }
  178. 12% {
  179. left: 4px;
  180. }
  181. 15% {
  182. left: 204px;
  183. }
  184. 18% {
  185. left: 32px;
  186. }
  187. 27% {
  188. left: 32px;
  189. }
  190. 30% {
  191. left: 204px;
  192. }
  193. 33% {
  194. left: 4px;
  195. }
  196. 36% {
  197. left: 204px;
  198. }
  199. 39% {
  200. left: 4px;
  201. }
  202. 42% {
  203. left: 204px;
  204. }
  205. 45% {
  206. left: 4px;
  207. }
  208. 48% {
  209. left: 204px;
  210. }
  211. 51% {
  212. left: 152px;
  213. }
  214. 63% {
  215. left: 152px;
  216. }
  217. 66% {
  218. left: 4px;
  219. }
  220. 69% {
  221. left: 204px;
  222. }
  223. 72% {
  224. left: 4px;
  225. }
  226. 75% {
  227. left: 204px;
  228. }
  229. 78% {
  230. left: 4px;
  231. }
  232. 81% {
  233. left: 204px;
  234. }
  235. 84% {
  236. left: 72px;
  237. }
  238. 94% {
  239. left: 72px;
  240. }
  241. 97% {
  242. left: 204px;
  243. }
  244. }
  245. /* :not(:required) hides this rule from IE9 and below */
  246. .wobblebar-loader:not(:required) {
  247. background: #2E6DA4;
  248. -moz-border-radius: 10.66667px;
  249. -webkit-border-radius: 10.66667px;
  250. border-radius: 10.66667px;
  251. display: inline-block;
  252. overflow: hidden;
  253. text-indent: -9999px;
  254. width: 228px;
  255. height: 21.33333px;
  256. position: relative;
  257. }
  258. .wobblebar-loader:not(:required)::after {
  259. -moz-animation: wobblebar-loader 15000ms infinite ease;
  260. -webkit-animation: wobblebar-loader 15000ms infinite ease;
  261. animation: wobblebar-loader 15000ms infinite ease;
  262. background: white;
  263. display: block;
  264. -moz-border-radius: 7.11111px;
  265. -webkit-border-radius: 7.11111px;
  266. border-radius: 7.11111px;
  267. content: '';
  268. position: absolute;
  269. top: 3.55556px;
  270. left: 4px;
  271. width: 21.33333px;
  272. height: 14.22222px;
  273. }