logo

searx

My custom branche(s) on searx, a meta-search engine git clone https://anongit.hacktivis.me/git/searx.git/

toolkit_loader.less (955B)


  1. .loader,
  2. .loader:after {
  3. border-radius: 50%;
  4. width: 10em;
  5. height: 10em;
  6. }
  7. .loader {
  8. margin: 60px auto;
  9. font-size: 10px;
  10. position: relative;
  11. text-indent: -9999em;
  12. border-top: 1.1em solid rgba(255, 255, 255, 0.2);
  13. border-right: 1.1em solid rgba(255, 255, 255, 0.2);
  14. border-bottom: 1.1em solid rgba(255, 255, 255, 0.2);
  15. border-left: 1.1em solid #ffffff;
  16. -webkit-transform: translateZ(0);
  17. -ms-transform: translateZ(0);
  18. transform: translateZ(0);
  19. -webkit-animation: load8 1.1s infinite linear;
  20. animation: load8 1.1s infinite linear;
  21. }
  22. @-webkit-keyframes load8 {
  23. 0% {
  24. -webkit-transform: rotate(0deg);
  25. transform: rotate(0deg);
  26. }
  27. 100% {
  28. -webkit-transform: rotate(360deg);
  29. transform: rotate(360deg);
  30. }
  31. }
  32. @keyframes load8 {
  33. 0% {
  34. -webkit-transform: rotate(0deg);
  35. transform: rotate(0deg);
  36. }
  37. 100% {
  38. -webkit-transform: rotate(360deg);
  39. transform: rotate(360deg);
  40. }
  41. }