logo

searx

My custom branche(s) on searx, a meta-search engine git clone https://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. }