loaders.less 1.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445
  1. //
  2. // Misago Loaders
  3. // --------------------------------------------------
  4. .loader-compact {
  5. width: 100%;
  6. height: 49px;
  7. text-align: center;
  8. }
  9. .loader-spinning-wheel {
  10. width: 49px;
  11. height: 49px;
  12. margin: 0 auto;
  13. border: 3px solid rgb(0,0,0);
  14. border-radius: 50%;
  15. border-left-color: transparent;
  16. border-right-color: transparent;
  17. animation: cssload-spin 575ms infinite linear;
  18. -o-animation: cssload-spin 575ms infinite linear;
  19. -ms-animation: cssload-spin 575ms infinite linear;
  20. -webkit-animation: cssload-spin 575ms infinite linear;
  21. -moz-animation: cssload-spin 575ms infinite linear;
  22. }
  23. @keyframes cssload-spin {
  24. 100%{ transform: rotate(360deg); transform: rotate(360deg); }
  25. }
  26. @-o-keyframes cssload-spin {
  27. 100%{ -o-transform: rotate(360deg); transform: rotate(360deg); }
  28. }
  29. @-ms-keyframes cssload-spin {
  30. 100%{ -ms-transform: rotate(360deg); transform: rotate(360deg); }
  31. }
  32. @-webkit-keyframes cssload-spin {
  33. 100%{ -webkit-transform: rotate(360deg); transform: rotate(360deg); }
  34. }
  35. @-moz-keyframes cssload-spin {
  36. 100%{ -moz-transform: rotate(360deg); transform: rotate(360deg); }
  37. }